@font-face {
    font-family: GT-Walsheim-Regular;
    src: url(../webfonts/GT-Walsheim-Regular.eot?) format("eot"),url(../webfonts/GT-Walsheim-Regular.woff) format("woff"),url(../webfonts/GT-Walsheim-Regular.ttf) format("truetype"),url(../webfonts/GT-Walsheim-Regular.svg#GT-Walsheim-Regular) format("svg")
}

@font-face {
    font-family: GT-Walsheim-Medium;
    src: url(../webfonts/GT-Walsheim-Medium.eot?) format("eot"),url(../webfonts/GT-Walsheim-Medium.woff) format("woff"),url(../webfonts/GT-Walsheim-Medium.ttf) format("truetype"),url(../webfonts/GT-Walsheim-Medium.svg#GT-Walsheim-Medium) format("svg")
}

@font-face {
    font-family: GT-Walsheim-Light;
    src: url(../webfonts/GT-Walsheim-Light.eot?) format("eot"),url(../webfonts/GT-Walsheim-Light.woff) format("woff"),url(../webfonts/GT-Walsheim-Light.ttf) format("truetype"),url(../webfonts/GT-Walsheim-Light.svg#GT-Walsheim-Light) format("svg")
}

@font-face {
    font-family: GT-Walsheim-Regular-Oblique;
    src: url(../webfonts/GT-Walsheim-Regular-Oblique.eot?) format("eot"),url(../webfonts/GT-Walsheim-Regular-Oblique.woff) format("woff"),url(../webfonts/GT-Walsheim-Regular-Oblique.ttf) format("truetype"),url(../webfonts/GT-Walsheim-Regular-Oblique.svg#GT-Walsheim-Regular-Oblique) format("svg")
}

@font-face {
    font-family: GT-Walsheim-Bold;
    src: url(../webfonts/GT-Walsheim-Bold.eot?) format("eot"),url(../webfonts/GT-Walsheim-Bold.woff) format("woff"),url(../webfonts/GT-Walsheim-Bold.ttf) format("truetype"),url(../webfonts/GT-Walsheim-Bold.svg#GT-Walsheim-Bold) format("svg")
}

@font-face {
    font-family: FrutigerLTStd-Light;
    src: url(../webfonts/FrutigerLTStd-Light.eot?) format("eot"),url(../webfonts/FrutigerLTStd-Light.woff) format("woff"),url(../webfonts/FrutigerLTStd-Light.ttf) format("truetype"),url(../webfonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light) format("svg")
}

@font-face {
    font-family: eir-bold-web;
    src: url(../webfonts/eir-bold-web.eot?) format("eot"),url(../webfonts/eir-bold-web.woff) format("woff"),url(../webfonts/eir-bold-web.woff2) format("woff2"),url(../webfonts/eir-bold-web.ttf) format("truetype"),url(../webfonts/eir-bold-web.svg#eir-bold-web) format("svg")
}

@font-face {
    font-family: eir-light-web;
    src: url(../webfonts/eir-light-web.eot?) format("eot"),url(../webfonts/eir-light-web.woff) format("woff"),url(../webfonts/eir-light-web.woff2) format("woff2"),url(../webfonts/eir-light-web.ttf) format("truetype"),url(../webfonts/eir-light-web.svg#eir-light-web) format("svg")
}

@font-face {
    font-family: eir-medium-web;
    src: url(../webfonts/eir-medium-web.eot?) format("eot"),url(../webfonts/eir-medium-web.woff) format("woff"),url(../webfonts/eir-medium-web.woff2) format("woff2"),url(../webfonts/eir-medium-web.ttf) format("truetype"),url(../webfonts/eir-medium-web.svg#eir-medium-web) format("svg")
}

@font-face {
    font-family: eir-regular-web;
    src: url(../webfonts/eir-regular-web.eot?) format("eot"),url(../webfonts/eir-regular-web.woff) format("woff"),url(../webfonts/eir-regular-web.woff2) format("woff2"),url(../webfonts/eir-regular-web.ttf) format("truetype"),url(../webfonts/eir-regular-web.svg#eir-regular-web) format("svg")
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden],template {
    display: none
}

a {
    background: 0 0
}

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

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

select {
    line-height: normal
}

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

td,th {
    padding: 0
}

*,:after,:before {
    box-sizing: border-box
}

body {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-family: GT-Walsheim-Regular,Arial;
    font-weight: 400;
    color: #242529;
    background: #FFF;
    text-align: center
}

h1 {
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: 400;
    line-height: 2.5rem;
    color: #242529
}

h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2rem;
    color: #242529
}

h3 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 2rem;
    color: #242529;
    margin: 1.25rem 0;
    padding: 0
}

h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #242529;
    margin: 0;
    padding: 0
}

h5 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    padding: 0
}

h6 {
    font-size: 14px;
    font-size: .875rem;
    margin: 0;
    padding: 0
}

a:link,a:visited {
    color: #242529;
    text-decoration: underline
}

a:active,a:focus,a:hover {
    color: #535759;
    text-decoration: underline
}

a {
    cursor: pointer
}

ul li {
    list-style: disc
}

ol li {
    list-style: decimal
}

hr {
    height: 1px;
    border: none;
    background: #CCC;
    color: #CCC;
    clear: both;
    margin-bottom: grid-gutter
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #535759;
    opacity: 1
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #535759;
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #535759;
    opacity: 1
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #535759;
    opacity: 1
}

input.placeholder,textarea.placeholder {
    color: #535759
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    color: transparent;
    opacity: 0
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {
    color: transparent;
    opacity: 0
}

input:focus.placeholder,textarea:focus.placeholder {
    color: transparent;
    opacity: 0
}

@media only screen and (min-width: 600px) {
    h1 {
        line-height:2rem
    }
}

.row {
    width: 100%;
    margin: 0 auto;
    max-width: 1140px
}

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

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin: 0 -20px;
    max-width: none
}

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

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

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

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    float: left
}

[class*=column]+[class*=column].end,[class*=column]+[class*=column]:last-child,[class*=columns]+[class*=columns].end,[class*=columns]+[class*=columns]:last-child {
    float: right
}

.columns {
    border: 1px solid #ececec;
    box-shadow: none
}

.row {
    margin-top: 10px
}

.row--transparent {
    background-color: transparent!important
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0
    }

    .small-offset-1 {
        margin-left: 8.33333%
    }

    .small-offset-1-half {
        margin-left: 12.499995%
    }

    .small-offset-2 {
        margin-left: 16.66667%
    }

    .small-offset-3 {
        margin-left: 25%
    }

    .small-offset-4 {
        margin-left: 33.33333%
    }

    .small-offset-5 {
        margin-left: 41.66667%
    }

    .small-offset-6 {
        margin-left: 50%
    }

    .small-offset-7 {
        margin-left: 58.33333%
    }

    .small-offset-8 {
        margin-left: 66.66667%
    }

    .small-offset-9 {
        margin-left: 75%
    }

    .small-offset-10 {
        margin-left: 83.33333%
    }

    .small-offset-11 {
        margin-left: 91.66667%
    }

    .small-offset-r0 {
        margin-right: 0
    }

    .small-offset-r1 {
        margin-right: 8.33333%
    }

    .small-offset-r1-half {
        margin-right: 12.499995%
    }

    .small-offset-r2 {
        margin-right: 16.66667%
    }

    .small-offset-r3 {
        margin-right: 25%
    }

    .small-offset-r4 {
        margin-right: 33.33333%
    }

    .small-offset-r5 {
        margin-right: 41.66667%
    }

    .small-offset-r6 {
        margin-right: 50%
    }

    .small-offset-r7 {
        margin-right: 58.33333%
    }

    .small-offset-r8 {
        margin-right: 66.66667%
    }

    .small-offset-r9 {
        margin-right: 75%
    }

    .small-offset-r10 {
        margin-right: 83.33333%
    }

    .small-offset-r11 {
        margin-right: 91.66667%
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,.columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.small-centered:last-child,.columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,.columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right
    }

    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-medium,.hide-for-medium-only,.hide-for-medium-up,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium-down,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large-down,.hide-for-medium-down,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-small-up,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-medium,.show-for-medium-only,.show-for-medium-up,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium-down,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium-down,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-small-up,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-medium,.visible-for-medium-only,.visible-for-medium-up,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }

    .row.small-uncollapse>.column,.row.small-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width: 600px) {
    .medium-push-0 {
        position:relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-offset-1-half {
        margin-left: 12.499995%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-offset-r0 {
        margin-right: 0
    }

    .medium-offset-r1 {
        margin-right: 8.33333%
    }

    .medium-offset-r1-half {
        right-left: 12.499995%
    }

    .medium-offset-r2 {
        margin-right: 16.66667%
    }

    .medium-offset-r3 {
        margin-right: 25%
    }

    .medium-offset-r4 {
        margin-right: 33.33333%
    }

    .medium-offset-r5 {
        margin-right: 41.66667%
    }

    .medium-offset-r6 {
        margin-right: 50%
    }

    .medium-offset-r7 {
        margin-right: 58.33333%
    }

    .medium-offset-r8 {
        margin-right: 66.66667%
    }

    .medium-offset-r9 {
        margin-right: 75%
    }

    .medium-offset-r10 {
        margin-right: 83.33333%
    }

    .medium-offset-r11 {
        margin-right: 91.66667%
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.medium-centered:last-child,.columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,.columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .hide-for-large,.hide-for-large-only,.hide-for-large-up,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large-down,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-medium-up,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large-down,.hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-small-up,.show-for-large,.show-for-large-only,.show-for-large-up,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-large,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large-down,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-small-up,.visible-for-large,.visible-for-large-only,.visible-for-large-up,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }

    .row.medium-uncollapse>.column,.row.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

@media only screen and (min-width: 750px) {
    .large-push-0 {
        position:relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-offset-1-half {
        margin-left: 12.499995%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-offset-r0 {
        margin-right: 0
    }

    .large-offset-r1 {
        margin-right: 8.33333%
    }

    .large-offset-r1-half {
        margin-right: 12.499995%
    }

    .large-offset-r2 {
        margin-right: 16.66667%
    }

    .large-offset-r3 {
        margin-right: 25%
    }

    .large-offset-r4 {
        margin-right: 33.33333%
    }

    .large-offset-r5 {
        margin-right: 41.66667%
    }

    .large-offset-r6 {
        margin-right: 50%
    }

    .large-offset-r7 {
        margin-right: 58.33333%
    }

    .large-offset-r8 {
        margin-right: 66.66667%
    }

    .large-offset-r9 {
        margin-right: 75%
    }

    .large-offset-r10 {
        margin-right: 83.33333%
    }

    .large-offset-r11 {
        margin-right: 91.66667%
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,.columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.large-centered:last-child,.columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,.columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right
    }

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

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .hide-for-medium,.hide-for-medium-down,.hide-for-medium-only,.hide-for-small,.hide-for-small-down,.hide-for-small-only,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.show-for-large,.show-for-large-down,.show-for-large-only,.show-for-large-up,.show-for-medium-up,.show-for-small-up {
        display: inherit!important
    }

    .hide-for-large,.hide-for-large-down,.hide-for-large-only,.hide-for-large-up,.hide-for-medium-up,.hide-for-small-up,.show-for-medium,.show-for-medium-down,.show-for-medium-only,.show-for-small,.show-for-small-down,.show-for-small-only,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up {
        display: none!important
    }

    .hidden-for-medium,.hidden-for-medium-down,.hidden-for-medium-only,.hidden-for-small,.hidden-for-small-down,.hidden-for-small-only,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.visible-for-large,.visible-for-large-down,.visible-for-large-only,.visible-for-large-up,.visible-for-medium-up,.visible-for-small-up {
        position: static!important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large,.hidden-for-large-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-medium-up,.hidden-for-small-up,.visible-for-medium,.visible-for-medium-down,.visible-for-medium-only,.visible-for-small,.visible-for-small-down,.visible-for-small-only,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xxlarge-only,.visible-for-xxlarge-up {
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px)
    }

    .row.large-uncollapse>.column,.row.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
}

.wrapper {
    width: 100%;
    display: block;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden
}

.wrapper--main-content {
    background-color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px
}

.wrapper-mobile {
    position: relative
}

@media only screen and (min-width: 600px) {
    .wrapper-mobile {
        position:static
    }
}

@media only screen and (min-width: 750px) {
    .wrapper--main-content {
        background-color:#FFF;
        padding-bottom: 10px
    }

    .wrapper--main-content-no-bgimg {
        background-color: #FFF
    }

    .wrapper {
        padding-left: 10px;
        padding-right: 10px
    }

    .wrapper.eir-nav__subnav-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.btn {
    text-decoration: none!important;
    color: #FFF!important;
    font-family: eir-medium-web,"Arial Medium";
    display: block;
    line-height: 1.5;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    padding: 10px;
    margin: 2.5% 5%;
    border: 0;
    outline: 0;
    border-radius: 3px
}

.btn--small {
    font-size: 14px;
    font-size: .875rem
}

.btn--medium {
    font-size: 16px;
    font-size: 1rem
}

.btn--large {
    font-size: 20px;
    font-size: 1.25rem
}

.btn--autowidth {
    text-align: center;
    display: inline-block;
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0
}

.btn--autowidth--small {
    padding-left: 25px;
    padding-right: 25px
}

.btn--small-desktop,.btn--small-desktop--reduced-pad {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-left: 0;
    margin-right: 0
}

.btn--orange {
    background-color: #242529
}

.btn--orange:focus,.btn--orange:hover {
    background-color: #535759
}

.btn--green {
    background-color: #8b00ee
}

.btn--green:focus,.btn--green:hover {
    background-color: #460976
}

.btn--purple {
    background-color: #ffc800
}

.btn--purple:focus,.btn--purple:hover {
    background-color: #ec8a0a
}

.btn--phone {
    background-color: #2f7ee1
}

.btn--phone:focus,.btn--phone:hover {
    background-color: #00327f
}

.btn--navy {
    background-color: #3ab600
}

.btn--navy:focus,.btn--navy:hover {
    background-color: #008b14
}

.btn--black {
    background-color: #242529
}

.btn--black:focus,.btn--black:hover {
    background-color: #535759
}

.btn--black.promocode__btn {
    padding: 7px 40px 6px!important;
    background-color: #535759!important
}

.btn--black.promocode__btn:hover {
    background-color: #535759!important
}

.btn--white {
    background-color: #FFF;
    color: #e30045!important
}

.btn--white:focus,.btn--white:hover {
    background-color: #e5e5e5
}

.btn--white__orange-text {
    color: #242529!important
}

.btn--gradient-orange-purple {
    background-color: #ffc800
}

.btn--gradient-orange-purple:focus,.btn--gradient-orange-purple:hover {
    background-color: #ec8a0a
}

.btn--disable {
    background-color: #ececec;
    cursor: default
}

.btn--disable:focus,.btn--disable:hover {
    background-color: #ececec
}

.btn--out-of-stock {
    background-color: #ececec;
    cursor: default
}

.btn--out-of-stock:focus,.btn--out-of-stock:hover {
    background-color: #ececec
}

.btn--remove {
    background-color: #535759
}

.btn--remove:hover {
    background-color: #25262a
}

.btn--arrow {
    padding-right: 15%;
    position: relative
}

.btn--arrow .icon-arrow_right_white {
    position: absolute;
    top: 18px;
    right: 10px
}

.btn--mobile--choose-phone {
    text-align: center;
    display: inline-block
}

.btn--turquoise-edge {
    background-color: #FFF;
    color: #00b5d5!important;
    border: 1px solid #00b5d5
}

.btn--turquoise-edge:focus,.btn--turquoise-edge:hover {
    background-color: #00b5d5;
    color: #FFF!important
}

.eir-bundle-builder-start-btn {
    position: fixed;
    right: -25px;
    top: 50%;
    z-index: 10000;
    display: block
}

.lpButton {
    top: 75px!important
}

@media only screen and (min-width: 750px) {
    .btn--small-desktop {
        width:auto;
        padding-left: 40px;
        padding-right: 40px
    }

    .btn--small-desktop--reduced-pad {
        width: auto;
        padding-left: 25px;
        padding-right: 25px
    }

    .btn--padding--desktop {
        padding-left: 40px;
        padding-right: 40px
    }

    .btn--desktop-margin-right {
        margin-right: 20px
    }

    .btn--mobile--choose-phone {
        display: block
    }
}

.brand-broadband {
    color: #242529!important
}

.brand-efibre {
    color: #00b5d5!important
}

.brand-tv {
    color: #e30045!important
}

.brand-mobile {
    color: #f116ba!important
}

.brand-phone {
    color: #2f7ee1!important
}

.brand-default {
    color: #242529!important
}

.brand-price {
    color: #e30045!important
}

.brand-white {
    color: #FFF!important
}

.bg-broadband {
    background-color: #242529!important
}

.bg-efibre {
    background-color: #00b5d5!important
}

.bg-mobile {
    background-color: #f116ba!important
}

.bg-tv {
    background-color: #e30045!important
}

.bg-white {
    background-color: #FFF!important
}

.bg-black {
    background-color: #242529!important
}

.bg-brown,.bg-grey-dark,.bg-grey-shade {
    background-color: #ececec!important
}

.bg-orange-shade {
    background-color: #FFF!important
}

.purple-gradient {
    background: #e30045
}

.tablet-show {
    display: block
}

.tablet-show--inline {
    display: inline-block
}

.tablet-hide,.tablet-hide--inline {
    display: none
}

.mobile-show {
    display: block
}

.mobile-show--inline {
    display: inline-block
}

.mobile-hide,.mobile-hide--inline {
    display: none
}

.mobile-visibile {
    visibility: visible!important
}

.mobile-non-visible {
    visibility: hidden!important
}

@media only screen and (max-width: 750px){
    .mobile-show,.mobile-show--inline {
        display:none
    }

    .mobile-hide {
        display: none!important;
    }

    .mobile-hide--inline {
        display: inline-block
    }

    .tablet-show {
        display: block
    }

    .tablet-show--inline {
        display: inline-block
    }

    .tablet-hide,.tablet-hide--inline {
        display: none
    }
}

@media only screen and (min-width: 750px) {
    .mobile-show,.mobile-show--inline {
        display:none!important
    }

    .mobile-hide {
        display: block!important;
    }

    .mobile-hide--inline {
        display: inline-block!important
    }

    .mobile-visibile {
        visibility: hidden!important
    }

    .mobile-non-visible {
        visibility: visible!important
    }

    .tablet-hide {
        display: block
    }

    .tablet-hide--inline {
        display: inline-block
    }

    .tablet-show,.tablet-show--inline {
        display: none
    }
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #242529;
    position: absolute;
    z-index: 100;
    padding: 15px
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #242529;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #242529;
    top: -20px;
    bottom: auto
}

#tooltip.left:after {
    left: 10px;
    margin: 0
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
    z-index: 999
}

.tooltip-container {
    width: 100%
}

.tooltip-container:after,.tooltip-container:before {
    content: " ";
    display: table
}

.tooltip-container:after {
    clear: both
}

.tooltip-text {
    float: left;
    margin-right: 10px
}

.tooltip-div {
    display: inline
}

.tooltip-wrapper {
    margin-top: 1em;
    margin-bottom: 1em
}

.tooltip-icon {
    display: inline-table;
    vertical-align: middle;
    margin-left: 5px;
    cursor: default
}

.tooltip-wrapper .tooltip__p-text {
    margin: 0!important;
    display: inline-block
}

.checkout-tooltip--wrapper--left {
    float: left
}

@media only screen and (min-width: 750px) {
    #tooltip {
        max-width:150px
    }

    .tooltip-text {
        width: 80%;
        margin-right: 2%
    }
}

.font-30 {
    font-size: 30px;
    font-size: 1.875rem
}

.font-26 {
    font-size: 26px;
    font-size: 1.625rem
}

.font-24 {
    font-size: 24px;
    font-size: 1.5rem
}

.font-22 {
    font-size: 22px;
    font-size: 1.375rem
}

.font-20 {
    font-size: 20px;
    font-size: 1.25rem
}

.font-18,.warning__text {
    font-size: 18px;
    font-size: 1.125rem
}

.font-16 {
    font-size: 16px;
    font-size: 1rem
}

.font-14 {
    font-size: 14px;
    font-size: .875rem
}

.font-12 {
    font-size: 12px;
    font-size: .75rem
}

.caps {
    text-transform: uppercase
}

.link-inherit {
    color: inherit!important;
    text-decoration: none!important
}

.no-margin {
    margin: 0
}

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

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

.no-border {
    border: none!important
}

.no-border-bottom {
    border-bottom: none!important
}

.no-border-top {
    border-top: none!important
}

.full-border {
    border: 1px solid #ececec!important
}

.no-padding {
    padding: 0!important
}

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

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

.no-padding-right {
    padding-right: 0!important
}

.no-padding-left {
    padding-left: 0!important
}

.padding-top-20 {
    padding-top: 20px!important
}

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

.padding-20 {
    padding: 20px!important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-underline {
    text-decoration: underline
}

.hide-content {
    display: none
}

.show-content {
    display: block
}

.hide-splash-content {
    display: none!important
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.icon-info-button-display-table {
    display: inline-table;
    margin-left: 15px;
    vertical-align: middle
}

.mobile-header {
    font-size: 18px;
    font-size: 1.125rem;
    background-color: #242529;
    text-align: left
}

.mobile-header p {
    margin-top: 10px;
    margin-bottom: 10px
}

.mobile-header__link {
    color: #FFF!important;
    text-decoration: none!important
}

.intro-block {
    text-align: left
}

.intro-block--padding-btm {
    padding-bottom: 20px
}

.intro-block__h1 {
    font-size: 26px;
    font-size: 1.625rem
}

.intro-block__h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: GT-Walsheim-Regular,Arial;
    line-height: 1.25rem
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lp-ribbon-click {
    display: none
}

@media only screen and (min-width: 750px) {
    .no-padding-right {
        padding-right:0!important
    }

    .no-padding-left {
        padding-left: 0!important
    }

    .vertical-align-middle {
        display: table-cell;
        vertical-align: middle
    }

    .display-block__desktop {
        display: block
    }

    .lp-ribbon-click {
        display: inline-block
    }
}

.table--no-scroll {
    margin: 0;
    width: 100%
}

.table--no-scroll td {
    padding: 1em;
    border: 1px solid #ececec;
    position: static
}

.table--no-scroll th {
    padding: 1em;
    border: 1px solid #ececec;
    background-color: #ececec;
    position: static
}

.table--scroll {
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    min-width: 750px
}

.table--scroll td {
    padding: 1em;
    border: 1px solid #242529;
    text-align: left
}

.table--scroll th {
    padding: 1em;
    border: 1px solid #242529;
    text-align: left;
    background-color: #ececec
}

.table--scroll--container {
    width: 100%;
    overflow-y: auto;
    overflow: auto;
    margin: 0 0 1em;
    -webkit-overflow-scrolling: touch
}

.table--scroll--container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px
}

.table--scroll--container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,.3)
}

.table--scroll--container__outer {
    position: relative
}

.table--stacktable thead th {
    font-size: 18px;
    font-size: 1.125rem
}

.table--stacktable thead tr {
    border: none
}

.table--stacktable tr {
    border: 2px solid #f1f1f1;
    border: 2px solid rgba(241,241,241,.2);
    background-clip: padding-box
}

.table--stacktable tr.noborder {
    border: none
}

.table--stacktable td,th {
    padding-left: 10px
}

.table--stacktable .border-col {
    text-align: center;
    padding: 0
}

.table--stacktable .border-seperate {
    border: 2px solid #f1f1f1;
    border: 2px solid rgba(241,241,241,.2);
    background-clip: padding-box;
    padding: 10px;
    margin-right: 10px;
    border-bottom: none
}

.table--stacktable .border-grey {
    border: 1px solid #e1e1e1!important;
    padding: 10px
}

.bg_even td {
    background: #f1efed
}

.table--stacktable td .border-seperate {
    border-top: none
}

.table--stacktable .border-seperate--last {
    margin-right: 0
}

.table--stacktable .highlight {
    background: url(/opencms/export/sites/default/.galleries/eircom/table-stacktable-transparent-bg.png)
}

.stacktable.borders tr {
    border: none!important
}

.stacktable.borders td,.stacktable.borders th {
    border: 1px solid #e1e1e1!important
}

.stacktable.borders th.st-head-row {
    background: #f1efed
}

.table--comparison td {
    width: 25%
}

.table--comparison {
    background-color: #FFF
}

.table--comparison__header {
    line-height: 2rem;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: GT-Walsheim-Light,"Arial Light"
}

@media only screen and (min-width: 750px) {
    .table--scroll--container__fade {
        display:none
    }

    .table-60-desktop {
        width: 60%
    }

    .table--comparison__header {
        line-height: 2.5rem;
        font-size: 32px;
        font-size: 2rem
    }
}

.toggle-slide {
    background-color: #ececec;
    padding: 10px 20px;
    text-align: left;
    border: 2px dotted #535759;
    border-right: none;
    border-left: none;
    cursor: pointer
}

.toggle-slide:after,.toggle-slide:before {
    content: " ";
    display: table
}

.toggle-slide:after {
    clear: both
}

.toggle-slide__link,.toggle-slide__link--moblile-details {
    font-size: 18px;
    font-size: 1.125rem;
    color: #242529!important;
    text-decoration: none!important
}

.toggle-slide__link--text {
    float: left;
    width: 80%
}

.toggle-slide__content {
    background-color: #FFF;
    padding: 10px 20px 0;
    border: 2px dotted #535759;
    border-right: none;
    border-left: none;
    border-top: none;
    text-align: left
}

.toggle-slide--minus-bt {
    border-top: none
}

.toggle-slide__content--minus-p {
    background: #ececec;
    padding: 0
}

.toggle__icon--minus,.toggle__icon--plus {
    float: right;
    margin-top: 6px;
    padding-left: 20px
}

.toggle-box {
    background-color: #ececec;
    border: 1px solid #ececec;
    padding: 0 10px;
    position: relative;
    text-align: left
}

.toggle-box-mobile.toggle-box {
    margin: 20px 0
}

.toggle-box--arrow {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/box-triangle.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 13px;
    position: relative;
    z-index: 1000;
    margin-top: -12px
}

.toggle-box-mobile .toggle-box--arrow {
    margin-left: calc(100% - 54%)!important;
    margin-left: 46%
}

.toggle-box--arrow__item1 {
    margin-left: 10%
}

.toggle-box--arrow__item2 {
    margin-left: 36%
}

.toggle-box--arrow__item3 {
    margin-left: 62%
}

.toggle-box--arrow__item4 {
    margin-left: 88%
}

@media only screen and (min-width: 600px) {
    .toggle-slide__link--text {
        float:left;
        width: 95%
    }

    .toggle-slide__link--moblile-details .toggle-slide__link--text {
        width: 90%
    }

    .toggle-box:before {
        left: 49.9%
    }
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left
}

.resp-tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ececec;
    border-top: none;
    background-color: #ececec
}

.resp-tab-active {
    border-bottom: none!important;
    border-top: 3px solid #242529!important;
    background-color: #ececec
}

.tab-content--container {
    background-color: #FFF;
    padding: 15px;
    text-align: left;
    border: 1px solid #ececec
}

.resp-accordion-active,.resp-content-active {
    display: block
}

.resp-tab-item:first-child {
    border-left: 1px solid #ececec!important
}

ul.resp-tabs-list {
    margin: auto 0;
    padding: 0;
    display: table;
    width: 100%
}

.resp-tabs-list li {
    display: table-cell;
    padding: 20px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    color: #242529;
    text-align: center;
    border: 1px solid #ececec;
    border-left: none
}

h3.resp-accordion {
    display: none;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    color: #242529;
    border: 1px solid #ececec;
    border-top: none;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    background-color: #ececec
}

h3.resp-accordion:first-child {
    border: 1px solid #ececec
}

.tab__icon {
    float: right;
    margin-top: 0
}

.resp-tab-content-active {
    display: block
}

#tab__container--moblile-details .resp-tabs-list li {
    padding: 10px
}

@media only screen and (max-width: 750px) {
    ul.resp-tabs-list {
        display:none
    }

    h3.resp-accordion:first-child {
        border-top: 2px dotted #535759!important;
        border-bottom: 2px dotted #535759
    }

    h3.resp-accordion {
        display: block;
        border-bottom: 2px dotted #535759
    }

    .resp-tab-active {
        border-top: none!important
    }

    .resp-tab-content-active {
        border-top: 2px dotted #535759!important
    }

    .resp-tab-content {
        background-color: #FFF;
        padding: 5px
    }

    .resp-accordion-closed {
        display: none!important
    }

    .tab-content--container {
        border: none
    }
}

.list--tick {
    padding-left: 20px;
    word-break: break-all
}

.list--tick li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick.png);
    margin-bottom: 10px;
    zoom:1;word-break: keep-all;
    word-break: break-word
}

.list--tick--tv li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick-purple.png)
}

.list--tick--orange li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick-orange.png)
}

.list--tick--grey {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick-grey.png)!important
}

.list--tick__icon {
    display: inline-table;
    vertical-align: middle
}

.list--tick__mobile li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick-mobile.png)
}

.list--tick--large-green li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick-green-large.png)
}

.list--tick__image {
    padding-left: 0
}

.list--tick__image li {
    list-style: none;
    word-break: break-word;
    margin-bottom: 10px;
    padding: 5px 0 5px 35px
}

.list--tick__image.list--tick__image--efibre li {
    background: url(/opencms/export/sites/default/.galleries/eircom/icons-nonsvg/tick-efibre.png) left top no-repeat
}

.list--tick__image.list--tick__image--mobile li {
    background: url(/opencms/export/sites/default/.galleries/eircom/icons-nonsvg/tick-mobile.png) left top no-repeat
}

.list--tick__image.list--tick__image--tv li {
    background: url(/opencms/export/sites/default/.galleries/eircom/icons-nonsvg/tick-tv.png) left top no-repeat
}

.list--tick__image.list--tick__image--eircom li {
    background: url(/opencms/export/sites/default/.galleries/eircom/icons-nonsvg/tick-eircom.png) left top no-repeat
}

.list--tick__image.list--tick__image--eir-vision li {
    background: url(/opencms/export/sites/default/.galleries/eircom/icons-nonsvg/tick-eir-vision.png) left top/24px no-repeat;
    margin-bottom: 7.5px
}

.list__no-style {
    padding-left: 5px;
    word-break: break-all
}

.list__no-style li {
    list-style: none
}

.list--pad-left-20 {
    padding-left: 20px
}

.list--bullet {
    padding-left: 0
}

.list--bullet li {
    list-style: none
}

.list--bullet li:before {
    content: "\2022 ";
    padding-right: 10px
}

.list--bullet--green li:before {
    color: #00b5d5
}

.multiple-list__block {
    display: table;
    margin: 0 auto
}

.multiple-list__list-segment {
    padding-bottom: 10px
}

@media only screen and (min-width: 600px) {
    .multiple-list__block {
        width:100%
    }

    .multiple-list__list-segment {
        display: table-cell;
        padding-right: 10px
    }
}

@media only screen and (min-width: 750px) {
    .list--tick--pad-left-20 {
        padding-left:20px!important
    }
}

.float-block--left--tv {
    padding-top: 17px
}

.float-block--right--tv {
    padding-bottom: 17px
}

.float-block--tv--image img {
    max-width: 179px;
    margin: auto
}

.float-block--border {
    border: 1px solid #E1E1E1;
    padding: 15px;
    margin-bottom: 10px
}

@media only screen and (min-width: 750px) {
    .float-block__container:after,.float-block__container:before {
        content:" ";
        display: table
    }

    .float-block__container:after {
        clear: both
    }

    .float-block--left {
        float: left
    }

    .float-block--right {
        float: right
    }

    .float-block--left--tv {
        width: 50%
    }

    .float-block--right--tv {
        width: 50%;
        padding-top: 17px;
        padding-bottom: 0
    }

    .float-block--left--70 {
        width: 70%;
        padding-right: 10px
    }

    .float-block--left--50 {
        width: 50%;
        padding-right: 10px
    }

    .float-block--left--45 {
        width: 45%
    }

    .float-block--left--65 {
        width: 65%
    }

    .float-block--right--55 {
        width: 55%
    }

    .float-block--right--35 {
        width: 35%
    }

    .float-block--tv--text {
        width: 60%;
        padding-right: 10px
    }

    .float-block--tv--image {
        width: 40%
    }
}

.fullwidth-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

.image__roundel-sm {
    max-width: 80px
}

.image__roundel-md {
    max-width: 114px
}

.image__roundel-lg {
    max-width: 170px
}

input:focus,select:focus {
    outline: 0;
    border-color: #242529!important
}

input {
    box-sizing: border-box;
    border: 1px solid #ececec;
    padding: 6px 4px;
    height: 37px;
    margin-top: 5px
}

input[type=checkbox],input[type=submit] {
    height: inherit
}

.eir-form-labels {
    display: inline-block;
    width: 150px
}

.switching-form-basic {
    padding-bottom: 50px
}

.switching-form-submit-button {
    padding: 7px 20px;
    background-color: #00b5d5;
    text-decoration: none!important;
    color: #fff!important;
    border: none!important
}

.switching-form-submit-button:focus,.switching-form-submit-button:hover {
    background-color: #00859C
}

#backtotop {
    position: fixed;
    right: 24px;
    bottom: 100px;
    width: 60px;
    height: 60px;
    transition: all .2s ease 0s;
    background: #e30045;
    border-radius: 30px;
    z-index: 5000;
    display: none
}

#backtotop a {
    font-size: 14px;
    font-size: .875rem;
    width: 60px;
    height: 60px;
    padding-top: 25px;
    text-align: center;
    display: block;
    background: url(/opencms/export/sites/default/.galleries/eircom/tv/tv-ab/back-to-top/back-to-top.png) 50% 10px no-repeat;
    color: #FFF;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none
}

div[data-accordion=true] div h3.show-hide__target__mobile-head {
    display: block;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ececec;
    position: relative
}

div[data-accordion=true] div h3.show-hide__target__mobile-head.open {
    background: #ececec
}

div[data-accordion=true] div h3.show-hide__target__mobile-head .icon-symbol-minus,div[data-accordion=true] div h3.show-hide__target__mobile-head .icon-symbol-plus {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.show-hide__target {
    border: 1px solid #ececec;
    border-top: none;
    border-bottom: none
}

.show-hide__target:first-of-type {
    border: 1px solid #ececec;
    border-bottom: none
}

.show-hide__target:last-of-type {
    border: 1px solid #ececec;
    border-top: none;
    border-bottom: none
}

.show-hide__target div.open {
    border-bottom: 1px solid #ececec
}

.show-hide__trigger[data-accordion=true] {
    display: none!important
}

.show-hide__target>div {
    display: none;
    padding: 20px;
    width: 100%;
    height: auto
}

.show-hide__target:first-of-type>div {
    display: block
}

@media only screen and (min-width: 750px) {
    .show-hide__target__mobile-head {
        display:none
    }

    .content-block h3.show-hide__target__mobile-head {
        display: none!important
    }

    .show-hide__trigger[data-accordion=true] {
        display: block!important;
        position: relative
    }
}

.line-break__roundel--or {
    margin-top: 70px
}

.nav--utilities__link {
    border-bottom: 1px solid #ececec;
    background-color: #ececec;
    color: #242529!important
}

.nav--utilities__link:focus,.nav--utilities__link:hover {
    background-color: #ececec;
    text-decoration: none
}

.nav--utilities__link:active {
    color: #242529!important;
    outline: 0
}

.nav--utilities__item--mobile-hide {
    display: none!important
}

@media only screen and (min-width: 750px) {
    .nav--utilities {
        top:30px;
        right: 0;
        position: absolute
    }

    .nav--utilities--hub {
        top: 40px
    }

    .nav--utilities__list {
        display: table!important;
        width: 100%
    }

    .nav--utilities__item {
        display: table-cell!important;
        float: none;
        text-align: center
    }

    .nav--utilities__link {
        display: block!important;
        border-right: 1px;
        border-bottom: 0;
        background-color: #FFF;
        margin-left: 15px;
        transition: background-color .2s ease-in-out
    }

    .nav--utilities__link:focus,.nav--utilities__link:hover {
        background-color: #FFF!important;
        text-decoration: underline!important
    }

    .nav--utilities__link--last {
        background-color: #ececec;
        border-radius: 5px
    }

    .nav--utilities__link--last:focus,.nav--utilities__link--last:hover {
        background-color: #ececec!important;
        text-decoration: none!important
    }

    .nav--utilities__link--last:active {
        color: #242529!important;
        outline: 0
    }

    .nav--utilities__link--selected,.nav--utilities__link--selected--no-arrow {
        color: #242529!important
    }

    .nav--utilities__link--selected:after {
        border: solid transparent;
        border-bottom-color: #242529;
        content: " ";
        color: #242529;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 7px;
        margin-top: 20px;
        left: 18%;
        bottom: -41%;
        margin-left: -4px
    }

    .nav--utilities--hub .nav--utilities__link--selected:after {
        color: #242529;
        border-bottom-color: #242529
    }
}

.header-block {
    text-align: left;
    margin-top: 0!important
}

.header-top {
    border: 1px solid #ececec;
    border-top: 0;
    box-shadow: 0 4px 2px #ececec;
    margin-bottom: 4px
}

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

.header-top:after {
    clear: both
}

.header-top--margin {
    margin-bottom: 0!important
}

.logo {
    float: left;
    padding: 10px
}

.logo__image {
    max-width: 180px
}

.nav {
    display: none
}

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

@media only screen and (min-width: 600px) {
    .logo__image {
        max-width:none
    }
}

@media only screen and (min-width: 750px) {
    .header {
        position:relative;
        margin-bottom: 10px
    }

    .header-top {
        border: 0;
        box-shadow: none
    }

    .nav {
        display: block
    }
}

.nav__btn {
    float: right;
    padding: 20px 10px 10px
}

.nav__list {
    margin: 0;
    padding: 0!important;
    width: 100%;
    display: block;
    list-style: none
}

.nav__item {
    display: inline;
    font-size: 18px;
    font-size: 1.125rem
}

.nav__link {
    display: block;
    padding: 10px;
    text-decoration: none!important
}

.nav__arrow {
    padding: 5px;
    float: right;
    margin-top: 8px
}

.nav__arrow--middle {
    float: none!important;
    display: inline-block;
    margin-left: 8px
}

.nav--close__item {
    font-size: 16px;
    font-size: 1rem;
    text-align: center
}

.nav--close__link {
    background-color: #242529!important;
    color: #FFF!important
}

@media only screen and (min-width: 750px) {
    .nav--close__item,.nav--utilities__list--home,.nav__arrow,.nav__btn {
        display:none
    }

    .nav__item {
        font-size: 14px;
        font-size: .875rem
    }
}

.nav--main,.nav--main--hub {
    background-color: #242529
}

.nav--main--checkout {
    display: none
}

.nav--main__link {
    border-bottom: 1px solid #535759;
    color: #FFF!important
}

.nav--main--hub .nav--main__link {
    border-bottom: 1px solid #ececec
}

.nav--main__link:focus,.nav--main__link:hover {
    text-decoration: none!important
}

.nav--main__link:active {
    color: #242529!important;
    outline: 0
}

@media only screen and (min-width: 750px) {
    .nav--main {
        top:0;
        right: 0;
        left: 0;
        position: relative;
        border-radius: 5px
    }

    .nav--main--checkout {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 3px;
        background-color: #242529;
        display: block
    }

    .nav--main__list {
        display: table;
        width: 100%
    }

    .nav--main__item {
        display: table-cell;
        float: none;
        text-align: center;
        padding: 10px 0 0;
        font-size: 16px;
        font-size: 1rem;
        transition: background-color .2s ease-in-out
    }

    .nav--main__list .nav--main__item:first-child>a {
        margin-left: 15px!important
    }

    .nav--main__list .nav--main__item:last-child>a {
        margin-right: 15px!important;
        background-image: none
    }

    .nav--main--hub .nav--main__item:hover,.nav--main__item:hover {
        background-color: #535759
    }

    .nav--main__item:first-child:hover {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .nav--main__item:last-child:hover {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .nav--main__item--selected:hover {
        background-color: #242529!important
    }

    .nav--main__link {
        display: block;
        border-bottom: 0;
        padding: 5px 10px 15px!important;
        background: url(/opencms/export/sites/default/.galleries/eircom/separator.png) right bottom no-repeat
    }

    .nav--main__link:focus,.nav--main__link:hover {
        background-color: transparent;
        text-decoration: underline!important
    }

    .nav--main__link:active {
        color: #242529!important;
        outline: 0
    }

    .nav--main__link--selected {
        background-color: #FFF;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #242529!important
    }

    .nav--main__link--selected:focus,.nav--main__link--selected:hover {
        background-color: #FFF!important
    }

    .nav--main__link--selected:active {
        color: #242529!important;
        outline: 0
    }
}

.subnav-block {
    background-color: #FFF;
    text-align: left
}

.subnav-block .columns {
    padding-left: 0;
    padding-right: 0
}

.nav--sub--mobile h3 {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    padding-top: 10px;
    padding-left: 20px
}

.nav--sub--mobile__link {
    padding-left: 20px;
    border-bottom: 1px solid #ececec
}

.nav--sub--mobile__link--last {
    border-bottom: none
}

@media only screen and (min-width: 750px) {
    .nav--sub {
        border-radius:5px;
        border-left: 1px solid #ececec;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }

    .nav--sub__list {
        display: table;
        width: 100%;
        margin-bottom: 5px
    }

    .nav--sub__item {
        display: table-cell;
        float: none;
        text-align: center
    }

    .nav--sub__link:focus,.nav--sub__link:hover {
        text-decoration: underline!important
    }

    .nav--sub__link--eircom--selected,.nav--sub__link--eircom:focus,.nav--sub__link--eircom:hover,.nav--sub__link:active {
        color: #242529!important
    }

    .nav--sub__link--tv--selected,.nav--sub__link--tv:focus,.nav--sub__link--tv:hover {
        color: #e30045!important
    }

    .nav--sub__link--mobile--selected,.nav--sub__link--mobile:focus,.nav--sub__link--mobile:hover {
        color: #f116ba!important
    }

    .nav--sub__link--broadband:focus,.nav--sub__link--broadband:hover {
        color: #00b5d5
    }

    .nav--sub__link--broadband--selected {
        color: #00b5d5!important
    }

    .nav--sub__link--tv {
        color: #e30045
    }

    .nav--sub__link--tv--selected {
        color: #e30045!important
    }

    .nav--sub__link {
        display: block
    }
}

.eir-nav__header {
    margin-bottom: 0!important
}

.eir-nav__wrapper,.eir-nav__wrapper ul {
    padding: 0
}

.eir-nav__wrapper .row {
    margin-top: 0
}

.row.eir-nav__stickynav-row {
    margin-top: 10px
}

.eir-nav__wrapper ul li {
    list-style-type: none;
    display: inline
}

.eir-nav__wrapper ul li a {
    text-decoration: none!important;
    margin-left: 7.5px;
    font-size: 14px;
    font-size: .875rem
}

.eir-nav__stickynav ul li a {
    font-family: GT-Walsheim-Regular,Arial;
    color: #000
}

.eir-nav__wrapper {
    overflow: visible;
    -ms-overflow-style: none
}

.eir-nav__midnav-wrapper,.eir-nav__subnav-wrapper {
    overflow: hidden
}

.eir-nav__midnav-wrapper ul li a {
    font-size: 20px;
    font-size: 1.25rem;
    margin-left: 50px
}

.eir-nav__midnav {
    padding-bottom: 8px
}

.eir-nav__subnav-wrapper ul li a {
    font-size: 14px;
    font-size: .875rem;
    margin-left: 50px
}

.eir-nav__midnav-wrapper ul {
    margin-bottom: 7px;
    padding-top: 20px
}

.eir-nav__midnav,.eir-nav__stickynav,.eir-nav__subnav {
    text-align: right;
    border: none;
    white-space: nowrap
}

.eir-nav__stickynav-wrapper {
    background: #F4F5F9
}

.eir-nav__stickynav {
    background: #F4F5F9;
    margin-top: -12px;
    padding-left: 0
}

.eir-nav__stickynav ul {
    margin: 3px
}

.eir-nav__midnav ul li a {
    font-family: eir-medium-web,"Arial Medium";
    color: #FFF
}

.eir-nav__dot {
    position: absolute;
    z-index: 2;
    margin-top: 109px;
    margin-left: 190px
}

.eir-nav__wrapper .eir-nav__logo img {
    width: 140px
}

.eir-nav__subnav,.eir-nav__subnav-wrapper {
    background: #FFF
}

.eir-nav__subnav ul li a {
    font-family: GT-Walsheim-Medium,"Arial Medium";
    padding: 13px 0
}

.eir-nav__logo {
    position: absolute;
    z-index: 2;
    margin-top: 25px;
    margin-left: 12.5px;
    width: 140px;
    height: 93px
}

.eir-nav__wholesale-tv .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-tv.gif) no-repeat
}

.eir-nav__wholesale-tv .eir-nav__midnav,.eir-nav__wholesale-tv .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-tv .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-tv .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-tv .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #e30045
}

.eir-nav__wholesale-tv .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #e30045;
    color: #000
}

.eir-nav__wholesale-tv .eir-nav__subnav a.active {
    color: #e30045;
    border-bottom: solid 6px #e30045
}

.eir-nav__wholesale-home .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-home.gif) no-repeat
}

.eir-nav__wholesale-home .eir-nav__midnav,.eir-nav__wholesale-home .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-home .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-home .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-home .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #e30045
}

.eir-nav__wholesale-home .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #e30045;
    color: #000
}

.eir-nav__wholesale-home .eir-nav__subnav a.active {
    color: #e30045;
    border-bottom: solid 6px #e30045
}

.eir-nav__wholesale-checkout .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-checkout.gif) no-repeat
}

.eir-nav__wholesale-checkout .eir-nav__midnav,.eir-nav__wholesale-checkout .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-checkout .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-checkout .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-checkout .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #e30045
}

.eir-nav__wholesale-checkout .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #e30045;
    color: #000
}

.eir-nav__wholesale-checkout .eir-nav__subnav a.active {
    color: #e30045;
    border-bottom: solid 6px #e30045
}

.eir-nav__wholesale-broadband .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-broadband.gif) no-repeat
}

.eir-nav__wholesale-broadband .eir-nav__midnav,.eir-nav__wholesale-broadband .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-broadband .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-broadband .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-broadband .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #00b5d5
}

.eir-nav__wholesale-broadband .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #00b5d5;
    color: #000
}

.eir-nav__wholesale-broadband .eir-nav__subnav a.active {
    color: #00b5d5;
    border-bottom: solid 6px #00b5d5
}

.eir-nav__wholesale-mobile .eir-nav__midnav-wrapper ul li a:hover {
    color: #FFF
}

.eir-nav__wholesale-bundles .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-bundles.gif) no-repeat
}

.eir-nav__wholesale-bundles .eir-nav__midnav,.eir-nav__wholesale-bundles .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-bundles .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-bundles .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-bundles .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #ffc800
}

.eir-nav__wholesale-bundles .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #ffc800;
    color: #000
}

.eir-nav__wholesale-bundles .eir-nav__subnav a.active {
    color: #ffc800;
    border-bottom: solid 6px #ffc800
}

.eir-nav__wholesale-phone .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-phone.gif) no-repeat
}

.eir-nav__wholesale-phone .eir-nav__midnav,.eir-nav__wholesale-phone .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-phone .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-phone .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-phone .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #a6d400
}

.eir-nav__wholesale-phone .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #a6d400;
    color: #000
}

.eir-nav__wholesale-phone .eir-nav__subnav a.active {
    color: #a6d400;
    border-bottom: solid 6px #a6d400
}

.eir-nav__wholesale-tertiary .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-tertiary.gif) no-repeat
}

.eir-nav__wholesale-tertiary .eir-nav__midnav,.eir-nav__wholesale-tertiary .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-tertiary .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-tertiary .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-tertiary .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #2f7ee1
}

.eir-nav__wholesale-tertiary .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #2f7ee1;
    color: #000
}

.eir-nav__wholesale-tertiary .eir-nav__subnav a.active {
    color: #2f7ee1;
    border-bottom: solid 6px #2f7ee1
}

.eir-nav__wholesale-support .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-support.gif) no-repeat
}

.eir-nav__wholesale-support .eir-nav__midnav,.eir-nav__wholesale-support .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-support .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-support .eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-support .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #2f7ee1
}

.eir-nav__wholesale-support .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #2f7ee1;
    color: #000
}

.eir-nav__wholesale-support .eir-nav__subnav a.active {
    color: #2f7ee1;
    border-bottom: solid 6px #2f7ee1
}

.eir-nav__wholesale-mobile .eir-nav__logo {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/logos/eir-logo-mobile.gif) no-repeat
}

.eir-nav__wholesale-mobile .eir-nav__midnav,.eir-nav__wholesale-mobile .eir-nav__midnav-wrapper {
    background: #FFF
}

.eir-nav__wholesale-mobile .eir-nav__midnav-wrapper ul li a,.eir-nav__wholesale-mobile.eir-nav__midnav-wrapper ul li a:hover {
    color: #000
}

.eir-nav__wholesale-mobile .eir-nav__midnav ul li a.active {
    border-bottom: 5px solid #f116ba
}

.eir-nav__wholesale-mobile .eir-nav__subnav ul li a:hover {
    border-bottom: solid 6px #f116ba;
    color: #000
}

.eir-nav__wholesale-mobile .eir-nav__subnav a.active {
    color: #f116ba;
    border-bottom: solid 6px #f116ba
}

.eir-nav__midnav-wrapper ul li a {
    padding: 14px 0
}

.eir-nav__midnav-wrapper ul li a:hover {
    opacity: .8
}

.eir-nav__left {
    float: left
}

.eir-nav__menu-btn.close,.eir-nav__mob-links {
    display: none
}

.eir-nav__mob-menu-img {
    float: right;
    margin-top: -47px
}

.eir-nav__list.nav__list {
    text-align: left;
    background: #000
}

.eir-nav__list li a {
    border: none!important;
    padding-left: 20px;
    font-family: eir-medium-web,"Arial Medium"
}

.eir-nav__mobile {
    display: none;
    width: 100%
}

.eir-nav__stickynav-mobile {
    padding-bottom: 20px!important;
    padding-left: 20px!important;
    text-align: left
}

.eir-nav__stickynav-mobile li a {
    font-size: 12px!important
}

.eir-nav__nav-main.nav--main,.nav--main__link:focus,.nav--main__link:hover {
    background-color: #242529
}

.eir-nav-subnav-mobile {
    background: #54585a
}

.eir-nav-subnav-mobile ul li a {
    padding: 10px 35px!important;
    font-size: 14px
}

.eir-nav-links .row {
    margin: 0!important;
    display: none
}

ul.eir-nav__stickynav-mobile {
    padding-top: 3px
}

.eir-nav-subnav-mobile ul {
    padding-top: 0
}

.eir-nav__mobile .icon-arrow_down_white,.eir-nav__mobile .icon-arrow_up_white {
    width: 20px;
    height: 20px
}

.eir-mob-toggle-slide__content {
    width: 100%!important;
    display: none
}

.eir-mob-toggle-slide__content ul {
    margin-bottom: 0
}

.wrapper.eir-nav__midnav-wrapper-no-menu {
    padding: 0;
    background: #FFF
}

.wrapper.eir-nav__midnav-wrapper-no-menu .no-menu-row {
    padding: 40px 0
}

.wrapper.eir-nav__midnav-wrapper-no-menu ul {
    padding: 12px 0
}

.eir-no-menu-row {
    background: #000
}

.eir-no-menu-row .eir-nav__nav-main ul li a {
    color: #FFF
}

.icon-arrow_up_white.nav__arrow {
    display: none
}

.eir-no-menu-row ul {
    padding-bottom: 15px!important
}

@media (max-width: 1120px) {
    .eir-nav__subnav-wrapper ul li a {
        margin-left:20px
    }
}

@media (max-width: 1065px) {
    .eir-nav__midnav ul li a {
        font-size:15px
    }

    .eir-nav__midnav {
        padding-bottom: 14px
    }
}

@media (max-width: 950px) {
    .eir-nav__midnav ul li a,.eir-nav__subnav ul li a {
        font-size:13px;
        margin-left: 25px
    }

    .eir-nav__subnav-wrapper ul li a {
        font-size: 12px;
        font-size: .75rem;
        margin-left: 20px
    }

    .eir-nav__midnav {
        padding-bottom: 14px
    }

    .eir-nav__subnav-wrapper {
        width: 100%
    }

    .eir-nav__subnav-wrapper>.row {
        padding-right: 105px;
        overflow: hidden
    }
}

@media (max-width: 750px) {
    .eir-nav__subnav-wrapper {
        margin-left:0
    }

    .eir-nav__midnav {
        height: 68px
    }

    .eir-nav__wrapper .eir-nav__logo img {
        width: 115px
    }

    .eir-nav__midnav ul.eir-nav-links,.eir-nav__subnav ul li a {
        display: none
    }

    .eir-nav__mob-links {
        display: block
    }

    .eir-nav__midnav-wrapper ul li a {
        margin-left: 0
    }

    .eir-nav__menu-btn.close {
        display: none
    }

    .eir-nav-links .row,.eir-nav__menu-btn.show {
        display: inherit
    }

    .eir-nav__midnav-wrapper-no-menu .no-menu-row,.eir-nav__subnav-wrapper,.row.eir-mob-toggle-slide__content {
        display: none
    }

    .eir-nav__midnav.large-12.columns {
        padding: 40px 25px
    }

    .eir-nav__mob-menu-img.no-menu {
        margin-top: 0;
        margin-right: 20px
    }
}

.eir-wrapper h1,.eir-wrapper h2,.eir-wrapper h3,.eir-wrapper h4,.eir-wrapper h5,.eir-wrapper h6 {
    font-family: eir-medium-web,"Arial Medium"
}

.eir-wrapper h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 2rem
}

.eir-wrapper h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 2rem
}

.eir-wrapper h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.eir-wrapper h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8rem
}

.eir-wrapper h5,.eir-wrapper h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6rem
}

.eir-wrapper .eir-subtitle {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 2rem
}

.eir-wrapper .eir-subtitle--small {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8rem
}

@media only screen and (min-width: 750px) {
    .eir-wrapper h1 {
        font-size:36px;
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .eir-wrapper h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 2rem
    }

    .eir-wrapper h3 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.8rem
    }

    .eir-wrapper h4 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.7rem
    }

    .eir-wrapper h5,.eir-wrapper h6 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.8rem
    }

    .eir-wrapper .eir-subtitle {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.7rem
    }

    .eir-wrapper .eir-subtitle--small {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.8rem
    }
}

.eir-button {
    display: block;
    text-decoration: none!important;
    box-shadow: 1px 2px 2px rgba(0,0,0,.5);
    color: #FFF!important;
    transition: background-color .25s ease-out
}

.eir-button:hover {
    text-decoration: none;
    color: #FFF
}

.eir-button__container {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: eir-medium-web,"Arial Medium";
    line-height: 24px;
    margin: auto;
    text-align: center
}

.eir-button--small {
    width: 80px;
    height: 80px;
    border-radius: 40px
}

.eir-button--small .eir-button__container {
    padding-top: 35%;
    width: 70px
}

.eir-button--medium {
    width: 125px;
    height: 125px;
    border-radius: 65px
}

.eir-button--medium .eir-button__container {
    padding-top: 30%;
    width: 90px
}

.eir-button__banner {
    width: 80px;
    height: 80px;
    border-radius: 40px
}

.eir-button__banner .eir-button__container {
    padding-top: 28%;
    width: 70px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px
}

.eir-button__banner .eir-button__container--smaller-text {
    font-size: 14px;
    font-size: .875rem;
    line-height: 14px
}

.eir-button--purple {
    background-color: #8b00ee
}

.eir-button--purple:hover {
    background-color: #460967
}

.eir-button--turquoise {
    background-color: #00b5d5
}

.eir-button--turquoise:hover {
    background-color: #00556f
}

.eir-button--red {
    background-color: #e30045
}

.eir-button--red:hover {
    background-color: #a42129
}

.eir-button--yellow {
    background-color: #ffc800
}

.eir-button--yellow:hover {
    background-color: #ec8a0a
}

.eir-button--blue {
    background-color: #2f7ee1
}

.eir-button--blue:hover {
    background-color: #00327f
}

.eir-button--lime {
    background-color: #a6d400
}

.eir-button--lime:hover {
    background-color: #790
}

.eir-button--pink {
    background-color: #f116ba
}

.eir-button--pink:hover {
    background-color: #b10071
}

.eir-button--green {
    background-color: #3ab600
}

.eir-button--green:hover {
    background-color: #008b14
}

.eir-button--grey--dark {
    background-color: #242529
}

.eir-button--grey--dark:hover {
    background-color: #535759
}

.eir-button--grey--light {
    background-color: #ececec
}

.eir-button--grey--light:hover {
    background-color: #C5C5C5
}

.eir-button--grey--mid {
    background-color: #535759
}

.eir-button--grey--mid:hover {
    background-color: #242529
}

.eir-button--grey--light div {
    color: #242529!important
}

.centered-text {
    text-align: center
}

@media only screen and (min-width: 850px) {
    .eir-button__banner {
        width:125px;
        height: 125px;
        border-radius: 65px
    }

    .eir-button__banner .eir-button__container {
        padding-top: 30%;
        width: 90px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 24px
    }

    .eir-button__banner .eir-button__container--smaller-text {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 20px
    }
}

.eir-bg__purple {
    background-color: #8b00ee
}

.eir-bg__turquoise {
    background-color: #00b5d5
}

.eir-bg__red {
    background-color: #e30045
}

.eir-bg__yellow {
    background-color: #ffc800
}

.eir-bg__blue {
    background-color: #2f7ee1
}

.eir-bg__lime {
    background-color: #a6d400
}

.eir-bg__pink {
    background-color: #f116ba
}

.eir-bg__green {
    background-color: #3ab600
}

.eir-bg__grey-dark {
    background-color: #242529
}

.eir-bg__grey-mid {
    background-color: #535759
}

.eir-bg__grey-darker {
    background-color: #eee
}

.eir-bg__grey-light {
    background-color: #ececec!important
}

.eir-bg__grey-white {
    background-color: #FFF!important
}

.eir-colour__purple-text {
    color: #8b00ee!important
}

.eir-colour__turquoise-text {
    color: #00b5d5!important
}

.eir-colour__red-text {
    color: #e30045!important
}

.eir-colour__yellow-text {
    color: #ffc800!important
}

.eir-colour__blue-text {
    color: #2f7ee1!important
}

.eir-colour__lime-text {
    color: #a6d400!important
}

.eir-colour__pink-text {
    color: #f116ba!important
}

.eir-colour__green-text {
    color: #3ab600!important
}

.eir-colour__grey--dark-text {
    color: #242529!important
}

.eir-colour__grey--darker-text {
    color: #eee!important
}

.eir-colour__grey--mid-text {
    color: #535759!important
}

.eir-colour__grey--light-text {
    color: #ececec!important
}

.eir-colour__white-text,.eir-colour__white-text a,.eir-colour__white-text h1,.eir-colour__white-text h2,.eir-colour__white-text h3,.eir-colour__white-text h4,.eir-colour__white-text h5,.eir-colour__white-text h6 {
    color: #FFF!important
}

.eir-column {
    border: none;
    text-align: left;
    padding: 0
}

.eir-wrapper .columns {
    border: none;
    padding: 0
}

.eir-icons {
    background-size: 100%;
    width: 100%;
    height: 100%
}

.eir-icon__container--center {
    margin: auto;
    position: relative
}

.eir-icon__container--center .eir-icons {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.eir-link--purple a {
    color: #8b00ee
}

.eir-link--purple a:focus,.eir-link--purple a:hover {
    color: #460967
}

.eir-link--turquoise {
    color: #00b5d5
}

.eir-link--turquoise a:focus,.eir-link--turquoise a:hover {
    color: #00556f
}

.eir-link--red a {
    color: #e30045
}

.eir-link--red a:hover {
    color: #a42129
}

.eir-link--yellow a {
    color: #ffc800
}

.eir-link--yellow a:focus,.eir-link--yellow a:hover {
    color: #ec8a0a
}

.eir-link--blue a {
    color: #2f7ee1
}

.eir-link--blue a:focus,.eir-link--blue a:hover {
    color: #00327f
}

.eir-link--lime a {
    color: #a6d400
}

.eir-link--lime a:focus,.eir-link--lime a:hover {
    color: #790
}

.eir-link--pink a {
    color: #f116ba
}

.eir-link--pink a:focus,.eir-link--pink a:hover {
    color: #b10071
}

.eir-link--green a {
    color: #3ab600
}

.eir-link--green a:focus,.eir-link--green a:hover {
    color: #008b14
}

.eir-link--grey--dark a {
    color: #242529
}

.eir-link--grey--dark a:focus,.eir-link--grey--dark a:hover {
    color: #535759
}

.eir-tab-accordion h1 {
    font-size: 36px;
    font-size: 2.25rem
}

.eir-tab-accordion__active-bb.resp-tab-active,.eir-tab-accordion__active-mobile.resp-tab-active,.eir-tab-accordion__active-phone.resp-tab-active,.eir-tab-accordion__active-tv.resp-tab-active {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.eir-tab-accordion__active-bb.resp-tab-active {
    color: #00b5d5;
    border-top: 6px solid #00b5d5!important
}

.eir-tab-accordion__active-bb--thick.resp-tab-active {
    color: #00b5d5;
    border-top: 10px solid #00b5d5!important
}

.eir-tab-accordion__active-bb-complementary.resp-tab-active {
    color: #8b00ee;
    border-top: 6px solid #8b00ee!important
}

.eir-tab-accordion__active-bb-complementary--thick.resp-tab-active {
    color: #8b00ee;
    border-top: 10px solid #8b00ee!important
}

.eir-tab-accordion__active-tv.resp-tab-active {
    color: #e30045;
    border-top: 6px solid #e30045!important
}

.eir-tab-accordion__active-tv--thick.resp-tab-active {
    color: #e30045;
    border-top: 10px solid #e30045!important
}

.eir-tab-accordion__active-mobile.resp-tab-active {
    color: #3ab600;
    border-top: 6px solid #3ab600!important
}

.eir-tab-accordion__active-mobile--thick.resp-tab-active {
    color: #3ab600;
    border-top: 10px solid #3ab600!important
}

.eir-tab-accordion__active-phone.resp-tab-active {
    color: #2f7ee1;
    border-top: 6px solid #2f7ee1!important
}

.eir-tab-accordion__active-phone--thick.resp-tab-active {
    color: #2f7ee1;
    border-top: 10px solid #2f7ee1!important
}

.eir-tab-accordion__active-bb--thick,.eir-tab-accordion__active-bb-complementary--thick,.eir-tab-accordion__active-mobile--thick,.eir-tab-accordion__active-phone--thick,.eir-tab-accordion__active-tv--thick {
    padding-top: 20px;
    border-bottom: 5px solid #ececec!important
}

.eir-tab-accordion__active-bb--thick.resp-tab-active,.eir-tab-accordion__active-bb-complementary--thick.resp-tab-active,.eir-tab-accordion__active-mobile--thick.resp-tab-active,.eir-tab-accordion__active-phone--thick.resp-tab-active,.eir-tab-accordion__active-tv--thick.resp-tab-active {
    padding-top: 10px
}

.eir-tab-accordion__content.resp-tab-content {
    background: #ececec!important;
    padding: 0;
    border: 0!important
}

.eir-tab-accordion__item.resp-tab-item:first-child {
    border-left: 3px solid #ececec!important
}

.eir-tab-accordion__bundles-header .eir-tab-accordion__item.resp-tab-item:first-child {
    border-left: none!important
}

.eir-tab-accordion {
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
    background: #ececec!important
}

.eir-tab-accordion__item {
    border-right: 3px solid #ececec!important;
    border-left: 3px solid #ececec!important;
    border-bottom-width: 2px;
    padding: 10px;
    text-align: center
}

.eir-tab-accordion--two-items .eir-tab-accordion__item {
    width: 50%
}

.eir-tab-accordion__bundles-header .eir-tab-accordion__list .eir-tab-accordion__item {
    width: 24.2%!important;
    border: none!important;
    margin-top: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.eir-tab-accordion__bundles-header .eir-tab-accordion__list .eir-tab-accordion__item:not(:nth-of-type(1)) {
    margin-left: .8%
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items p {
    margin: 0;
    padding: 30px;
    text-align: left
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items .eir-tab-accordion__list {
    padding: 5px 0 0!important
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items .eir-tab-accordion__item {
    border-radius: 0;
    border: none
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items .eir-tab-accordion__item:first-of-type {
    border-left: none!important;
    border-right: none!important;
    margin-right: .5%
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items .eir-tab-accordion__item:last-of-type {
    border-left: none!important;
    border-right: none!important;
    margin-left: .5%
}

.eir-tab-accordion--fill.eir-tab-accordion--two-items .eir-tab-accordion__item {
    width: 49.5%
}

.eir-tab-accordion__item-inner {
    width: 80%;
    height: auto;
    padding: 10px 0;
    font-size: 20px!important;
    font-family: GT-Walsheim-Medium,"Arial Medium";
    line-height: 20px
}

.eir-tab-accordion__container h3.resp-accordion {
    background-color: #FFF!important;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    border-bottom: 1px dotted #535759!important;
    margin: 0!important;
    font-size: 16px!important;
    font-family: GT-Walsheim-Medium,"Arial Medium"
}

.eir-tab-accordion__container h3.resp-accordion.resp-tab-active {
    border-bottom: 0!important
}

.eir-tab-accordion__container h3.resp-accordion .icon-symbol-plus {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/red_arrow_down.png)!important
}

.eir-tab-accordion__container h3.resp-accordion .icon-symbol-minus {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/red_arrow_up.png)!important
}

.eir-tab-accordion__container h3.resp-accordion .icon-symbol-minus,.eir-tab-accordion__container h3.resp-accordion .icon-symbol-plus {
    position: relative!important;
    top: 5px!important;
    right: 10px!important;
    width: 32px!important;
    height: 32px!important
}

.eir-tab-accordion__content-inner {
    padding: 0 20px;
    background: #FFF
}

.eir-tab-accordion__mobile-hide {
    display: none
}

@media only screen and (min-width: 600px) {
    .eir-tab-accordion__item-inner {
        width:100%
    }
}

@media only screen and (min-width: 750px) {
    .eir-tab-accordion__item {
        background:#FFF!important
    }

    .eir-tab-accordion__item.resp-tab-active {
        border-bottom: 3px solid #FFF!important
    }

    .eir-tab-accordion__bundles-header .eir-tab-accordion__item.resp-tab-active {
        border-bottom: none!important;
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .eir-tab-accordion__item-inner {
        padding: 10px 0
    }

    ul.eir-tab-accordion__list {
        padding: 5px 5px 0!important;
        background: #ececec!important
    }

    .eir-tab-accordion__bundles-header ul.eir-tab-accordion__list {
        background: none!important
    }

    .eir-tab-accordion__bundles-header {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/banners/bundles-banner.png) center top no-repeat;
        position: relative;
        height: 344px
    }

    .eir-tab-accordion__bundles-header h1 {
        margin: 0;
        height: 190px;
        line-height: 354px;
        color: #fff;
        font-size: 48px
    }

    .eir-tab-accordion__bundles-header ul.eir-tab-accordion__list.resp-tabs-list {
        position: absolute;
        bottom: 0
    }

    .eir-tab-accordion__mobile-hide {
        display: block
    }

    li.eir-tab-accordion__item {
        display: block;
        float: left;
        min-height: 84px;
        max-height: 84px;
        height: 100%;
        opacity: .9
    }

    li.eir-tab-accordion__item.resp-tab-active {
        min-height: 90px;
        max-height: 90px;
        height: 100%;
        opacity: 1
    }
}

.eir-tab-list-items {
    margin: 20px 0 0;
    padding: 10px;
    text-align: left
}

.eir-tab-list-items li {
    font-size: 16px
}

@media only screen and (max-width: 997px) and (min-width:750px) {
    .eir-tab-accordion__bundles-header ul.eir-tab-accordion__list.resp-tabs-list li.eir-tab-accordion__item:nth-of-type(4) {
        padding-top:2.5px!important
    }
}

@media only screen and (max-width: 869px) and (min-width:750px) {
    .eir-tab-accordion__bundles-header ul.eir-tab-accordion__list.resp-tabs-list li.eir-tab-accordion__item:nth-of-type(3) {
        padding-top:2.5px!important
    }
}

.eir-tertiary a,.eir-tertiary h1,.eir-tertiary h2,.eir-tertiary h3,.eir-tertiary h4,.eir-tertiary h5,.eir-tertiary h6 {
    color: #00b5d5
}

.eir-tertiary a:active,.eir-tertiary a:hover {
    color: #00556f
}

.eir-tertiary .toggle-slide__link--text {
    color: #00b5d5
}

.toggle-slide__link--text {
    color: #00b5d5!important
}

.eir-module {
    width: 100%
}

.eir__hide-element {
    display: none!important
}

.eir-module__carousel {
    position: relative
}

.eir-module__carousel .banner-wrapper {
    width: 100%
}

.eir-module__carousel .owl-carousel .owl-item {
    width: 100%;
    padding-bottom: 15px
}

.eir-module__carousel .owl-carousel .owl-item img {
    width: 100%;
    height: auto
}

.eir-module__carousel .owl-theme .owl-controls .owl-buttons div {
    text-indent: -9999px;
    display: block;
    zoom:1;background: 0 0;
    width: 14px;
    height: 18px;
    cursor: pointer
}

.eir-module__carousel .owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 55px;
    left: 45%;
    visibility: visible
}

.eir-module__carousel .owl-theme .owl-controls .owl-page span {
    background: #FFF
}

.eir-module__carousel.eir-module__carousel--darker .owl-theme .owl-controls .owl-page span {
    background: #535759
}

.eir-module__carousel .owl-theme .owl-controls {
    margin-top: 0
}

.eir-module__carousel__img-mobile {
    display: inline
}

.eir-module__carousel__img-desktop {
    display: none
}

.eir-deals-wrapper .eir-module__carousel__overlay-text {
    position: absolute;
    color: #fff;
    padding: 20px 0 0 30px!important;
    z-index: 1
}

.eir-deals-wrapper .eir-module__carousel__overlay-text.vertical {
    padding-top: 50px!important
}

.eir-deals-wrapper .eir-module__carousel__overlay-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.eir-deals-wrapper .eir-module__carousel__overlay-text.centered {
    text-align: center;
    padding-left: 0!important
}

.eir-deals-wrapper .eir-module__carousel__bottom-text {
    position: absolute;
    color: #fff;
    right: 20px;
    bottom: 15px;
    line-height: 18px;
    text-align: center
}

.eir-deals-wrapper .eir-module__carousel__bottom-text span {
    font-size: 11px;
    font-size: .6875rem
}

.eir-deals-wrapper a.eir__deals-share-btn {
    position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 9
}

.eir-module__carousel .eir-carousel-banner__button {
    position: absolute;
    left: 10px;
    bottom: 5px
}

.eir-module__carousel--red .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--red .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e30045
}

.eir-module__carousel--green .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--green .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #3ab600
}

.eir-module__carousel--lime .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--lime .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #a6d400
}

.eir-module__carousel--turquoise .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--turquoise .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #00b5d5
}

.eir-module__carousel--blue .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--blue .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #2f7ee1
}

.eir-module__carousel--purple .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--purple .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #8b00ee
}

.eir-module__carousel--yellow .owl-theme .owl-controls .owl-page.active span,.eir-module__carousel--yellow .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ffc800
}

.eir-module__carousel__customers {
    text-align: center
}

.eir-module__carousel__customers .eir-module__carousel__customers--quote {
    font-size: 20px;
    font-size: 1.25rem
}

.eir-module__carousel__customers .eir-module__carousel__customers--details {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.2rem
}

.eir-module__carousel__customers .eir-module__carousel__customers--details span {
    display: block
}

.eir-module__carousel__channels {
    padding: 0
}

.eir-module__carousel__channels .columns {
    border: none;
    padding: 0 30px
}

.eir-module__carousel__channels .item {
    width: 80px;
    margin: auto
}

.eir-module__carousel__channels .owl-image {
    margin: 0
}

.eir-module__carousel__channels .owl-image img {
    width: 100%;
    height: auto
}

.eir-module__carousel__channels .customNavigation .prev {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/eir-carousel-arrow-left.png) center no-repeat;
    position: absolute;
    top: 15%;
    left: 0;
    width: 32px;
    height: 62px;
    margin: 0;
    padding: 0
}

.eir-module__carousel__channels .customNavigation .next {
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/eir-carousel-arrow-right.png) center no-repeat;
    position: absolute;
    top: 15%;
    right: 0;
    width: 32px;
    height: 62px;
    margin: 0;
    padding: 0
}

.eir-module__content-center .eir-column {
    text-align: center
}

.eir-module__price-bundle {
    display: table;
    background-color: #FFF;
    border: 2px solid #d5d5d5;
    border-radius: 5px
}

.eir-module__price-bundle .columns {
    padding: 0
}

.eir-module__price-bundle .eir-module__price-bundle__column {
    padding: 40px;
    border-bottom: 1px dotted #535759;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8rem;
    margin: 0 10px
}

.eir-module__price-bundle .eir-icon__container--center {
    display: none
}

.eir-module__price-bundle .eir-module__price-bundle__column--last {
    border-bottom: none
}

.eir-module__price-bundle .eir-module__price-bundle__cta {
    padding: 40px 20px
}

.eir-module__price-bundle .eir-module__price-bundle__cta .price {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-family: eir-medium-web,"Arial Medium"
}

.eir-module__price-bundle .eir-module__price-bundle__cta .price span {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 2.5rem
}

.eir-module__price-bundle .eir-module__price-bundle__cta .content {
    display: table;
    padding-top: 10px;
    padding-bottom: 30px;
    position: relative
}

.eir-module__price-bundle .eir-module__price-bundle__cta .content .text {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.2rem;
    display: table-cell;
    text-align: left;
    width: 100%;
    position: relative
}

.eir-module__price-bundle .eir-module__price-bundle__cta .content .cta {
    display: table-cell;
    position: absolute;
    right: 0;
    bottom: -50px
}

.eir-module__price-bundle .eir-module__price-bundle__cta .eir-module__price-bundle__cta--more-details {
    text-align: left
}

.eir-module__price-bundle .eir-module__price-bundle__cta .more-details__content {
    display: none;
    padding-top: 20px
}

.more-details__content {
    display: none
}

.eir-module__img-content {
    text-align: left;
    font-size: 20px;
    font-size: 1.25rem
}

.eir-module__img-content img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%
}

.eir-module__img-content h5 {
    font-weight: 400;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 31px
}

.eir-module__img-content__container {
    padding: 20px 20px 15px;
    background-color: #FFF
}

.eir-module__img-content__container--light-grey {
    background-color: #ececec
}

.eir-module__img-content .columns {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px
}

.eir-module__img-content__container--round {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

#lpButtonDiv-eircom-sales-bottom>div {
    height: 100%
}

.eir-module__icon-text__container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
    margin: 0;
    background: 0 0;
    border-radius: 5px
}

.eir-module__icon-text__container :not(p):hover {
    cursor: pointer
}

.eir-module__icon-text__container__content {
    position: relative;
    margin: 0 10px 10px;
    padding: 20px;
    height: 100%;
    border-radius: 5px
}

.eir-module__icon-text__container__bg {
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: #ececec
}

.eir-module__icon-text__container--white {
    background-color: #FFF
}

.eir-module__icon-text h5 {
    padding-top: 20px
}

.eir-module__icon-text a {
    cursor: default;
    text-decoration: none!important;
    color: #242529!important
}

.eir-module__icon-text a:hover {
    text-decoration: underline
}

.eir-module__icon-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.eir-module__icon-text .eir-icon__container--center {
    width: 90px;
    height: 90px
}

.eir-module__icon-text.eir-module__icon-text__support .eir-icon__container--center {
    width: 70px;
    height: 70px
}

.eir-module__faq h3 {
    text-align: center;
    padding-left: 0
}

.eir-module__faq .eir-module__faq__container {
    border-bottom: 2px dotted #535759;
    margin: 10px 0
}

.eir-module__faq .eir-module__faq__slide {
    padding: 10px 20px;
    text-align: left;
    border-top: 2px dotted #535759;
    cursor: pointer
}

.eir-module__faq .eir-module__faq__slide:after,.eir-module__faq .eir-module__faq__slide:before {
    content: " ";
    display: table
}

.eir-module__faq .eir-module__faq__slide:after {
    clear: both
}

.eir-module__faq .eir-module__faq__link {
    font-size: 18px;
    font-size: 1.125rem;
    text-decoration: none
}

.eir-module__faq .eir-module__faq__link--text {
    float: left;
    width: 80%
}

.eir-module__faq .eir-module__faq__content {
    padding: 10px 20px 0;
    text-align: left
}

.eir-module__faq .eir-module__faq__link-section {
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem
}

.eir-module__faq .eir-module__faq__icon--plus,.eir-module__faq__icon--minus {
    float: right;
    margin-top: 6px;
    padding-left: 20px
}

.eir-module__faq .icon-eir_arrow_down,.eir-module__faq .icon-eir_arrow_up {
    width: 3%;
    height: 20px
}

.eir-module__2col-content {
    display: table;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    text-align: left
}

.eir-module__2col-content .columns {
    padding-left: 20px;
    padding-right: 20px
}

.eir-module__2col-content .eir-module__2col-content__cta-container {
    display: table;
    width: 100%;
    padding-bottom: 10px
}

.eir-module__2col-content .eir-module__2col-content__cta-container .eir-module__2col-content__cta-container__link {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-size: 1.25rem
}

.eir-module__2col-content .eir-module__2col-content__cta-container .eir-module__2col-content__cta-container__icon {
    float: right
}

.eir-module__2col-content .eir-module__2col-content__cta-container .eir-module__2col-content__cta-container__icon.eir-icons {
    height: 50px;
    width: 50px
}

.eir-module__2col-content__image .image__container__hidden-mobile {
    display: none
}

.eir-module__2col-content__icon .icon__container .eir-icons {
    background-size: contain;
    background-position: center;
    min-height: 150px
}

.eir-module__2col-content__icon .icon__container {
    display: table;
    vertical-align: middle;
    padding: 20px 20px 0
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv {
    background: #e30045;
    color: #FFF
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv a {
    color: #ffc800
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv a:hover {
    color: #ec8a0a
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband {
    background: #00b5d5;
    color: #FFF
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband a {
    color: #8b00ee
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband a:hover {
    color: #460967
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile {
    background: #f116ba;
    color: #FFF
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile a {
    color: #3ab600
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile a:hover {
    color: #008b14
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone {
    background: #a6d400;
    color: #FFF
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone a {
    color: #2f7ee1
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone a:hover {
    color: #00327f
}

.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv h3 {
    color: #FFF
}

.eir-module__2col-content__image-icon .eir-icon__container--center {
    width: 140px;
    height: 140px;
    margin-top: 20px
}

.eir-module__2col-content__text .columns {
    padding: 30px
}

.eir-module__2col-content__text .columns h2 {
    margin-top: 0
}

.eir-module__small-img-content__container {
    display: table;
    padding-bottom: 20px
}

.eir-module__small-img-content__image {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    width: 75px
}

.eir-module__small-img-content__image img {
    width: 100%;
    height: auto;
    max-width: 75px
}

.eir-module__small-img-content__text {
    display: table-cell;
    vertical-align: top
}

.eir-module__small-img-content__text p {
    margin: 0;
    text-align: left
}

.eir-module__bundle {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.eir-module__bundle::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 5px;
    background-color: #FFF
}

.eir-module__bundle::-webkit-scrollbar-thumb {
    border: 2px solid #FFF;
    background-color: #FFF
}

.eir-module__bundle__wrapper {
    padding-left: 10px
}

.eir-module__bundle__overflow {
    width: 100%;
    min-width: 950px
}

.eir-module__bundle__scroll-top {
    min-height: 5px;
    padding-bottom: 0;
    margin-bottom: 20px
}

.eir-module__bundle__scroll-top .eir-module__bundle__overflow {
    height: 5px
}

.eir-module__bundle--container {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #ececec;
    border: 1px solid #FFF;
    border-radius: 5px
}

.eir-module__bundle__header {
    padding-left: 10px;
    padding-right: 10px;
    font-family: eir-regular-web,Arial
}

.eir-module__bundle__header h2,.eir-module__bundle__header h4 {
    margin: 20px 0
}

.eir-module__bundle__details {
    padding-left: 10px;
    padding-right: 10px
}

.eir-module__bundle__details__block {
    margin-top: 10px;
    padding: 5px 5px 5px 0;
    background-color: #FFF;
    display: table;
    width: 100%;
    border: 1px solid #FFF;
    border-radius: 5px
}

.eir-module__bundle__details__block__container {
    position: relative
}

.eir-module__bundle__details__block--not-available {
    opacity: .3
}

.eir-module__bundle__details__block__icon {
    display: table-cell;
    width: 50px;
    height: 50px;
    padding-right: 10px;
    padding-top: 5px
}

.eir-module__bundle__details__block__info {
    display: table-cell;
    vertical-align: middle;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.eir-module__bundle__details__block__info p {
    margin: 0
}

.eir-deals-wrapper .eir-module__bundle__details__block.empty {
    background: #ececec!important;
    border: 1px solid #ececec!important
}

.eir-deals-wrapper .eir-module__bundle__details__block__info.empty {
    height: 70px!important
}

.eir-module__bundle__details__block__tooltip {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
    overflow: auto;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    padding: 5px;
    font-family: GT-Walsheim-Light,"Arial Light";
    display: none;
    font-size: 14px;
    font-size: .875rem
}

.eir-module__bundle--phone .eir-module__bundle__details__block__tooltip {
    max-height: none
}

.eir-module__bundle__details__block__tooltip__cta {
    text-align: center;
    font-family: GT-Walsheim-Medium,"Arial Medium"
}

.eir-module__bundle__details__block__tooltip__cta--more {
    display: inline
}

.eir-module__bundle__details__block__tooltip__cta--less {
    display: none
}

.eir-module__bundle__price {
    position: relative;
    width: 100%
}

.eir-module__bundle__price__text {
    width: 70%;
    padding-left: 5px;
    color: #FFF;
    font-family: GT-Walsheim-Medium,"Arial Medium"
}

.eir-module__bundle__price__text .price {
    font-size: 40px;
    font-size: 2.5rem;
    display: inline-block
}

.eir-module__bundle__price__text .month {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block
}

.eir-module__bundle__price__cta {
    position: absolute;
    right: -15px;
    bottom: -10px
}

.eir-module__bundle__extra-info {
    font-size: 12px;
    font-size: .75rem;
    margin: 10px 20px;
    background-color: #FFF
}

.eir-module__bundle--tv .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar {
    background-color: rgba(227,0,69,.3)
}

.eir-module__bundle--tv .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar-thumb {
    border: 2px solid #e30045;
    background-color: #e30045
}

.eir-module__bundle--tv .eir-module__bundle__header {
    border-bottom: 2px dotted #e30045
}

.eir-module__bundle--tv .eir-module__bundle__price {
    background-color: #ffc800;
    border: 1px solid #ffc800;
    border-radius: 5px
}

.eir-module__bundle--tv .eir-module__bundle__price__cta .eir-button {
    background-color: #e30045
}

.eir-module__bundle--tv .eir-module__bundle__price__cta .eir-button:hover {
    background-color: #a42129
}

.eir-module__bundle--tv a {
    color: #e30045
}

.eir-module__bundle--tv a:hover {
    color: #a42129
}

.eir-module__bundle--tv .additional-p {
    color: #e30045;
    font-size: 12px
}

.eir-module__bundle--phone .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar {
    background-color: rgba(47,126,225,.3)
}

.eir-module__bundle--phone .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar-thumb {
    border: 2px solid #2f7ee1;
    background-color: #2f7ee1
}

.eir-module__bundle--phone .eir-module__bundle__header {
    border-bottom: 2px dotted #2f7ee1
}

.eir-module__bundle--phone .eir-module__bundle__price {
    background-color: #a6d400;
    border: 1px solid #a6d400;
    border-radius: 5px
}

.eir-module__bundle--phone .eir-module__bundle__price__cta .eir-button {
    background-color: #2f7ee1
}

.eir-module__bundle--phone .eir-module__bundle__price__cta .eir-button:hover {
    background-color: #00327f
}

.eir-module__bundle--phone a {
    color: #2f7ee1
}

.eir-module__bundle--phone a:hover {
    color: #00327f
}

.eir-module__bundle--phone .eir-module__bundle__details__block.additional-text {
    text-align: center;
    border: 1px solid #a6d400;
    color: #a6d400
}

.eir-module__bundle--phone .additional-p {
    color: #00327f;
    font-size: 12px
}

.eir-module__bundle--mobile .eir-module__bundle__details__block.additional-text {
    text-align: center;
    border: 1px solid #b10071;
    color: #b10071
}

.eir-module__bundle--mobile .additional-p {
    color: #3ab600;
    font-size: 12px
}

.eir-module__bundle--mobile .eir-module__bundle__header {
    border-bottom: 2px dotted #3ab600
}

.eir-module__bundle--mobile .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar {
    background-color: rgba(58,182,0,.3)
}

.eir-module__bundle--mobile .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar-thumb {
    border: 2px solid #3ab600;
    background-color: #3ab600
}

.eir-module__bundle--mobile .eir-module__bundle__price {
    background-color: #b10071;
    border: 1px solid #b10071;
    border-radius: 5px
}

.eir-module__bundle--mobile .eir-module__bundle__price__cta .eir-button {
    background-color: #3ab600
}

.eir-module__bundle--mobile .eir-module__bundle__price__cta .eir-button:hover {
    background-color: #008b14
}

.eir-module__bundle--mobile a {
    color: #3ab600
}

.eir-module__bundle--mobile a:hover {
    color: #008b14
}

.eir-module__bundle--broadband .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar {
    background-color: rgba(0,181,213,.3)
}

.eir-module__bundle--broadband .eir-module__bundle__scroll-top.eir-module__bundle::-webkit-scrollbar-thumb {
    border: 2px solid #00b5d5;
    background-color: #00b5d5
}

.eir-module__bundle--broadband .eir-module__bundle__header {
    border-bottom: 2px dotted #00b5d5
}

.eir-module__bundle--broadband .eir-module__bundle__price {
    background-color: #8b00ee;
    border: 1px solid #8b00ee;
    border-radius: 5px
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button {
    background-color: #00b5d5
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button:hover {
    background-color: #00556f
}

.eir-module__bundle--broadband a {
    color: #00b5d5
}

.eir-module__bundle--broadband a:hover {
    color: #00556f
}

.eir-module__bundle--broadband .additional-p {
    color: #00b5d5;
    font-size: 12px
}

.eir-module__banner img {
    width: 100%;
    height: auto;
    max-width: 1140px
}

.eir-module__video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

.eir-module__video-container embed,.eir-module__video-container iframe,.eir-module__video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.eir-module__app-download {
    text-align: left;
    padding: 20px 40px
}

.eir-module__app-download h3 {
    font-size: 32px;
    font-size: 2rem;
    margin: 20px 0
}

.eir-module__app-download__button:first-of-type {
    margin-right: 10px
}

.eir-module__app-download__button__container {
    padding: 20px 0 30px
}

.eir-module__app-download li {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 0
}

.eir-module__app-download ul.list--tick__image {
    margin: 0!important
}

.eir-module__app-download>div:first-of-type img {
    width: 100%
}

.eir-module__view-all-channels {
    padding: 0 12.5%!important;
    display: none
}

.eir-module__view-all-channels .columns:last-of-type {
    float: left!important
}

.eir-module__view-all-channels .columns img {
    width: 90%;
    margin-bottom: 3.5%;
    opacity: 0
}

#promocode__form {
    padding: 20px 0;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 20px
}

.affinity__row {
    color: #fff;
    background: #000!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

.affinity__row .affinity__header__text h1,.affinity__row .affinity__header__text h2,.affinity__row .affinity__header__text h3,.affinity__row .affinity__header__text h4,.affinity__row .affinity__header__text p {
    color: #fff!important
}

.affinity__row .affinity__header__text {
    padding-top: 20px
}

.affinity__row .affinity__header__logo {
    padding: 25px 20px 20px 30px
}

.eir-mobile-network-legend-container {
    padding-top: 15px;
    text-align: left
}

.eir-mobile-network-legend {
    padding: 8px;
    margin-bottom: 40px
}

.eir-mobile-network-legend p.legend-network-coverage {
    position: absolute;
    font-size: 11px;
    margin-left: -7px
}

.eir-mobile-network-legend.eir-2g-fast {
    background: #F7BF7F
}

.eir-mobile-network-legend.eir-2g-slow {
    background: #F7D17F
}

.eir-mobile-network-legend.eir-3g-fast {
    background: #7FBCD1
}

.eir-mobile-network-legend.eir-3g-slow {
    background: #A9DAE2
}

.eir-mobile-network-legend.eir-4g-fast {
    background: #B0AFCC
}

.eir-mobile-network-legend.eir-4g-slow {
    background: #C8CAE4
}

.eir-mobile-network-legend.eir-5g-fast {
    background: #B37FE6
}

.eir-mobile__service-message {
    background: url(/opencms/export/sites/default/.galleries/eir/home/service-message__bg.png) center center no-repeat;
    margin-top: 0;
    margin-bottom: 0;
    color: #FFF;
    display: table
}

.eir-mobile__service-message__wrapper {
    display: table-row;
    height: 110px;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: eir-regular-web,Arial
}

.eir-mobile__service-message__icon {
    width: 100px
}

.eir-mobile__service-message__icon img {
    height: 80px;
    width: auto;
    vertical-align: middle;
    float: right
}

.eir-mobile__service-message__content,.eir-mobile__service-message__icon {
    display: table-cell;
    vertical-align: middle
}

.eir-mobile__service-message a {
    color: #FFF
}

@media only screen and (min-width: 950px) {
    .eir-module__bundle {
        overflow:inherit
    }

    .eir-module__bundle__overflow {
        min-width: inherit
    }

    .eir-module__bundle__wrapper {
        padding-left: 0
    }
}

@media only screen and (max-width: 950px) {
    .eir-module__bundle__overflow--three-col .large-offset-1-half {
        margin-left:0!important
    }

    .eir-module__bundle__overflow--three-col .large-offset-r1-half {
        margin-right: 0!important
    }

    .eir-module__bundle__overflow--three-col .large-3 {
        width: 33.33333%!important
    }
}

@media only screen and (min-width: 600px) {
    .eir-module__carousel .owl-theme .owl-controls .owl-pagination {
        visibility:visible
    }

    .eir-module__carousel__img-mobile {
        display: none
    }

    .eir-module__carousel__img-desktop {
        display: inline
    }

    .eir-module__carousel__channels .columns {
        border: none;
        padding: 0 60px
    }

    .eir-module__carousel__channels .item {
        width: 130px
    }

    .eir-module__icon-text {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .eir-mobile__service-message {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .eir-mobile__service-message__icon {
        width: 120px
    }
}

.eir-module__homepage-quick-links_wrapper {
    margin-top: -37px!important;
    padding-bottom: 30px!important
}

.eir-module__homepage-quick-links .col-left h4 {
    color: #FFF
}

.eir-module__homepage-quick-links .col-left p {
    color: #FFF;
    margin-top: 5px
}

.eir-module__homepage-quick-links .col-left .non-branding-links,.eir-module__homepage-quick-links .col-left a {
    color: #ffc800
}

.eir-module__homepage-quick-links .col-left .non-branding-links.standalone-text {
    padding-top: 27px
}

.eir-module__homepage-quick-links .col-right a {
    text-decoration: none!important
}

.eir-module__homepage-quick-links .col-right p {
    color: #FFF;
    line-height: 20px
}

.eir-module__homepage-quick-links .col-right p:hover {
    color: #ffc800
}

.eir-module__homepage-quick-links .col-right {
    margin-top: 35px
}

.eir-module__homepage-quick-links--eir-vision-go .col-right p {
    font-size: 16px;
    font-size: 1rem;
    font-family: eir-light-web,"Arial Light"
}

.choose-from-range h3 {
    padding-top: 25px;
    padding-bottom: 25px
}

.choose-from-range {
    padding-bottom: 20px!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.choose-from-range .broadband-img-dark {
    padding-top: 36px
}

.choose-from-range .tv-img-dark {
    padding-top: 14px
}

.choose-from-range .phone-img-dark {
    padding-top: 12px
}

.choose-from-range p {
    font-size: 18px
}

@media only screen and (min-width: 750px) {
    .choose-from-range-b .large-2-4 {
        width:20%
    }
}

.choose-from-range-b h3 {
    padding-top: 25px;
    padding-bottom: 25px
}

.choose-from-range-b {
    padding-bottom: 20px!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.choose-from-range-b .broadband-img-dark {
    padding-top: 36px
}

.choose-from-range-b .tv-img-dark {
    padding-top: 14px
}

.choose-from-range-b .phone-img-dark {
    padding-top: 12px
}

.choose-from-range-b .bundle-img-dark {
    padding-top: 0;
    margin-top: -5px
}

.choose-from-range-b .bundle-img-dark img {
    padding-left: 38px
}

.choose-from-range-b p {
    font-size: 18px
}

.eir-b-bundles {
    text-align: left
}

.eir-b-bundles h1,.eir-b-bundles h2,.eir-b-bundles h3,.eir-b-bundles h4,.eir-b-bundles h5,.eir-b-bundles p {
    color: #fff
}

.eir-b-bundles .right-img {
    margin-left: 10px
}

.eir-b-bundles .left-col {
    padding-left: 30px
}

.eir-b-bundles .left-col h1 {
    padding-right: 20px
}

.eir-b-bundles .left-col h2 {
    padding-right: 10px
}

.eir-b-bundles .right-col {
    height: 480px
}

.eir-b-bundles .right-col .eir-button__container {
    font-size: 16px;
    line-height: 20px
}

.eir-b-bundles .right-col .eir-button__banner .eir-button__container {
    color: #fff
}

.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right,.eir-b-bundles .right-col .top-col {
    padding-left: 30px
}

.eir-b-bundles .right-col .top-col h2 {
    margin-bottom: 0
}

.eir-b-bundles .right-col .bottom-col-right .eir-button__container {
    color: #fff
}

.eir-b-bundles .left-col {
    height: auto;
    padding-top: 15px;
    padding-bottom: 30px
}

.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right,.eir-b-bundles .right-col .top-col {
    height: auto;
    padding-bottom: 30px
}

.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right {
    text-align: center;
    padding-left: 0
}

.eir-b-bundles .right-col .bottom-col-left .eir-button.eir-button__banner,.eir-b-bundles .right-col .bottom-col-right .eir-button.eir-button__banner {
    margin: 0 auto
}

.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right,.eir-b-bundles .right-col .top-col {
    padding-top: 10px
}

.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right {
    width: 50%
}

.eir-b-bundles img {
    display: none
}

.eir-b-bundles .left-col {
    background: #00b5d5
}

.eir-b-bundles .right-col .top-col {
    background: #ffc800
}

.eir-b-bundles .right-col .top-col.top-col-one-b {
    background: #00b5d5
}

.eir-b-bundles .right-col .bottom-col-left {
    background: #f116ba
}

.eir-b-bundles .right-col .bottom-col-right {
    background: #2f7ee1
}

.eir-b-bundles .left-col .left-col-inner {
    position: relative;
    bottom: 0
}

.eir-b-bundles .eir-button__banner.eir-btn-smaller {
    width: 80px;
    height: 80px;
    border-radius: 40px
}

.eir-b-bundles .eir-button__banner.eir-btn-smaller .eir-button__container {
    padding-top: 28%;
    width: 70px;
    font-size: 1.125rem;
    line-height: 18px;
    margin: auto;
    text-align: center
}

.eir-b-bundles p {
    font-size: 18px
}

.wrapper.wrapper--main-content.eir-wrapper {
    background-color: #FFF
}

.wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-mid {
    background-color: #535759
}

.wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-darker {
    background-color: #eee
}

.wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-light {
    background-color: #ececec
}

.wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-white {
    background-color: #FFF
}

@media only screen and (min-width: 750px) {
    .eir-module__carousel__channels {
        padding:0 60px
    }

    .eir-module__carousel__customers__container {
        padding: 0 15px
    }

    .eir-module__price-bundle .eir-module__price-bundle__column {
        border-right: 2px dotted #ececec;
        border-bottom: 0;
        margin: 10px 0
    }

    .eir-module__price-bundle .eir-icon__container--center {
        width: 85px;
        height: 85px;
        display: block
    }

    .eir-module__price-bundle .eir-module__price-bundle__column--last {
        border-right: none
    }

    .eir-module__price-bundle .eir-module__price-bundle__cta .content {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .eir-module__price-bundle .eir-module__price-bundle__cta .content .text {
        width: 60%
    }

    .eir-module__price-bundle .eir-module__price-bundle__cta .content .cta {
        right: -35px;
        bottom: -15px
    }

    .eir-module__price-bundle .eir-module__price-bundle__cta .more-details__content {
        padding-top: 0
    }

    .eir-module__img-content .columns {
        padding-top: 20px
    }

    .eir-module__icon-text__container {
        padding: 20px 15px 0
    }

    .eir-module__icon-text {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .eir-module__faq h3 {
        text-align: left;
        padding-left: 20px
    }

    .eir-module__2col-content__image .image__container__hidden-mobile {
        display: inherit;
        padding: 0
    }

    .eir-module__2col-content__image .image__container__hidden-mobile img {
        width: 100%;
        height: 100%
    }

    .eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv {
        background: #FFF;
        color: #242529
    }

    .eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone h3,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv h2,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv h3 {
        color: #242529
    }

    .eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband a,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile a,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone a,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv a {
        color: #2f7ee1
    }

    .eir-module__2col-content__icon .eir-module__2col-content__icon__bg--broadband a:hover,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--mobile a:hover,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--phone a:hover,.eir-module__2col-content__icon .eir-module__2col-content__icon__bg--tv a:hover {
        color: #00327f
    }

    .eir-module__2col-content__image-icon .eir-icon__container--center {
        display: none
    }

    .eir-module__small-img-content__container {
        padding-bottom: 0
    }

    .eir-module__homepage-quick-links_wrapper {
        height: 100px;
        padding-left: 0!important;
        margin-top: -37px!important
    }

    .eir-module__homepage-quick-links .col-left h4 {
        color: #FFF;
        margin-top: 25px
    }

    .eir-module__homepage-quick-links .col-left p {
        color: #FFF;
        margin-top: 5px
    }

    .eir-module__homepage-quick-links .col-left a {
        color: #ffc800
    }

    .eir-module__homepage-quick-links .col-left {
        height: 100px;
        padding-left: 45px;
        text-align: left;
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/eir_icons_Turquoise_euro_grey.png) 0 25px no-repeat;
        margin-top: -37px
    }

    .eir-module__homepage-quick-links .col-right a {
        text-decoration: none!important
    }

    .eir-module__homepage-quick-links .col-right p {
        color: #FFF
    }

    .eir-module__homepage-quick-links .col-right p:hover {
        color: #ffc800
    }

    .eir-module__homepage-quick-links .col-right {
        margin-top: 0
    }

    .eir-module__homepage-quick-links .col-right img {
        float: left;
        width: 35px;
        margin-right: 10px
    }

    .eir-module__homepage-quick-links .col-right p {
        font-size: 12px;
        text-align: left;
        margin-top: 2px;
        line-height: 15px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-right p {
        font-size: 16px;
        font-size: 1rem;
        font-family: GT-Walsheim-Light,"Arial Light"
    }

    .eir-wrapper h4 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .choose-from-range {
        padding-bottom: 40px!important;
        padding-left: 100px!important;
        padding-right: 100px!important
    }

    .choose-from-range h3 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .choose-from-range .broadband-img-dark {
        padding-top: 36px
    }

    .choose-from-range .tv-img-dark {
        padding-top: 14px
    }

    .choose-from-range .phone-img-dark {
        padding-top: 12px
    }

    .choose-from-range p {
        font-size: 18px
    }

    .eir-b-bundles {
        text-align: left
    }

    .eir-b-bundles h1,.eir-b-bundles h2,.eir-b-bundles h3,.eir-b-bundles h4,.eir-b-bundles h5,.eir-b-bundles p {
        color: #fff
    }

    .eir-b-bundles .eir-button__banner.eir-btn-smaller {
        width: 80px;
        height: 80px;
        border-radius: 40px
    }

    .eir-b-bundles .eir-button__banner.eir-btn-smaller .eir-button__container {
        padding-top: 28%;
        width: 70px;
        font-size: 1.125rem;
        line-height: 18px;
        margin: auto;
        text-align: center
    }

    .eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right {
        text-align: left
    }

    .eir-b-bundles .right-col .bottom-col-left .eir-button.eir-button__banner,.eir-b-bundles .right-col .bottom-col-right .eir-button.eir-button__banner {
        margin: inherit
    }

    .eir-b-bundles .right-img {
        margin-left: 10px
    }

    .eir-b-bundles .left-col {
        height: 670px;
        padding-left: 50px
    }

    .eir-b-bundles .left-col .left-col-inner {
        position: absolute;
        bottom: 50px
    }

    .eir-b-bundles .left-col h1 {
        padding-right: 40px
    }

    .eir-b-bundles .left-col h2 {
        padding-right: 20px
    }

    .eir-b-bundles .right-col {
        height: 670px
    }

    .eir-b-bundles .right-col .eir-button__container {
        font-size: 16px;
        line-height: 20px
    }

    .eir-b-bundles .right-col .eir-button__banner .eir-button__container {
        color: #fff
    }

    .eir-b-bundles .right-col .top-col {
        height: 335px
    }

    .eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right,.eir-b-bundles .right-col .top-col {
        padding-top: 30px;
        padding-left: 30px
    }

    .eir-b-bundles .right-col .top-col h2 {
        margin-bottom: 0
    }

    .eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .bottom-col-right {
        height: 335px
    }

    .eir-b-bundles .right-col .bottom-col-right .eir-button__container {
        color: #fff
    }

    .eir-b-bundles .left-col {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/b_bundles_bg.jpg) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .left-col.eir-deals.left-col-two,.eir-deals-wrapper.existing .eir-b-bundles .left-col.eir-deals.left-col-two {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/LG_freeSmartphone.jpg) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-one {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/Med_bundles.png) center/cover no-repeat
    }

    .eir-deals-wrapper.existing .eir-b-bundles .right-col .top-col.eir-deals.top-col-one {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/ncis_image.jpg) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-one-b {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/Med_FreeMob.jpg) center/cover no-repeat
    }

    .eir-b-bundles .right-col .bottom-col-left {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/m_bundles_bg.jpg) center no-repeat
    }

    .eir-b-bundles .right-col .top-col {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/tv_bundles_bg.jpg) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .bottom-col-left.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/girl_on_bus_desktop.png) center no-repeat
    }

    .eir-b-bundles .right-col .bottom-col-right {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/tot_bundles_bg.jpg) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .bottom-col-right.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/Sm_parental_control.jpg) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .left-col.left-col-one.eir-deals,.eir-deals-wrapper.existing .eir-b-bundles .left-col.left-col-one.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/LG_sky.png) center no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-two {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/Med_DoubleData.jpg) center/cover no-repeat
    }

    .eir-deals-wrapper.existing .eir-b-bundles .right-col .top-col.eir-deals.top-col-two.existing {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/deals_parental_control.jpg) center/cover no-repeat;
        height: 325px
    }

    .eir-b-bundles .left-col,.eir-b-bundles .right-col .bottom-col-left,.eir-b-bundles .right-col .top-col {
        border: none
    }

    .eir-b-bundles img {
        display: inline-block
    }

    .wrapper.wrapper--main-content.eir-wrapper {
        background-color: #FFF
    }

    .wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-mid {
        background-color: #535759
    }

    .wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-darker {
        background-color: #eee
    }

    .wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-light {
        background-color: #ececec
    }

    .wrapper.wrapper--main-content.eir-wrapper.eir-bg__grey-white {
        background-color: #FFF
    }

    .matchHeight__eir-module__2col-content.stretch-img {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/placeholder-6.png) center center/cover no-repeat
    }
}

@media (max-width: 1025px) {
    h4.check-coverage-header-txt {
        font-size:18px
    }

    .eir-module__homepage-quick-links--eir-vision-go h4.check-coverage-header-txt {
        font-size: 20px;
        font-size: 1.25rem
    }

    .eir-module__homepage-quick-links .col-left a {
        font-size: 14px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-left a {
        font-size: 16px;
        font-size: 1rem
    }

    .eir-module__homepage-quick-links .col-right p {
        font-size: 11px;
        margin-top: 0
    }

    .eir-module__homepage-quick-links .col-right img {
        width: 30px
    }
}

@media (max-width: 960px) {
    .eir-module__homepage-quick-links .col-right p {
        font-size:10px;
        margin-top: -2px
    }

    .eir-module__homepage-quick-links .col-right img {
        width: 25px
    }

    h4.check-coverage-header-txt {
        font-size: 15px
    }

    .eir-module__homepage-quick-links--eir-vision-go h4.check-coverage-header-txt {
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-module__homepage-quick-links .col-left a {
        font-size: 10px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-left a {
        font-size: 14px;
        font-size: .875rem
    }

    .eir-deals-wrapper .eir-b-bundles .left-col {
        padding-left: 20px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text {
        font-size: 30px
    }

    .eir-bundle-builder-start-btn {
        display: none
    }
}

@media (max-width: 850px) {
    h4.check-coverage-header-txt {
        font-size:13px
    }

    .eir-module__homepage-quick-links--eir-vision-go h4.check-coverage-header-txt {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (max-width: 1024px) {
    .eir__mobile-chatnow-div.online {
        background:url(https://www.eir.ie/opencms/export/sites/default/.galleries/liveperson/chat_button-turqpurple_2_invite.png) center/contain no-repeat
    }

    .eir__mobile-chatnow-div.offline {
        background: url(https://www.eir.ie/opencms/export/sites/default/.galleries/liveperson/chat_button-turqpurple_3_busy.png) center/contain no-repeat
    }
}

@media (max-width: 768px) {
    .eir__mobile-chatnow-div {
        height:150px;
        margin-top: -30px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text {
        line-height: 32px;
        padding-top: 0!important
    }

    .eir-deals-wrapper .eir-b-bundles .left-col h1 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 35px
    }

    .eir-deals-wrapper .top-col.eir-deals h2 {
        font-size: 25px;
        font-size: 1.5625rem
    }

    .eir-deals-wrapper .bottom-col-left.eir-deals,.eir-deals-wrapper .bottom-col-right.eir-deals,.eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-two {
        padding-left: 10px
    }

    .eir-deals-wrapper .bottom-col-left.eir-deals h2,.eir-deals-wrapper .bottom-col-left.eir-deals h3,.eir-deals-wrapper .bottom-col-right.eir-deals h2,.eir-deals-wrapper .bottom-col-right.eir-deals h3 {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 30px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text.vertical {
        padding-top: 20px!important
    }

    .eir-deals-wrapper .eir-module__bundle__details__block__info.empty {
        height: 96px!important
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-two.existing {
        background: #e30045
    }
}

@media (max-width: 749px) {
    .pad-img-coverage {
        padding-top:10px
    }

    .eir-module__homepage-quick-links .col-right img {
        width: 30px
    }

    .eir-module__homepage-quick-links .col-right p {
        font-size: 12px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-right img {
        width: 35px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-right p {
        font-size: 16px
    }

    .pad-left-img {
        padding-left: 0!important
    }

    h4.check-coverage-header-txt {
        font-size: 15px
    }

    .eir-module__homepage-quick-links--eir-vision-go h4.check-coverage-header-txt {
        font-size: 20px;
        font-size: 1.25rem
    }

    .eir-module__homepage-quick-links .col-left a {
        font-size: 13px
    }

    .eir-module__homepage-quick-links--eir-vision-go .col-left a {
        font-size: 16px;
        font-size: 1rem
    }

    .eir-deals-wrapper .bottom-col-left.eir-deals h2,.eir-deals-wrapper .bottom-col-left.eir-deals h3,.eir-deals-wrapper .bottom-col-right.eir-deals h2,.eir-deals-wrapper .bottom-col-right.eir-deals h3 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 20px
    }

    .eir-b-bundles .right-col .top-col.top-col-one-b .eir-carousel-banner__button {
        margin-top: -60px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 25px;
        padding-left: 20px!important
    }

    .eir-deals-wrapper .eir-b-bundles .right-col {
        height: auto
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text.top-banner-text {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 30px
    }

    .eir-deals-wrapper a.eir__deals-share-btn {
        display: none
    }

    .eir-deals-wrapper.existing .eir-b-bundles .right-col .top-col.eir-deals.top-col-two.existing {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/medium_turquoise_parental.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-two {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Medium_DoubleData.png) center/cover no-repeat
    }

    .eir-deals-wrapper.existing .eir-b-bundles .left-col.eir-deals.left-col-two {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Large_green.png) center/cover no-repeat
    }

    .eir-deals-wrapper.existing .eir-b-bundles .left-col.left-col-one.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Large_yellow.png) center/cover no-repeat
    }

    .eir-deals-wrapper.existing .eir-b-bundles .right-col .top-col.eir-deals.top-col-one {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/medium_turquoise_bundles.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-one-b {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Medium_green_freemob.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .left-col.left-col-one.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Large_yellow.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .top-col.eir-deals.top-col-one {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/medium_pink_bundles.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .left-col.eir-deals.left-col-two {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/Large_green.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .bottom-col-left.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/medium_blue_sim.png) center/cover no-repeat
    }

    .eir-deals-wrapper .eir-b-bundles .right-col .bottom-col-right.eir-deals {
        background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/background-img/deals/brush/medium_turquoise_parental.png) center/cover no-repeat
    }

    .affinity__row .affinity__header__text h1,.affinity__row .affinity__header__text h2,.affinity__row .affinity__header__text h3,.affinity__row .affinity__header__text h4 {
        font-size: 14px;
        line-height: 20px
    }

    .affinity__row .affinity__header__text p {
        font-size: 12px
    }

    .affinity__row .affinity__header__logo {
        display: block
    }

    .affinity__row .affinity__header__logo img {
        width: 30px
    }

    .affinity__row .affinity__header__logo {
        padding: 20px 0 0
    }

    .affinity__row .affinity__header__text {
        width: 100%;
        display: block;
        padding: 8px 8px 20px
    }

    .eir-module__homepage-quick-links .col-left .non-branding-links.standalone-text {
        padding-top: 0
    }

    .eir-deals-wrapper .eir-module__carousel__bottom-text {
        font-size: 11px;
        font-size: .6875rem;
        right: 10px
    }

    .eir-deals-wrapper .eir-module__carousel__bottom-text span {
        font-size: 8px
    }
}

@media (max-width: 480px) {
    .eir-deals-wrapper .eir-module__carousel__overlay-text {
        padding-left:15px!important
    }

    .eir-deals-wrapper .eir-b-bundles .left-col,.eir-deals-wrapper .top-col.eir-deals {
        padding-left: 15px
    }

    .eir-deals-wrapper .eir-b-bundles .left-col h1,.eir-deals-wrapper .top-col.eir-deals h2 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 25px
    }

    .eir-deals-wrapper .eir-module__icon-text__container p {
        padding: 0 10px;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-deals-wrapper .bottom-banner-img {
        min-height: 200px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 20px
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text.vertical {
        padding-top: 10px!important
    }

    .eir-deals-wrapper .eir-module__carousel__overlay-text.centered {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 20px
    }
}

.eir-row {
    padding: 20px 10px;
    margin-top: 0
}

.eir-row--mobile-hidden {
    display: none
}

.eir-row--no-padding {
    padding: 0
}

.eir-row--no-padding__top {
    padding-top: 0
}

.eir-row--no-padding__btm {
    padding-bottom: 0
}

.eir-row--no-padding__top-btm {
    padding-top: 0;
    padding-bottom: 0
}

.eir-row--no-padding__right-left {
    padding-right: 0;
    padding-left: 0
}

.eir-row--padding-top-only {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

.eir-row--padding-btm-only {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0
}

@media only screen and (min-width: 600px) {
    .eir-row--mobile-hidden {
        display:block
    }
}

.eir-wrapper {
    padding: 0;
    background: #FFF
}

@media only screen and (min-width: 750px) {
    .eir-wrapper {
        padding:0 10px
    }
}

.notfound-image {
    background: #00b5d5;
    padding: 20px;
    color: #fff
}

.notfound-image h1,.notfound-image h2,.notfound-image p {
    color: #fff
}

ul.notfound-content-left li {
    list-style: none;
    background: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/dot-eircom.png) 0 no-repeat;
    background-position-y: 8px;
    padding-left: 17px
}

.notfound-content-left li a {
    color: #8c00ef!important
}

.notfound-content-right {
    text-align: center
}

@media only screen and (min-width: 600px) {
    .notfound-image {
        background:url(/opencms/export/sites/default/.galleries/eircom/eir-branding/404/eir-404.png) no-repeat;
        padding: 30px 60px
    }

    .notfound-content-wrapper {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        padding: 30px
    }

    .notfound-content-left,.notfound-content-right {
        float: left
    }

    .notfound-content-left {
        width: 65%;
        padding-left: 20px
    }

    .notfound-content-right {
        width: 35%;
        text-align: right;
        padding-right: 30px
    }
}

@media only screen and (min-width: 750px) {
    .notfound-content-left {
        width:75%;
        padding-left: 30px
    }

    .notfound-content-right {
        width: 25%
    }
}

.eir-changes__bg--broadband {
    background-color: #00b5d5!important;
    color: #FFF
}

.eir-changes__bg--broadband .pd__price__container .brand-efibre,.eir-changes__bg--broadband .previous-value,.eir-changes__bg--broadband a,.eir-changes__bg--broadband h1,.eir-changes__bg--broadband h2,.eir-changes__bg--broadband h3 {
    color: #FFF!important
}

.eir-changes__bg--broadband a:hover {
    text-decoration: underline
}

.eir-changes__bg--broadband .prequal-checked-detail {
    color: #FFF!important
}

.eir-changes__bg--broadband .restartPrequal {
    color: #8b00ee!important
}

.eir-changes__bg--broadband .restartPrequal:hover {
    color: #460967!important
}

.eir-changes__bg--broadband.intro-block .toggle-slide__content,.eir-changes__bg--broadband.intro-block .toggle-slide__content h3 {
    color: #242529!important
}

.eir-changes__bg--broadband .checkout__basket__bundle-title,.eir-changes__bg--broadband .checkout__basket__mobile-selected {
    background-color: #00b5d5!important;
    color: #FFF
}

.eir-changes__bg--broadband .checkout__basket__bundle-total .price,.eir-changes__bg--broadband .checkout__basket__bundle-total .text,.eir-changes__bg--broadband .tv-cart-list--price,.eir-changes__bg--broadband .tv-cart-list--text {
    color: #FFF!important
}

.eir-changes__bg--broadband--pp {
    background-color: #8b00ee!important;
    color: #FFF
}

.eir-changes__bg--broadband--pp .pd__price__container .brand-efibre,.eir-changes__bg--broadband--pp .previous-value,.eir-changes__bg--broadband--pp a,.eir-changes__bg--broadband--pp h1,.eir-changes__bg--broadband--pp h2,.eir-changes__bg--broadband--pp h3 {
    color: #FFF!important
}

.eir-changes__bg--broadband--pp a:hover {
    text-decoration: underline
}

.eir-changes__bg--broadband--pp .prequal-checked-detail {
    color: #FFF!important
}

.eir-changes__bg--broadband--pp .restartPrequal {
    color: #8b00ee!important
}

.eir-changes__bg--broadband--pp .restartPrequal:hover {
    color: #460967!important
}

.eir-changes__bg--broadband--pp.intro-block .toggle-slide__content,.eir-changes__bg--broadband--pp.intro-block .toggle-slide__content h3 {
    color: #242529!important
}

.eir-changes__bg--broadband--pp .checkout__basket__bundle-title,.eir-changes__bg--broadband--pp .checkout__basket__mobile-selected {
    background-color: #8b00ee!important;
    color: #FFF
}

.eir-changes__bg--broadband--pp .checkout__basket__bundle-total .price,.eir-changes__bg--broadband--pp .checkout__basket__bundle-total .text,.eir-changes__bg--broadband--pp .tv-cart-list--price,.eir-changes__bg--broadband--pp .tv-cart-list--text {
    color: #FFF!important
}

.eir-changes__bg--tv {
    background-color: #e30045!important;
    color: #FFF
}

.eir-changes__bg--tv .pd__price__container .brand-tv,.eir-changes__bg--tv .previous-value,.eir-changes__bg--tv a,.eir-changes__bg--tv h1,.eir-changes__bg--tv h2,.eir-changes__bg--tv h3 {
    color: #FFF!important
}

.eir-changes__bg--tv a:hover {
    text-decoration: underline
}

.eir-changes__bg--tv .prequal-checked-detail {
    color: #FFF!important
}

.eir-changes__bg--tv .restartPrequal {
    color: #ffc800!important
}

.eir-changes__bg--tv .restartPrequal:hover {
    color: #ec8a0a!important
}

.eir-changes__bg--tv.intro-block .toggle-slide__content,.eir-changes__bg--tv.intro-block .toggle-slide__content h3 {
    color: #242529!important
}

.eir-changes__bg--tv .checkout__basket__bundle-title,.eir-changes__bg--tv .checkout__basket__mobile-selected {
    background-color: #e30045!important;
    color: #FFF
}

.eir-changes__bg--tv .checkout__basket__bundle-total .price,.eir-changes__bg--tv .checkout__basket__bundle-total .text,.eir-changes__bg--tv .tv-cart-list--price,.eir-changes__bg--tv .tv-cart-list--text {
    color: #FFF!important
}

.eir-changes__bg--mobile {
    background-color: #f116ba!important;
    color: #FFF
}

.eir-changes__bg--mobile .pd__price__container .brand-mobile,.eir-changes__bg--mobile .previous-value,.eir-changes__bg--mobile a,.eir-changes__bg--mobile h1,.eir-changes__bg--mobile h2,.eir-changes__bg--mobile h3 {
    color: #FFF!important
}

.eir-changes__bg--mobile a:hover {
    text-decoration: underline
}

.eir-changes__bg--mobile .prequal-checked-detail {
    color: #FFF!important
}

.eir-changes__bg--mobile .restartPrequal {
    color: #3ab600!important
}

.eir-changes__bg--mobile .restartPrequal:hover {
    color: #008b14!important
}

.eir-changes__bg--mobile.intro-block .toggle-slide__content,.eir-changes__bg--mobile.intro-block .toggle-slide__content h3 {
    color: #242529!important
}

.eir-changes__bg--mobile .checkout__basket__bundle-title,.eir-changes__bg--mobile .checkout__basket__mobile-selected {
    background-color: #f116ba!important;
    color: #FFF
}

.eir-changes__bg--mobile .checkout__basket__bundle-total .price,.eir-changes__bg--mobile .checkout__basket__bundle-total .text,.eir-changes__bg--mobile .tv-cart-list--price,.eir-changes__bg--mobile .tv-cart-list--text {
    color: #FFF!important
}

.eir-changes__bg--phone {
    background-color: #a6d400!important;
    color: #FFF
}

.eir-changes__bg--phone .pd__price__container .brand-broadband,.eir-changes__bg--phone .previous-value,.eir-changes__bg--phone a,.eir-changes__bg--phone h1,.eir-changes__bg--phone h2,.eir-changes__bg--phone h3 {
    color: #FFF!important
}

.eir-changes__bg--phone a:hover {
    text-decoration: underline
}

.eir-changes__bg--phone .prequal-checked-detail {
    color: #FFF!important
}

.eir-changes__bg--phone .restartPrequal {
    color: #2f7ee1!important
}

.eir-changes__bg--phone .restartPrequal:hover {
    color: #00327f!important
}

.eir-changes__bg--phone.intro-block .toggle-slide__content,.eir-changes__bg--phone.intro-block .toggle-slide__content h3 {
    color: #242529!important
}

.eir-changes__bg--phone .checkout__basket__bundle-title,.eir-changes__bg--phone .checkout__basket__mobile-selected {
    background-color: #a6d400!important;
    color: #FFF
}

.eir-changes__bg--phone .checkout__basket__bundle-total .price,.eir-changes__bg--phone .checkout__basket__bundle-total .text,.eir-changes__bg--phone .tv-cart-list--price,.eir-changes__bg--phone .tv-cart-list--text {
    color: #FFF!important
}

.eir-changes__bg--phone.map-block--green-bg:after {
    border-top: solid 15px #a6d400!important
}

.eir-changes__toggle--broadband.resp-tabs-list li.resp-tab-active {
    border-top: 3px solid #00b5d5!important
}

.eir-changes__toggle--tv.resp-tabs-list li.resp-tab-active {
    border-top: 3px solid #e30045!important
}

.eir-changes__toggle--mobile.resp-tabs-list li.resp-tab-active {
    border-top: 3px solid #f116ba!important
}

.eir-changes__toggle--phone.resp-tabs-list li.resp-tab-active {
    border-top: 3px solid #a6d400!important
}

.eir-changes__studyhub .btn--orange {
    background-color: #2f7ee1;
    box-shadow: 0 3px 0 #00327f
}

.eir-changes__studyhub .btn--orange:focus,.eir-changes__studyhub .btn--orange:hover {
    background-color: #00327f
}

.eir-changes__studyhub .btn--disable {
    background-color: #ececec;
    box-shadow: 0 3px 0 #54585a;
    cursor: default;
    color: #242529!important
}

.eir-changes__studyhub .btn--disable:focus,.eir-changes__studyhub .btn--disable:hover {
    background-color: #ececec
}

.eir-changes__studyhub a,.eir-changes__studyhub h1,.eir-changes__studyhub h2,.eir-changes__studyhub h3 {
    color: #2f7ee1
}

.eir-changes__studyhub a:focus,.eir-changes__studyhub a:hover {
    color: #00327f
}

h1,h2,h3,h4,h5,h6 {
    font-family: eir-medium-web,"Arial Medium"
}

.eir-changes__webmail .homepage_panel.homepage_panel--main {
    background: #00b5d5
}

.eir-changes__webmail form#login-form,.eir-changes__webmail form#login-form a,.eir-changes__webmail form#security-form {
    color: #FFF
}

.eir-changes__webmail .matchHeight__content-block.signup a {
    color: #00b5d5
}

.eir-changes__webmail .eir-icons-extra {
    width: 60px;
    height: 60px;
    background-size: 100%;
    margin: 8px auto 0
}

.eir-changes__webmail .extras__panel {
    background: #ececec;
    border: none
}

.eir-changes__webmail .icons-row {
    background: #fff;
    border: 1px solid #E4E4E4
}

.eir-changes__webmail .checkout__form-container,.eir-changes__webmail .homepage_panel {
    border: 1px solid #E4E4E4
}

.eir-changes__webmail .checkout__form-container {
    background: #00b5d5
}

#splash-page .overlay-text:after,#splash-page .overlay-text:before,.group:after,.group:before {
    content: "";
    display: table
}

#splash-page .overlay-text:after,.group:after {
    clear: both
}

#splash-page {
    background: #e0dee9;
    min-height: 100vh;
    position: relative
}

#splash-page #splash-bg {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}

#splash-page #splash-bg .colour-overlay {
    background: rgba(0,181,213,.2);
    height: 100%;
    position: absolute;
    transition: all 12s linear;
    width: 100%;
    z-index: 1;
    left: 0
}

#splash-page #splash-bg .colour-overlay.animate {
    opacity: 0
}

#splash-page.business-splash #splash-bg .colour-overlay {
    background: rgba(0,86,112,.2)
}

#splash-page.wholesale-splash #splash-bg .colour-overlay {
    background: rgba(0,140,21,.2)
}

#splash-page .splash-slider {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}

#splash-page .splash-slider .slick-list,#splash-page .splash-slider .slick-track {
    position: absolute;
    height: 100%;
    width: 100%
}

#splash-page .splash-slider .single-slide {
    float: left;
    height: 100%;
    min-height: 100%
}

#splash-page .splash-slider .single-slide:first-child {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#splash-page .splash-slider .single-slide.slick-active img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-delay: 1s
}

#splash-page .splash-slider img {
    bottom: -9999px;
    display: block;
    left: -9999px;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: -9999px;
    top: -9999px;
    transition: all 9s linear;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    transition-delay: 1s
}

#splash-page .brand-swirl-overlays {
    height: 100%;
    overflow: hidden;
    position: absolute;
    transition: all .2s linear;
    width: 100%;
    z-index: 1
}

#splash-page .brand-swirl-overlays .swirl-left-top {
    left: 0;
    position: absolute;
    top: 0
}

#splash-page .brand-swirl-overlays .swirl {
    opacity: 0;
    max-width: 50%;
    position: absolute;
    transition: opacity 2s linear
}

#splash-page .brand-swirl-overlays .swirl.animate {
    opacity: 1
}

#splash-page .brand-swirl-overlays .swirl.swirl-large {
    display: none
}

#splash-page .brand-swirl-overlays .top-swirl {
    left: 0;
    top: 0
}

#splash-page .brand-swirl-overlays .bottom-swirl {
    bottom: 0;
    right: 0;
    transition: opacity 3s linear;
    transition-delay: 1s
}

#splash-page .brand-swirl-overlays .flipped-mobile {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

#splash-page .overlays-holder {
    margin: 0 auto;
    max-width: 1250px;
    padding: 20px 20px 50px;
    position: relative;
    text-align: center;
    z-index: 2
}

#splash-page .close-splash {
    display: block;
    float: right;
    transition: all .2s linear
}

#splash-page .close-splash img {
    height: 32px;
    transition: all .4s cubic-bezier(0.28,.46,.265,1.55);
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    width: 32px
}

#splash-page .close-splash img.animate {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

#splash-page .overlay-text {
    margin: 110px auto 30px
}

#splash-page .replaceable-text {
    margin: 0 auto;
    max-width: 1000px;
    position: relative
}

#splash-page .replaceable-text .replaceable-from.fade-out {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

#splash-page .replaceable-text .replaceable-to {
    display: none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 17px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

#splash-page .replaceable-text .replaceable-to.fade-in {
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width: 418px) {
    #splash-page .replaceable-text .replaceable-to {
        top:0
    }

    #splash-page .replaceable-text .middle-align {
        top: 17px
    }
}

@media only screen and (min-width: 660px) {
    #splash-page .replaceable-text .middle-align {
        top:0
    }
}

@media only screen and (min-width: 760px) {
    #splash-page .replaceable-text .middle-align {
        top:28px
    }
}

@media only screen and (min-width: 1020px) {
    #splash-page .replaceable-text .middle-align {
        top:44px
    }
}

#splash-page h1,#splash-page h2,#splash-page h3 {
    color: #fff;
    font-family: eir-regular-web,Arial;
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.2em;
    margin: 0 0 15px;
    opacity: 0;
    transition: all .4s cubic-bezier(0.28,.46,.265,1.55);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

#splash-page h1.animate,#splash-page h2.animate,#splash-page h3.animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#splash-page p {
    color: #fff;
    font-family: GT-Walsheim-Regular,Arial;
    font-weight: 500;
    font-size: 1em;
    letter-spacing: -.02em;
    line-height: 1.25em;
    margin: 0 auto;
    max-width: 750px;
    opacity: 0;
    transition: all .4s cubic-bezier(0.28,.46,.265,1.55);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

#splash-page p.animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#splash-page .overlay-circles {
    margin: 45px auto;
    transition: all .2s linear;
    padding-left: 0
}

#splash-page .overlay-circles li {
    display: inline-block;
    margin: 0 2px;
    opacity: 0;
    transition: all .4s cubic-bezier(0.28,.46,.265,1.55);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    vertical-align: top
}

#splash-page .overlay-circles li.animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#splash-page .overlay-circles li:nth-of-type(2) {
    transition-delay: .3s
}

#splash-page .overlay-circles li:nth-of-type(3) {
    transition-delay: .6s
}

#splash-page .overlay-circles a {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-family: eir-regular-web,Arial;
    font-size: 1.0625em;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1em;
    height: 85px;
    padding: 27px 5px 0;
    text-decoration: none;
    width: 85px
}

#splash-page .overlay-circles a.lime {
    background: #a7d500
}

#splash-page .overlay-circles a.red {
    background: #e40046
}

#splash-page .overlay-circles a.purple {
    background: #8c00ef
}

#splash-page .overlay-circles a.turquoise {
    background: #00b5d5
}

#splash-page .overlay-circles a.orange {
    background: #fcb700
}

#splash-page .overlay-circles a.blue {
    background: #2f7ee1
}

#splash-page .overlay-circles a:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

#splash-page .continue-link {
    border-bottom: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: GT-Walsheim-Regular,Arial;
    font-weight: 500;
    font-size: 1em;
    line-height: 1;
    letter-spacing: -.02em;
    opacity: 0;
    position: relative;
    text-decoration: none;
    transition: all .2s cubic-bezier(0.28,.46,.265,1.55);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

#splash-page .continue-link.animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#splash-page .continue-link:after {
    content: "\00BB";
    margin: 1px 0 0 4px;
    position: absolute;
    transition: all .05s linear
}

#splash-page .continue-link:hover:after {
    margin-left: 6px
}

#splash-page.business-splash .overlay-circles a {
    padding-top: 18px
}

@media only screen and (min-width: 760px) {
    #splash-page .overlays-holder {
        padding:20px 40px
    }

    #splash-page .overlay-text {
        margin: 90px auto 16px
    }

    #splash-page h1 {
        font-size: 3.125em;
        line-height: 1.15em
    }

    #splash-page p {
        font-size: 1.125em
    }

    #splash-page .overlay-circles {
        margin: 48px auto
    }

    #splash-page .overlay-circles li {
        margin: 0 40px
    }

    #splash-page .overlay-circles a {
        height: 140px;
        font-size: 1.5em;
        padding: 49px 10px 0;
        width: 140px
    }

    #splash-page .overlay-circles a.three-lines {
        padding-top: 37px
    }

    #splash-page .overlay-circles.two-circles li {
        margin: 0 30px
    }

    #splash-page .continue-link {
        font-size: 1.875em
    }

    #splash-page.business-splash .overlay-circles a {
        padding: 49px 10px 0
    }

    #splash-page.business-splash .overlay-circles a.three-lines {
        padding-top: 37px
    }
}

@media only screen and (min-width: 1020px) {
    #splash-page .overlays-holder {
        padding:20px 30px 50px
    }

    #splash-page h1 {
        font-size: 5em;
        line-height: 1em;
        margin: 0 0 30px
    }

    #splash-page p {
        font-size: 1.25em;
        line-height: 1.25em;
        max-width: 950px
    }

    #splash-page .overlay-circles li {
        margin: 0 70px
    }
}

@media only screen and (min-width: 1300px) {
    #splash-page .overlays-holder {
        padding:20px 0 50px
    }

    #splash-page .brand-swirl-overlays .bottom-swirl {
        left: 0;
        right: auto
    }

    #splash-page .brand-swirl-overlays .swirl.swirl-large {
        display: block;
        height: 100%;
        left: auto;
        max-width: none;
        right: 0
    }

    #splash-page .brand-swirl-overlays .flipped-mobile {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.eir-timer {
    font-family: GT-Walsheim-Regular,Arial
}

.eir-timer strong {
    font-family: GT-Walsheim-Medium,"Arial Medium"
}

.eir-timer .row {
    margin: 0
}

.eir-timer__icon {
    background: url(/opencms/export/sites/default/.galleries/eircom/countdown/eir-timer-clock-face.png) 0 0/100%;
    height: 64px;
    width: 64px;
    position: relative
}

.eir-timer__icon__clock-hand {
    content: '';
    background: url(/opencms/export/sites/default/.galleries/eircom/countdown/eir-timer-clock-hand.png) 0 0/100%;
    height: 64px;
    width: 64px;
    position: absolute;
    top: 3px;
    left: -.5px
}

.eir-timer--carousel {
    display: none;
    width: 192px;
    height: 80px;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    left: auto;
    bottom: 27.5%;
    color: #fff
}

.eir-timer--carousel .eir-timer__icon {
    float: left;
    margin-left: -39px
}

.eir-timer--carousel .eir-timer__head {
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: 1px
}

.eir-timer--carousel .eir-timer__clock {
    height: 40px;
    background-repeat: no-repeat;
    background-position: 15px center;
    font-size: 25px;
    font-size: 1.5625rem;
    padding-left: 44px;
    font-family: eir-medium-web,"Arial Medium";
    text-align: center
}

.eir-timer--carousel .eir-timer__clock__time {
    margin: 0 auto;
    max-width: 175px
}

.eir-timer--carousel .eir-timer__clock__time div {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative
}

.eir-timer--carousel .eir-timer__clock__time .days,.eir-timer--carousel .eir-timer__clock__time .hours,.eir-timer--carousel .eir-timer__clock__time .minutes {
    width: 37.5px;
    text-align: center
}

.eir-timer--carousel .eir-timer__clock__time .days:after {
    content: 'Days';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -19px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-size: .625rem
}

.eir-timer--carousel .eir-timer__clock__time .hours:after {
    content: 'Hours';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -19px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-size: .625rem
}

.eir-timer--carousel .eir-timer__clock__time .minutes:after {
    content: 'Minutes';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -19px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-size: .625rem
}

.eir-timer--carousel .eir-timer__foot {
    width: 110%;
    margin-left: -5%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 9px;
    font-size: .5625rem
}

.eir-timer--carousel .eir-timer__icon {
    width: 35px;
    height: 35px
}

.eir-timer--carousel .eir-timer__icon__clock-hand {
    width: 35px;
    height: 35px;
    top: 1.5px
}

.eir-timer--carousel .eir-timer__small-print {
    width: 105%;
    text-align: left;
    float: left!important;
    height: 20px;
    line-height: 15px;
    padding: 5px 0 0 5px;
    font-size: 9px;
    font-size: .5625rem;
    font-family: GT-Walsheim-Regular,Arial
}

@media only screen and (min-width: 450px) and (max-width:550px) {
    .eir-timer--carousel {
        display:none;
        width: 240px;
        height: 100px;
        border-radius: 5px;
        position: absolute;
        right: auto;
        left: 20px;
        bottom: 27.5%;
        color: #fff
    }

    .eir-timer--carousel .eir-timer__icon {
        float: left;
        margin-left: -49px
    }

    .eir-timer--carousel .eir-timer__head {
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 14px;
        font-size: .875rem;
        letter-spacing: 1px
    }

    .eir-timer--carousel .eir-timer__clock {
        height: 50px;
        background-repeat: no-repeat;
        background-position: 15px center;
        font-size: 32px;
        font-size: 2rem;
        padding-left: 55px;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time {
        margin: 0 auto;
        max-width: 175px
    }

    .eir-timer--carousel .eir-timer__clock__time div {
        float: left;
        height: 35px;
        line-height: 35px;
        position: relative
    }

    .eir-timer--carousel .eir-timer__clock__time .days,.eir-timer--carousel .eir-timer__clock__time .hours,.eir-timer--carousel .eir-timer__clock__time .minutes {
        width: 47.25px;
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__foot {
        width: 110%;
        margin-left: -5%;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__icon {
        width: 44px;
        height: 44px
    }

    .eir-timer--carousel .eir-timer__icon__clock-hand {
        width: 44px;
        height: 44px;
        top: 1.5px
    }

    .eir-timer--carousel .eir-timer__small-print {
        width: 110%;
        text-align: left;
        float: left!important;
        height: 20px;
        line-height: 15px;
        font-size: 11px;
        font-size: .6875rem;
        font-family: eir-medium-web,"Arial Medium"
    }
}

@media only screen and (min-width: 450px) and (max-width:500px) {
    .eir-timer--carousel {
        bottom:31%
    }
}

@media only screen and (min-width: 500px) and (max-width:550px) {
    .eir-timer--carousel {
        bottom:34%
    }
}

@media only screen and (min-width: 550px) and (max-width:600px) {
    .eir-timer--carousel {
        display:none;
        width: 340px;
        height: 140px;
        border-radius: 5px;
        position: absolute;
        right: auto;
        left: 15px;
        bottom: 27.5%;
        color: #fff
    }

    .eir-timer--carousel .eir-timer__icon {
        float: left;
        margin-left: -70px
    }

    .eir-timer--carousel .eir-timer__head {
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 1px
    }

    .eir-timer--carousel .eir-timer__clock {
        height: 70px;
        background-repeat: no-repeat;
        background-position: 15px center;
        font-size: 48px;
        font-size: 3rem;
        padding-left: 79px;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time {
        margin: 0 auto;
        max-width: 240px
    }

    .eir-timer--carousel .eir-timer__clock__time div {
        float: left;
        height: 50px;
        line-height: 50px;
        position: relative
    }

    .eir-timer--carousel .eir-timer__clock__time .days,.eir-timer--carousel .eir-timer__clock__time .hours,.eir-timer--carousel .eir-timer__clock__time .minutes {
        width: 67.5px;
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__foot {
        width: 110%;
        margin-left: -5%;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__icon {
        width: 64px;
        height: 64px
    }

    .eir-timer--carousel .eir-timer__icon__clock-hand {
        width: 64px;
        height: 64px;
        top: 3px
    }

    .eir-timer--carousel .eir-timer__small-print {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        font-size: .875rem;
        padding: 2.5px 12px 0 5px
    }
}

@media only screen and (min-width: 600px) and (max-width:850px) {
    .eir-timer--carousel {
        display:none;
        width: 240px;
        height: 100px;
        border-radius: 5px;
        position: absolute;
        right: 14px;
        left: auto;
        bottom: 42px;
        color: #fff
    }

    .eir-timer--carousel .eir-timer__icon {
        float: left;
        margin-left: -49px
    }

    .eir-timer--carousel .eir-timer__head {
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 14px;
        font-size: .875rem;
        letter-spacing: 1px
    }

    .eir-timer--carousel .eir-timer__clock {
        height: 50px;
        background-repeat: no-repeat;
        background-position: 15px center;
        font-size: 32px;
        font-size: 2rem;
        padding-left: 55px;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time {
        margin: 0 auto;
        max-width: 175px
    }

    .eir-timer--carousel .eir-timer__clock__time div {
        float: left;
        height: 35px;
        line-height: 35px;
        position: relative
    }

    .eir-timer--carousel .eir-timer__clock__time .days,.eir-timer--carousel .eir-timer__clock__time .hours,.eir-timer--carousel .eir-timer__clock__time .minutes {
        width: 47.25px;
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__foot {
        width: 110%;
        margin-left: -5%;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        font-size: .75rem
    }

    .eir-timer--carousel .eir-timer__icon {
        width: 44px;
        height: 44px
    }

    .eir-timer--carousel .eir-timer__icon__clock-hand {
        width: 44px;
        height: 44px;
        top: 1.5px
    }

    .eir-timer--carousel .eir-timer__small-print {
        width: 200%;
        text-align: right;
        float: right!important;
        padding: 0;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        font-size: .6875rem;
        font-family: eir-medium-web,"Arial Medium"
    }
}

@media only screen and (min-width: 850px) {
    .eir-timer--carousel {
        display:none;
        width: 340px;
        height: 140px;
        border-radius: 5px;
        position: absolute;
        right: 20px;
        left: auto;
        bottom: 52px;
        color: #fff
    }

    .eir-timer--carousel .eir-timer__icon {
        float: left;
        margin-left: -70px
    }

    .eir-timer--carousel .eir-timer__head {
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 1px
    }

    .eir-timer--carousel .eir-timer__clock {
        height: 70px;
        font-size: 48px;
        font-size: 3rem;
        padding-left: 79px;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time {
        margin: 0 auto;
        max-width: 240px
    }

    .eir-timer--carousel .eir-timer__clock__time div {
        float: left;
        height: 50px;
        line-height: 50px;
        position: relative
    }

    .eir-timer--carousel .eir-timer__clock__time .days,.eir-timer--carousel .eir-timer__clock__time .hours,.eir-timer--carousel .eir-timer__clock__time .minutes {
        width: 67.5px;
        text-align: center
    }

    .eir-timer--carousel .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -32px;
        left: 0;
        right: 0;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__foot {
        width: 110%;
        margin-left: -5%;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        font-size: 1.125rem
    }

    .eir-timer--carousel .eir-timer__icon {
        width: 64px;
        height: 64px
    }

    .eir-timer--carousel .eir-timer__icon__clock-hand {
        width: 64px;
        height: 64px;
        top: 3px
    }

    .eir-timer--carousel .eir-timer__small-print {
        width: 200%;
        text-align: right;
        float: right!important;
        height: 30px;
        line-height: 30px;
        padding: 0;
        font-size: 14px;
        font-size: .875rem;
        font-family: eir-medium-web,"Arial Medium"
    }
}

.eir-timer--bundle {
    padding: 0 0 5px;
    border-radius: 5px
}

.eir-timer--bundle .eir-timer__row {
    display: none
}

.eir-timer--bundle .eir-module__bundle--container {
    margin: 0 5px!important
}

.eir-timer--bundle .eir-timer__head {
    line-height: normal;
    padding: 3.5px 0;
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 13px;
    font-size: .8125rem;
    text-align: center
}

.eir-timer--bundle .eir-timer__clock {
    margin: 0 auto;
    float: none!important;
    width: 265px;
    min-height: 80px;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: eir-medium-web,"Arial Medium";
    text-align: center;
    color: #FFF
}

.eir-timer--bundle .eir-timer__clock__time {
    max-width: 180px;
    width: 100%;
    float: left
}

.eir-timer--bundle .eir-timer__clock__time div {
    float: left;
    line-height: 32px;
    position: relative
}

.eir-timer--bundle .eir-timer__clock__time .days,.eir-timer--bundle .eir-timer__clock__time .hours,.eir-timer--bundle .eir-timer__clock__time .minutes {
    width: 52.5px;
    text-align: center
}

.eir-timer--bundle .eir-timer__clock__time .days:after {
    content: 'Days';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -22px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer--bundle .eir-timer__clock__time .hours:after {
    content: 'Hours';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -22px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer--bundle .eir-timer__clock__time .minutes:after {
    content: 'Minutes';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -22px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer--bundle .eir-timer__clock__message {
    max-width: 75px;
    width: 100%;
    float: left;
    border-left: 1px dashed #fff;
    margin-left: 7px;
    padding-left: 5px;
    margin-top: 5px;
    font-family: GT-Walsheim-Regular,Arial;
    font-size: 13px;
    font-size: .8125rem;
    height: 37.5px
}

@media only screen and (min-width: 950px) and (max-width:1100px) {
    .eir-timer--bundle {
        padding:0 0 5px;
        border-radius: 5px
    }

    .eir-timer--bundle .eir-module__bundle--container {
        margin: 0 5px!important
    }

    .eir-timer--bundle .eir-timer__head {
        float: none!important;
        line-height: normal;
        padding: 3.5px 0;
        font-family: GT-Walsheim-Bold,"Arial Bold";
        font-size: 13px;
        font-size: .8125rem;
        text-align: center
    }

    .eir-timer--bundle .eir-timer__clock {
        margin: 0 auto;
        width: auto;
        float: none!important;
        min-height: 80px;
        font-size: 36px;
        font-size: 2.25rem;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center;
        color: #FFF
    }

    .eir-timer--bundle .eir-timer__clock__time {
        width: 180px;
        margin: 0 auto;
        height: 50px;
        float: none!important
    }

    .eir-timer--bundle .eir-timer__clock__time div {
        float: left;
        line-height: 32px;
        position: relative
    }

    .eir-timer--bundle .eir-timer__clock__time .days,.eir-timer--bundle .eir-timer__clock__time .hours,.eir-timer--bundle .eir-timer__clock__time .minutes {
        width: 52.5px;
        text-align: center
    }

    .eir-timer--bundle .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -22px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle .eir-timer__clock__message {
        float: none;
        margin: 0 0 5px;
        border: none;
        max-width: none;
        width: 100%;
        font-family: GT-Walsheim-Regular,Arial;
        font-size: 13px;
        font-size: .8125rem
    }
}

.eir-timer--highlight-hack>.eir-timer__row {
    display: block!important
}

.eir-timer--highlight-hack>.eir-timer__row>h1 {
    color: #FFF!important;
    text-align: center;
    margin: 0;
    line-height: 68px;
    font-family: eir-medium-web,"Arial Medium"!important;
    height: 68px
}

.row .row.eir-timer__row {
    margin: 0
}

.eir-timer__row .large-offset-1-half {
    margin-left: 0
}

.eir-timer__row .large-9.large-offset-1-half {
    width: 100%
}

.eir-timer--bundle-group .days-unit:before,.eir-timer--bundle-group .hours-unit:before {
    content: '\2022';
    font-size: 38px;
    font-size: 2.375rem;
    color: #FFF;
    padding: 0
}

.eir-timer--bundle-group .minutes-unit:before {
    content: ''
}

.eir-timer--bundle-group .minutes-unit {
    max-width: 90px
}

.eir-timer--bundle-group .eir-timer__clock__time .days:after {
    content: 'Days';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -15px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer--bundle-group .eir-timer__clock__time .hours:after {
    content: 'Hours';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -15px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer--bundle-group .eir-timer__clock__time .minutes:after {
    content: 'Minutes';
    position: absolute;
    font-family: GT-Walsheim-Regular,Arial;
    color: #242529;
    bottom: -15px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-size: .875rem
}

.eir-timer__row .eir-timer--bundle-group {
    display: none
}

.eir-timer--bundle-group {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin: 0!important
}

.eir-timer--bundle-group .eir-timer__clock {
    display: table;
    margin: 0 auto;
    height: 100px;
    font-size: 38px;
    font-size: 2.375rem;
    font-family: eir-medium-web,"Arial Medium";
    text-align: center;
    color: #FFF
}

.eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container {
    width: 50%;
    height: 125%;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container div {
    height: 125%;
    float: left
}

.eir-timer--bundle-group .eir-timer__clock div {
    height: 100%;
    position: relative
}

.eir-timer--bundle-group .eir-timer__clock__time {
    width: 190px;
    padding-left: 0;
    float: none!important;
    margin: 0 auto;
    max-height: 45px;
    line-height: 45px;
    padding-top: 0
}

.eir-timer--bundle-group .eir-timer__head {
    padding: 0 20px;
    margin-top: 10px;
    font-family: eir-medium-web,"Arial Medium";
    font-size: 16px;
    font-size: 1rem;
    display: block;
    min-height: auto;
    line-height: normal;
    height: auto!important;
    float: none!important
}

.eir-timer--bundle-group .eir-timer__foot {
    display: table;
    font-family: GT-Walsheim-Regular,Arial;
    font-size: 16px;
    font-size: 1rem;
    min-height: 80px;
    padding-bottom: 0
}

.eir-timer--bundle-group .eir-timer__foot div {
    display: table-cell;
    vertical-align: middle
}

.eir-timer--bundle-group .eir-timer__icon {
    height: 64px!important;
    position: absolute!important;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.eir-timer--bundle-group .eir-timer__icon__container {
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0
}

.eir-timer--bundle-group .eir-timer__clock__time .days,.eir-timer--bundle-group .eir-timer__clock__time .hours,.eir-timer--bundle-group .eir-timer__clock__time .minutes {
    width: 52.5px;
    text-align: center
}

.eir-module__bundle--scroll-b .eir-module__bundle__overflow--three-col .large-3:nth-of-type(1) .eir-timer.eir-timer--bundle-group {
    border-radius: 0 0 0 5px;
    height: 100%;
    padding-bottom: 10px
}

.eir-module__bundle--scroll-b .eir-module__bundle__overflow--three-col .large-3:nth-of-type(2) .eir-timer.eir-timer--bundle-group {
    border-radius: 0;
    height: 100%;
    padding-bottom: 10px
}

.eir-module__bundle--scroll-b .eir-module__bundle__overflow--three-col .large-3:nth-of-type(3) .eir-timer.eir-timer--bundle-group {
    border-radius: 0 0 5px;
    height: 100%;
    padding-bottom: 10px
}

.eir-module__bundle--scroll-b .eir-module__bundle__overflow--three-col .large-3:nth-of-type(3) {
    float: left!important
}

@media only screen and (min-width: 600px) {
    .eir-timer__row .large-offset-1-half {
        margin-left:0
    }

    .eir-timer__row .large-9.large-offset-1-half {
        width: 100%
    }

    .eir-timer--bundle-group .days-unit:before,.eir-timer--bundle-group .hours-unit:before {
        content: '\2022';
        font-size: 38px;
        font-size: 2.375rem;
        color: #FFF;
        padding: 0
    }

    .eir-timer--bundle-group .minutes-unit:before {
        content: ''
    }

    .eir-timer--bundle-group .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        height: 100px;
        margin: 0!important
    }

    .eir-timer--bundle-group .eir-timer__clock {
        display: table;
        margin: 0 auto;
        height: 100px;
        font-size: 38px;
        font-size: 2.375rem;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center;
        color: #FFF
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container {
        width: 50%;
        height: 125%;
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container div {
        height: 125%;
        float: left
    }

    .eir-timer--bundle-group .eir-timer__clock div {
        height: 100%;
        position: relative
    }

    .eir-timer--bundle-group .eir-timer__clock__time {
        width: 190px;
        padding-left: 0;
        float: none!important;
        margin: 0 auto;
        max-height: 45px;
        line-height: 45px;
        padding-top: 0
    }

    .eir-timer--bundle-group .eir-timer__head {
        font-family: eir-medium-web,"Arial Medium";
        font-size: 16px;
        font-size: 1rem;
        display: block;
        min-height: auto;
        line-height: normal;
        height: auto!important;
        padding: 0;
        margin: 0;
        float: none!important
    }

    .eir-timer--bundle-group .eir-timer__foot {
        display: table;
        font-family: GT-Walsheim-Regular,Arial;
        font-size: 16px;
        font-size: 1rem;
        min-height: 100px;
        padding-bottom: 0;
        height: 100%
    }

    .eir-timer--bundle-group .eir-timer__foot div {
        display: table-cell;
        vertical-align: middle
    }

    .eir-timer--bundle-group .eir-timer__icon {
        height: 64px!important;
        position: absolute!important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .eir-timer--bundle-group .eir-timer__icon__container {
        height: 100%;
        position: relative
    }
}

@media only screen and (min-width: 950px) {
    .eir-timer__row .large-offset-1-half {
        margin-left:12.499995%
    }

    .eir-timer__row .large-9.large-offset-1-half {
        width: 75%
    }

    .eir-timer--bundle-group .days-unit:before,.eir-timer--bundle-group .hours-unit:before {
        content: '\2022';
        font-size: 38px;
        font-size: 2.375rem;
        color: #FFF;
        padding: 0
    }

    .eir-timer--bundle-group .minutes-unit:before {
        content: ''
    }

    .eir-timer--bundle-group .eir-timer__clock__time .days:after {
        content: 'Days';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group .eir-timer__clock__time .hours:after {
        content: 'Hours';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group .eir-timer__clock__time .minutes:after {
        content: 'Minutes';
        position: absolute;
        font-family: GT-Walsheim-Regular,Arial;
        color: #242529;
        bottom: -15px;
        left: 0;
        right: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .eir-timer--bundle-group {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        height: 100px;
        margin: 0!important
    }

    .eir-timer--bundle-group .eir-timer__clock {
        display: table;
        margin: 0 auto;
        height: 100px;
        font-size: 38px;
        font-size: 2.375rem;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center;
        color: #FFF
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container {
        width: 50%;
        height: 125%;
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container div {
        height: 125%;
        float: left
    }

    .eir-timer--bundle-group .eir-timer__clock div {
        height: 100%;
        position: relative
    }

    .eir-timer--bundle-group .eir-timer__clock__time {
        width: 190px;
        padding-left: 0;
        float: none!important;
        margin: 0 auto;
        max-height: 45px;
        line-height: 45px;
        padding-top: 0
    }

    .eir-timer--bundle-group .eir-timer__head {
        font-family: eir-medium-web,"Arial Medium";
        font-size: 16px;
        font-size: 1rem;
        display: block;
        min-height: auto;
        line-height: normal;
        height: auto!important;
        padding: 0;
        margin: 0;
        float: none!important
    }

    .eir-timer--bundle-group .eir-timer__foot {
        display: table;
        font-family: GT-Walsheim-Regular,Arial;
        font-size: 16px;
        font-size: 1rem;
        min-height: 100px;
        padding-bottom: 0;
        height: 100%
    }

    .eir-timer--bundle-group .eir-timer__foot div {
        display: table-cell;
        vertical-align: middle
    }

    .eir-timer--bundle-group .eir-timer__icon {
        height: 64px!important;
        position: absolute!important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .eir-timer--bundle-group .eir-timer__icon__container {
        height: 100%
    }
}

@media only screen and (min-width: 1100px) {
    .eir-timer__row .large-offset-1-half {
        margin-left:12.499995%
    }

    .eir-timer__row .large-9.large-offset-1-half {
        width: 75%
    }

    .eir-timer--bundle-group {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        height: 100px;
        margin: 0!important
    }

    .eir-timer--bundle-group .days-unit:before {
        content: 'Days';
        font-size: 22px;
        font-size: 1.375rem;
        color: #242529;
        padding: 0 10px 0 5px
    }

    .eir-timer--bundle-group .hours-unit:before {
        content: 'Hours';
        font-size: 22px;
        font-size: 1.375rem;
        color: #242529;
        padding: 0 10px 0 5px
    }

    .eir-timer--bundle-group .minutes-unit:before {
        content: 'Minutes';
        font-size: 22px;
        font-size: 1.375rem;
        color: #242529;
        padding: 0 10px 0 5px
    }

    .eir-timer--bundle-group .eir-timer__clock {
        display: table;
        margin: 0 auto;
        height: 100px;
        font-size: 38px;
        font-size: 2.375rem;
        font-family: eir-medium-web,"Arial Medium";
        text-align: center;
        color: #FFF
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .eir-timer--bundle-group .eir-timer__clock .eir-timer__clock__container div {
        height: 100%;
        float: left
    }

    .eir-timer--bundle-group .eir-timer__clock div {
        height: 100%;
        position: relative
    }

    .eir-timer--bundle-group .eir-timer__clock__time {
        width: 401px;
        padding-left: 8px;
        float: none!important;
        margin: 0 auto;
        max-height: 45px;
        line-height: 45px;
        padding-top: 5px
    }

    .eir-timer--bundle-group .eir-timer__clock__time .days:after,.eir-timer--bundle-group .eir-timer__clock__time .hours:after,.eir-timer--bundle-group .eir-timer__clock__time .minutes:after {
        content: ''
    }

    .eir-timer--bundle-group .eir-timer__head {
        font-family: eir-medium-web,"Arial Medium";
        font-size: 16px;
        font-size: 1rem;
        display: block;
        min-height: auto;
        line-height: normal;
        height: auto!important;
        padding: 0;
        margin: 0;
        float: none!important
    }

    .eir-timer--bundle-group .eir-timer__foot {
        display: table;
        font-family: GT-Walsheim-Regular,Arial;
        font-size: 16px;
        font-size: 1rem;
        min-height: 100px;
        padding-bottom: 0;
        margin-left: -1px;
        height: 100%
    }

    .eir-timer--bundle-group .eir-timer__foot div {
        display: table-cell;
        vertical-align: middle
    }

    .eir-timer--bundle-group .eir-timer__icon {
        height: 64px!important;
        position: absolute!important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .eir-timer--bundle-group .eir-timer__icon__container {
        height: 100%
    }
}

.eir-timer--bundle-group.eir-timer--bundle-group--no-highlight {
    border-radius: 5px!important
}

.eir-timer--bundle-group.eir-timer--bundle-group--no-highlight .eir-timer__foot {
    margin-bottom: 10px
}

.eir__carousel-video__container,.eir__carousel-video__container video,.eir__carousel-video__overlay {
    display: none
}

@media only screen and (min-width: 600px) {
    .eir-module__carousel__video * {
        -webkit-transform:translateZ(0);
        transform: translateZ(0)
    }

    .eir-module__carousel__video .eir-module__carousel__img-desktop {
        margin-bottom: -7px
    }

    .eir__carousel-video__container {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .eir__carousel-video__container video {
        display: none
    }

    .eir__carousel-video__container video.show {
        display: inline-block!important
    }

    .eir__carousel-video__container__inner {
        overflow: hidden;
        position: relative;
        max-height: 100%
    }

    .eir__carousel-video__overlay {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    .eir__carousel-video__overlay.show {
        display: inline!important
    }

    .eir__carousel-video__canvas {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
    }

    .eir-module__carousel__video .eir-carousel-banner__button {
        z-index: 10;
        bottom: -2px
    }

    .eir__carousel-video__player--broadband-1 {
        position: absolute;
        width: 64%;
        height: auto;
        top: 0;
        right: -1px
    }

    .eir__carousel-video__player--eirvisiongo-1 {
        position: absolute;
        width: 64%;
        height: auto;
        top: 0;
        right: 0
    }

    .eir__carousel-video__player--deals-1 {
        position: absolute;
        width: 65%;
        height: auto;
        top: 0;
        right: 0
    }

    .eir__carousel-video__player--app-1 {
        position: absolute;
        width: 74%;
        height: auto;
        top: -17.8%;
        right: -8.3%
    }

    .eir__carousel-video__player--roaming-1 {
        position: absolute;
        width: 67.19298245614034%;
        height: auto;
        top: -3.5000000000000004%;
        right: -3.3771929824561404%
    }

    .eir__carousel-video__player--roam-for-free-1 {
        position: absolute;
        width: 115%;
        height: auto;
        top: 0;
        right: -15px
    }
}

.bundle-block {
    box-shadow: inset 0 0 1px #ececec!important;
    border: none!important;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.bundle__section {
    background-color: #FFF;
    padding: 15px 20px;
    line-height: 1;
    margin: 0 -20px;
    border: 1px solid #ececec;
    border-top: none
}

.bundle__section--first {
    border-top: 1px solid #ececec
}

.bundle__section img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.bundle__section__header {
    background-color: #535759;
    padding: 5%;
    border-top: 1px solid #ececec
}

.bundle__section__header div {
    display: table;
    height: 100%;
    width: 100%
}

.bundle__section__header span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bundle__section__header h2 {
    font-size: 30px;
    font-size: 1.875rem;
    color: #FFF;
    margin: 0
}

.bundle__section__header h2 a {
    color: inherit;
    text-decoration: none
}

.bundle__section__price {
    max-height: 700px
}

.bundle__section__promo {
    background-color: #ececec;
    color: #FFF!important
}

.bundle__section__speed img {
    width: 75%
}

.bundle__section__mobile h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.bundle__section__more-info,.bundle__section__more-info a {
    color: #FFF
}

.bundle-table {
    display: none
}

.bundle-table--promo {
    display: table;
    height: 100%;
    width: 100%
}

.bundle-table--promo-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bundle-table__cell {
    display: table-cell;
    text-align: left;
    padding-left: 2%
}

.bundle-table__cell--middle {
    vertical-align: middle
}

.bundle-table__cell--top {
    vertical-align: top
}

.bundle-table__cell--width-20 {
    width: 20%
}

.bundle-table__cell--width-30 {
    width: 30%
}

.bundle-table__cell--width-65 {
    width: 65%
}

.bundle-table__cell--width-85 {
    width: 85%
}

.bundle-table__cell ul {
    padding-left: 10px;
    font-size: 18px;
    font-size: 1.125rem
}

.bundle-table__cell ul li {
    list-style: none;
    padding-top: 5px
}

.bundle-table--mobile {
    display: inline-block;
    margin-left: 10%
}

.bundle-table__phone {
    display: table;
    margin: 10px auto
}

.bundle-table__phone .bundle-table__cell {
    padding-left: 10px
}

.bundle-table__phone h2 {
    font-size: 22px;
    font-size: 1.375rem
}

.bundle-table__phone h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.bundle__price {
    font-size: 80px;
    font-size: 5rem;
    color: #535759
}

.bundle__price--large {
    font-size: 65px;
    font-size: 4.0625rem
}

.bundle__speed {
    font-size: 46px;
    font-size: 2.875rem;
    color: #00b5d5
}

.bundle__speed__tooltip {
    position: relative;
    bottom: 60%;
    left: 92%;
    margin-bottom: -24px
}

.bundle__off-peak__tooltip {
    position: relative;
    bottom: 20%;
    left: 90%;
    margin-bottom: -24px
}

.bundle__last {
    margin-top: 20px
}

.bundle-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.bundle {
    display: block;
    vertical-align: top;
    border: 1px solid #ececec;
    margin-bottom: 20px;
    text-align: center
}

.bundle:first-child {
    margin-left: 0
}

.bundle_header {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 10px;
    text-align: center
}

.bundle_promo {
    color: #FFF;
    text-align: center;
    padding: 2px 10px;
    line-height: 18px
}

.bundle-promo--content--wrapper {
    margin: auto;
    position: relative
}

.bundle-promo__content--block {
    display: inline-block;
    font-size: 15px;
    font-size: .9375rem
}

.bundle-promo__content--block .promo-image {
    width: auto;
    position: absolute;
    bottom: -10px
}

.bundle-promo__content--block .promo-image--bundles {
    bottom: 0
}

.bundle_img {
    text-align: center;
    width: 120px;
    margin: 10px 5px;
    display: inline-block
}

.bundle_img img {
    max-width: 100%
}

.bundle_img:after {
    content: " ";
    clear: both;
    display: block
}

.bundle_price {
    display: inline-block;
    line-height: 34px;
    margin-top: 5px;
    max-width: 45%;
    text-align: left
}

.bundle_price--noprice {
    line-height: 18px;
    margin-top: 20px;
    float: right;
    margin-right: 4%
}

.bundle_price p {
    text-align: left;
    margin: 0
}

.bundle_price div {
    display: block;
    font-size: 50px;
    font-size: 3.125rem
}

.bundle__price a {
    color: inherit;
    text-decoration: none
}

.bundle_cta {
    text-align: center;
    margin-bottom: 20px
}

.bundle_cta a {
    max-width: 80%;
    margin: auto
}

.bundle__middle--added-margin-top,.bundle__middle--tv {
    margin-top: 20px
}

.bundle__section__promo--tv {
    line-height: 1.5
}

.bundle__section__tv-bundle img {
    width: auto
}

.bundle__section__tv-bundle {
    font-size: 24px;
    font-size: 1.5rem
}

.bundle__section__tv-bundle p:last-child {
    margin-bottom: 0
}

.gradient-block {
    background: #e30045;
    text-align: left;
    color: #FFF;
    border-spacing: 10px;
    border-collapse: separate
}

.gradient-block a,.gradient-block h2 {
    color: #FFF
}

.gradient-block a:focus,.gradient-block a:hover {
    color: #ececec
}

.gradient-block .btn-container:after,.gradient-block .btn-container:before {
    content: " ";
    display: table
}

.gradient-block .btn-container:after {
    clear: both
}

.gradient-block .btn {
    margin-right: 0;
    margin-left: 0;
    float: right
}

@media only screen and (min-width: 600px) {
    .bundle-table__phone h2 {
        font-size:26px;
        font-size: 1.625rem
    }

    .bundle-table__phone h3 {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 750px) {
    .bundle-block {
        margin-right:2%;
        width: 32%
    }

    .bundle-block--2bundles {
        width: 49%
    }

    .bundle__last {
        margin-right: 0;
        margin-top: 0
    }

    .bundle__middle {
        box-shadow: 5px 5px 5px #ececec
    }

    .bundle-table,.bundle-table--mobile {
        display: table;
        margin-left: 5%;
        width: 100%
    }

    .bundle {
        display: inline-block;
        width: 31%;
        margin-left: 2.6%
    }

    .bundle:first-child {
        margin-left: 0
    }

    .bundle__off-peak__tooltip {
        left: 95%
    }

    .bundles-quadplay {
        margin-bottom: 20px
    }

    .bundle_img img {
        width: auto;
        max-width: 100%
    }

    .bundle_img {
        width: 95%;
        margin-bottom: 0
    }

    .bundle_price {
        display: block;
        max-width: 100%;
        margin-bottom: 20px;
        text-align: center
    }

    .bundle_price p {
        text-align: center;
        margin: 0 20px
    }

    .bundle_price--noprice {
        margin-top: 20px;
        float: none
    }

    .bundle_price div {
        font-size: 60px;
        font-size: 3.75rem
    }

    .bundle__middle--added-margin-top,.bundle__middle--tv {
        margin-top: 0
    }
}

@media only screen and (min-width: 800px) {
    .bundle__off-peak__tooltip {
        left:90%
    }
}

@media only screen and (max-width: 400px) {
    .bundle_img {
        width:110px!important;
        margin: 20px 5px 10px!important
    }

    .bundle_price {
        max-width: 40%!important
    }

    .bundle_price--noprice {
        margin-top: 10px
    }
}

@media only screen and (min-width: 750px) and (max-width:840px) {
    .bundle-promo__content--block .promo-image {
        visibility:hidden
    }
}

.pd-block {
    border: 1px solid #ececec;
    padding: 20px 0
}

.pd__container {
    padding: 0 20px
}

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

.pd__container:after {
    clear: both
}

.pd__header {
    text-align: left;
    padding-bottom: 15px
}

.pd__header h1,.pd__header h2 {
    text-align: left;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    line-height: 1;
    margin: 0
}

.pd__price {
    border: 1px solid #ececec;
    padding: 15px 20px;
    overflow: hidden;
    background-color: #FFF;
    position: relative
}

.pd__price__container {
    font-size: 14px;
    font-size: .875rem
}

.pd__price__value {
    font-size: 68px;
    font-size: 4.25rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    line-height: 1.2;
    display: inline-block;
    width: 95%
}

.pd__price__value--previous {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    text-decoration: line-through;
    color: #ececec
}

.pd__price__value--tv {
    font-family: GT-Walsheim-Light,"Arial Light";
    line-height: 1.2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.pd__price__cta {
    display: none;
    padding-top: 10px
}

.pd__price__cta--mobile {
    background-color: #FFF;
    margin-top: 0;
    border: 1px solid #ececec;
    border-top: none;
    padding: 15px 20px
}

.pd__price--duplicate {
    padding: 10px 20px 0;
    position: relative
}

.pd__price__tv-block {
    border: 1px solid #ececec;
    padding: 15px 20px;
    overflow: hidden;
    background-color: #FFF
}

.pd__price__bb-promo,.pd__price__tv-promo {
    color: #FFF;
    padding: 8px 10px;
    position: relative;
    margin-bottom: 10px
}

.pd__price__tv-promo:after {
    border: solid transparent;
    border-top-color: #e30045;
    content: " ";
    color: #e30045;
    height: 0;
    width: 0;
    position: absolute;
    border-width: 15px;
    margin-top: 18px;
    left: 45%;
    top: 40%
}

.pd__price__bb-promo:after {
    border: solid transparent;
    border-top-color: #242529;
    content: " ";
    color: #242529;
    height: 0;
    width: 0;
    position: absolute;
    border-width: 15px;
    margin-top: 18px;
    left: 45%;
    top: 40%
}

.pd__price__promo {
    color: #FFF;
    padding: 13px 10px
}

.pd__price__bottom-content {
    display: block
}

.pd__price--dual__container {
    width: 95%;
    text-align: center
}

.pd__price--dual__container .pd__price__value {
    width: initial
}

.pd__addons__col-1,.pd__addons__col-2,.pd__addons__col-3 {
    border: 1px solid #ececec;
    border-top: none;
    padding: 15px 20px
}

.pd__addons__col-2--tv {
    text-align: left;
    border-top: 1px solid #ececec;
    margin-top: 20px
}

.pd__addons__col-3--tv {
    border-top: 1px solid #ececec;
    margin-top: 20px;
    padding-bottom: 0
}

.pd__addons__col-4 {
    border: 1px solid #ececec;
    padding: 15px 20px;
    margin-bottom: 20px
}

.pd__addons__col-4--affinity {
    margin-bottom: 0;
    border-top: none
}

.pd__addons__col-2--symbols,.pd__addons__col-3--symbols,.pd__addons__col-4--symbols {
    display: none
}

.pd__addons__image {
    padding: 24px 0;
    max-width: 200px;
    margin: auto
}

.pd__addons__image img {
    height: auto;
    max-width: 128px;
    width: 100%
}

.pd__addons__title {
    background-color: #FFF;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 24px;
    font-size: 1.5rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    padding: 5px 0
}

.pd__addons__list {
    text-align: left;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 0
}

.pd__addons__promo-block {
    margin: 0 -10px;
    color: #FFF;
    padding: 10px;
    text-align: center;
    position: relative
}

.pd__addons__promo-block--arrow:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 20%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-bottom: solid 15px #00b5d5;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent
}

.pd__addons__cart {
    position: relative
}

.pd__paragraph {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left
}

.pd__icon--container {
    width: 100%;
    display: table
}

.pd__icon {
    display: table-cell;
    padding-left: 5%
}

.pd__icon--text {
    font-size: 14px;
    font-size: .875rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.list__icon--container {
    display: inline
}

.pd__80per-width {
    border: 1px solid #ececec;
    border-top: none;
    padding: 15px 20px
}

.pd__80per-width__container {
    display: block
}

.pd__80per-width__img {
    padding-top: 20px;
    max-width: 116px;
    margin: auto
}

.pd__80per-width__img img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.pd__80per-width__text {
    text-align: left
}

.pd__80per-width__text h2 {
    font-size: 24px;
    font-size: 1.5rem
}

.tab-included__logos {
    background-color: #ececec;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center
}

.tab-included__logos__text {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    display: block;
    padding: 5px 0
}

.tab-included__logos__image {
    display: block;
    padding: 15px 0
}

.tab-included__list {
    padding-left: 20px
}

.tab__row--even {
    padding: 5px 0
}

.tab__row--odd {
    padding: 5px 20px;
    margin: 0 -20px;
    background-color: #FFF
}

.tab-bb__table {
    display: table;
    width: 100%
}

.tab-bb__table-cell--promo,.tab-bb__table-cell--speed {
    display: block;
    width: 100%
}

.download-items {
    text-align: left!important;
    min-width: 270px
}

.download-items img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 20px
}

.tv-cart-list__container {
    border-bottom: 1px solid #FFF
}

.tv-cart-list__container--last {
    margin-bottom: 20px
}

.tv-cart-list {
    width: 100%
}

.tv-cart-list:after,.tv-cart-list:before {
    content: " ";
    display: table
}

.tv-cart-list:after {
    clear: both
}

.tv-cart-list--text {
    float: left;
    width: 60%;
    text-align: left
}

.tv-cart-list--price {
    float: right;
    text-align: right;
    width: 40%
}

.homephone-toggles:after,.homephone-toggles:before {
    content: " ";
    display: table
}

.homephone-toggles:after {
    clear: both
}

.homephone-toggles__container {
    background: #ececec;
    border: 1px solid #ececec;
    display: block;
    float: left;
    list-style: none;
    margin-bottom: 20px;
    padding: 5px;
    width: 47.5%
}

.homephone-toggles__container--last {
    margin-left: 5px
}

.toggles a.toggle {
    color: #333;
    list-style: none;
    margin: 0;
    text-decoration: none
}

span.indicator {
    background: url(/opencms/export/sites/default/.galleries/eircom/toggle-indicator-sprite.png);
    display: block;
    height: 28px;
    margin: 10px auto;
    width: 28px
}

span.indicator.off {
    background-position: left center
}

span.indicator.on {
    background-position: right center
}

.ftth-choose-bundle-laptop {
    margin-top: 20px
}

.eir-toggle .homephone-toggles__container {
    background: #ececec;
    border: 1px solid #ececec;
    display: block;
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding: 5px;
    width: 100%
}

.eir-toggle .homephone-toggles__container--last {
    margin-left: 0
}

.eir-toggle .homephone-toggles__container:not(:last-of-type) {
    border-bottom: 1px solid #e2e2e2
}

@media only screen and (min-width: 600px) {
    .pd__icon--text {
        width:60%
    }

    .pd__addons__list .list--tick {
        padding-left: 40px
    }

    .pd__price__bb-promo:after,.pd__price__tv-promo:after {
        left: 48%
    }
}

@media only screen and (min-width: 750px) and (max-width:1150px) {
    .homephone-toggles__container {
        float:none;
        width: 100%;
        margin-left: 0
    }

    .pd__price__bb-promo,.pd__price__tv-promo {
        font-size: 14px
    }
}

@media only screen and (min-width: 750px) {
    .pd__header h1,.pd__header h2 {
        line-height:0;
        margin: .67em 0
    }

    .pd__header-padding-bt {
        padding-bottom: 0
    }

    .pd__price {
        float: right;
        width: 25%;
        background-color: #FFF
    }

    .pd__price--50 {
        width: 50%
    }

    .pd__price__title {
        font-size: 18px;
        font-size: 1.125rem
    }

    .pd__price__cta {
        display: block
    }

    .pd__price__cta--mobile {
        display: none
    }

    .pd__price__bb-promo:after,.pd__price__tv-promo:after {
        left: 45%
    }

    .pd__price__tv-block-container {
        float: right;
        width: 25%
    }

    .pd__price__bottom-content {
        position: absolute;
        bottom: 0;
        left: 15%;
        right: 15%
    }

    .pd__addons {
        float: left;
        width: 75%
    }

    .pd__addons--50 {
        width: 50%
    }

    .pd__addons--order-summary {
        width: 100%
    }

    .pd__addons__col-1 {
        border: 1px solid #ececec;
        padding: 15px 20px;
        display: table;
        float: left;
        width: 95%;
        overflow: hidden;
        word-break: keep-all;
        word-break: break-word
    }

    .pd__addons__col-1:after,.pd__addons__col-1:before {
        content: " ";
        display: table
    }

    .pd__addons__col-1:after {
        clear: both
    }

    .pd__addons__col-2 {
        border: 1px solid #ececec;
        padding: 15px 20px;
        display: table;
        float: left;
        width: 45%;
        overflow: hidden;
        word-break: keep-all;
        word-break: break-word
    }

    .pd__addons__col-2:after,.pd__addons__col-2:before {
        content: " ";
        display: table
    }

    .pd__addons__col-2:after {
        clear: both
    }

    .pd__addons__col-2--ordersummary,.pd__addons__col-2--tv {
        width: 47.5%!important
    }

    .pd__addons__col-3 {
        border: 1px solid #ececec;
        padding: 10px 20px;
        display: table;
        float: left;
        width: 30%;
        overflow: hidden;
        word-break: keep-all;
        word-break: break-word
    }

    .pd__addons__col-3:after,.pd__addons__col-3:before {
        content: " ";
        display: table
    }

    .pd__addons__col-3:after {
        clear: both
    }

    .pd__addons__col-3--tv {
        margin-top: 0;
        padding-bottom: 0
    }

    .pd__addons__col-3--tv .pd__addons__list {
        padding-bottom: 0
    }

    .pd__addons__col-4 {
        border: 1px solid #ececec;
        padding: 10px 20px;
        display: table-cell;
        float: left;
        width: 22.75%;
        overflow: hidden;
        word-break: keep-all;
        word-break: break-word
    }

    .pd__addons__col-4:after,.pd__addons__col-4:before {
        content: " ";
        display: table
    }

    .pd__addons__col-4:after {
        clear: both
    }

    .pd__addons__col-2--symbols {
        display: table-cell;
        float: left;
        width: 5%
    }

    .pd__addons__col-3--symbols {
        display: table-cell;
        float: left;
        width: 3%
    }

    .pd__addons__col-4--symbols {
        display: table-cell;
        float: left;
        width: 2.25%
    }

    .pd__addons__col-2--symbols div,.pd__addons__col-3--symbols div,.pd__addons__col-4--symbols div {
        margin: auto
    }

    .pd__addons__col-4--affinity {
        padding-left: 10px;
        padding-right: 10px
    }

    .pd__addons__col-4--affinity .pd__addons__title {
        margin-left: -10px;
        margin-right: -10px
    }

    .pd__addons__list {
        margin-left: 0;
        margin-right: 0
    }

    .pd__addons__list--order-summary {
        max-width: 370px;
        margin: 0 auto
    }

    .pd__addons__promo-block {
        margin: 0 -20px
    }

    .pd__icon--text {
        width: 80%;
        word-break: keep-all;
        word-break: break-word
    }

    .pd__80per-width {
        border: none;
        width: 95%;
        float: left;
        padding: 0
    }

    .pd__80per-width__container {
        display: table;
        border: 1px solid #ececec;
        padding: 15px 20px;
        margin-top: 20px
    }

    .pd__80per-width__img {
        display: table-cell;
        vertical-align: top;
        width: 116px
    }

    .pd__80per-width__text {
        display: table-cell;
        vertical-align: top;
        padding-left: 2.5%
    }

    .pd__80per-width__text h2 {
        margin: 10px 0;
        line-height: 1.25rem
    }

    .tab-included__logos {
        padding: 15px;
        display: table
    }

    .tab-included__logos__text {
        display: table-cell;
        vertical-align: middle;
        padding: 0
    }

    .tab-included__logos__image {
        display: table-cell;
        padding: 0
    }

    .tab__row--odd {
        padding: 5px 15px;
        margin: 0 -15px
    }

    .tab-bb__table-cell--speed {
        display: table-cell;
        width: 80%
    }

    .tab-bb__table-cell--promo {
        display: table-cell;
        width: 20%;
        padding-left: 15px
    }

    .ftth-choose-bundle-laptop {
        margin-top: 0
    }
}

@media only screen and (min-width: 1200px) {
    .eir-toggle .homephone-toggles:after,.eir-toggle .homephone-toggles:before {
        content:" ";
        display: table
    }

    .eir-toggle .homephone-toggles:after {
        clear: both
    }

    .eir-toggle .homephone-toggles__container {
        background: #ececec;
        border: 1px solid #ececec;
        display: block;
        float: left;
        list-style: none;
        margin-bottom: 0;
        padding: 5px;
        width: 100%
    }

    .eir-toggle .homephone-toggles__container:not(:last-of-type) {
        border-bottom: 1px solid #e2e2e2
    }

    .eir-toggle .homephone-toggles__container--last {
        margin-left: 0
    }

    .eir-toggle .toggles a.toggle {
        color: #333;
        list-style: none;
        margin: 0;
        text-decoration: none;
        height: 100%
    }

    .eir-toggle span.indicator {
        background: url(/opencms/export/sites/default/.galleries/eircom/toggle-indicator-sprite.png) no-repeat;
        display: block;
        margin: 0 10px 0 5px;
        width: 28px;
        height: 100%
    }

    .eir-toggle span.indicator.off {
        background-position: left center;
        float: left
    }

    .eir-toggle span.indicator.on {
        background-position: right center;
        float: left
    }

    .eir-toggle .homephone-toggles__container .toggle p {
        float: left;
        max-width: 145px;
        width: 100%;
        margin-bottom: 5px;
        text-align: left
    }

    .eir-toggle .homephone-toggles__container .toggle p:last-of-type {
        margin-bottom: 14px
    }
}

.content-block {
    text-align: left;
    position: relative
}

.content-block h3 {
    margin: 1rem 0
}

.content-block--border {
    border: 1px solid #ececec
}

.content-block-66per {
    background-color: #FFF;
    display: block;
    float: none;
    margin-bottom: 10px
}

.content-block__full-width-container .columns {
    padding: 10px 0
}

.col-single {
    border-top: none;
    padding: 4px 20px
}

.col-single--bt {
    border-top: 1px solid #ececec
}

.col-single--last {
    padding-bottom: 20px
}

.col-3 {
    padding: 10px 0
}

.col-2 {
    border-bottom: none;
    border-top: none;
    padding: 10px 0
}

.col-2__row,.col-3__row {
    margin: 0!important;
    padding: 0 -20px!important
}

.col-2__row h3,.col-2__row p.sub {
    padding-left: 20px
}

.col-2__block,.col-3__block {
    border: none;
    padding: 10px 20px
}

.col-2__block img,.col-3__block img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.col-pad-top {
    padding-top: 20px
}

.col-pad-bottom {
    padding-bottom: 20px
}

@media only screen and (min-width: 750px) {
    .content-block h1 {
        line-height:2rem
    }

    .content-block-66per {
        width: 66%;
        float: left;
        margin-right: 2%;
        background-color: #FFF;
        margin-bottom: 0
    }

    .content-block-32per {
        width: 32%;
        float: left
    }

    .col-3 {
        padding: 0
    }
}

.efibre-map-block {
    border: 1px solid #ececec;
    padding: 10px 0
}

.map-col--left,.map-col--right {
    border: none
}

.map-block {
    border: 1px solid #ececec;
    padding: 20px 20px 0;
    text-align: left;
    border-top: none;
    margin-top: -20px
}

.map-block--minus-bt {
    border-top: none;
    padding-top: 10px;
    margin-top: 0!important
}

.map-block--green-bg {
    background-color: #00b5d5;
    color: #FFF;
    position: relative;
    margin-top: 0
}

.map-block--green-bg:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-top: solid 15px #00b5d5;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent
}

.map-block--green-bg h3 {
    color: #FFF
}

.map-block h3 {
    margin: 1rem 0;
    line-height: 1.5rem
}

#map_canvas {
    width: 100%;
    height: 500px
}

#map_canvas h2 {
    color: #FFF
}

.rollout-container {
    display: block
}

.rollout-container:after,.rollout-container:before {
    content: " ";
    display: table
}

.rollout-container:after {
    clear: both
}

.rollout-date {
    display: table;
    float: left;
    padding: 5px 30px 10px 0
}

.rollout-date__img-container {
    display: table-cell
}

.rollout-date__text-container {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.rollout-date__text-container p {
    margin: 0
}

.form__line-checker--address {
    margin-top: 20px
}

.form__line-checker label {
    display: block;
    margin: 0 0 .1em
}

.form__line-checker input,select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
    padding: 6px 4px;
    height: 37px;
    margin-top: 5px
}

.form__line-checker input.error,select.error {
    border-color: #e30045;
    background: #FFF
}

.form__line-checker input.error:focus,select.error:focus {
    background: #FFF
}

.form__line-checker label.error {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    color: #e30045;
    text-align: left;
    margin-top: 10px;
    display: inline-block
}

.line-checker__phone {
    width: 100%;
    padding-left: 80px;
    position: relative;
    overflow: auto
}

.line-checker-row {
    clear: left;
    zoom:1;margin: 0 0 1em
}

.line-checker-row .select--areacode {
    width: 70px;
    position: absolute;
    left: 0;
    top: 0
}

.line-checker-row .input--phone {
    width: 100%
}

.line-checker-btn {
    margin: 0;
    width: 110px
}

@media only screen and (min-width: 750px) {
    .map-col--left {
        padding-right:10px
    }

    .map-col--right {
        padding-left: 10px
    }

    .map-block {
        margin-top: 10px;
        border-top: 1px solid #ececec;
        padding-top: 0
    }

    .map-block--first {
        margin-top: 0!important
    }

    #map_canvas {
        margin-top: 10px
    }
}

.os_btn__container {
    width: 100%;
    background-color: #FFF;
    display: block;
    padding: 15px 10px;
    text-align: center;
    overflow: auto
}

.os-block {
    text-align: left;
    border: 1px solid #ececec;
    padding: 20px 0
}

.os-block h1 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 0
}

.os-block h3 {
    margin: 0
}

.os-container {
    padding: 0 20px;
    position: relative
}

.os-panel {
    border: 1px solid #ececec;
    padding: 20px;
    position: relative
}

.os-panel ul {
    padding-left: 0
}

.os-panel li {
    border-bottom: 1px solid #ececec;
    list-style: none;
    padding: 10px 0
}

.os-panel li:after,.os-panel li:before {
    content: " ";
    display: table
}

.os-panel li:after {
    clear: both
}

.os-panel--right {
    border-top: none
}

.os-panel__total-price {
    border-bottom: 1px solid #ececec;
    padding: 10px 0
}

.os-panel__total-price:after,.os-panel__total-price:before {
    content: " ";
    display: table
}

.os-panel__total-price:after {
    clear: both
}

.os-panel__deal {
    background: url(/opencms/export/sites/default/.galleries/eircom/best-online-deal_sml.png) top right no-repeat
}

.os-panel__roundel {
    background: url(/opencms/export/sites/default/.galleries/eircom/roundels/roundel-sm.png) top right no-repeat
}

.os-panel__roundel h3 {
    width: 70%
}

.price-item {
    float: left;
    width: 70%
}

.price-tag {
    float: right
}

.eircom-bundle {
    margin-bottom: 0
}

.eircom-bundle__item {
    border-bottom: none!important;
    margin-bottom: 5px
}

.cart-list {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 0
}

.optional-extras {
    background-color: #ececec;
    padding: 20px
}

.optional-extras p {
    margin: 0
}

.optional-extras__item {
    font-size: 13px;
    font-size: .8125rem;
    margin: 16px 0
}

.optional-extras__btn {
    text-align: center;
    margin: 0
}

.os__promo-inclusion__wrapper {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px
}

.os__promo-inclusion {
    display: table;
    width: 100%;
    padding-top: 10px
}

.os__promo-inclusion__item {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 10px
}

.os__promo-inclusion__item--logo {
    width: 10%
}

.os__promo-inclusion__item--tick {
    padding-right: 0
}

.os__promo-inclusion__item--tick div {
    float: right
}

.monthly-costs {
    text-align: center
}

.monthly-costs__panel {
    width: 100%;
    margin-top: 16px
}

.monthly-costs__info {
    display: block
}

.monthly-costs--block {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.price-tag--monthly-costs {
    display: block;
    float: none
}

.os__add-ons-block {
    border: 1px solid #ececec;
    padding-bottom: 20px
}

.os__add-ons__container {
    padding: 0 20px;
    position: relative
}

.os__add-ons__container:after,.os__add-ons__container:before {
    content: " ";
    display: table
}

.os__add-ons__container:after {
    clear: both
}

.os__add-ons__header {
    text-align: left
}

.os__add-ons__header h2 {
    margin-bottom: 0;
    line-height: 1.5rem
}

.os__add-ons__header p {
    margin: 5px 0
}

.os__add-ons__price {
    font-size: 26px;
    font-size: 1.625rem
}

.os__add-ons__panel__container {
    width: 100%;
    padding-top: 10px
}

.os__add-ons__panel__container--last {
    margin-bottom: 20px
}

.os__add-ons__panel {
    border: 1px solid #ececec;
    padding: 0 10px 20px;
    text-align: center;
    margin-top: 10px;
    position: relative
}

.os__add-ons__panel h3 {
    font-size: 20px;
    font-size: 1.25rem
}

.os__add-ons__panel--first {
    margin-top: 0
}

.os__add-ons__panel img {
    width: 100%;
    max-width: 170px;
    height: auto
}

.os__add-ons__btn {
    margin: 10px 0
}

.os__add-ons__panel .toggle-slide__link--text--os {
    font-size: 14px;
    font-size: .875rem;
    margin-top: 4px
}

.os__add-ons__promo {
    margin: 10px -10px -20px;
    padding: 5px
}

.os__add-ons__roundel {
    position: absolute;
    top: 45px;
    left: 10px
}

.os-title {
    clear: both;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.os-title__heading,.os-title__link {
    width: 100%
}

.os-title__link span.link {
    text-decoration: underline;
    cursor: pointer;
    color: #242529
}

.os-title__link span.link:active,.os-title__link span.link:focus,.os-title__link span.link:hover {
    color: #535759;
    text-decoration: underline
}

.os-title__link__tooltip {
    display: inline-block;
    top: 6px;
    position: relative
}

@media only screen and (min-width: 750px) {
    .os_btn_container__terms {
        float:left;
        margin: 15px 0 0
    }

    .os-block:after,.os-block:before {
        content: " ";
        display: table
    }

    .os-block:after {
        clear: both
    }

    .os-block h1 {
        font-size: 38px;
        font-size: 2.375rem
    }

    .os-panel {
        float: left;
        width: 47.5%
    }

    .os-panel--left {
        margin-right: 5%
    }

    .os-panel--right {
        border-top: 1px solid #ececec
    }

    .os-panel__deal {
        background: url(/opencms/export/sites/default/.galleries/eircom/best-online-deal.png) top right no-repeat
    }

    .os-panel__roundel {
        background: url(/opencms/export/sites/default/.galleries/eircom/roundels/roundel-md.png) top right no-repeat
    }

    .cart-list--broadband {
        padding-left: 20px!important
    }

    .optional-extras__panel {
        display: table;
        width: 100%;
        border-top: 1px solid #e1e1e1;
        margin-top: 10px;
        padding-top: 10px
    }

    .optional-extras__panel:first-child {
        border-top: none
    }

    .optional-extras__item {
        display: table-cell;
        width: 60%;
        padding-right: 20px
    }

    .optional-extras__btn {
        display: table-cell
    }

    .optional-extras__btn--no-height {
        display: block;
        margin-bottom: 3px
    }

    .monthly-costs {
        text-align: left;
        border-bottom: 1px solid #ececec
    }

    .monthly-costs:after,.monthly-costs:before {
        content: " ";
        display: table
    }

    .monthly-costs:after {
        clear: both
    }

    .monthly-costs__panel:after,.monthly-costs__panel:before {
        content: " ";
        display: table
    }

    .monthly-costs__panel:after {
        clear: both
    }

    .monthly-costs__info {
        float: right
    }

    .price-tag--monthly-costs {
        float: right;
        display: inline
    }

    .price-tag--monthly-costs--header {
        float: left
    }

    .os_btn__container {
        border: none;
        float: left;
        margin-top: 20px
    }

    .btn--os {
        max-width: 250px;
        float: right;
        margin: 0!important
    }

    .os__add-ons__header h2 {
        line-height: 1.25rem
    }

    .os__add-ons__panel__container {
        padding: 20px 0
    }

    .os__add-ons__panel__container:after,.os__add-ons__panel__container:before {
        content: " ";
        display: table
    }

    .os__add-ons__panel__container:after {
        clear: both
    }

    .os__add-ons__panel__container--last {
        margin-bottom: 0
    }

    .os__add-ons__row {
        position: relative
    }

    .os__add-ons__panel {
        width: 23.5%;
        margin-right: 2%;
        float: left;
        margin-top: 0
    }

    .os__add-ons__panel--last {
        margin-right: 0
    }

    .os__add-ons__panel .toggle-slide__link--text--os {
        width: 60%
    }

    .os-title {
        display: table;
        margin-bottom: 0
    }

    .os-title__heading {
        display: table-cell;
        width: 70%;
        padding-right: 20px
    }

    .os-title__link {
        display: table-cell;
        width: 30%;
        text-align: right
    }
}

input.error,select.error {
    border-color: #e30045!important;
    background: #FFF
}

input.error:focus,select.error:focus {
    background: #FFF
}

div.error {
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    color: #e30045;
    text-align: left;
    margin-top: 10px;
    display: inline-block
}

.error-no-margin .error {
    margin-top: 0
}

.checkout-block {
    border: 1px solid #ececec;
    text-align: left
}

.checkout-block--main {
    padding: 20px 0
}

.checkout-container {
    border: none
}

.checkout-container--header {
    border: none;
    padding: 20px;
    width: 100%
}

.checkout-header h1 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 0
}

.checkout-header--img {
    padding-top: 10px
}

.checkout__form-container {
    border: 1px solid #ececec;
    padding: 20px
}

.progress-bar {
    width: 100%;
    max-height: auto;
    padding-bottom: 10px
}

.progress-bar--pad-top {
    padding-top: 10px
}

.progress-bar__step {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/checkout-inactive.png);
    background-repeat: no-repeat;
    background-size: 100% 24px;
    padding-left: 10px;
    margin-bottom: 10px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/opencms/export/sites/default/.galleries/eircom/checkout-inactive.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/opencms/export/sites/default/.galleries/eircom/checkout-inactive.png', sizingMethod='scale')"
}

.checkout-active {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/checkout-active.png);
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/opencms/export/sites/default/.galleries/eircom/checkout-active.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/opencms/export/sites/default/.galleries/eircom/checkout-active.png', sizingMethod='scale')"
}

.checkout-complete {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/checkout-complete.png);
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/opencms/export/sites/default/.galleries/eircom/checkout-complete.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/opencms/export/sites/default/.galleries/eircom/checkout-complete.png', sizingMethod='scale')"
}

.checkout__note h3 {
    margin: 0
}

.checkout__form fieldset {
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #ececec;
    position: relative
}

.checkout__form .fieldset--first {
    border-top: none;
    padding-top: 0
}

.checkout__form legend {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    color: #242529;
    position: relative;
    display: block;
    width: 100%
}

.checkout__form .legend__container {
    padding-bottom: 16px
}

.checkout__form input {
    margin-right: 5px
}

.checkout__form option {
    border-right: 1px solid #242529
}

.checkout__form .input-row {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.checkout__form .input-row:after,.checkout__form .input-row:before {
    content: " ";
    display: table
}

.checkout__form .input-row:after {
    clear: both
}

.checkout__form .input-row label,.substitute-label {
    display: block;
    padding: 4px 0;
    text-align: left
}

.checkout__form .input-row label.radio_checkbox_container {
    width: auto!important;
    margin-right: 0!important;
    margin-top: 4px!important
}

.checkout__form .input-row label.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.checkout__form .input-row .input-elements-wrapper {
    float: left;
    width: 85%
}

.checkout__form .input-row input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
    padding: 6px 4px;
    height: 37px;
    margin-top: 5px
}

.checkout__form .input-row input.checkbox {
    width: auto;
    margin-left: 8px;
    border: none
}

.checkout__form .input-row .input--small {
    width: 60%;
    margin-right: 0
}

.checkout__form .input-row .input--tiny {
    width: 60px;
    margin-right: 0
}

.checkout__form .input-row input[type=radio] {
    width: 20px;
    height: inherit;
    border: 0;
    margin-left: 5px;
    margin-top: 0
}

.checkout__form .input-row input[type=checkbox] {
    width: 13px;
    border: 0;
    margin-left: 5px;
    padding: 0
}

.checkout__form .input-row input:focus,select:focus {
    outline: 0;
    border-color: #242529!important
}

.checkout__form .input-row .radio-btn--text {
    margin-right: 20px
}

.checkout__form .input-row .select-container {
    width: 40%;
    float: left;
    padding-right: 5%
}

.checkout__form .input-row .select-container--medium {
    width: 35%!important;
    float: left;
    padding-right: 5%
}

.checkout__form .input-row .select-container--last {
    width: 30%!important;
    float: left;
    padding-right: 0
}

.checkout__form .checkout-text--wrapper {
    width: 100%;
    float: left
}

.checkout__form .checkout-text--wrapper a {
    text-decoration: underline
}

.checkout__form .checkout-tooltip--wrapper {
    float: left;
    margin: 10px 0;
    width: 5%;
    padding-left: 2.5%
}

.checkout__basket__btn--mobile .btn,.checkout__form .btn {
    margin: 0;
    float: right
}

.checkout__form .required-fields {
    padding: 16px 0 0
}

.checkout__form .checkout__required {
    color: #e30045
}

.checkout__form .editable-address {
    background-color: #ececec;
    padding: 10px 20px
}

.checkout__form .editable-address li {
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.checkout__form .info-box {
    background-color: #ececec;
    padding: 20px 20px 4px
}

.checkout__form .info-box-margin-btm {
    margin-bottom: 20px
}

.checkout__form .info-box>p {
    margin-top: 0
}

.checkout__form .other-town__container,.checkout__form .postal-address-edit {
    display: none
}

.checkout__form .hideField {
    display: none!important
}

.checkout__phone-socket-image {
    max-width: 158px;
    width: 98%
}

.checkout__basket__btn--mobile {
    padding: 20px 21px 0;
    text-align: center
}

.checkout__basket__btn--mobile:after,.checkout__basket__btn--mobile:before {
    content: " ";
    display: table
}

.checkout__basket__btn--mobile:after {
    clear: both
}

.checkout__basket {
    border: 1px solid #ececec;
    padding: 20px;
    margin-top: 20px
}

.checkout__basket--terms {
    margin-top: 10px
}

.checkout__basket h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0
}

.checkout__basket__bundle-title {
    background-color: #FFF;
    margin: 10px -20px;
    padding: 10px 20px
}

.checkout__basket__bundle-title__price-included {
    display: table;
    width: 100%;
    font-size: 16px;
    font-size: 1rem
}

.checkout__basket__bundle-title__price-included .text {
    display: table-cell;
    width: 50%
}

.checkout__basket__bundle-title__price-included .price {
    display: table-cell;
    width: 50%;
    text-align: right
}

.checkout__basket__bundle-contents {
    font-size: 14px;
    font-size: .875rem;
    padding-left: 0;
    width: 100%
}

.checkout__basket__bundle-contents li {
    list-style: none
}

.checkout__basket__bundle-contents__price-list {
    font-size: 14px;
    font-size: .875rem;
    padding-left: 20px;
    width: 100%
}

.checkout__basket__bundle-contents__price-list li {
    list-style-image: url(/opencms/export/sites/default/.galleries/eircom/icons/tick.png);
    margin-bottom: 10px
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on:after,.checkout__basket__bundle-contents__price-list .checkout__basket__add-on:before {
    content: " ";
    display: table
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on:after {
    clear: both
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on .title {
    display: inline;
    width: 50%;
    float: left;
    text-align: left
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on .price-container {
    display: inline;
    width: 50%;
    text-align: right
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on .remove-link {
    padding-left: 10px
}

.checkout__basket__bundle-contents__price-list .checkout__basket__add-on .remove-btn {
    display: inline-block
}

.checkout__basket__bundle-contents__sub-list {
    font-size: 12px;
    font-size: .75rem;
    padding-left: 10px;
    width: 100%
}

.checkout__basket__bundle-contents__sub-list li {
    list-style: none;
    text-align: right
}

.checkout__basket__bundle-total {
    display: table;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem
}

.checkout__basket__bundle-total .text {
    display: table-cell;
    width: 50%
}

.checkout__basket__bundle-total .price {
    display: table-cell;
    width: 50%;
    text-align: right
}

.checkout__basket__value--previous {
    text-decoration: line-through;
    color: #ececec
}

.checkout__basket__payment-details {
    font-size: 14px;
    font-size: .875rem;
    padding-left: 0;
    width: 100%
}

.checkout__basket__payment-details li {
    list-style: none;
    padding: 5px 0
}

.checkout__basket__payment-details li:after,.checkout__basket__payment-details li:before {
    content: " ";
    display: table
}

.checkout__basket__payment-details li:after {
    clear: both
}

.checkout__basket__payment-details .left {
    float: left;
    width: 50%;
    word-break: loose
}

.checkout__basket__payment-details .right {
    float: right;
    width: 50%;
    word-break: loose;
    text-align: right
}

.checkout__basket__btn {
    text-align: center;
    margin-top: 10px
}

.checkout__basket__mobile-selected {
    background-color: #FFF;
    margin: 10px -20px;
    padding: 10px 20px
}

.checkout__basket__mobile-selected__container {
    display: table;
    width: 100%
}

.checkout__basket__mobile-selected .mobile-selected__text {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.checkout__basket__mobile-selected .mobile-selected__text ul {
    padding-left: 0;
    font-size: 14px;
    font-size: .875rem;
    margin: 5px 0
}

.checkout__basket__mobile-selected .mobile-selected__text ul li {
    list-style: none
}

.checkout__basket__mobile-selected .mobile-selected__img {
    display: table-cell;
    width: 50%;
    text-align: right;
    vertical-align: middle
}

.checkout__basket--fmc {
    margin-bottom: 20px;
    width: 100%;
    margin-top: 0
}

.checkout__basket--fmc #selectColourBasket {
    display: none
}

.checkout__select-colour {
    margin: 0 -20px 20px;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec
}

.checkout__select-colour .close-btn__container {
    float: right;
    padding: 0 5px
}

.select-colour__container {
    width: 85%
}

.select-colour label {
    vertical-align: middle;
    display: table
}

.select-colour input {
    width: 20px;
    height: inherit;
    border: 0;
    margin-right: 5px;
    display: table-cell;
    vertical-align: middle
}

.select-colour .select-colour__content {
    display: table-cell;
    vertical-align: middle
}

.select-colour .select-colour__content img {
    margin-right: 5px;
    vertical-align: middle
}

.select-colour .select-colour__content .text {
    vertical-align: middle
}

.checkout-container .checkout__basket {
    background: #535759;
    color: #FFF!important
}

.checkout-container .checkout__basket h2,.checkout-container .checkout__basket__bundle-total .brand-broadband {
    color: #FFF!important
}

.checkout-container .checkout__basket hr {
    background: #FFF;
    color: #FFF
}

.checkout-container .checkout__basket__bundle-title {
    background: #535759;
    color: #FFF!important
}

.install-steps {
    text-align: center
}

.install-steps img {
    max-width: 100%
}

.checkout-container--medium {
    height: 100%;
    background-color: #FFF;
    text-align: left
}

.checkout-container--medium--last {
    margin-top: 10px
}

.captcha_error_message {
    position: relative;
    display: inline-block;
    border: 1px solid #ececec;
    padding: 8px 15px;
    background: #FFF;
    margin: 10px 0 0 102px!important
}

.captcha_error_message:after,.captcha_error_message:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.captcha_error_message:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: -10px
}

.captcha_error_message:before {
    border-color: rgba(225,225,225,0);
    border-bottom-color: #ececec;
    border-width: 11px;
    margin-left: -11px
}

.checkout__form-container .agent-only .agent-only__form {
    display: none
}

.checkout__form-container .agent-only>p>label {
    font-size: 14px;
    padding-left: 7px
}

@media only screen and (min-width: 600px) {
    .checkout__form .input-row label.radio_checkbox_container {
        float:left
    }
}

@media only screen and (min-width: 750px) {
    .checkout-header {
        float:left;
        width: 85%
    }

    .checkout-header h1 {
        margin-top: 6px
    }

    .checkout-header--img {
        float: right;
        padding-top: 0
    }

    .progress-bar {
        position: relative;
        padding-bottom: 40px
    }

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

    .progress-bar:after {
        clear: both
    }

    .progress-bar__step {
        float: left;
        width: 31%;
        margin-right: 3.5%;
        padding-left: 0
    }

    .progress-bar__step--large {
        width: 49%!important;
        margin-right: 2%
    }

    .progress-bar__step--small {
        width: 24%!important;
        margin-right: 1.33%
    }

    .progress-bar__step--last {
        margin-right: 0
    }

    .progress-bar__step span {
        position: relative;
        top: 30px
    }

    .checkout-active,.checkout-complete {
        color: #242529
    }

    .checkout__form .input-row {
        width: 80%
    }

    .checkout__form .input-row--fullwidth {
        width: 100%
    }

    .checkout__form.input-row--added-width .input-row {
        width: 90%
    }

    .checkout__form .input-row label,.substitute-label {
        width: 30%;
        display: block;
        float: left;
        text-align: left;
        margin-top: 4px;
        margin-right: 10px
    }

    .checkout__form .input-row .input-elements-wrapper {
        width: 62%
    }

    .checkout__form .input-row .additional-input--wrapper {
        margin-left: 30%
    }

    .checkout__form .input-row .additional-input--wrapper--error .error {
        padding-left: 10px
    }

    .checkout__form .input-row .additional-input {
        margin-left: 10px
    }

    .checkout__form .btn__sidetext {
        float: left;
        width: 60%
    }

    .checkout__form .btn--left--desktop {
        float: left
    }

    .checkout__form .input-row .input--small {
        width: 70%
    }

    .checkout__form .input-row .select-container {
        width: 30%
    }

    .checkout__form .required-fields {
        padding: 0;
        position: absolute;
        top: 26px;
        right: 0
    }

    .checkout__form .fieldset--first .required-fields {
        top: 10px
    }

    .checkout__form .checkout-text {
        margin-left: 10px
    }

    .checkout__form .checkout-image {
        margin-left: 10px;
        display: block
    }

    .checkout__form .checkout-text--wrapper {
        margin-left: 30%;
        width: 70%
    }

    .checkout__basket {
        margin-top: 0
    }

    .checkout__basket--terms {
        margin-top: 10px
    }

    .checkout-container--medium {
        width: 49%
    }

    .checkout-container--medium--last {
        margin-top: 0;
        margin-left: 2%
    }

    .checkout__basket--fmc {
        margin-top: 16px
    }
}

.banner-container {
    background: #ececec;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.webmail-link {
    display: block;
    padding: 10px;
    text-decoration: none!important;
    border-bottom: 1px solid #e1e1e1;
    background-color: #242529;
    color: #FFF!important
}

.webmail-icon {
    float: right;
    margin-top: -3px
}

.homepage_panel {
    border: 1px solid #ececec;
    text-align: left;
    margin-top: 10px;
    background: #FFF;
    padding: 10px 20px
}

.homepage_panel--transparent {
    text-align: left;
    margin-top: 10px
}

.homepage_panel:first-child {
    margin-top: 10px
}

.homepage_panel--main:first-child {
    margin-top: 0
}

.homepage_panel img {
    max-width: 100%;
    margin: 0 0 10px
}

.homepage_panel h2,.homepage_panel h3,.homepage_panel p,.homepage_panel--h1-block h1 {
    margin: 0 0 10px
}

.homepage_panel__login {
    padding: 10px 0 0;
    background: 0 0
}

.homepage_panel__login h3 {
    margin: 0 20px 10px
}

.homepage_panel__login form {
    margin: 0 0 0 20px
}

.homepage_panel__login .login-text-input {
    padding: 5px;
    display: block;
    width: 92%;
    margin: 5px 20px 5px 0;
    box-sizing: border-box
}

.homepage_panel__login .btn {
    display: block;
    min-width: 100px;
    border: none;
    color: #FFF;
    margin: 0 8% 15px auto
}

.homepage_register {
    padding: 10px 20px;
    background: #FFF
}

.homepage_register ul {
    padding: 0 0 0 20px
}

.homepage_panel__alert {
    background: #ffc800
}

.homepage_panel__support {
    background: #FFF;
    padding: 10px 0 0;
    border-bottom: none
}

.homepage_panel__support h3 {
    margin: 0 20px 10px
}

.homepage_panel__support ul {
    margin: 0;
    padding: 0
}

.homepage_panel__support ul li {
    list-style: none;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
    clear: both
}

.homepage_panel__support ul li:after {
    content: "";
    clear: both;
    display: table
}

.homepage_panel__support-img {
    margin: 0 15px 0 20px;
    float: left;
    max-width: 70px;
    width: 25%
}

.homepage_panel__support-img img {
    width: 100%;
    height: auto
}

.homepage_panel__support h4 {
    margin: 0 15px 0 0
}

.homepage_panel__support a {
    text-decoration: none;
    display: block
}

.homepage_panel__support a:hover {
    text-decoration: underline
}

.homepage_panel--promo {
    padding: 0
}

.homepage_product_panel_item {
    margin: 10px 0;
    width: 100%;
    border: 1px solid #ececec;
    display: inline-block
}

.homepage_product_panel_img {
    float: left;
    display: block;
    max-width: 100%;
    width: 120px;
    margin: 10px 15px 0 0
}

.homepage_product_panel_copy {
    margin: 10px 0
}

.homepage_product_panel_copy h3 {
    margin: 0
}

.homepage_product_panel_copy a {
    text-decoration: none
}

.homepage_bundles_saver {
    text-align: center
}

.homepage_bundles_saver__price-container {
    padding-top: 10px;
    padding-bottom: 10px
}

.homepage_bundles_saver_item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 26%
}

.homepage_bundles_saver_item_icon {
    width: 6%;
    height: 100px;
    background-position: center center
}

.homepage_bundles_saver_item_img img {
    margin: 0;
    max-width: 100%
}

.homepage_bundles_saver_item--price {
    display: block;
    margin: 0 auto;
    width: 100%
}

.homepage_bundles_saver_item--price p span {
    display: block;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 60px
}

.homepage_panel--h1-block {
    padding-top: 10px
}

.marketing-promo img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto
}

.tv-promo-copy {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 30px 0 0
}

.tv-promo-img {
    width: 45%;
    display: inline-block
}

.tv-promo-copy p {
    margin: 20px 0
}

.tv-promo-copy p a {
    display: inline-block;
    margin: 0
}

@media only screen and (min-width: 620px) {
    .homepage_product_panel_item {
        display:inline-block;
        width: 30%;
        text-align: center;
        margin: 10px 0 10px 4%
    }

    .homepage_product_panel_item:first-child {
        margin: 0
    }

    .homepage_product_panel_img {
        float: none;
        margin: 10px auto 0;
        width: auto
    }

    .homepage_product_panel_copy {
        margin: 0
    }

    .homepage_bundles_saver {
        text-align: left
    }

    .homepage_bundles_saver_item--price {
        display: inline-block;
        width: 26%
    }

    .homepage_bundles_saver_item {
        display: inline-block!important;
        width: 20%
    }

    .homepage_bundles_saver_item_icon {
        width: 5%
    }

    .homepage_bundles_saver-image {
        display: inline-block;
        width: 70%;
        margin-right: 7%;
        text-align: right
    }
}

@media only screen and (min-width: 750px) {
    .homepage_panel--main {
        width:98%
    }

    .homepage_panel--main:first-child,.homepage_panel--transparent--first,.homepage_panel:first-child {
        margin-top: 0
    }

    .homepage_bundles_saver_item--price p,.homepage_bundles_saver_item_icon {
        margin-top: 20px
    }
}

.eoi-block {
    padding: 20px
}

.eoi-block--right {
    padding-bottom: 0
}

.eoi-arrow-block {
    color: #FFF;
    padding: 20px;
    position: relative
}

.eoi-arrow-block h3 {
    color: #FFF
}

.eoi-arrow-block:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-top: solid 15px #e30045
}

.eoi-form-message {
    background-color: #ffc800;
    padding: 20px 10px
}

.eoi-form .input-elements-wrapper {
    width: 100%!important
}

.eoi-form .checkbox {
    font-size: 14px;
    font-size: .875rem
}

.eoi-form .checkbox input {
    width: auto
}

.eoi-form .btn-container {
    padding-top: 10px
}

.eoi-form .btn-container:after,.eoi-form .btn-container:before {
    content: " ";
    display: table
}

.eoi-form .btn-container:after {
    clear: both
}

.eoi-form .btn-container .btn {
    float: none;
    width: 100%
}

@media only screen and (min-width: 750px) {
    .eoi-block {
        width:50%
    }

    .eoi-block:after,.eoi-block:before {
        content: " ";
        display: table
    }

    .eoi-block:after {
        clear: both
    }

    .eoi-block--right {
        float: right;
        padding-left: 10px
    }

    .eoi-block--left {
        float: left;
        padding-right: 10px
    }

    .eoi-arrow-block:after {
        top: 15%;
        left: 0;
        border-right: solid 15px #e30045;
        border-bottom: solid 15px transparent;
        border-top: solid 15px transparent;
        border-left: none
    }

    .eoi-form-block {
        border: 1px solid #ececec;
        padding: 20px;
        margin-bottom: 20px
    }

    .eoi-form .input-row {
        width: 90%!important
    }

    .eoi-form label {
        width: 40%!important
    }

    .eoi-form .input-elements-wrapper {
        width: 54%!important
    }

    .eoi-form .btn-container,.eoi-form .checkbox-container {
        margin-left: 39%
    }

    .eoi-form .btn-container .btn {
        float: none;
        width: 50%
    }
}

@media only screen and (max-width: 603px) {
    .FTTH__submit,.eoi-submit {
        float:left!important;
        margin-top: 20px!important
    }
}

@media only screen and (min-width: 750px) and (max-width:911px) {
    .eoi-submit {
        float:left!important;
        margin-top: 20px!important
    }
}

.g-recaptcha>div>div {
    max-width: 291px
}

.g-recaptcha.captcha-error {
    border: 1px solid red
}

.g-recaptcha {
    width: 306px!important;
    height: 80px!important;
    float: left
}

@media only screen and (max-width: 380px) {
    .g-recaptcha {
        -webkit-transform:scale(0.96);
        -ms-transform: scale(0.96);
        transform: scale(0.96);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.iphone6s-eoi #iphone6s__form .input-row {
    width: 100%
}

.iphone6s-eoi .form-thanks {
    display: none;
    padding-bottom: 20px
}

#FTTH__form fieldset:nth-of-type(3),.eoi__form fieldset:nth-of-type(3) {
    border: none
}

.eoi__form fieldset:last-of-type {
    width: 85.5%
}

@media only screen and (min-width: 750px) {
    .iphone6s-eoi #iphone6s__form {
        width:60%;
        margin: 0 auto
    }

    .iphone6s-eoi .form-thanks {
        width: 80%;
        margin: 0 auto
    }

    .eoi__form fieldset:last-of-type {
        width: 93.5%
    }
}

.title-gradient {
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
    padding: 20px 15px;
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-weight: 700;
    color: #FFF;
    font-size: 30px;
    font-size: 1.875rem;
    background: #e30045
}

.title-gradient--arrow {
    position: relative
}

.title-gradient--arrow:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 15px;
    border-top-color: #e30045;
    color: #e30045
}

.title-bb {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
    padding: 20px 0 25px;
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-weight: 700;
    color: #e30045;
    font-size: 30px;
    font-size: 1.875rem
}

.title-bb:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #e30045
}

.title-bb--margins {
    margin-left: 20px!important;
    margin-right: 20px!important
}

.title-wrapper-gradient {
    display: block;
    padding: 20px;
    background: #e30045
}

.title-wrapper-gradient h2 {
    margin: 0 0 10px;
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-weight: 700;
    color: #FFF;
    font-size: 30px;
    font-size: 1.875rem
}

.title-wrapper-gradient p {
    color: #FFF;
    font-size: 16px;
    font-size: 1rem;
    margin: 0
}

@media only screen and (min-width: 600px) {
    .title-gradient {
        font-size:38px;
        font-size: 2.375rem
    }

    .title-gradient--arrow:after {
        left: 75px
    }

    .title-bb,.title-wrapper-gradient h2 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

.badge-content-wrapper {
    width: 100%;
    padding-left: 110px;
    min-height: 94px;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

.badge-content-wrapper--double {
    padding-left: 0;
    min-height: 0
}

.badge-content-wrapper--stamp {
    min-height: 200px
}

.badge-price {
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    display: table
}

.badge-price__content {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #e30045;
    background: 0 0
}

.badge-price__content p {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 11px
}

.badge-price__content strong {
    display: block;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 25px
}

.badge-price__content--condenced {
    line-height: 15px
}

.badge-price__content .extra-content {
    font-size: 14px;
    font-size: .875rem
}

.badge-price--fixedlocation {
    position: absolute;
    top: 0;
    left: 0
}

.badge-secondary-stamp--fixedlocation {
    background: 0 0
}

.badge-secondary-stamp--fixedlocation img {
    max-width: 100%
}

.badge-callout {
    width: 100%;
    padding: 8px;
    background: #e30045;
    border-radius: 4px;
    margin-bottom: 10px
}

.badge-callout__content {
    border: 4px solid #FFF;
    border-radius: 4px;
    padding: 8px
}

.badge-callout__content h2,.badge-callout__content h3 {
    margin: 0;
    color: #FFF
}

.badge-callout__content p {
    margin: 0 0 10px;
    color: #FFF
}

.badge-callout__content p:last-child {
    margin-bottom: 0
}

.badge-callout__content p a:active,.badge-callout__content p a:focus,.badge-callout__content p a:hover,.badge-callout__content p a:link,.badge-callout__content p a:visited {
    color: #FFF
}

.badge-seperator {
    margin-top: 0;
    margin-bottom: 20px;
    background: #ececec
}

.badge-price__content {
    display: block;
    padding-top: 5px;
    line-height: 7px;
    font-size: 13px
}

.badge-price__content span {
    font-size: 30px
}

.badge-secondary-stamp--fixedlocation {
    top: 70px!important
}

.badge-secondary-stamp--fixedlocation p {
    margin-top: 5px
}

.badge-secondary-stamp--fixedlocation h3 {
    margin-top: -20px
}

.badge-secondary-stamp--fixedlocation h3,.badge-secondary-stamp--fixedlocation p {
    color: #e30045
}

@media only screen and (min-width: 600px) {
    .badge-content-wrapper {
        padding-left:157px;
        margin-bottom: 10px;
        min-height: 140px
    }

    .badge-content-wrapper--stamp {
        min-height: 250px
    }

    .badge-content-wrapper--double {
        padding-left: 0;
        min-height: 0
    }

    .badge-price {
        width: 139px;
        height: 139px
    }

    .lt-ie9 .badge-price {
        background: url(/opencms/export/sites/default/.galleries/eircom/circle_price.png) no-repeat
    }

    .lt-ie9 .badge-price.badge-secondary-stamp--fixedlocation {
        background: 0 0
    }

    .badge-price__content p {
        font-size: 12px;
        font-size: .75rem;
        line-height: 12px
    }

    .badge-price__content strong {
        display: block;
        font-size: 35px;
        font-size: 2.1875rem;
        line-height: 45px
    }

    .badge-price__content--condenced {
        line-height: 1.5
    }

    .badge-price__content .extra-content {
        font-size: 16px;
        font-size: 1rem
    }

    .badge-secondary-stamp--fixedlocation {
        top: 145px;
        background: 0 0
    }
}

@media only screen and (min-width: 750px) {
    .badge-content-wrapper--double {
        padding-left:157px;
        min-height: 0
    }

    .badge-seperator {
        margin-left: 157px
    }
}

@media only screen and (max-width: 450px) {
    .badge-content-wrapper--stack-mobile.badge-content-wrapper {
        padding-left:0
    }

    .badge-content-wrapper--stack-mobile .badge-price {
        position: relative
    }

    .badge-content-wrapper--stack-mobile .badge-secondary-stamp--fixedlocation {
        top: 0
    }
}

@media (max-width: 650px) {
    .badge-price__content span {
        font-size:20px
    }

    .badge-secondary-stamp--fixedlocation h3 {
        line-height: 25px
    }

    .badge-price__content strong {
        font-size: 20px
    }
}

@media (max-width: 599px) {
    .badge-secondary-stamp--fixedlocation {
        top:50px!important
    }
}

.tv-channel-wrapper {
    width: 100%;
    height: 190px;
    display: block;
    clear: both;
    overflow: auto;
    background: #ececec
}

.tv-channel-wrapper--border {
    border-bottom: 2px dotted #535759
}

.tv-channel-list {
    margin: 0 auto;
    padding: 15px;
    width: auto;
    overflow: auto;
    text-align: center
}

.tv-channel-list__item {
    margin: 11px;
    display: inline-block;
    width: 130px;
    height: 130px;
    overflow: hidden
}

.tv-channel-list__item img {
    width: 100%;
    max-width: 130px;
    max-height: 130px;
    height: auto;
    display: block
}

.tv-channel-list__item--margin-small {
    margin: 15px
}

.tv-channel-list--bt-espn .tv-channel-list__item {
    margin-right: 0!important
}

.toggle-slide__content .tv-channel-list {
    padding: 15px
}

@media only screen and (min-width: 550px) {
    .tv-channel-list__item {
        float:left
    }
}

@media only screen and (min-width: 600px) {
    .tv-channel-wrapper {
        height:auto
    }

    .tv-channel-list__item {
        margin: 11px;
        width: 130px;
        height: 130px
    }

    .tv-channel-list__item--margin-small,.tv-channel-wrapper--small .tv-channel-list__item {
        margin: 15px
    }
}

.promo-highlight {
    width: 100%;
    padding: 20px;
    clear: both;
    background: #e30045
}

.promo-highlight h3 {
    padding: 0 20px;
    color: #FFF;
    font-size: 30px;
    font-size: 1.875rem;
    font-family: GT-Walsheim-Bold,"Arial Bold";
    margin-bottom: 20px
}

.promo-highlight h3 a:link,.promo-highlight h3 a:visited {
    color: #FFF;
    text-decoration: none
}

.promo-highlight h3 a:active,.promo-highlight h3 a:focus,.promo-highlight h3 a:hover {
    color: #FFF;
    text-decoration: underline
}

.promo-highlight h4 {
    color: #FFF;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    margin: 20px 0;
    border-top: 5px solid #fff;
    padding: 20px 0 0
}

.promo-highlight h4 a:link,.promo-highlight h4 a:visited {
    color: #FFF;
    text-decoration: none
}

.promo-highlight h4 a:active,.promo-highlight h4 a:focus,.promo-highlight h4 a:hover {
    color: #FFF;
    text-decoration: underline
}

.promo-highlight p {
    color: #FFF
}

.promo-highlight p a:link,.promo-highlight p a:visited {
    color: #FFF;
    text-decoration: underline
}

.promo-highlight p a:active,.promo-highlight p a:focus,.promo-highlight p a:hover {
    color: #FFF;
    text-decoration: none
}

.promo-highlight .badge-price__content {
    color: #FFF
}

@media only screen and (min-width: 600px) {
    .promo-highlight h3 {
        font-size:38px;
        font-size: 2.375rem
    }

    .promo-highlight h4 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

.table-overlay {
    position: absolute;
    background: #000;
    background: rgba(0,0,0,.45);
    height: 100%;
    width: 100%
}

.table-overlay .btn {
    border-radius: 5px
}

.table-overlay__contact-us {
    position: absolute;
    z-index: 100;
    background: #000;
    background: rgba(0,0,0,.45);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.table-overlay__contact-us .btn {
    border-radius: 3px;
    width: 110px;
    float: left;
    margin: 0 20px 0 0!important
}

.table-overlay__contact-us .icon-chat_to_agent-png {
    bottom: auto!important;
    top: -10px
}

.table-overlay__contact-us p {
    margin-left: 0!important;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 18px!important
}

.table-overlay__contact-us a {
    font-size: 16px;
    font-size: 1rem
}

.table-overlay__container {
    width: 60%;
    height: 60%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #FFF
}

.table-overlay__container--small {
    width: 100%;
    height: 90%
}

.table-overlay__container--small p {
    margin: 0
}

.os__add-ons__panel .disabled-overlay {
    position: absolute;
    background: #000;
    background: rgba(0,0,0,.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.disabled-overlay__container {
    width: 60%;
    height: 60%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #FFF
}

.disable-overlay {
    background: #000;
    background: rgba(0,0,0,.85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.disabled-overlay__wrapper {
    height: 100%;
    width: 100%;
    text-align: center;
    display: table;
    color: #FFF
}

.disabled-overlay__content {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px
}

.bank-details__container {
    position: relative
}

.bank-details__overlay--container,.repaint-overlay--container {
    background: #ececec;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    padding: 20px
}

.bank-details__overlay--container {
    margin-bottom: 10px
}

.bank-details__overlay,.repaint-overlay {
    background: #FFF;
    height: 100%;
    width: 100%;
    text-align: center;
    display: table
}

.ajax-loading-message {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px
}

.ajax-loading-message .icon-checkout_fail,.ajax-loading-message .icon-checkout_success {
    margin: auto
}

.ajax-loading-message .btn {
    max-width: 170px;
    float: none;
    margin: auto
}

#cart-overlay-2.repaint-overlay--container {
    bottom: -170px
}

#cart-overlay-2.repaint-overlay--container .ajax-loading-message {
    top: 10%
}

#cart-overlay.repaint-overlay--container .ajax-loading-message img,.ajax-loading-message--fixed-img img {
    width: 100px
}

@media only screen and (min-width: 750px) {
    .table-overlay {
        display:none
    }

    .table-overlay__contact-us.show {
        display: block
    }
}

@media only screen and (max-width: 950px) {
    .eir-module__bundle .table-overlay {
        display:block
    }
}

.vod-carousel__intro {
    text-align: center
}

.vod-video__container {
    padding: 0 5%
}

.vod-carousel__banner {
    padding: 0 15px;
    position: relative;
    margin: 20px
}

.vod-carousel__banner .banner-wrapper {
    width: 100%
}

.vod-carousel__banner .owl-carousel .owl-item {
    width: 170px;
    text-align: center
}

.vod-carousel__banner .owl-carousel .owl-item .vod-image {
    margin: 0 10px 5px
}

.vod-carousel__banner .owl-carousel .owl-item .vod-image img {
    width: 100%;
    height: auto
}

.vod-carousel__banner .owl-carousel .owl-item .vod-title {
    margin: 0 10px;
    padding: 5px;
    min-height: 48px;
    display: block;
    background: #000;
    font-size: 14px;
    font-size: .875rem;
    color: #FFF;
    text-align: left
}

.vod-carousel__banner .owl-carousel .owl-item a:hover .vod-title {
    background: #e30045
}

.vod-carousel__banner .owl-carousel .owl-item a:active,.vod-carousel__banner .owl-carousel .owl-item a:link,.vod-carousel__banner .owl-carousel .owl-item a:visited {
    text-decoration: none!important
}

.vod-carousel__banner .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    text-indent: -9999px;
    display: block;
    zoom:1;background: 0 0;
    width: 14px;
    height: 18px;
    cursor: pointer
}

.vod-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(/opencms/export/sites/default/.galleries/eircom/vod_arrow-left.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: -15px
}

.vod-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(/opencms/export/sites/default/.galleries/eircom/vod_arrow-right.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -15px
}

@media only screen and (min-width: 750px) {
    .vod-carousel__intro {
        text-align:left
    }
}

.fmc__choice-container {
    width: 100%;
    margin-bottom: 10px
}

.fmc__choice-container:after,.fmc__choice-container:before {
    content: " ";
    display: table
}

.fmc__choice-container:after {
    clear: both
}

.fmc__choice-container h2 {
    float: left;
    font-size: 22px;
    font-size: 1.375rem
}

.fmc__choice-container .fmc__dropdown {
    float: left;
    width: 100%
}

.fmc__dropdown .fmc__dropdown__wrapper {
    width: 100%;
    display: block
}

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

.fmc__dropdown .fmc__dropdown__wrapper:after {
    clear: both
}

.fmc__dropdown .fmc__dropdown__wrapper .label__wrapper {
    float: left
}

.fmc__dropdown .fmc__dropdown__wrapper label {
    float: right;
    display: block;
    margin-top: 10px;
    margin-right: 10px
}

.fmc__dropdown .fmc__dropdown__wrapper .select__wrapper {
    float: right;
    width: 55%
}

.fmc__dropdown .fmc__dropdown__wrapper select {
    display: block
}

.wrapper--fmc-block {
    overflow: hidden
}

.fmc__phone-wrapper {
    border: 1px solid #ececec;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px 0
}

.fmc__phone-row {
    width: 100%;
    margin-bottom: 10px
}

.fmc__single-phone {
    text-align: center;
    width: 100%;
    border: 1px solid #ececec;
    margin-bottom: 10px
}

.fmc__single-phone.highlight {
    background-color: #FFF
}

.fmc__single-phone .phone-header {
    margin: 16px 0
}

.fmc__single-phone .phone-header h3 {
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem
}

.fmc__single-phone .phone-image {
    position: relative;
    width: 100%
}

.fmc__single-phone .phone-image .promo {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/circle_onlinesalesale.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 35%;
    right: 20%;
    width: 71px;
    height: 71px;
    text-align: center;
    color: #FFF;
    display: table
}

.fmc__single-phone .phone-image .promo-content {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.fmc__single-phone .phone-image .os-icon {
    position: absolute;
    top: 5%;
    right: 28%;
    height: 35px;
    width: 35px
}

.fmc__single-phone .selected {
    border: 1px solid #f116ba
}

.fmc__single-phone .phone-colours {
    font-size: 14px;
    font-size: .875rem
}

.fmc__single-phone .phone-colours p {
    margin: 5px 0
}

.fmc__single-phone .phone-colours .colour-image {
    margin-left: 10px;
    padding: 1px
}

.fmc__single-phone .phone-colours .colour-image--selectable {
    cursor: pointer
}

.fmc__single-phone .phone-price {
    font-size: 26px;
    font-size: 1.625rem;
    color: #242529
}

.fmc__single-phone .phone-btn p,.fmc__single-phone .phone-price p {
    margin: 5px 0
}

.fmc__single-phone .phone-image .promo-red {
    font-size: 12px!important;
    background-image: url(/opencms/export/sites/default/.galleries/eircom/circle_onlinesalesale-red.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 35%;
    right: 20%;
    width: 71px;
    height: 71px;
    text-align: center;
    color: #FFF;
    display: table
}

.color-block {
    display: table;
    margin-top: 5px
}

.color-block img {
    padding-right: 5px;
    vertical-align: middle
}

.color-block .text {
    vertical-align: middle
}

.mobile-details-block h1 {
    font-size: 26px;
    font-size: 1.625rem
}

.mobile-details-block h2 {
    font-size: 22px;
    font-size: 1.375rem
}

.mobile-details-block h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
}

.mobile-details-block .phone__tech-spec {
    padding-left: 0
}

.mobile-details-block .phone__tech-spec li {
    list-style: none
}

.mobile-details-block .phone-container--large {
    border: 1px solid #ececec;
    padding: 10px
}

.mobile-details-block .phone-container--large img {
    max-width: 240px;
    margin: auto
}

.mobile-details-block .phone-container--large .os-icon {
    position: absolute;
    top: 5%;
    left: 5%
}

.mobile-details-block .phone-container--small {
    border: 1px solid #ececec;
    padding: 10px;
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-top: 20px
}

.mobile-details-block .phone-container--small img {
    max-width: 64px;
    margin: auto;
    cursor: pointer
}

.mobile-details-block .phone-container--small:last-child {
    margin-right: 0
}

.mobile-details-block .phone-container--small__wrapper {
    width: 100%
}

.mobile-details-block .phone-container--small__wrapper:after,.mobile-details-block .phone-container--small__wrapper:before {
    content: " ";
    display: table
}

.mobile-details-block .phone-container--small__wrapper:after {
    clear: both
}

.mobile-details-block .resp-tabs-list li.resp-tab-active {
    border-top: 3px solid #f116ba!important
}

@media only screen and (min-width: 450px) and (max-width:750px) {
    .fmc__single-phone .phone-image .promo {
        right:38%
    }

    .fmc__single-phone .phone-image .os-icon {
        right: 40%
    }

    .mobile-details-block .phone-container--large .os-icon {
        left: 20%
    }
}

@media only screen and (min-width: 750px) {
    .fmc__choice-container .fmc__dropdown {
        float:right;
        width: 60%
    }

    .fmc__dropdown .fmc__dropdown__wrapper .label__wrapper {
        width: 40%
    }

    .fmc__dropdown .fmc__dropdown__wrapper .select__wrapper {
        width: 60%
    }

    .fmc__phone-row:after,.fmc__phone-row:before {
        content: " ";
        display: table
    }

    .fmc__phone-row:after {
        clear: both
    }

    .fmc__single-phone {
        width: 23.5%;
        margin-right: 2%;
        float: left;
        margin-bottom: 0
    }

    .fmc__single-phone .phone-image .promo {
        right: 5%
    }

    .fmc__single-phone .phone-image .os-icon {
        right: 14.5%
    }

    .fmc__single-phone--last {
        margin-right: 0
    }

    .fmc__single-phone .phone-image .promo-red {
        right: 5%
    }

    #sidebasketcontainer {
        padding-left: 0
    }
}

.promo-block {
    padding: 0!important;
    border: none!important
}

.promo-block--left-align {
    text-align: left
}

.promo-block__img img {
    max-width: 100%
}

.topmost-banner {
    background: #242529;
    margin-bottom: 10px;
    color: #FFF;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem
}

.promobanner__wrapper {
    width: 100%;
    display: table;
    vertical-align: middle
}

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

.promobanner__wrapper--centre {
    text-align: center
}

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

.promobanner {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    color: #FFF;
    padding: 20px 15px;
    margin-bottom: 45px;
    z-index: 100
}

.icon-unlimited-roundel-png {
    background: url(/opencms/export/sites/default/.galleries/eircom/unlimited/roundel-unlimited.png) 0 0/contain no-repeat
}

.promobanner h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 2.2rem
}

.promobanner h2 {
    color: #FFF
}

.promobanner--small {
    padding: 5px 10px
}

.promobanner--full-width {
    max-width: 100%!important
}

.promobanner__container,.promobanner__content {
    width: 100%
}

.promobanner__clock {
    width: 260px;
    margin: 15px auto 30px!important
}

.promobanner__countdown--text {
    font-weight: 700;
    padding: 20px 0
}

.promobanner__image {
    margin-top: 10px
}

.promobanner__triange {
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -50px;
    width: 100px;
    height: 50px;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #242529;
    overflow: hidden;
    color: #FFF
}

.promobanner__wrapper--background .promobanner {
    background: url(/opencms/export/sites/default/.galleries/eircom/valentines/valentines-background.png) center center no-repeat #7d2780
}

.promobanner__wrapper--noarrow .promobanner {
    margin-bottom: 0
}

.promobanner__fixed-bottom {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.promobanner__fixed-bottom__header {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.promobanner__fixed-bottom__container {
    margin: auto;
    max-width: 1140px;
    border-radius: 3px
}

.promobanner__close__btn {
    padding-right: 10px;
    padding-left: 5px
}

.promobanner__close__btn:hover {
    opacity: .5;
    filter: alpha(opacity=40)
}

.promobanner__fixed-bottom__image-block {
    display: table;
    width: 100%;
    padding: 20px 0
}

.promobanner__fixed-bottom__image-block--icon {
    display: table-cell;
    width: 50%
}

.promobanner__fixed-bottom__image-block--icon img {
    padding-right: 15px;
    max-width: 115px;
    width: 100%;
    display: inline
}

@media only screen and (min-width: 750px) {
    .promobanner {
        width:100%;
        max-width: 630px;
        padding: 20px
    }

    .promobanner__wrapper--unlimited .promobanner {
        padding: 15px
    }

    .promobanner h1 {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 2.5rem
    }

    .promobanner--small {
        max-width: 400px
    }

    .promobanner--large {
        max-width: 800px
    }

    .promobanner__homepage-container {
        width: 98%!important
    }

    .promobanner__wrapper--homepage,.promobanner__wrapper--homepage .promobanner {
        max-width: 836px
    }

    .promobanner__wrapper--left .promobanner__triange {
        left: 18%
    }

    .promobanner__wrapper--centre .promobanner__triange {
        left: 50%
    }

    .promobanner__wrapper--right .promobanner__triange {
        left: auto;
        right: 18%
    }

    .promobanner__container {
        display: table;
        vertical-align: top
    }

    .promobanner__content {
        width: 80%;
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        padding-right: 5px
    }

    .promobanner__content--half-width {
        width: 50%
    }

    .promobanner__content--padding {
        padding: 0 15px
    }

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

    .promobanner__countdown:after {
        clear: both
    }

    .promobanner__countdown--text {
        float: left
    }

    .promobanner__clock {
        width: inherit;
        float: left;
        margin: 1em 0!important
    }

    .promobanner__image {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        margin-top: 0
    }

    .promo-btn {
        width: 110px;
        margin: 10px auto auto
    }

    .promobanner__wrapper--unlimited .promo-btn {
        width: 145px;
        height: 38px!important;
        line-height: 38px!important;
        margin: auto
    }
}

@media only screen and (max-width: 310px) {
    .promobanner__wrapper--homepage .promobanner {
        padding:20px 5px
    }
}

.promobanner__wrapper--full-width .promobanner {
    max-width: 730px;
    vertical-align: middle
}

.promobanner__wrapper--tv-slim {
    border-radius: 0;
    background: #e30045
}

.promobanner__wrapper--tv-slim h2 {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 2rem;
    margin: 0 0 10px;
    text-align: left
}

.promobanner__wrapper--tv-slim .promobanner__image {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3rem
}

.promobanner__wrapper--tv-slim .promobanner__countdown--text {
    display: block;
    width: 296px;
    text-align: left;
    font-weight: 400;
    padding-left: 20px
}

.promobanner__wrapper--tv-slim .flip-clock-divider .flip-clock-label {
    font-size: 12px;
    font-size: .75rem
}

.promobanner__wrapper--tv-slim .promobanner__countdown--text {
    padding-top: 10px
}

.promobanner__wrapper--unlimited {
    border-radius: 0;
    background: #00b5d5
}

.promobanner__wrapper--unlimited h2 {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 2rem;
    margin: 12.5px 0 0;
    text-align: left
}

.promobanner__wrapper--unlimited .promobanner__image {
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3rem
}

.promobanner__wrapper--unlimited .promobanner__countdown--text {
    display: block;
    width: 275px;
    margin-left: 0;
    font-weight: 400;
    padding-top: 10px;
    text-align: center
}

.promobanner__wrapper--unlimited .flip-clock-divider .flip-clock-label {
    font-size: 12px;
    font-size: .75rem
}

.promobanner__wrapper--unlimited__image .promobanner__image p {
    margin-bottom: 0;
    margin-top: 0;
    width: 145px;
    display: block
}

.promobanner__wrapper--unlimited__image .promobanner__image {
    margin-left: 25px;
    margin-right: 10px;
    padding-top: 60px;
    width: 145px;
    display: block
}

.promobanner__wrapper--unlimited__image .promobanner__image div {
    vertical-align: middle
}

.promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span span:after {
    position: absolute;
    top: 9px;
    right: 0;
    margin-right: -13px;
    content: '';
    height: 11px;
    width: 7px;
    background: url(/opencms/export/sites/default/.galleries/eircom/unlimited/chevron.png) no-repeat
}

.promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span {
    position: relative;
    margin-left: -7px
}

.promobanner__wrapper--unlimited__image .promobanner__image .promo-btn.btn--white {
    font-size: 20px;
    font-size: 1.25rem;
    color: #00b5d5!important;
    padding: 0
}

.promobanner__wrapper--unlimited .promobanner__countdown--text,.promobanner__wrapper--unlimited h2,.promobanner__wrapper--unlimited h3 {
    color: #ececec
}

@media only screen and (min-width: 750px) {
    .promobanner__wrapper--tv-slim h2 {
        line-height:2rem
    }

    .promobanner__wrapper--tv-slim .promobanner__image {
        text-align: left;
        font-size: 16px;
        font-size: 1rem
    }

    .promobanner__wrapper--full-width.promobanner__wrapper--tv-slim .promobanner {
        max-width: none
    }

    .promobanner__wrapper--tv-slim__heading {
        width: auto;
        min-width: 220px;
        max-width: 600px
    }

    .promobanner__wrapper--tv-slim__countdown {
        width: 250px
    }

    .promobanner__wrapper--tv-slim__image {
        width: auto;
        max-width: 350px;
        padding-left: 10px
    }

    .promobanner__wrapper--tv-slim__image img {
        display: block;
        margin: 0 10px 0 auto
    }

    .promobanner__wrapper--tv-slim__image p {
        display: block;
        margin-top: 5px;
        text-align: center
    }

    .promobanner__wrapper--tv-slim__image p.text-left {
        text-align: left
    }

    .promobanner__wrapper--tv-slim h2 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .promobanner__wrapper--tv-slim .flip-clock-wrapper ul {
        width: 24px
    }

    .promobanner__wrapper--tv-slim .promobanner__content {
        display: table-row
    }

    .promobanner__wrapper--tv-slim__column.column {
        display: table-cell!important;
        vertical-align: top;
        float: none!important
    }

    .promobanner__wrapper--tv-slim__image .promobanner__image {
        display: table-row
    }

    .promobanner__wrapper--tv-slim__image .promobanner__image div {
        display: table-cell;
        vertical-align: middle
    }

    .promobanner__wrapper--unlimited h2 {
        line-height: 2rem
    }

    .promobanner__wrapper--unlimited .promobanner__image {
        text-align: left;
        font-size: 16px;
        font-size: 1rem
    }

    .promobanner__wrapper--full-width.promobanner__wrapper--unlimited .promobanner {
        max-width: none
    }

    .promobanner__wrapper--unlimited__heading {
        width: auto;
        min-width: 220px;
        max-width: 600px
    }

    .promobanner__wrapper--unlimited__countdown {
        width: 250px
    }

    .promobanner__wrapper--unlimited__image {
        width: auto;
        max-width: 350px;
        padding-left: 10px
    }

    .promobanner__wrapper--unlimited__image img {
        display: block;
        margin: 0 auto
    }

    .promobanner__wrapper--unlimited__image p {
        display: block;
        margin-top: 5px;
        text-align: center
    }

    .promobanner__wrapper--unlimited__image p.text-left {
        text-align: left
    }

    .promobanner__wrapper--unlimited h2 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .promobanner__wrapper--unlimited .flip-clock-wrapper ul {
        width: 24px
    }

    .promobanner__wrapper--unlimited .flip-clock-wrapper {
        margin-top: 12.5px!important
    }

    .promobanner__wrapper--unlimited .promobanner__content {
        display: table-row
    }

    .promobanner__wrapper--unlimited__column.column {
        display: block!important;
        vertical-align: top;
        float: left!important;
        padding: 0!important
    }

    .promobanner__wrapper--unlimited__column.column:first-of-type {
        min-width: 135px;
        width: 135px;
        height: 100%;
        margin-left: 10px
    }

    .promobanner__wrapper--unlimited__column.column:first-of-type div {
        height: 114px;
        width: 124px
    }

    .promobanner__wrapper--unlimited__column.column:first-of-type div div {
        background-size: 100%
    }

    .promobanner__wrapper--unlimited__column.column:nth-of-type(2) {
        margin-right: 25px
    }

    .promobanner__wrapper--unlimited__column.column:last-of-type {
        float: left!important
    }

    .promobanner__wrapper--unlimited .promo-btn {
        width: 145px;
        height: 38px!important;
        line-height: 38px!important;
        margin: auto
    }

    .promobanner__wrapper--unlimited .promobanner__countdown--text {
        margin-left: -13px
    }
}

@media only screen and (max-width: 1176px) {
    .promobanner__wrapper--unlimited__image .promobanner__image p {
        margin-top:10px;
        width: 145px;
        display: block
    }

    .promobanner__wrapper--unlimited__image .promobanner__image {
        margin-left: 51.5px;
        margin-right: 10px;
        padding-top: 0;
        width: 145px;
        display: block
    }

    .promobanner__wrapper--unlimited__image .promobanner__image div {
        vertical-align: middle
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span span:after {
        position: absolute;
        top: 9px;
        right: 0;
        margin-right: -13px;
        content: '';
        height: 11px;
        width: 7px;
        background: url(/opencms/export/sites/default/.galleries/eircom/unlimited/chevron.png) no-repeat
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span {
        position: relative;
        margin-left: -7px
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn.btn--white {
        font-size: 20px;
        font-size: 1.25rem;
        color: #00b5d5!important;
        padding: 0
    }
}

@media only screen and (min-width: 1050px) {
    .promobanner__wrapper--tv-slim h2 {
        font-size:30px;
        font-size: 1.875rem
    }

    .promobanner__wrapper--tv-slim__column.column {
        vertical-align: middle
    }

    .promobanner__wrapper--tv-slim__image {
        min-width: 200px
    }

    .promobanner__wrapper--unlimited h2 {
        font-size: 27px;
        font-size: 1.6875rem
    }

    .promobanner__wrapper--unlimited__column.column {
        vertical-align: middle
    }

    .promobanner__wrapper--unlimited__image {
        min-width: 165px
    }
}

@media only screen and (max-width: 1050px) {
    .promobanner__wrapper--tv-slim__image img,.promobanner__wrapper--unlimited__image img {
        width:80px
    }

    .promobanner__fixed-bottom__header {
        font-size: 30px;
        font-size: 1.875rem
    }

    .promobanner__fixed-bottom__btn {
        font-size: 16px;
        font-size: 1rem
    }

    .promobanner__wrapper--unlimited__column.column:nth-of-type(1) {
        width: 160px
    }

    .promobanner__wrapper--unlimited__column.column:nth-of-type(2) {
        margin-right: 0;
        width: 600px
    }

    .promobanner__wrapper--unlimited__column.column:nth-of-type(3) {
        float: none
    }

    .promobanner__wrapper--unlimited h2 {
        font-size: 29px;
        font-size: 1.8125rem
    }

    .promobanner__wrapper--unlimited h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .promobanner__wrapper--unlimited__image .promobanner__image p {
        margin-bottom: 0;
        margin-top: 0;
        width: 145px;
        display: block
    }

    .promobanner__wrapper--unlimited__image .promobanner__image {
        margin-left: 140px;
        margin-right: 0;
        padding-top: 60px;
        width: 145px;
        display: block
    }

    .promobanner__wrapper--unlimited__image .promobanner__image div {
        vertical-align: middle
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span span:after {
        position: absolute;
        top: 9px;
        right: 0;
        margin-right: -13px;
        content: '';
        height: 11px;
        width: 7px;
        background: url(/opencms/export/sites/default/.galleries/eircom/unlimited/chevron.png) no-repeat
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn span {
        position: relative;
        margin-left: -7px
    }

    .promobanner__wrapper--unlimited__image .promobanner__image .promo-btn.btn--white {
        font-size: 20px;
        font-size: 1.25rem;
        color: #00b5d5!important;
        padding: 0
    }

    .promobanner__wrapper--unlimited .promo-btn {
        width: 145px;
        height: 38px!important;
        line-height: 38px!important;
        margin: auto
    }
}

@media only screen and (max-width: 850px) {
    .promobanner__wrapper--unlimited__column.column:nth-of-type(2) {
        margin-right:0;
        width: auto
    }
}

@media only screen and (max-width: 750px) {
    .promobanner__wrapper--tv-slim h2 {
        text-align:center
    }

    .promobanner__wrapper--tv-slim .promobanner__image {
        display: block;
        margin: 0 auto
    }

    .promobanner__wrapper--unlimited h2,.promobanner__wrapper--unlimited h3 {
        text-align: left;
        max-width: 400px
    }

    .promobanner__wrapper--unlimited .promobanner__image {
        display: block;
        margin: 0 auto
    }

    .promobanner {
        display: block
    }

    .promobanner__wrapper--unlimited__countdown {
        max-width: 400px;
        float: left!important
    }

    .mobile-show .unlimited-roundel,.mobile-show .unlimited-roundel div {
        height: 150px
    }

    .promobanner__clock.flip-clock-wrapper {
        margin-left: 0!important;
        margin-bottom: 15px!important
    }

    .promobanner__countdown--text.no-padding-bottom {
        text-align: left!important
    }

    .unlimited-roundel-wrapper {
        float: left;
        width: 175px;
        padding-top: 15px;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .promobanner__wrapper--unlimited__column.column:last-of-type {
        float: left!important;
        width: 145px;
        margin-right: 35px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 635px) {
    #hide-mobile {
        display:block!important
    }

    #show-mobile {
        display: none!important
    }
}

@media only screen and (max-width: 635px) {
    #hide-mobile {
        display:none!important
    }

    #show-mobile {
        display: block!important
    }

    .promobanner__wrapper--unlimited__countdown {
        max-width: 450px;
        float: left!important
    }

    .promobanner__wrapper--unlimited__column.column:last-of-type {
        float: none!important;
        height: 30px!important
    }

    #30px {
        height: 30px!important
    }

    .promobanner__wrapper--unlimited__column,.promobanner__wrapper--unlimited__column h2,.promobanner__wrapper--unlimited__column h3 {
        width: 100%!important;
        max-width: none;
        text-align: center!important
    }

    .promobanner__wrapper--unlimited__countdown .promobanner__clock.flip-clock-wrapper {
        margin: 15px auto!important
    }

    .promobanner__wrapper--unlimited__countdown .promobanner__countdown--text {
        width: 100%;
        text-align: center!important
    }

    .mobile-show .unlimited-roundel {
        width: 155px;
        margin: 0 auto!important
    }

    .promobanner__wrapper--unlimited .promo-btn {
        width: 100%;
        height: 58px!important;
        line-height: 38px!important;
        margin-right: 10px
    }

    .unlimited-roundel-wrapper {
        float: left;
        width: 175px;
        padding-top: 15px;
        padding-left: 0!important;
        padding-right: 10px!important
    }

    .promobanner__wrapper--unlimited__countdown {
        padding-right: 15px!important
    }

    #show-mobile .promo-btn span span:after {
        position: absolute;
        top: 6px;
        right: 0;
        margin-right: -13px;
        content: '';
        height: 11px;
        width: 7px;
        background: url(/opencms/export/sites/default/.galleries/eircom/unlimited/chevron.png) no-repeat
    }

    #show-mobile .promo-btn span {
        position: relative;
        margin-left: -7px
    }

    #show-mobile .promo-btn.btn--white {
        font-size: 20px;
        font-size: 1.25rem;
        color: #00b5d5!important
    }
}

.webmail-login__container fieldset {
    margin: 0;
    padding: 10px 0 0
}

.webmail-login__container label {
    display: block
}

.webmail-login__container .label--for-checkbox {
    display: inline-block
}

.webmail-login__container .webmail-login__text-input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ececec;
    padding: 6px 4px;
    height: 34px;
    margin: 5px 0
}

.webmail-login__container .webmail-login__text-input:focus {
    outline: 0;
    border-color: #242529
}

.webmail-login__container input[type=checkbox] {
    display: inline-block;
    width: 13px;
    border: 0;
    padding: 0;
    margin: 16px 0
}

.webmail-login__container input[type=submit] {
    width: 100%;
    margin: 10px 0
}

.warning {
    max-width: 470px;
    margin: 0 auto
}

.warning__text {
    width: 100%;
    position: absolute;
    top: 43%;
    padding: 0 15px;
    line-height: 1.2
}

.extras__row {
    padding-bottom: 10px
}

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

.extras__row:after {
    clear: both
}

.extras__panel {
    border: 1px solid #ececec;
    padding: 20px;
    text-align: center;
    margin-top: 10px
}

.extras__panel a {
    text-decoration: none
}

.extras__panel a:hover {
    text-decoration: underline;
    color: #535759
}

.extras__panel__title {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.extras__panel--first {
    margin-top: 0
}

.extra__icon {
    margin: 0 auto
}

.webmail__logo {
    width: 100%;
    max-width: 300px;
    display: block;
    height: auto
}

@media only screen and (min-width: 750px) {
    .webmail-login__container .input-block__container {
        width:100%;
        display: table
    }

    .webmail-login__container .input-block {
        width: 50%;
        padding-right: 10px;
        display: table-cell
    }

    .webmail-login__container .input-block--clearfix:after,.webmail-login__container .input-block--clearfix:before {
        content: " ";
        display: table
    }

    .webmail-login__container .input-block--clearfix:after {
        clear: both
    }

    .webmail-login__container .input-block--align-middle {
        vertical-align: middle
    }

    .webmail-login__container input[type=submit] {
        width: auto;
        float: right
    }

    .warning {
        position: relative;
        max-width: 100%
    }

    .warning__text {
        width: 100%;
        font-size: 20px;
        padding: 0 10px 0 10%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .warning__text br {
        display: none
    }

    .extras__panel {
        width: 32%;
        margin-right: 2%;
        float: left;
        margin-top: 0
    }

    .extras__panel--4-col {
        width: 23.5%
    }

    .extras__panel:last-child {
        margin-right: 0
    }
}

.line-checker {
    width: 100%;
    display: block;
    clear: both;
    overflow: auto;
    background: #242529;
    padding: 10px 20px;
    color: #FFF;
    text-align: left
}

.line-checker__heading {
    margin: 0;
    color: #FFF
}

.line-checker__content {
    display: block;
    margin-bottom: 0
}

.line-checker__content__line {
    padding-top: 5px;
    border-top: 1px solid #242529
}

.line-checker__button {
    margin: 20px 0 10px;
    display: inline-block;
    background: #242529;
    padding: 10px;
    text-align: center;
    color: #FFF!important;
    font-size: 18px;
    text-decoration: none!important
}

.line-checker__inner {
    position: relative
}

@media only screen and (min-width: 750px) {
    .line-checker__inner {
        padding-right:200px
    }

    .line-checker__button {
        margin: 0;
        text-align: left;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        padding: 10px 20px
    }
}

.hub__apps__container {
    display: table;
    border: 1px solid #E1E1E1;
    padding: 10px;
    width: 100%;
    margin-top: 10px
}

.hub__apps__container:first-child {
    margin-top: 0
}

.hub__apps__block {
    display: table-cell;
    vertical-align: middle
}

.hub__apps__block img {
    padding-left: 5px;
    padding-right: 5px
}

.hub-carousel__banner {
    position: relative
}

.hub-carousel__banner .banner-wrapper,.hub-carousel__banner .owl-carousel .owl-item {
    width: 100%
}

.hub-carousel__banner .owl-carousel .owl-item img {
    width: 100%;
    height: auto
}

.hub-carousel__banner .owl-theme .owl-controls .owl-buttons div {
    text-indent: -9999px;
    display: block;
    zoom:1;background: 0 0;
    width: 14px;
    height: 18px;
    cursor: pointer
}

.hub-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(/opencms/export/sites/default/.galleries/eircom/carousel/carousel-arrow-left.png) center/contain no-repeat;
    position: absolute;
    top: 35%;
    left: 5px;
    height: 37px;
    width: 15px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/opencms/export/sites/default/.galleries/eircom/carousel/carousel-arrow-left.png", sizingMethod="scale")
}

.hub-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(/opencms/export/sites/default/.galleries/eircom/carousel/carousel-arrow-right.png) center/contain no-repeat;
    position: absolute;
    top: 35%;
    right: 5px;
    height: 37px;
    width: 15px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/opencms/export/sites/default/.galleries/eircom/carousel/carousel-arrow-right.png", sizingMethod="scale")
}

.hub-carousel__banner .owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 10px;
    left: 20px;
    visibility: hidden
}

.hub-carousel__banner .owl-theme .owl-controls .owl-page span {
    width: 20px;
    height: 20px;
    margin: 2px;
    background: #FFF
}

.hub-carousel__banner .owl-theme .owl-controls .owl-page.active span,.hub-carousel__banner .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #242529
}

.hub__form fieldset {
    margin: 0;
    padding: 0
}

.hub__form .input-block__container {
    padding-bottom: 5px;
    width: 100%
}

.hub__form .input-block--label {
    width: 100%;
    font-size: 16px;
    font-size: 1rem
}

.hub__form .input-block--input,.hub__form .input-block--input input {
    width: 100%
}

.hub__form .input-block--button:after,.hub__form .input-block--button:before {
    content: " ";
    display: table
}

.hub__form .input-block--button:after {
    clear: both
}

.hub__form .input-block--button input[type=submit] {
    float: right
}

.hub__form .input-block--error {
    margin: 0 0 10px;
    background: #fff;
    padding: 5px
}

@media only screen and (min-width: 600px) {
    .hub-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-next,.hub-carousel__banner .owl-theme .owl-controls .owl-buttons div.owl-prev {
        height:67px;
        width: 30px
    }

    .hub-carousel__banner .owl-theme .owl-controls .owl-pagination {
        visibility: visible
    }
}

@media only screen and (min-width: 750px) {
    .hub__form .input-block__container {
        display:table
    }

    .hub__form .input-block--label {
        display: table-cell;
        width: 40%;
        padding-right: 10px
    }

    .hub__form .input-block--input {
        display: table-cell;
        width: 60%
    }
}

.sl-map__container,.sl-map__container #map_canvas {
    margin-top: 0
}

.sl-table__wrapper {
    padding: 10px
}

.sl-table__container {
    width: 100%
}

.sl-table__container table {
    margin: 0;
    width: 100%
}

.sl-table__container th {
    padding: 10px;
    border: 1px solid #ececec;
    background-color: #ececec;
    position: static
}

.sl-table__container td {
    padding: 10px;
    border: 1px solid #ececec;
    position: static
}

.sl-table__container .st-head-row {
    font-weight: 700
}

.sl-table__col--1 {
    width: 15%
}

.sl-table__col--2 {
    width: 30%
}

.sl-table__col--3 {
    width: 20%
}

.sl-table__col--4 {
    width: 25%
}

.sl-table__col--5 {
    width: 10%
}

table.large-only .even {
    background-color: #ececec
}

.affinity__header__row {
    background: #242529;
    color: #FFF;
    text-align: left
}

.affinity__header__row--connect {
    margin-bottom: -10px
}

.affinity__header {
    width: 100%;
    border: none;
    display: table;
    padding-top: 20px;
    padding-bottom: 20px
}

.affinity__header h2 {
    color: #FFF;
    margin: 0
}

.affinity__header__logo {
    padding-right: 10px;
    display: table-cell;
    vertical-align: top
}

.affinity__header__text {
    padding-right: 10px;
    display: table-cell;
    vertical-align: top;
    width: 95%
}

.affinity__header__text p {
    margin-top: 10px;
    margin-bottom: 10px
}

.affinity__config__container {
    border: 1px solid #ececec;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.affinity__content__wrapper {
    display: block;
    width: 100%
}

.affinity__content__choice-block {
    display: block;
    margin: 14px 0;
    text-align: center
}

.affinity__content__image img {
    max-width: 200px
}

.affinity__tv-addons h2 {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 22px;
    font-size: 1.375rem
}

.affinity__tv-addons__block {
    border-bottom: 1px solid #ececec;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px 0;
    position: relative
}

.affinity__tv-addons__block--last {
    border-bottom: none
}

.affinity__tv-addons__block--first {
    padding-top: 0
}

.affinity__tv-addons__block h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.affinity__tv-addons__list {
    margin: 0 auto;
    padding: 0;
    width: auto;
    overflow: auto;
    text-align: center
}

.affinity__tv-addons__list--item {
    margin: 0 20px 0 0;
    float: left;
    display: inline;
    width: 100px;
    height: 60px;
    overflow: hidden
}

.affinity__tv-addons__list--item img {
    width: 100%;
    max-width: 110px;
    max-height: 60px;
    height: auto;
    display: block
}

.affinity__phone-form .input-elements-wrapper {
    padding-top: 5px;
    padding-bottom: 5px
}

.affinity__phone-form input[type=checkbox] {
    margin-right: 5px
}

@media only screen and (min-width: 750px) {
    .affinity__content__wrapper {
        display:table
    }

    .affinity__content__block {
        display: table-cell;
        vertical-align: top
    }

    .affinity__content__block--mobile-plan {
        width: 45%;
        padding-right: 10px
    }

    .affinity__content__image {
        width: 25%;
        padding-right: 20px
    }

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

    .affinity__content__choice-block {
        width: 10%;
        margin: inherit;
        vertical-align: bottom;
        padding-bottom: 50px
    }
}

@media only screen and (min-width: 1150px) {
    .affinity__content__choice-block {
        padding-bottom:50px
    }
}

@media only screen and (max-width: 450px) {
    .affinity__tv-addons .badge-content-wrapper {
        padding-left:0
    }

    .affinity__tv-addons .badge-price {
        position: relative
    }

    .affinity__tv-addons .badge-secondary-stamp--fixedlocation {
        top: 0
    }
}

.profile__container {
    display: table;
    width: 100%
}

.profile__content-block {
    display: block
}

.profile__content-block--text h4 {
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.profile__content-block--image img.teacher-profile-image {
    max-width: 110px
}

@media only screen and (min-width: 600px) {
    .profile__content-block {
        display:table-cell;
        display: table-cell;
        vertical-align: top
    }

    .profile__content-block--image {
        padding-right: 20px
    }

    .profile__content-block--text h4 {
        font-family: GT-Walsheim-Bold,"Arial Bold"
    }
}

.previous-value {
    color: #ececec;
    font-family: GT-Walsheim-Light,"Arial Light";
    margin-right: 5px;
    position: relative
}

.previous-value:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.previous-value--bundles {
    display: block
}

@media only screen and (min-width: 600px) {
    .previous-value--bundles {
        display:inline-block
    }
}

.chatlink,.chatlink div {
    display: inline
}

.chatlink span.link {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    color: #242529
}

.chatlink span.link:active,.chatlink span.link:focus,.chatlink span.link:hover {
    color: #535759;
    text-decoration: underline;
    font-weight: 700
}

.tv-home .col-5 {
    border: 0
}

.tv-home .tv-mod__container {
    padding: 20px
}

.tv-home .tv-mod__intro {
    padding: 0!important;
    color: #FFF
}

.tv-home .tv-mod__intro h1 {
    color: #FFF;
    line-height: 40px;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.tv-home .tv-mod__intro h2 {
    color: #FFF
}

.tv-home .tv-mod__intro--text {
    background-color: #D40474
}

.tv-home .tv-mod__intro--text .btn {
    font-weight: 600
}

.tv-home .tv-mod__intro--btn-container {
    text-align: center
}

.tv-home .tv-mod__programs {
    border: none;
    padding: 0 20px
}

.tv-home .tv-mod__programs figure {
    margin: 0
}

.tv-home .tv-mod__programs__header {
    text-align: center;
    font-size: 32px;
    font-size: 2rem;
    font-family: GT-Walsheim-Light,"Arial Light"
}

.tv-home .tv-mod__programs__img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

.tv-home .tv-mod__signup {
    text-align: left
}

.tv-home .tv-mod__signup__btn-container {
    text-align: center
}

.tv-home .tv-mod__signup .intro {
    border: none;
    font-family: GT-Walsheim-Light,"Arial Light";
    padding: 0
}

.tv-home .tv-mod__signup .intro a {
    color: #FFF
}

.tv-home .tv-mod__signup h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px
}

.tv-home .tv-mod__signup .gradient-circle {
    padding: 20px 0
}

.tv-home .tv-mod__signup .gradient-circle figure {
    margin: 0;
    display: table;
    text-align: left
}

.tv-home .tv-mod__signup .gradient-circle figcaption {
    display: table-cell;
    vertical-align: middle
}

.tv-home .tv-mod__signup .gradient-circle .figimage-container {
    width: 30%;
    min-width: 100px;
    padding-right: 20px;
    display: table-cell
}

.tv-home .tv-mod__signup .gradient-circle img {
    width: 100%;
    max-width: 116px;
    height: auto
}

.tv-home .tv-mod__gradient {
    background-color: #e30045
}

.tv-home .tv-mod__gradient .row {
    background-color: transparent;
    color: #FFF
}

.tv-home .tv-mod__gradient h2 {
    color: #FFF
}

.tv-home .tv-channel-carousel {
    padding: 0
}

.tv-home .tv-channel-carousel .columns {
    border: none;
    padding: 0 60px
}

.tv-home .tv-channel-carousel .item {
    width: 90px;
    margin: auto
}

.tv-home .tv-channel-carousel .owl-image {
    margin: 0
}

.tv-home .tv-channel-carousel .owl-image img {
    width: 100%;
    height: auto
}

.tv-home .tv-channel-carousel .customNavigation .prev {
    background: url(/opencms/export/sites/default/.galleries/eircom/tv/tv-ab/tv-channels_arrow-left.png) center no-repeat;
    position: absolute;
    top: 15%;
    left: 0;
    width: 32px;
    height: 62px;
    margin: 0;
    padding: 0
}

.tv-home .tv-channel-carousel .customNavigation .next {
    background: url(/opencms/export/sites/default/.galleries/eircom/tv/tv-ab/tv-channels_arrow-right.png) center no-repeat;
    position: absolute;
    top: 15%;
    right: 0;
    width: 32px;
    height: 62px;
    margin: 0;
    padding: 0
}

.tv-home .tv-mod__quotes h3,.tv-home .tv-mod__quotes h4 {
    color: #FFF
}

.tv-home .tv-mod__quotes .columns {
    border: none
}

.tv-home .tv-mod__quotes h3 {
    font-size: 32px;
    font-size: 2rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    line-height: 36px
}

.tv-home .tv-mod__quotes .quotes-block {
    text-align: center
}

.tv-home .tv-mod__quotes .quotes-block h4 {
    font-size: 22px;
    font-size: 1.375rem;
    max-width: 320px;
    margin: auto;
    font-family: GT-Walsheim-Regular-Oblique,"Arial Italic"
}

.tv-home .tv-mod__quotes .quotes-block .quote {
    font-size: 150px;
    font-size: 9.375rem;
    height: 80px;
    line-height: 150px
}

.tv-home .tv-subscribe-form label {
    font-size: 32px;
    font-size: 2rem;
    font-family: GT-Walsheim-Light,"Arial Light";
    line-height: 36px;
    margin: 1rem 0;
    display: block
}

.tv-home .tv-subscribe-form .input-button-wrapper {
    width: 100%
}

.tv-home .tv-subscribe-form .input-button-wrapper input[type=text] {
    width: 100%;
    margin-bottom: 25px
}

.tv-home .tv-subscribe-form .button-container {
    width: 100%;
    text-align: center
}

.tv-home .tv-subscribe-form .button-container .btn {
    color: #242529!important
}

@media only screen and (min-width: 600px) {
    .tv-home .tv-channel-carousel .item {
        width:111px
    }
}

@media only screen and (min-width: 750px) {
    .tv-home .col-5 {
        width:20%
    }

    .tv-home .tv-mod__container {
        padding: 40px
    }

    .tv-home .tv-mod__intro {
        background-image: url(/opencms/export/sites/default/.galleries/eircom/tv/tv-ab/family-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        border: none
    }

    .tv-home .tv-mod__intro--text {
        background-color: transparent;
        background-image: linear-gradient(to right,rgba(255,255,255,0),#e40046 20%);
        padding-left: 60px
    }

    .tv-home .tv-mod__intro--btn-container {
        text-align: left
    }

    .tv-home .tv-mod__programs__header {
        margin-top: 0
    }

    .tv-home .tv-mod__signup {
        text-align: center
    }

    .tv-home .tv-mod__signup .intro {
        padding: 20px
    }

    .tv-home .tv-mod__signup h2 {
        font-size: 48px;
        font-size: 3rem;
        max-width: 700px;
        line-height: 3rem;
        margin: auto
    }

    .tv-home .tv-mod__signup .btn {
        padding-left: 60px;
        padding-right: 60px
    }

    .tv-home .tv-mod__signup .gradient-circle {
        padding: 20px
    }

    .tv-home .tv-mod__signup .gradient-circle figure {
        display: inherit;
        text-align: center
    }

    .tv-home .tv-mod__signup .gradient-circle figcaption {
        font-size: 18px;
        font-size: 1.125rem;
        display: inherit;
        max-width: 150px;
        margin: auto
    }

    .tv-home .tv-mod__signup .gradient-circle .figimage-container {
        display: inherit;
        width: 100%;
        padding-right: 0
    }

    .tv-home .tv-channel-carousel {
        padding: 0 60px
    }

    .tv-home .tv-mod__quotes h3 {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 46px
    }

    .tv-home .tv-mod__quotes .header {
        text-align: center
    }

    .tv-home .tv-subscribe-form label {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 46px
    }

    .tv-home .tv-subscribe-form .input-button-wrapper input[type=text] {
        width: 50%;
        margin-right: 5%;
        display: inline-block
    }

    .tv-home .tv-subscribe-form .button-container {
        width: 40%;
        display: inline-block
    }
}

.seo-deal h1 {
    line-height: 2rem;
    font-size: 26px;
    font-size: 1.625rem
}

.seo-deal h2.sub-header {
    line-height: 1.5rem;
    font-size: 18px;
    font-size: 1.125rem
}

.seo-deal h2 {
    line-height: 2rem;
    font-size: 26px;
    font-size: 1.625rem
}

.seo-deal__intro {
    padding: 0!important
}

.seo-deal__bundle-img {
    max-width: 223px
}

.seo-deal__bundle-img--310 {
    max-width: 310px
}

.seo-deal__bundle-img--center {
    margin-left: auto;
    margin-right: auto
}

.seo-deal__pricing {
    padding: 16px 0
}

.seo-deal__pricing div {
    display: block
}

.seo-deal__pricing .price {
    font-size: 70px;
    font-size: 4.375rem;
    line-height: 4rem
}

.seo-deal__pricing .info {
    padding-top: 16px
}

.seo-deal__map-speed__container {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/seo-page/map-speed.png);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-bottom: 30px
}

.seo-deal__map-speed__content {
    background-color: #ececec
}

.seo-deal__map-speed__content a:link,.seo-deal__map-speed__content a:visited {
    color: #535759;
    text-decoration: none
}

.seo-deal__map-speed__content a:active,.seo-deal__map-speed__content a:focus,.seo-deal__map-speed__content a:hover {
    text-decoration: underline
}

.seo-list--mobile-no-margin-top {
    margin-top: 0
}

.seo-list--mobile-no-margin-bottom {
    margin-bottom: 0
}

.seo-deal li {
    position: relative;
    padding-left: 17px
}

.seo-deal li:before {
    position: absolute;
    left: 0
}

@media only screen and (min-width: 600px) {
    .seo-deal__header-mod {
        text-align:center
    }
}

@media only screen and (min-width: 750px) {
    .seo-deal h1 {
        line-height:2.3rem;
        font-size: 34px;
        font-size: 2.125rem
    }

    .seo-deal h2.sub-header {
        line-height: 2rem;
        font-size: 24px;
        font-size: 1.5rem
    }

    .seo-deal h2 {
        line-height: 2.5rem;
        font-size: 32px;
        font-size: 2rem
    }

    .seo-deal__intro .row {
        background-image: url(/opencms/export/sites/default/.galleries/eircom/seo-page/seo-lifestyle.jpg);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 55% auto
    }

    .seo-deal__pricing div {
        display: inline-block;
        padding-right: 15px
    }

    .seo-deal__pricing span {
        display: block
    }

    .seo-deal__pricing .info {
        padding-top: 0
    }

    .seo-deal__map-speed__container {
        background-color: #ececec;
        background-image: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .seo-list--mobile-no-margin-top {
        margin-top: 16px
    }

    .seo-list--mobile-no-margin-bottom {
        margin-bottom: 16px
    }
}

.contact-us * {
    -webkit-tap-highlight-color: transparent
}

.contact-us a,.contact-us a:visited {
    text-decoration: none
}

.contact-us__chat>div,.contact-us__chat>div>div {
    height: 100%
}

.contact-us__intro {
    padding: 4px 25px;
    float: left;
    position: relative;
    height: auto
}

.contact-us__intro__business--mobile-wrap a.contact-us__intro__business {
    color: #242529;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: eir-regular-web,Arial
}

.contact-us__intro__business--mobile-wrap a.contact-us__intro__business:after {
    position: absolute;
    content: '\203A';
    padding-left: 3px;
    font-size: 27px;
    font-size: 1.6875rem;
    margin-top: -8px
}

.contact-us__intro__business--mobile-wrap a.contact-us__intro__business:hover {
    color: #242529;
    text-decoration: underline
}

.contact-us__intro__business--mobile-wrap a.contact-us__intro__business {
    height: 45px;
    padding-top: 10px;
    text-align: left;
    text-align: center
}

.contact-us__intro__business--mobile-wrap {
    position: relative;
    height: 85px;
    padding: 20px 0
}

.contact-us__intro__business--mobile-wrap .contact-us__intro__business>div {
    width: 135px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 5px;
    padding-top: 20px
}

.contact-us__intro__business--mobile-wrap .contact-us__intro__business div div:nth-of-type(1) {
    background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/sme.png) 0 0/contain;
    width: 45px;
    height: 45px;
    float: left
}

.contact-us__intro__business--mobile-wrap .contact-us__intro__business div div:nth-of-type(2) {
    background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/corporate.png) 0 0/contain;
    width: 45px;
    height: 45px;
    float: left;
    margin-left: -2.5px
}

.contact-us__intro__business--mobile-wrap .contact-us__intro__business div div:nth-of-type(3) {
    background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/public-sector.png) 0 0/contain;
    width: 45px;
    height: 45px;
    float: left;
    margin-left: -2.5px
}

.contact-us.row .row {
    margin: 0!important
}

.contact-us__intro:nth-of-type(2) {
    position: relative;
    height: 119px
}

.contact-us__intro h1 {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 21px
}

.contact-us__intro h2 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 16px;
    color: #242529
}

.contact-us__tab__content {
    background: 0 0;
    padding: 20px 25px
}

.contact-us__tab__content h2 {
    font-size: 24px;
    font-size: 1.5rem
}

.contact-us__tab__content .tab-content--container {
    border: none
}

.contact-us .resp-tab-content h1:first-of-type {
    margin-top: 0;
    margin-bottom: 20px
}

.contact-us__tab__content--contact {
    padding: 22px 0 0;
    border: 1px solid #ececec;
    border-left: none;
    border-right: none;
    border-bottom: none
}

.contact-us__tab__content--contact h3.show-hide__target__mobile-head,.contact-us__tab__content--contact h3.show-hide__target__mobile-head.open {
    background: #242529!important;
    color: #FFF
}

.contact-us__tab__content__col--single:first-of-type {
    padding: 0 0 20px;
    border: none;
    border-bottom: none
}

.contact-us__tab__content__col--double {
    padding: 20px 0;
    position: relative;
    border: 1px solid #ececec;
    border-bottom: none;
    border-left: none;
    border-right: none
}

.contact-us__tab__content__col--single .checkout__form fieldset {
    border-top: none;
    padding-bottom: 0;
    padding-top: 0
}

.contact-us__tab__content__col--single .show-hide__target div h2 {
    margin: 0
}

.contact-us__toggle__wrapper {
    margin-bottom: 50px
}

.contact-us .row .contact-us__tab__content__col--double a {
    color: #00b5d5;
    text-decoration: none
}

.contact-us .row .contact-us__tab__content__col--double a:hover {
    color: #00b5d5;
    text-decoration: underline
}

.contact-us__tab__content__col--double--faq {
    padding-bottom: 15px;
    padding-right: 0
}

.contact-us__tab__content__col--double--faq.contact-us__no-announcements {
    padding-top: 0;
    border-top: none
}

.contact-us__tab__content__col--eircom {
    padding-bottom: 10px
}

.contact-us__tab__content__col--eircom .columns:nth-of-type(2) a:nth-of-type(2) {
    padding-left: 10px
}

.contact-us__tab__content__col--eircom h2 {
    padding-bottom: 10px!important
}

.contact-us__tab__content__col--eircom .btn {
    width: 110px;
    font-size: 16px;
    font-size: 1rem;
    max-height: 40px;
    padding: 0;
    line-height: 40px
}

.contact-us__tab__content__col--eircom .columns:nth-of-type(2) {
    text-align: left;
    float: left!important;
    padding-top: 10px
}

.contact-us__tab__content__col--eircom ul {
    padding: 0;
    margin: 0
}

.contact-us__tab__content__col--eircom ul li {
    list-style-type: none
}

.contact-us__tab__content__col--eircom .columns {
    border: none;
    padding: 0
}

.contact-us__tab__content__bubble {
    background: #242529;
    position: relative;
    display: inline-block;
    padding: 5px 12.5px 6px;
    color: #FFF;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px
}

.contact-us__tab__content__bubble:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 0 solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #242529;
    bottom: -10px;
    left: 20px
}

.contact-us__tab__content__announcement {
    margin-top: 7.5px;
    width: auto;
    cursor: pointer;
    display: block
}

.contact-us a:hover {
    text-decoration: none;
    color: inherit
}

.contact-us a.contact-us__tab__content__announcement {
    text-decoration: none
}

.contact-us__tab__content__announcement__loading {
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 77.6px;
    margin-top: 19.5px;
    margin-bottom: 19.5px;
    position: absolute
}

.contact-us__tab__content__announcement:hover .contact-us__tab__content__announcement__title {
    text-decoration: underline
}

.contact-us__tab__content__announcement__date {
    color: #242529
}

.contact-us__tab__content__announcement__title {
    margin-left: 20px;
    color: #242529
}

.contact-us__tab__container {
    padding-bottom: 0
}

.contact-us ul.contact-us__tab__list--contact {
    margin: auto 0;
    padding: 0;
    display: table;
    width: 100%
}

.contact-us__tab__list--contact li {
    display: block;
    float: left;
    list-style: none;
    cursor: pointer;
    margin: 0 5px 0 0;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    color: #242529;
    text-align: center;
    border: none;
    width: 120px;
    height: 100px
}

.contact-us__tab__list--contact li:last-of-type {
    margin-right: 0
}

.contact-us__tab__list--contact span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.contact-us__tab__list--contact li.active {
    background: #ececec
}

.contact-us__toggle-slide__link--text {
    float: left;
    width: 100%
}

.contact-us__toggle-slide {
    padding-left: 45px;
    position: relative;
    min-height: 47px;
    background: #fff
}

.contact-us__toggle-slide--faq {
    padding: 10px 20px!important
}

.contact-us__tab__content__col--double--faq:nth-of-type(even) .contact-us__toggle-slide .tab__icon {
    display: none
}

.contact-us__toggle-slide .icon-symbol-minus,.contact-us__toggle-slide .icon-symbol-plus {
    float: left;
    position: absolute;
    left: 16px;
    top: 11px
}

.contact-us__toggle-slide .icon-symbol-chevron-right {
    float: left;
    position: absolute;
    left: 20px;
    top: 6px
}

.contact-us__toggle-slide.toggle-slide--bb {
    background: #fff!important
}

.contact-us__toggle-slide .toggle-slide__link {
    font-size: 16px;
    font-size: 1rem
}

.contact-us__toggle-slide img {
    height: 24px;
    width: 24px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 10px
}

.contact-us .toggle-slide__content img {
    height: 24px;
    width: 24px;
    display: block;
    float: none;
    margin: 16px auto
}

.contact-us .toggle-slide__content {
    position: relative
}

.contact-us .toggle-slide__content p>span {
    margin-bottom: none;
    float: right
}

.contact-us .toggle-slide__content p:nth-of-type(1) {
    margin-bottom: none
}

.contact-us .toggle-slide__content p:nth-of-type(2) {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 16px
}

.contact-us__subject-url {
    margin-bottom: 16px;
    display: block
}

.contact-us__subject-url:after {
    position: absolute;
    content: '\203A';
    padding-left: 3px;
    font-size: 27px;
    font-size: 1.6875rem;
    margin-top: -9.5px
}

.contact-us__toggle__icon--minus,.contact-us__toggle__icon--plus {
    float: left
}

.contact-us .checkout__form .input-row input,.contact-us .checkout__form .input-row input[type^=tel],.contact-us select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCC;
    padding: 6px 4px;
    height: 34px;
    margin-top: 5px;
    float: left
}

.contact-us .select-container select {
    width: 100%
}

.contact-us .checkout__form .input-row textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCC;
    padding: 6px 4px;
    height: 100px;
    margin-top: 5px;
    float: left;
    outline: 0!important
}

.contact-us .checkout__form .input-row textarea:focus {
    border-color: #F34242
}

.contact-us .checkout__form .input-row textarea.error {
    background: #FFCDDB
}

.contact-us .checkout__form .input-row textarea.error:focus {
    background: #FFF
}

.contact-us__tab__container h3.resp-accordion {
    margin: 0!important;
    border: 1px solid #ececec!important
}

.contact-us__tab__container h3.resp-accordion:not(:first-of-type) {
    border-top: none!important
}

.contact-us__tab__container h3.resp-accordion {
    height: 90px;
    line-height: 70px;
    padding-left: 100px;
    font-family: eir-regular-web,Arial;
    background: #FFF
}

.contact-us__tab__container h3.resp-tab-active {
    border: 1px solid #ececec!important;
    background: #FFF
}

.contact-us__tab__container h3.resp-accordion .icon-symbol-minus,.contact-us__tab__container h3.resp-accordion .icon-symbol-plus {
    background-size: 100%;
    height: 20px!important;
    width: 20px!important;
    margin-top: 25px;
    margin-right: 20px
}

.contact-us__tab__content.resp-tab-content-active {
    border: 1px solid #ececec;
    border-top: none
}

.contact-us__tab__content__col--double h2 {
    padding-bottom: 12.5px
}

.contact-us .show-hide__target .checkout__form .btn {
    float: left!important;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 10px;
    padding: 0 40px;
    height: 40px;
    margin-bottom: 3px
}

.contact-us input[type=checkbox] {
    height: 12.5px;
    width: 12.5px
}

.contact-us h3.resp-accordion {
    position: relative
}

.contact-us .icon-joining_eircom {
    width: 45px;
    height: 55px;
    background-size: 100%;
    left: 35px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-eircom_services {
    display: none
}

.contact-us .icon-eircom_services_mobile {
    width: 45px;
    height: 56px;
    background-size: 100%;
    left: 35px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-your_bill {
    width: 45px;
    height: 55px;
    background-size: 100%;
    left: 35px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-something_else {
    width: 45px;
    height: 45px;
    background-size: 100%;
    left: 35px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-eir-icons-user_turquoise {
    width: 63px;
    height: 58px;
    background-size: 100%;
    left: 22px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-eir-icons-bb_modem_turquoise {
    width: 64px;
    height: 58px;
    background-size: 100%;
    left: 21px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-eir-icons-chat_comment_turquoise {
    width: 53px;
    height: 50px;
    background-size: 100%;
    left: 27px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-eir-icons-bill_turquoise {
    width: 59px;
    height: 56px;
    background-size: 100%;
    left: 23px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .icon-trophy_turquoise {
    width: 48px;
    height: 48px;
    background-size: 100%;
    left: 29px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us .contact-us__tab__social-media {
    display: none!important
}

.contact-us .contact-us__tab__social-media--mobile__wrapper {
    margin-top: 15px;
    display: block;
    height: 31px
}

.contact-us .contact-us__tab__social-media--mobile {
    display: block;
    cursor: pointer;
    border: none;
    width: auto;
    position: relative;
    float: left
}

.contact-us .contact-us__tab__social-media--mobile img {
    float: left;
    line-height: 35px;
    height: 31px;
    margin-right: 7.5px
}

.contact-us .contact-us__tab__social-media--mobile div {
    float: left;
    line-height: 35px;
    height: 31px
}

.contact-us .contact-us__tab__social-media--mobile div>a>div {
    margin-right: 30px;
    color: #242529;
    text-decoration: none
}

.contact-us .AC_MESSAGES,.lia-ac-lt-32-container,.lia-ac-lt-33-container,.lia-ac-lt-34-container,.lia-ac-lt-IdeasandForumSuggestions-container {
    display: none
}

.contact-us .contact-us__more {
    position: absolute;
    bottom: 15px;
    left: 15px
}

.contact-us .show-hide__target .table--scroll--container {
    margin-bottom: 0
}

.contact-us .table--scroll--container .LPMcontainer {
    position: absolute!important;
    z-index: 100!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important
}

.contact-us .table--scroll--container .LPMcontainer.offline {
    pointer-events: none!important
}

.contact-us .contact-us__tab__content--contact__row1 .columns {
    border: none;
    padding-bottom: 20px;
    padding-top: 20px
}

.contact-us .contact-us__tab__content--contact__row2 .columns {
    border: none;
    padding-top: 20px;
    padding-bottom: 20px
}

.contact-us .contact-us__tab__content--contact__row1 p,.contact-us__tab__content--contact__row2 h3,.contact-us__tab__content--contact__row2 p {
    margin: 0
}

.contact-us .contact-us__tab__content--contact__row1>.columns h2 {
    font-weight: 700
}

.contact-us .contact-us__tab__content--contact__row1.contact-us__tech-help h3 {
    margin: 0
}

.contact-us .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns,.contact-us .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns>.row>.columns {
    padding-top: 0;
    padding-bottom: 0
}

.contact-us__tab__content--contact__row1 .large-12 {
    padding: 0!important
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6 {
    padding: 0
}

.contact-us__tab__content--contact__row1>.large-12>.row>.large-6:first-of-type>h2 {
    color: #f116ba;
    font-size: 34px;
    font-weight: 300;
    margin: 0!important;
    padding: 0 0 15px 10px
}

.contact-us__tab__content--contact__row1>.large-12>.row>.large-6:last-of-type>h2 {
    color: #3ab600;
    font-size: 34px;
    font-weight: 300;
    margin: 0!important;
    padding: 25px 0 15px 10px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container {
    width: 100%;
    height: 100%
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h5 {
    font-size: 18px;
    color: #FFF;
    font-family: eir-light-web,"Arial Light"
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h1 {
    font-size: 36px;
    font-family: eir-bold-web,"Arial Bold";
    margin: 0;
    padding-bottom: 5px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h1 a {
    color: #FFF!important
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h2 {
    font-size: 36px;
    color: #242529;
    font-family: eir-bold-web,"Arial Bold";
    margin: 0;
    padding-bottom: 5px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container p {
    padding: 0;
    font-size: 18px;
    font-family: eir-light-web,"Arial Light";
    color: #FFF
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container h5 {
    color: #242529
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container p {
    color: #242529;
    font-size: 16px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type .contact-us__tab__content__number__sub-container h2 {
    margin: 0!important;
    padding: 0 0 5px;
    font-size: 28px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type .contact-us__tab__content__number__sub-container h2 a {
    color: #f116ba!important
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type .contact-us__tab__content__number__sub-container h2 {
    margin: 0!important;
    padding: 0 0 5px;
    font-size: 28px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type .contact-us__tab__content__number__sub-container h2 a {
    color: #3ab600!important
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container {
    border: 1px solid #f116ba
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container {
    border: 1px solid #3ab600
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container {
    padding: 5px 25px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--main {
    background: #f116ba;
    height: auto;
    width: 100%;
    padding: 30px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--main {
    background: #3ab600;
    height: auto;
    width: 100%;
    padding: 30px
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container .contact-us__tab__content__number--sub {
    padding: 20px 0
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub,.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub {
    height: auto;
    width: 100%
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub:not(:last-of-type) {
    border-bottom: 1px dashed #f116ba
}

.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub:not(:last-of-type) {
    border-bottom: 1px dashed #3ab600
}

.contact-us .contact-us__hide-myeircom:before {
    content: none!important
}

.contact-us .contact-us__tab__content--contact__thank-you.show {
    display: block!important
}

.contact-us .contact-us__tab__content--contact__thank-you {
    position: relative;
    background: #fff;
    top: -30px;
    padding: 0;
    border: none;
    display: none
}

.contact-us .contact-us__tab__content--contact__thank-you h3 {
    text-align: left;
    margin: 0!important;
    font-size: 24px;
    font-size: 1.5rem;
    padding-bottom: 20px
}

.contact-us .contact-us__tab__content--contact__thank-you p {
    text-align: left;
    margin: 0!important
}

.contact-us .contact-us__tab__content--contact__thank-you p:nth-of-type(2) {
    padding-top: 15px
}

.contact-us .contact-us__tab__content--contact__thank-you p a {
    color: #242529
}

.contact-us .contact-us__tab__content--contact__thank-you p a:hover {
    color: #242529;
    text-decoration: underline
}

.contact-us .contact-us__tab__content--contact__form.hide {
    display: none!important
}

.contact-us .checkout__form .input-row label {
    text-align: right
}

.contact-us__email-overlay {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 1172px) {
    .contact-us ul.contact-us__tab__list--contact {
        width:250px!important
    }

    .contact-us .contact-us__hide-myeircom ul.contact-us__tab__list--contact {
        width: 100%!important
    }

    .contact-us__tab__list--contact li:nth-of-type(1),.contact-us__tab__list--contact li:nth-of-type(2) {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 750px) {
    .contact-us .table-overlay__container .icon-eir-icons-user_white {
        width:81px;
        height: 74px;
        background-size: 100%;
        margin: 0 auto
    }

    .contact-us .contact-us__tab__content--contact__thank-you {
        padding: 25px 30px;
        border: 1px solid #e1e1e1;
        background: #FBF7F6;
        top: auto
    }

    .contact-us .contact-us__tab__content--contact__thank-you h3 {
        text-align: center;
        margin: 0!important;
        font-size: 24px;
        font-size: 1.5rem;
        padding-bottom: 20px
    }

    .contact-us .contact-us__tab__content--contact__thank-you p {
        text-align: center;
        margin: 0!important
    }

    .contact-us .contact-us__tab__content--contact__thank-you p:nth-of-type(2) {
        padding-top: 0
    }

    .contact-us .contact-us__tab__content--contact__thank-you p a {
        color: #242529
    }

    .contact-us .contact-us__tab__content--contact__thank-you p a:hover {
        color: #242529;
        text-decoration: underline
    }

    .contact-us .show-hide__target .columns {
        border: none!important
    }

    .contact-us .show-hide__target .columns>div {
        width: 100%;
        height: 100%;
        border: none
    }

    .contact-us__tab__content--contact__row1 .large-12 {
        padding: 0!important
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6 {
        padding: 0
    }

    .contact-us__tab__content--contact__row1>.large-12>.row>.large-6:first-of-type {
        padding-right: 10px
    }

    .contact-us__tab__content--contact__row1>.large-12>.row>.large-6:last-of-type {
        padding-left: 10px
    }

    .contact-us__tab__content--contact__row1>.large-12>.row>.large-6:first-of-type>h2 {
        color: #f116ba;
        font-size: 34px;
        font-weight: 300;
        margin: 0!important;
        padding: 0 0 15px 30px
    }

    .contact-us__tab__content--contact__row1>.large-12>.row>.large-6:last-of-type>h2 {
        color: #3ab600;
        font-size: 34px;
        font-weight: 300;
        margin: 0!important;
        padding: 0 0 15px 30px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container {
        width: 100%;
        height: 100%
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h5 {
        font-size: 18px;
        color: #FFF;
        font-family: eir-light-web,"Arial Light"
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h1 {
        font-size: 36px;
        color: #FFF;
        font-family: eir-bold-web,"Arial Bold";
        margin: 0;
        padding-bottom: 5px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container h2 {
        font-size: 36px;
        color: #242529;
        font-family: eir-bold-web,"Arial Bold";
        margin: 0;
        padding-bottom: 5px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container p {
        padding: 0;
        font-size: 18px;
        font-family: eir-light-web,"Arial Light";
        color: #FFF
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container h5 {
        color: #242529
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container p {
        color: #242529;
        font-size: 16px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type .contact-us__tab__content__number__sub-container h2 {
        color: #f116ba;
        margin: 0!important;
        padding: 0 0 5px;
        font-size: 28px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type .contact-us__tab__content__number__sub-container h2 {
        color: #3ab600;
        margin: 0!important;
        padding: 0 0 5px;
        font-size: 28px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container {
        border: 1px solid #f116ba
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container {
        border: 1px solid #3ab600
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6 .contact-us__tab__content__number__sub-container {
        padding: 5px 25px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--main {
        background: #f116ba;
        height: auto;
        width: 100%;
        padding: 30px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--main {
        background: #3ab600;
        height: auto;
        width: 100%;
        padding: 30px
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6>.contact-us__tab__content__container .contact-us__tab__content__number--sub {
        padding: 20px 0
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub,.contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub {
        height: auto;
        width: 100%
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:first-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub:not(:last-of-type) {
        border-bottom: 1px dashed #f116ba
    }

    .contact-us__tab__content--contact__row1 .large-12 .row .large-6:last-of-type>.contact-us__tab__content__container .contact-us__tab__content__number--sub:not(:last-of-type) {
        border-bottom: 1px dashed #3ab600
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns>.row>.columns:nth-of-type(2) {
        padding-right: 0
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns>.row {
        padding: 0;
        border: none
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns>.row>div>div {
        padding: 20px;
        border: 1px solid #E1E1E1
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns h2 {
        line-height: normal;
        padding: 0;
        margin: 0!important
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns p {
        margin-top: 0;
        padding: 0!important;
        font-size: 16px;
        font-size: 1rem
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns>.row>.columns:nth-of-type(2) p {
        margin-top: 0;
        padding: 0!important;
        font-size: 18px!important;
        text-align: center
    }

    .contact-us__tab__content--contact__row1.contact-us__tech-help>.columns h3 {
        padding: 0!important;
        font-size: 18px;
        font-size: 1.125rem;
        margin: 0!important
    }

    .contact-us__tab__content--contact__row2>.columns {
        padding: 5px 5px 0;
        min-height: 165px
    }

    .contact-us__tab__content--contact__row2>.columns>div {
        height: 100%;
        min-height: 165px
    }

    .contact-us__tab__content--contact__row2>.columns:first-of-type {
        padding-left: 0
    }

    .contact-us__tab__content--contact__row2>.columns:last-of-type {
        padding-right: 0
    }

    .contact-us__tab__content--contact__row1>.columns h2 {
        font-size: 36px;
        font-size: 2.25rem;
        margin: 30px 0!important;
        padding-top: 0;
        padding-left: 5px
    }

    .contact-us__tab__content--contact__row1>.columns p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-left: 0!important;
        margin-bottom: 0!important
    }

    .contact-us__tab__content--contact__row1>.columns p:first-of-type {
        padding-top: 20px
    }

    .contact-us__tab__content--contact__row1>.columns p:last-of-type {
        margin-top: 0!important
    }

    .contact-us__tab__content--contact__row2>.columns div {
        padding: 25px 30px
    }

    .contact-us__tab__content--contact__row2>.columns p {
        margin: 0!important
    }

    .contact-us__tab__content--contact__row2>.columns h3 {
        margin: 0!important;
        font-size: 24px;
        font-size: 1.5rem
    }

    .contact-us__intro__business--mobile-wrap {
        display: none
    }

    .contact-us__tab__content--contact__title-wrapper {
        height: 100px
    }

    .contact-us__tab__content--contact__title-wrapper h2 {
        font-size: 36px;
        float: left;
        padding-top: 40px;
        padding-left: 25px
    }

    .contact-us__tab__content__col--eircom .columns:nth-of-type(2) a:nth-of-type(2) {
        float: right;
        clear: right;
        width: 110px;
        text-align: center;
        padding-top: 3px;
        padding-left: 0
    }

    .contact-us__tab__content__col--eircom .columns:nth-of-type(2) {
        padding-top: 55px;
        padding-right: 30px
    }

    .contact-us__tab__content__col--eircom .btn {
        width: 110px;
        font-size: 16px;
        font-size: 1rem;
        max-height: 40px;
        padding: 0;
        line-height: 40px;
        float: right;
        clear: right
    }

    .contact-us__tab__content__col--eircom h2 {
        padding-bottom: 30px!important
    }

    .contact-us__tab__container {
        background: #ececec
    }

    .contact-us__tab__content__col--double--faq.contact-us__no-announcements {
        padding-top: 20px;
        border-top: 1px solid #ececec
    }

    .contact-us__tab__content__col--single:first-of-type {
        padding: 20px;
        border: 1px solid #ececec;
        border-bottom: none
    }

    .contact-us__tab__content__col--double {
        padding: 20px
    }

    .contact-us .checkout__form .input-row .select-container {
        padding-right: 5%;
        width: 25%
    }

    .contact-us .icon-joining_eircom {
        width: 55px;
        height: 70px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-eircom_services_mobile {
        display: none
    }

    .contact-us .icon-eircom_services {
        display: block;
        width: 88px;
        height: 70px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-your_bill {
        width: 58px;
        height: 72px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-something_else {
        width: 68px;
        height: 65px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-eir-icons-user_turquoise {
        width: 85px;
        height: 78px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-eir-icons-bb_modem_turquoise {
        width: 100px;
        height: 79px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-eir-icons-chat_comment_turquoise {
        width: 79px;
        height: 74px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-eir-icons-bill_turquoise {
        width: 77px;
        height: 72px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us .icon-trophy_turquoise {
        width: 69px;
        height: 75px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 63px
    }

    .contact-us .icon-chat_to_agent {
        width: 51px;
        height: 47px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 37px
    }

    .contact-us .icon-email_us {
        width: 53px;
        height: 40px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 40px
    }

    .contact-us .icon-phone_us {
        width: 30px;
        height: 47px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 37px
    }

    .contact-us .show-hide__target .icon-email_us {
        width: 100px;
        height: 75px;
        background-size: 100%;
        position: static;
        margin: 0;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        float: left
    }

    .contact-us .show-hide__target .icon-phone_us {
        width: 50px;
        height: 75px;
        background-size: 100%;
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        float: left;
        margin: 0 25px
    }

    .contact-us .icon-eir-icons-envelope_turquoise {
        width: 60px;
        height: 47px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 40px
    }

    .contact-us .contact-us__chat .icon-eir-icons-user_turquoise,.contact-us .icon-eir-icons-mobile_turquoise {
        width: 51px;
        height: 47px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 37px
    }

    .contact-us .show-hide__target .icon-eir-icons-envelope_turquoise {
        width: 106px;
        height: 84px;
        background-size: 100%;
        position: static;
        margin: -10px 0 0;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        float: left
    }

    .contact-us .show-hide__target .icon-eir-icons-mobile_turquoise {
        width: 71px;
        height: 66px;
        background-size: 100%;
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        float: left;
        margin: 8px 8px 0 15px
    }

    .contact-us .show-hide__target .checkout__form .btn,.contact-us .show-hide__target p,.contact-us input[type=checkbox] {
        margin-left: 25.2%;
        margin-bottom: 3px
    }

    .contact-us__tab__list--contact li {
        border: 1px solid #ececec
    }

    .contact-us__tab__list--contact li.disabled {
        opacity: .5;
        cursor: auto
    }

    .contact-us .tab-content--container>.row {
        border-left: 1px solid #ececec;
        border-right: 1px solid #ececec;
        position: relative
    }

    .contact-us .tab-content--container>.row:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        background: #ececec;
        top: 0;
        bottom: 0
    }

    .contact-us .tab-content--container>.row:first-of-type {
        border: none
    }

    .contact-us .tab-content--container>.row:first-of-type:before {
        display: none
    }

    .contact-us .tab-content--container>.row:nth-of-type(3) .contact-us__tab__content__col--double:nth-of-type(2) {
        border-top: 1px solid #ececec
    }

    .contact-us .contact-us__tab__content__col--double {
        border-left: none;
        border-right: none
    }

    .contact-us__intro a {
        float: right;
        color: #242529;
        font-size: 18px;
        font-size: 1.125rem;
        font-family: eir-regular-web,Arial;
        padding-right: 15px;
        margin: 0;
        bottom: 20px;
        right: 25px;
        display: block;
        height: auto;
        position: absolute;
        width: 190px;
        text-align: center
    }

    .contact-us__intro a:after {
        position: absolute;
        content: '\203A';
        padding-left: 3px;
        font-size: 27px;
        font-size: 1.6875rem;
        margin-top: -8px
    }

    .contact-us__intro__business>div {
        width: 145px;
        height: 45px;
        position: absolute;
        top: 0;
        margin-top: -45px;
        margin-left: 2.5px;
        padding-left: 5px
    }

    .contact-us__intro__business div div:nth-of-type(1) {
        background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/sme.png) 0 0/contain;
        width: 45px;
        height: 45px;
        float: left
    }

    .contact-us__intro__business div div:nth-of-type(2) {
        background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/corporate.png) 0 0/contain;
        width: 45px;
        height: 45px;
        float: left;
        margin-left: -2.5px
    }

    .contact-us__intro__business div div:nth-of-type(3) {
        background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/public-sector.png) 0 0/contain;
        width: 45px;
        height: 45px;
        float: left;
        margin-left: -2.5px
    }

    .contact-us__intro a:hover {
        color: #242529!important;
        text-decoration: underline!important
    }

    .contact-us__tab__container--contact {
        padding: 20px 20px 10px!important;
        border-bottom: none
    }

    .contact-us__tab__content__col--single .show-hide__target:first-of-type:after {
        content: '';
        top: 0;
        left: 0;
        width: 49.99%;
        height: 1px;
        background: #FFF;
        position: absolute
    }

    .contact-us__tab__content__col--single .contact-us__hide-myeircom.show-hide__target:first-of-type:after {
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #FFF;
        position: absolute
    }

    .contact-us .show-hide__trigger.active:after {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 10px solid #ececec;
        border-left: 15.5px solid transparent;
        border-right: 15.5px solid transparent;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: -9px
    }

    .contact-us .show-hide__trigger.active:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 10px solid #ececec;
        border-left: 15.5px solid transparent;
        border-right: 15.5px solid transparent;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: -10px
    }

    .contact-us__tab__content--contact {
        border: none;
        padding: 0
    }

    .contact-us__tab__list {
        padding: 27.5px 5px!important;
        width: 100%!important;
        border: 1px solid #ececec;
        border-top: none
    }

    .contact-us__tab {
        display: block!important;
        float: left;
        height: 180px;
        width: 100%;
        max-width: 195px;
        padding: 30px 25px 30px 25px!Important;
        position: relative!important;
        font-size: 24px;
        font-size: 1.5rem;
        border: 1px solid #ececec!important
    }

    .contact-us__tab__list span {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }

    .contact-us__tab:not(:last-of-type) {
        margin-right: 20px
    }

    .contact-us__tab.resp-tab-active {
        position: relative;
        background: #ececec
    }

    .contact-us__tab.resp-tab-active:after {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 10px solid #ececec;
        border-left: 22.5px solid transparent;
        border-right: 22.5px solid transparent;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: -9px
    }

    .contact-us__tab.resp-tab-active:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        border-top: 10px solid #ececec;
        border-left: 22.5px solid transparent;
        border-right: 22.5px solid transparent;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: -10px
    }

    .contact-us .content-block h3 {
        margin: 1rem 0
    }

    .contact-us .row .contact-us__tab__content__col--double:first-of-type {
        border-right: none
    }

    .contact-us__tab__content {
        border-top: none
    }

    .contact-us__intro {
        border: 1px solid #ececec
    }

    .contact-us {
        border: none
    }

    .contact-us__tab__social-media--mobile__wrapper {
        display: none!important
    }

    .contact-us__tab__list--contact li.contact-us__tab__social-media {
        display: block!important;
        border: none;
        background: url(/opencms/export/sites/default/.galleries/eircom/contact-us/socialmedia.png) 10px center no-repeat
    }

    .contact-us__tab__list--contact li.contact-us__tab__social-media a {
        color: #242529!important;
        text-decoration: none!important
    }

    .contact-us__tab__list--contact li.contact-us__tab__social-media span {
        position: absolute;
        text-align: left;
        left: 50px
    }

    .contact-us__tab__list--contact li.contact-us__tab__social-media span:nth-of-type(1) {
        top: 19px;
        right: 0
    }

    .contact-us__tab__list--contact li.contact-us__tab__social-media span:nth-of-type(2) {
        bottom: 13.5px;
        right: 0
    }

    .contact-us .checkout__form .input-row input,.contact-us select {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #CCC;
        padding: 6px 4px;
        height: 34px;
        margin-top: 5px
    }

    .contact-us .checkout__form .input-row textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #CCC;
        padding: 6px 4px;
        height: 100px;
        margin-top: 5px
    }

    .checkout__form#contact-us__emailForm--1 .input-row .input--small,.checkout__form#contact-us__emailForm--2 .input-row .input--small,.checkout__form#contact-us__emailForm--3 .input-row .input--small,.checkout__form#contact-us__emailForm--4 .input-row .input--small {
        width: 75%!important
    }
}

@media only screen and (max-width: 942px) and (min-width:750px) {
    .contact-us__tab__content__col--eircom .columns:nth-of-type(2) a:nth-of-type(2) {
        float:left!important;
        clear: left;
        width: 110px;
        text-align: center;
        padding-top: 3px;
        padding-left: 0
    }

    .contact-us__tab__content__col--eircom .btn {
        width: 110px;
        font-size: 16px;
        font-size: 1rem;
        max-height: 40px;
        padding: 0;
        line-height: 40px;
        float: left;
        clear: left;
        margin: 5.53px!important
    }

    .contact-us__tab__content__col--eircom .columns:nth-of-type(2) {
        padding-top: 16.91px;
        padding-right: 0
    }
}

@media only screen and (max-width: 932px) {
    .contact-us__tab {
        width:23.295454545454543%!important
    }

    .contact-us__tab:not(:last-of-type) {
        margin-right: 2.272727272727273%
    }
}

@media only screen and (max-width: 837px) and (min-width:750px) {
    .contact-us__tab__list li:first-of-type span {
        bottom:5px
    }
}

@media only screen and (max-width: 942px) {
    .contact-us__tab__content__col--eircom>.large-6 {
        width:100%!important
    }
}

@media only screen and (max-width: 750px) {
    .contact-us .checkout__form .input-row input[type^=tel] {
        width:100%
    }

    .checkout__form .input-row .input--small {
        width: 60%!important
    }
}

@media (max-width: 749px) {
    .contact-us .checkout__form .input-row label {
        text-align:left
    }
}

@media (max-width: 480px) {
    .checkout__form .input-row .input--small,.checkout__form .input-row .select-container {
        width:100%!important
    }
}

@media only screen and (max-width: 380px) {
    .contact-us__tab__container h3.resp-accordion>span {
        line-height:normal;
        position: absolute;
        max-width: 110px;
        top: 25px
    }

    .contact-us__intro__business span {
        position: relative;
        top: -13px;
        width: 70px;
        display: inline-block
    }

    .contact-us__intro__business--mobile-wrap a.contact-us__intro__business:after {
        margin-top: 6px
    }
}

@media only screen and (max-width: 1145px) and (min-width:750px) {
    .contact-us__tab__content--contact__row1.contact-us__sales_number>.columns>.row>.columns h2 {
        width:275px!important
    }
}

@media only screen and (max-width: 479px) {
    .contact-us__tab__content--contact__row1.contact-us__sales_number>.columns>.row>.columns h2 {
        max-width:185px!important
    }
}

@media only screen and (max-width: 460px) {
    .contact-us .g-recaptcha {
        webkit-transform:scale(0.58);
        -ms-transform: scale(0.58);
        -webkit-transform: scale(0.58);
        transform: scale(0.58);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .contact-us .input-elements-wrapper input,.contact-us fieldset {
        min-width: 0
    }

    .contact-us .input-elements-wrapper {
        width: 80%!important
    }
}

.contact-us .icon-eir-icons-storm_outages_turquoise {
    width: 59px;
    height: 56px;
    background-size: 100%;
    left: 23px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us__storm-outages-tab-banner {
    position: relative;
    margin: 0 0 2px!important;
    border: 1px solid #ececec!important;
    height: 90px;
    line-height: 70px
}

.contact-us__storm-outages-tab-banner h3 {
    margin: 0!important;
    border: 1px solid #ececec!important;
    height: 90px;
    line-height: 70px;
    font-family: eir-regular-web,Arial;
    font-size: 18px;
    font-size: 1.125rem;
    border-top: none;
    padding: 10px 20px 10px 100px;
    text-align: left;
    color: #00b5d5!important
}

@media only screen and (min-width: 750px) {
    .contact-us__tab {
        width:19.2%!important;
        max-width: none
    }

    .contact-us__tab:not(:last-of-type) {
        margin-right: 1%
    }

    .contact-us .icon-eir-icons-storm_outages_turquoise {
        width: 79px;
        height: 74px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us__tab.contact-us_storm-outages__tab.resp-tab-active:after,.contact-us__tab.contact-us_storm-outages__tab.resp-tab-active:before {
        border: none
    }

    .contact-us__storm-outages-tab-banner {
        display: none
    }
}

@-moz-document url-prefix() {
    .contact-us input[type=file] {
        padding: 0!important;
        height: auto!important
    }
}

.campaign__header-image {
    line-height: 2rem;
    font-size: 26px;
    font-size: 1.625rem
}

.campaign .campaign__sub-headers--bold {
    line-height: 2.5rem;
    font-size: 34px;
    font-size: 2.125rem;
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.campaign h3 {
    line-height: 2rem;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.campaign__header-image img.campaign-1000 {
    margin-left: -20px;
    margin-top: 3px
}

.campaign__img-bundle {
    max-width: 400px;
    display: inherit
}

.campaign__img-bundle--sub {
    max-width: 312px
}

.campaign__img-bundle.campaign-1000 {
    max-width: 356px
}

.campaign__pd-block {
    clear: both
}

.campaign__pd-block--extra-pad {
    padding: 20px
}

.campaign__pd-block .btn {
    margin-left: 0;
    margin-right: 0
}

.campaign__par-pad--mobile {
    padding-left: 20px;
    padding-right: 20px
}

.campaign__form-group--1000Mb>.input-row {
    display: none
}

.FTTH .checkout-container {
    padding-top: 0
}

.FTTH .checkout__form-container {
    padding: 0 20px
}

.FTTH .FTTH__content--main {
    min-height: 475px;
    height: 100%;
    padding: 0 0 180px;
    background: #f9f3d5;
    margin: 0
}

.FTTH .FTTH__content--sub {
    height: 200px;
    background: url(/opencms/export/sites/default/.galleries/eircom/FTTH/divider.png) no-repeat;
    margin: -140px 0 0;
    padding: 0;
    position: relative
}

.FTTH .FTTH__content--info {
    margin: 0;
    padding: 25px 20px 0
}

.FTTH .FTTH__content--main__img {
    height: 100%;
    background: url(/opencms/export/sites/default/.galleries/eircom/FTTH/kid.png) no-repeat;
    padding: 0
}

.FTTH__content--main__text {
    text-align: center
}

.FTTH .FTTH__content--main__text h1 {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 64px;
    font-size: 4rem;
    line-height: 58px;
    margin: 45px 0 0
}

.FTTH .FTTH__content--main__text h3 {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 33px;
    font-size: 2.0625rem;
    color: #746d67
}

.FTTH .FTTH__content--sub__img {
    padding: 0
}

.FTTH .FTTH__content--sub__text {
    clear: both;
    padding: 0 20px
}

.FTTH .FTTH__content--sub__text h3 {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    font-size: 35px;
    font-size: 2.1875rem;
    color: #eb5b26;
    letter-spacing: -2px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 40px
}

.FTTH .FTTH__content--sub__text h5 {
    font-family: GT-Walsheim-Light,"Arial Light";
    color: #746d67;
    font-size: 10px;
    font-size: .625rem;
    border-top: 1px solid #E1E1E1;
    padding-top: 6px
}

.FTTH .FTTH__content--sub__img__circle {
    margin: -55px auto 0;
    text-align: center;
    position: relative;
    width: 273px;
    height: 273px;
    background: url(/opencms/export/sites/default/.galleries/eircom/FTTH/circle.png) no-repeat
}

.FTTH .FTTH__content--sub__img__circle>div {
    font-family: GT-Walsheim-Bold,"Arial Bold";
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    display: block;
    padding-top: 75px;
    margin-bottom: -3px
}

.FTTH .FTTH__content--sub__img__circle>div>span {
    font-size: 55px
}

.FTTH .FTTH__content--sub__img__circle>h2 {
    font-family: GT-Walsheim-Regular,Arial,arial;
    color: #fff;
    line-height: 42px;
    font-size: 42px;
    letter-spacing: -1px;
    margin: 0
}

.FTTH .g-recaptcha {
    float: left
}

.FTTH .g-recaptcha.captcha-error>div>div {
    border: 1px solid #F34242
}

.FTTH .captcha-error-text {
    font-size: 14px;
    font-size: .875rem;
    color: #F34242;
    text-align: left;
    margin-top: 10px
}

.FTTH .FTTH__thanks {
    display: none
}

.FTTH .FTTH__thanks>.checkout-container {
    padding: 0 20px
}

@media only screen {
    .FTTH .FTTH__content--main__img {
        height: 100%;
        background: url(/opencms/export/sites/default/.galleries/eircom/FTTH/kid.png) bottom left/auto 475px no-repeat;
        padding: 0
    }

    .FTTH .FTTH__content--sub__img__circle {
        margin: -55px auto 0;
        text-align: center;
        position: relative;
        width: 273px;
        height: 273px;
        background: url(/opencms/export/sites/default/.galleries/eircom/FTTH/circle.png) 0 0/contain no-repeat
    }

    .FTTH .input-row--current-provider,.FTTH .input-row--current-provider-other {
        display: none
    }
}

@media only screen and (max-width: 750px) {
    .FTTH .FTTH__content--main__text h1 {
        font-size:42px;
        line-height: 36px;
        max-width: 410px;
        margin: 45px auto 0;
        display: block;
        color: #eb5b26
    }

    .FTTH .FTTH__content--main__text h3 {
        font-size: 24px
    }

    .FTTH .FTTH__content--main {
        min-height: 400px
    }

    .FTTH .FTTH__content--sub__img__circle {
        height: 225px;
        width: 225px
    }

    .FTTH .FTTH__content--sub__img__circle>div {
        font-size: 60px;
        padding-top: 62px;
        margin-bottom: -7px
    }

    .FTTH .FTTH__content--sub__img__circle>div>span {
        font-size: 45px
    }

    .FTTH .FTTH__content--sub__img__circle>h2 {
        font-size: 31px;
        line-height: 31px
    }
}

@media only screen and (min-width: 750px) {
    .campaign__header-image {
        line-height:2rem;
        font-size: 30px;
        font-size: 1.875rem
    }

    .campaign .campaign__sub-headers--bold {
        line-height: 2.5rem;
        font-size: 36px;
        font-size: 2.25rem
    }

    .campaign__header-image img.campaign-1000 {
        margin-left: -35px;
        margin-top: 3px
    }

    .campaign__pd-block {
        clear: none
    }

    .campaign__par-pad--mobile {
        padding-left: 0;
        padding-right: 0
    }

    .FTTH .checkout-container {
        padding-top: 0
    }

    .FTTH .checkout__form-container {
        padding: 0 47px
    }

    .FTTH .FTTH__content--main {
        min-height: none;
        height: 475px;
        background: #f9f3d5;
        padding: 0;
        margin: 0
    }

    .FTTH .FTTH__content--info {
        margin: 0;
        padding: 25px 47px 0
    }

    .FTTH .FTTH__content--main__text {
        text-align: left
    }

    .FTTH .FTTH__content--main__text h1 {
        font-family: GT-Walsheim-Bold,"Arial Bold";
        font-size: 64px;
        font-size: 4rem;
        line-height: 58px;
        max-width: 620px;
        margin: 45px 0 0
    }

    .FTTH .FTTH__content--main__text h3 {
        font-family: GT-Walsheim-Bold,"Arial Bold";
        font-size: 33px;
        font-size: 2.0625rem;
        color: #746d67
    }

    .FTTH .FTTH__content--sub__img {
        padding: 0;
        float: right!important
    }

    .FTTH .FTTH__content--sub__text {
        clear: both;
        padding: 0 0 0 47px;
        float: left!important;
        margin-top: -60px
    }

    .FTTH .FTTH__content--sub__text h3 {
        font-family: GT-Walsheim-Bold,"Arial Bold";
        font-size: 35px;
        font-size: 2.1875rem;
        color: #eb5b26;
        letter-spacing: -2px;
        margin: 0;
        padding: 0
    }

    .FTTH .FTTH__content--sub__text h5 {
        font-family: GT-Walsheim-Light,"Arial Light";
        color: #746d67;
        font-size: 10px;
        font-size: .625rem;
        padding-top: 50px;
        margin-right: -10px;
        border-top: none
    }

    .FTTH .FTTH__content--sub__img__circle {
        margin-left: 40px;
        margin-top: -115px
    }

    .FTTH .FTTH__content--sub__divider {
        width: 100%;
        position: absolute;
        bottom: 25px;
        padding: 0 47px
    }

    .FTTH .FTTH__content--sub__divider div {
        height: 1px;
        background: #dfdfdf;
        width: 100%
    }

    .FTTH .FTTH__content--sub__img__circle>div {
        font-family: GT-Walsheim-Bold,"Arial Bold";
        color: #fff;
        font-size: 70px;
        line-height: 70px;
        display: block;
        padding-top: 75px;
        margin-bottom: -3px
    }

    .FTTH .FTTH__content--sub__img__circle>div>span {
        font-size: 55px
    }

    .FTTH .FTTH__content--sub__img__circle>h2 {
        font-family: GT-Walsheim-Light,"Arial Light";
        color: #fff;
        line-height: 37px;
        font-size: 37px;
        letter-spacing: -1px;
        margin: 0
    }

    .FTTH .FTTH__thanks .checkout-container {
        padding: 0 47px
    }
}

@media only screen and (max-width: 1120px) and (min-width:750px) {
    .FTTH .FTTH__content--main {
        height:425px
    }

    .FTTH__content--main .large-7 {
        width: 100%;
        padding-left: 47px
    }

    .FTTH__content--main__img {
        display: none!important
    }

    .FTTH__content--sub__text h3 {
        margin-right: -50px
    }

    .FTTH .FTTH__content--sub__img__circle {
        margin: -115px auto 0
    }

    .FTTH .FTTH__content--sub__text {
        margin-top: -75px
    }

    .FTTH .FTTH__content--sub__text h3 {
        margin: 16px -50px 16px 0
    }

    .FTTH .FTTH__content--sub__text h5 {
        padding-top: 33px;
        margin-right: -150px
    }
}

.free-campaign .fullwidth-image {
    width: 100%
}

.free-campaign .free-campaign__image-container {
    padding: 20px
}

@media only screen and (min-width: 750px) and (max-width:975px) {
    .free-campaign .free-campaign__image-container {
        padding:20px 0 0
    }

    .free-campaign .fullwidth-image {
        width: 95%
    }
}

@media only screen and (min-width: 975px) {
    .free-campaign.free-campaign__bg {
        background:url(/opencms/export/sites/default/.galleries/eircom/free/free-bg.png) right/auto 100% no-repeat;
        min-height: 325px
    }

    .free-campaign .free-campaign__image-container {
        line-height: 275px;
        padding: 0
    }

    .free-campaign .fullwidth-image {
        width: 95%
    }
}

.ftth-campaign .fullwidth-image {
    max-height: 396px;
    display: block;
    width: auto;
    margin: 0 auto;
    vertical-align: middle
}

.ftth-campaign .ftth-campaign__image-container {
    padding: 0 20px
}

@media only screen and (min-width: 750px) and (max-width:975px) {
    .ftth-campaign .ftth-campaign__image-container {
        padding:20px 0 0
    }

    .ftth-campaign .fullwidth-image {
        width: auto;
        display: inline-block
    }
}

@media only screen and (min-width: 750px) {
    .ftth-campaign .ftth-campaign__image-container,.row.ftth-locale .large-12>.row>.large-3.opposite.campaign__pd-block {
        position:absolute;
        bottom: 0;
        right: 0
    }

    .row.ftth-existing .large-12>.row>.large-3.opposite.campaign__pd-block {
        position: absolute;
        bottom: 20px;
        right: 0
    }
}

@media only screen and (min-width: 975px) {
    .ftth-campaign.ftth-campaign__bg {
        background:url(/opencms/export/sites/default/.galleries/eircom/FTTH/ftth-bg.png) right/auto 100% no-repeat;
        min-height: 325px
    }

    .ftth-campaign .ftth-campaign__image-container {
        padding: 0;
        margin-right: -20px
    }

    .ftth-campaign .fullwidth-image {
        max-height: 396px;
        width: auto;
        display: inline-block;
        margin: 0 115px 0 0;
        float: right
    }
}

.chatnow__liveperson-button--desktop img,.chatnow__liveperson-button--mobile img {
    max-width: 360px;
    width: 100%;
    max-height: 174px
}

.chatnow__liveperson-button--mobile.online img.online {
    display: inline
}

.chatnow__liveperson-button--mobile.online img.offline {
    display: none
}

.chatnow__liveperson-button--mobile:not(.online) img.offline {
    display: inline
}

.chatnow__liveperson-button--mobile:not(.online) img.online {
    display: none
}

.roaming_app {
    min-height: 1000px
}

.eir-roaming__icon__container--center {
    margin: 0 auto -5px!important;
    position: relative
}

.eir-roaming__icon__container--center .eir-icons {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px
}

.eir-roaming__flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.eir-roaming__flex-row--no-stack {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.eir-roaming__flex-item,.eir-roaming__flex-item--small-1 {
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.eir-roaming__flex-item--small-2 {
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0;
    flex: 2 0 0
}

.eir-roaming__flex-item--small-3 {
    -webkit-flex: 3 0 0;
    -ms-flex: 3 0 0;
    flex: 3 0 0
}

.eir-roaming__flex-item--small-4 {
    -webkit-flex: 4 0 0;
    -ms-flex: 4 0 0;
    flex: 4 0 0
}

.eir-roaming__flex-item--small-5 {
    -webkit-flex: 5 0 0;
    -ms-flex: 5 0 0;
    flex: 5 0 0
}

.eir-roaming__flex-item--small-6 {
    -webkit-flex: 6 0 0;
    -ms-flex: 6 0 0;
    flex: 6 0 0
}

.eir-roaming__flex-item--small-7 {
    -webkit-flex: 7 0 0;
    -ms-flex: 7 0 0;
    flex: 7 0 0
}

.eir-roaming__flex-item--small-8 {
    -webkit-flex: 8 0 0;
    -ms-flex: 8 0 0;
    flex: 8 0 0
}

.eir-roaming__flex-item--small-9 {
    -webkit-flex: 9 0 0;
    -ms-flex: 9 0 0;
    flex: 9 0 0
}

.eir-roaming__flex-item--small-10 {
    -webkit-flex: 10 0 0;
    -ms-flex: 10 0 0;
    flex: 10 0 0
}

.eir-roaming__flex-item--small-11 {
    -webkit-flex: 11 0 0;
    -ms-flex: 11 0 0;
    flex: 11 0 0
}

.eir-roaming__flex-item--small-12 {
    -webkit-flex: 12 0 0;
    -ms-flex: 12 0 0;
    flex: 12 0 0
}

.eir-roaming__home__footer {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.eir-roaming__home__footer__link {
    padding: 30px!important
}

.eir-roaming__home__footer__link>* {
    position: relative
}

.eir-roaming__home__footer__link h4 {
    text-align: center!important;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    padding-top: 20px
}

.eir-roaming__home__footer__link p {
    padding-top: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2rem
}

.eir-roaming__home__footer a {
    text-decoration: none;
    color: #242529
}

.eir-roaming__home__footer a:hover {
    color: #242529
}

.eir-roaming__home__footer__link .eir-roaming__icon__container--center {
    width: 100px;
    height: 100px
}

.eir-roaming__home__footer .columns {
    padding: 0 10px
}

.eir-roaming__home__footer__link:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px
}

.eir-roaming__country__4g-available,.eir-roaming__country__4g-available:hover {
    text-decoration: none!important
}

.eir-roaming__country__4g-available__icon {
    height: 35px;
    width: 35px;
    display: inline-block;
    vertical-align: middle
}

.eir-roaming__country__4g-available__text {
    display: inline;
    vertical-align: middle;
    font-size: 16px!important;
    font-size: 1rem!important
}

.eir-roaming__country__4g-available__text,.eir-roaming__country__4g-available__text:hover {
    text-decoration: underline!important
}

.eir-roaming__4g__blurb {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8rem;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0
}

.eir-roaming__4g__blurb-2 {
    padding-bottom: 20px;
    margin-top: 20px
}

.eir-roaming__4g__max-width {
    max-width: 960px!important;
    margin: 0 auto!important
}

.eir-roaming__4g__partner-table {
    padding: 10px 0 0
}

.eir-roaming__4g__partner-table__disclaimer {
    padding: 20px 0 5px;
    text-align: left;
    font-size: 14px;
    font-size: .875rem;
    margin: 0
}

.eir-roaming__4g__partner-table__row:not(:last-of-type) {
    border-bottom: 1px solid #242529!important
}

.eir-roaming__4g__partner-table__row:not(:first-of-type) {
    background: #ececec
}

.eir-roaming__4g__partner-table__row__column {
    text-align: center;
    position: relative
}

.eir-roaming__4g__partner-table__row__column:last-of-type {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.eir-roaming__4g__partner-table__row__column__column--flag {
    position: absolute;
    top: 0;
    bottom: 0
}

.eir-roaming__4g__partner-table__heading {
    font-weight: 700;
    text-align: center!important;
    padding: 0 0 10px
}

.eir-roaming__4g__partner-table__flag {
    height: 30px;
    width: 50px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.eir-roaming__4g__partner-table__country {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    text-transform: capitalize;
    float: left;
    position: relative;
    bottom: -2px
}

.eir-roaming__4g__partner-table__partner {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: center;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 3px
}

.eir-roaming__4g__heading-link:hover,.eir-roaming__4g__heading-link:link,.eir-roaming__4g__heading-link:visited {
    text-decoration: none!important
}

.eir-roaming__4g__footer__link {
    padding: 30px!important
}

.eir-roaming__4g__footer__link>* {
    position: relative
}

.eir-roaming__4g__footer__link h5 {
    text-align: center!important;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 20px
}

.eir-roaming__4g__footer a {
    text-decoration: none;
    color: #242529
}

.eir-roaming__4g__footer a:hover {
    color: #242529
}

.eir-roaming__4g__footer__link .eir-roaming__icon__container--center {
    width: 90px;
    height: 90px
}

.eir-roaming__4g__footer .columns {
    padding: 0 10px
}

.eir-roaming__4g__footer__link:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    background: #fff
}

@media only screen and (min-width: 750px) {
    .eir-roaming__flex-row {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .eir-roaming__flex-item--large-1 {
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
        flex: 1 0 0
    }

    .eir-roaming__flex-item--large-2 {
        -webkit-flex: 2 0 0;
        -ms-flex: 2 0 0;
        flex: 2 0 0
    }

    .eir-roaming__flex-item--large-3 {
        -webkit-flex: 3 0 0;
        -ms-flex: 3 0 0;
        flex: 3 0 0
    }

    .eir-roaming__flex-item--large-4 {
        -webkit-flex: 4 0 0;
        -ms-flex: 4 0 0;
        flex: 4 0 0
    }

    .eir-roaming__flex-item--large-5 {
        -webkit-flex: 5 0 0;
        -ms-flex: 5 0 0;
        flex: 5 0 0
    }

    .eir-roaming__flex-item--large-6 {
        -webkit-flex: 6 0 0;
        -ms-flex: 6 0 0;
        flex: 6 0 0
    }

    .eir-roaming__flex-item--large-7 {
        -webkit-flex: 7 0 0;
        -ms-flex: 7 0 0;
        flex: 7 0 0
    }

    .eir-roaming__flex-item--large-8 {
        -webkit-flex: 8 0 0;
        -ms-flex: 8 0 0;
        flex: 8 0 0
    }

    .eir-roaming__flex-item--large-9 {
        -webkit-flex: 9 0 0;
        -ms-flex: 9 0 0;
        flex: 9 0 0
    }

    .eir-roaming__flex-item--large-10 {
        -webkit-flex: 10 0 0;
        -ms-flex: 10 0 0;
        flex: 10 0 0
    }

    .eir-roaming__flex-item--large-11 {
        -webkit-flex: 11 0 0;
        -ms-flex: 11 0 0;
        flex: 11 0 0
    }

    .eir-roaming__flex-item--large-12 {
        -webkit-flex: 12 0 0;
        -ms-flex: 12 0 0;
        flex: 12 0 0
    }

    .eir-roaming__home__footer__link h4 {
        font-size: 23px;
        font-size: 1.4375rem
    }

    .eir-roaming__home__footer__link p {
        padding: 15px 10px 0;
        text-decoration: none
    }

    .eir-roaming__home__footer .columns {
        padding: 0 8px;
        margin-bottom: 0
    }

    .eir-roaming__home__footer .columns:first-of-type {
        padding-left: 0;
        padding-right: 16px
    }

    .eir-roaming__home__footer .columns:last-of-type {
        padding-left: 16px;
        padding-right: 0
    }

    .eir-roaming__home__footer__link:before {
        left: 8px;
        right: 8px
    }

    .columns:first-of-type .eir-roaming__home__footer__link:before {
        left: 0;
        right: 16px
    }

    .columns:last-of-type .eir-roaming__home__footer__link:before {
        left: 16px;
        right: 0
    }

    .eir-roaming__4g__blurb {
        margin-top: 20px
    }

    .eir-roaming__4g__footer>.row {
        margin: 0
    }

    .eir-roaming__4g__footer .columns {
        padding: 0 10px;
        margin-bottom: 15px
    }

    .eir-roaming__4g__footer .columns:nth-of-type(2) {
        padding-left: 6px;
        padding-right: 10px
    }

    .eir-roaming__4g__footer .columns:nth-of-type(3) {
        padding-left: 10px;
        padding-right: 6px
    }

    .eir-roaming__4g__footer .columns:first-of-type {
        padding-left: 0;
        padding-right: 14px
    }

    .eir-roaming__4g__footer .columns:last-of-type {
        padding-left: 14px;
        padding-right: 0
    }

    .eir-roaming__4g__footer__link:before {
        left: 10px;
        right: 10px
    }

    .columns:nth-of-type(2) .eir-roaming__4g__footer__link:before {
        left: 6px;
        right: 10px
    }

    .columns:nth-of-type(3) .eir-roaming__4g__footer__link:before {
        left: 10px;
        right: 6px
    }

    .columns:first-of-type .eir-roaming__4g__footer__link:before {
        left: 0;
        right: 14px
    }

    .columns:last-of-type .eir-roaming__4g__footer__link:before {
        left: 14px;
        right: 0
    }
}

.roaming_app .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    padding: 0
}

.roaming_app .container:after {
    content: "";
    display: table;
    clear: both
}

.roaming_country pre {
    margin: 0;
    font-family: GT-Walsheim-Regular,Arial;
    font-size: 14px;
    font-size: .875rem
}

.roaming_app .container-nopad {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    padding: 0
}

.roaming_app .container-nopad:after {
    content: "";
    display: table;
    clear: both
}

.roaming_app .grid-bg {
    background-image: linear-gradient(left,transparent 0,rgba(100,100,225,.25) 0,rgba(100,100,225,.25) 6.38695%,transparent 6.38695%,transparent 8.51028%,rgba(100,100,225,.25) 8.51028%,rgba(100,100,225,.25) 14.89723%,transparent 14.89723%,transparent 17.02055%,rgba(100,100,225,.25) 17.02055%,rgba(100,100,225,.25) 23.40751%,transparent 23.40751%,transparent 25.53083%,rgba(100,100,225,.25) 25.53083%,rgba(100,100,225,.25) 31.91778%,transparent 31.91778%,transparent 34.04111%,rgba(100,100,225,.25) 34.04111%,rgba(100,100,225,.25) 40.42806%,transparent 40.42806%,transparent 42.55138%,rgba(100,100,225,.25) 42.55138%,rgba(100,100,225,.25) 48.93834%,transparent 48.93834%,transparent 51.06166%,rgba(100,100,225,.25) 51.06166%,rgba(100,100,225,.25) 57.44862%,transparent 57.44862%,transparent 59.57194%,rgba(100,100,225,.25) 59.57194%,rgba(100,100,225,.25) 65.95889%,transparent 65.95889%,transparent 68.08222%,rgba(100,100,225,.25) 68.08222%,rgba(100,100,225,.25) 74.46917%,transparent 74.46917%,transparent 76.59249%,rgba(100,100,225,.25) 76.59249%,rgba(100,100,225,.25) 82.97945%,transparent 82.97945%,transparent 85.10277%,rgba(100,100,225,.25) 85.10277%,rgba(100,100,225,.25) 91.48972%,transparent 91.48972%,transparent 93.61305%,rgba(100,100,225,.25) 93.61305%,rgba(100,100,225,.25) 100%,transparent 100%,transparent 100%);
    background-position: left top;
    -ms-background-origin: content-box;
    background-origin: content-box;
    background-clip: content-box
}

.roaming_app h2,.roaming_app h6,.roaming_app span {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

.roaming_app h4 {
    border: 0;
    vertical-align: baseline;
    margin: 0
}

.roaming_app h3 {
    border: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

.mobile {
    display: block
}

.desktop {
    display: none
}

@media only screen and (min-width: 750px) {
    .mobile {
        display:none
    }

    .desktop {
        display: inline
    }
}

.col1,.col1-end,.col10,.col10-end,.col11,.col11-end,.col12,.col12-end,.col2,.col2-end,.col3,.col3-end,.col4,.col4-end,.col5,.col5-end,.col6,.col6-end,.col7,.col7-end,.col8,.col8-end,.col9,.col9-end {
    width: 100%;
    display: block;
    float: left
}

.red {
    background: red
}

.green {
    background: #0f0
}

.blue {
    background: #00f
}

@media only screen and (min-width: 750px) {
    .col1 {
        width:6.38695%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col2 {
        width: 14.89723%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col3 {
        width: 23.40751%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col4 {
        width: 31.91778%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col5 {
        width: 40.42806%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col6 {
        width: 48.93834%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col7 {
        width: 57.44862%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col8 {
        width: 65.95889%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col9 {
        width: 74.46917%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col10 {
        width: 82.97945%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col11 {
        width: 91.48972%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col12 {
        width: 100%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .col1-end {
        width: 6.38695%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col2-end {
        width: 14.89723%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col3-end {
        width: 23.40751%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col4-end {
        width: 31.91778%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col5-end {
        width: 40.42806%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col6-end {
        width: 48.93834%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col7-end {
        width: 57.44862%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col8-end {
        width: 65.95889%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col9-end {
        width: 74.46917%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col10-end {
        width: 82.97945%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col11-end {
        width: 91.48972%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .col12-end {
        width: 100%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .red {
        background: red
    }

    .green {
        background: #0f0
    }

    .blue {
        background: #00f
    }
}

.roaming_app h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 100;
    color: #242529
}

.roaming_app h3 {
    text-align: center
}

.roaming_app p.intro {
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    color: #242529
}

.roaming_app ul,div.roaming_app {
    padding: 0
}

@font-face {
    font-family: "FS Albert","Trebuchet MS",Helvetica,sans-serif;
    src: url(../../../webfonts/FSAlbert.eot?) format("eot");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "FS Albert","Trebuchet MS",Helvetica,sans-serif;
    src: url(../../../webfonts/FSAlbert-Bold.eot?) format("eot");
    font-weight: 700
}

@font-face {
    font-family: "FS Albert","Trebuchet MS",Helvetica,sans-serif;
    src: url(../../../webfonts/FSAlbert-Light.eot?) format("eot");
    font-weight: lighter
}

@font-face {
    font-family: meteor-mast;
    src: url(../webfonts/meteor-v5.eot?-2nuvq1);
    src: url(../webfonts/meteor-v5.eot?#iefix-2nuvq1) format("embedded-opentype"),url(../webfonts/meteor-v5.woff?-2nuvq1) format("woff"),url(../webfonts/meteor-v5.ttf?-2nuvq1) format("truetype"),url(../webfonts/meteor-v5.svg?-2nuvq1#meteor-v4) format("svg");
    font-weight: 400;
    font-style: normal
}

@media only screen and (min-width: 750px) {
    .roaming_app h2 {
        color:#242529;
        font-size: 25px;
        line-height: 28px
    }

    .roaming_app p.intro {
        font-size: 20px
    }
}

.roaming_app .framework:hover {
    cursor: pointer
}

.roaming_app .framework-target {
    display: none
}

.roaming_app .open {
    display: block
}

.flag {
    color: #FFF;
    padding: 10px 0 10px 60px;
    position: relative
}

.flag .image {
    width: 40px;
    position: absolute;
    top: 5px;
    left: 0
}

.flag .image img {
    width: 100%;
    padding: 0;
    margin: 0
}

.add-black-border {
    border: 1px solid #000
}

@media only screen and (min-width: 750px) {
    .flag {
        width:95px;
        color: #242529;
        padding: 16px 0 15px 70px
    }

    .flag .image {
        width: 60px;
        position: absolute;
        top: 5px;
        left: 0
    }
}

.ui-widget-content li.ui-menu-item {
    text-decoration: underline;
    color: #242529;
    padding: 10px 0 10px 40px;
    box-sizing: border-box;
    list-style: none;
    outline: 0
}

@media only screen and (min-width: 750px) {
    .ui-widget-content {
        max-width:558px
    }
}

.roaming_home .upper {
    margin: 0;
    padding: 20px
}

.roaming_home .upper h1 {
    margin: 6px 0 20px;
    text-align: left
}

.roaming_home .upper p.intro {
    text-align: left;
    margin: 0 0 25px;
    line-height: 25px
}

.roaming_home .upper h2 {
    color: #242529;
    margin: 0 0 17px;
    text-align: left
}

.roaming_home .upper ul {
    margin: 0;
    width: 100%;
    height: 180px
}

.roaming_home .upper ul a {
    display: inline-block;
    float: left;
    width: 45%;
    margin-right: 4%
}

.roaming_home .upper ul a li {
    text-align: left;
    position: relative;
    padding: 5px 0 5px 49px;
    margin: 0 0 14px;
    list-style: none
}

.roaming_home .upper ul a li .image {
    height: 25px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0
}

.roaming_home .upper ul a li .image img {
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 2px 2px 5px #CCC
}

.roaming_home .searchbox {
    background: #242529;
    padding: 20px;
    margin: 0 10px;
    position: relative;
    outline: 0
}

.roaming_home .searchbox:before {
    font-family: meteor-mast;
    content: '\e000';
    color: #242529;
    position: absolute;
    top: 29px;
    left: 31px
}

.roaming_home .searchbox h2 {
    display: none
}

.roaming_home .searchbox input {
    width: 100%;
    height: 31px;
    font-size: 15px;
    line-height: 18px;
    color: #242529;
    border-radius: 4px;
    border: #fff;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    outline: 0
}

.roaming_home .searchbox .search_submit {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 22px;
    left: 20px;
    cursor: pointer
}

.roaming_home .roam_links {
    background: #ececec;
    padding: 0 10px
}

.roaming_home .roam_links .content {
    color: #242529;
    background: #FFF;
    position: relative;
    padding: 20px 10px 20px 80px;
    margin-bottom: 0
}

.roaming_home .roam_links .content h4 {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    padding-bottom: 9px
}

.roaming_home .roam_links .content p {
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

.roaming_home .roam_links a:focus {
    outline: 0
}

.roaming_home .roam_links a.first {
    text-decoration: none;
    position: relative
}

.roaming_home .roam_links a.first .content:before {
    content: "";
    height: 55px;
    width: 55px;
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-map_turquoise.png);
    background-size: 55px 55px!important;
    background-repeat: no-repeat!important;
    position: absolute;
    left: 11px;
    top: 27px
}

.roaming_home .roam_links a.second {
    text-decoration: none
}

.roaming_home .roam_links a.second .content {
    padding-bottom: 35px
}

.roaming_home .roam_links a.second .content:before {
    content: "";
    height: 68px;
    width: 56px;
    background: url(../..//opencms/export/sites/default/.galleries/eircom/roaming/quick-guide-mob.png);
    background-size: 56px 68px!important;
    background-repeat: no-repeat!important;
    position: absolute;
    left: 11px;
    top: 27px
}

@media only screen and (min-width: 750px) {
    .roaming_home {
        margin:0
    }

    .roaming_home .upper {
        width: 100%;
        margin: 0;
        padding: 20px 13% 10px
    }

    .roaming_home .upper:after,.roaming_home .upper:before {
        content: " ";
        display: block!important
    }

    .roaming_home .upper:after {
        clear: both
    }

    .roaming_home .upper h1 {
        margin: 0 0 28px;
        text-align: left
    }

    .roaming_home .upper p.intro {
        margin: 0 2.12332% 38px 0;
        line-height: 26px;
        width: 100%;
        width: 82.97945%;
        float: left;
        display: inline
    }

    .roaming_home .upper p.intro:after,.roaming_home .upper p.intro:before {
        content: " ";
        display: block!important
    }

    .roaming_home .upper p.intro:after {
        clear: both
    }

    .roaming_home .upper h2 {
        font-size: 22px;
        display: block;
        padding-bottom: 10px;
        margin: 0 0 15px;
        clear: both
    }

    .roaming_home .upper ul.flags {
        width: 590px;
        margin: 0 0 20px
    }

    .roaming_home .upper ul.flags a {
        width: 29%
    }

    .roaming_home .upper ul.flags li {
        position: relative;
        padding: 10px 0 0 70px;
        margin: 0 0 28px
    }

    .roaming_home .upper ul.flags li .image {
        height: 25px;
        width: 60px;
        position: absolute;
        top: 0;
        left: 0
    }

    .roaming_home .upper ul.flags li .image img {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .roaming_home .searchbox {
        min-height: 155px;
        padding: 37px 0 20px;
        margin: 0
    }

    .roaming_home .searchbox:before {
        content: ""
    }

    .roaming_home .searchbox form {
        width: 48.93834%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 25.53083%
    }

    .roaming_home .searchbox form h2 {
        display: block;
        color: #FFF;
        text-align: left;
        font-size: 22px;
        margin-bottom: 6px;
        position: relative
    }

    .roaming_home .searchbox form h2:after {
        font-family: meteor-mast;
        content: '\e000';
        color: #242529;
        position: absolute;
        bottom: -42px;
        left: 11px;
        font-size: 17px
    }

    .roaming_home .searchbox .search_submit {
        height: 25px;
        width: 25px;
        position: absolute;
        top: 83px;
        left: 285px;
        cursor: pointer
    }

    .roaming_home .roam_links {
        padding: 0
    }

    .roaming_home .roam_links .content {
        min-height: 135px;
        box-sizing: border-box;
        padding: 25px 40px 34px 146px
    }

    .roaming_home .roam_links .content:after {
        display: none
    }

    .roaming_home .roam_links .content h4 {
        font-size: 22px
    }

    .roaming_home .roam_links a.first {
        width: 48.93834%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roaming_home .roam_links a.first:after {
        display: none
    }

    .roaming_home .roam_links a.first .content:before {
        content: "";
        height: 85px;
        width: 85px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-map_turquoise.png);
        background-size: 85px 85px!important;
        background-repeat: no-repeat!important;
        left: 30px;
        top: 26px
    }

    .roaming_home .roam_links a.second {
        width: 48.93834%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roaming_home .roam_links a.second:after {
        display: none
    }

    .roaming_home .roam_links a.second .content:before {
        height: 88px;
        width: 73px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-question_blue.png);
        background-size: 73px 88px!important;
        background-repeat: no-repeat!important;
        left: 42px;
        top: 26px
    }
}

.roaming_country .roam_links {
    padding-top: 50px
}

.roaming_country .roam_links .content h3 {
    padding: 10px 0
}

.roaming_country .roam_links a.first .content .image {
    border-radius: 35px
}

@media only screen and (min-width: 750px) {
    .roaming_country .banner {
        height:220px;
        display: block;
        padding: 42px 0 0;
        margin-top: 10px
    }

    .roaming_country .banner h1 {
        width: 520px;
        text-align: left;
        margin-top: 0
    }

    .roaming_country .banner h1 span {
        display: inline
    }

    .roaming_country .banner .flag {
        width: 400px;
        display: block;
        padding: 10px 0 0 120px;
        margin: 0 auto
    }

    .roaming_country .banner .flag .image {
        left: 0;
        height: 60px;
        width: 90px
    }

    .roaming_country .banner br {
        display: none
    }

    .roaming_country .banner .plan {
        font-size: 22px;
        line-height: 22px;
        padding: 16px 0 14px;
        width: 25%;
        left: 25%;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .roaming_country .banner .plan#payg_button {
        margin-left: 0;
        cursor: pointer!important
    }

    .roaming_country .banner .plan#bp_button {
        margin-right: 0;
        cursor: pointer!important
    }

    .roaming_country .banner .plan.bp {
        right: 25%
    }

    .roaming_country .main {
        padding: 25px 9% 0;
        background: #ececec
    }

    .roaming_country .main.main_usa {
        padding-top: 50px
    }

    .roaming_country .main .combo_addon {
        width: 100%
    }

    .roaming_country .main .combo_addon:after,.roaming_country .main .combo_addon:before {
        content: " ";
        display: block!important
    }

    .roaming_country .main .combo_addon:after {
        clear: both
    }

    .roaming_country .main .combo_addon>p {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 30px
    }

    .roaming_country .main .combo_addon h2,.roaming_country .main .combo_addon h3 {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0
    }

    .roaming_country .main .combo_addon .box {
        margin: 0
    }

    .roaming_country .main .combo_addon .box:last-of-type {
        margin-bottom: 30px
    }

    .roaming_country .main .combo_addon .box p {
        font-size: 16px;
        line-height: 20px
    }

    .roaming_country .main .combo_addon .left_box,.roaming_country .main .combo_addon .middle_box {
        width: 31.91778%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roaming_country .main .combo_addon .right_box {
        width: 31.91778%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roaming_country .main #alternate {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country .main .data_plan {
        padding-top: 25px;
        padding-bottom: 20px;
        margin: 25px 0 65px
    }

    .roaming_country .main .data_plan .flag {
        width: auto;
        padding: 0
    }

    .roaming_country .main .data_plan h3 {
        font-size: 22px;
        line-height: 26px
    }

    .roaming_country .main .data_plan p {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country .main .data_plan p:nth-of-type(2) {
        padding-top: 3px
    }

    .roaming_country .main .data_plan p.left {
        font-size: 16px;
        line-height: 25px;
        margin: 0 13px 0 13%
    }

    .roaming_country .main .data_plan p a {
        text-decoration: none
    }

    .roaming_country .main .data_plan p a b,.roaming_country .main .data_plan p a span {
        color: #f116ba
    }

    .roaming_country .main .data_plan .hr_line {
        margin: 18px -100% 18px 8.51028%;
        width: 82.97945%;
        float: left;
        display: inline
    }

    .roaming_country .main .data_plan ul {
        font-size: 20px;
        line-height: 28px;
        padding-top: 35px;
        margin-left: 13%;
        margin-right: 9%
    }

    .roaming_country .main .data_plan ul li {
        padding-bottom: 3px
    }

    .roaming_country .main .hr_line {
        width: 82.97945%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 8.51028%;
        border-top: 1px solid #242529
    }

    .roaming_country .white {
        border-bottom: 1px solid rgba(0,0,0,.1);
        background: #FFF
    }

    .roaming_country .white .data_grid {
        margin-bottom: 40px
    }

    .roaming_country .table_border {
        border-top: 0;
        padding: 30px 0 0;
        margin: 0 0 20px
    }

    .roaming_country .table_border.eur2_bg {
        background: #ececec
    }

    .roaming_country .table_border.usa_table {
        padding: 0
    }

    .roaming_country .autoroam,.roaming_country .instructions {
        width: 100%;
        width: 65.95889%;
        margin-right: -100%;
        margin-left: 17.02055%;
        display: block;
        float: none
    }

    .roaming_country .autoroam:after,.roaming_country .autoroam:before,.roaming_country .instructions:after,.roaming_country .instructions:before {
        content: " ";
        display: block!important
    }

    .roaming_country .autoroam:after,.roaming_country .instructions:after {
        clear: both
    }

    .roaming_country .instructions {
        background: #FFF;
        box-shadow: 0 0 0 #fff;
        padding: 30px 20px;
        margin-top: 0;
        margin-bottom: 0
    }

    .roaming_country .autoroam {
        margin-right: -100%;
        margin-left: 17.02055%;
        display: block;
        float: none;
        margin-bottom: 15px;
        width: 70%
    }

    .roaming_country .autoroam:before {
        top: 15px
    }

    .roaming_country .autoroam p {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country table.three {
        width: 70.46917%;
        margin-right: -100%;
        margin-left: 14.51028%;
        display: block;
        float: none
    }

    .roaming_country table td {
        width: auto;
        color: #242529;
        box-sizing: border-box;
        padding: 17px 0 23px 23px
    }

    .roaming_country table td br {
        display: none
    }

    .roaming_country table .long {
        font-size: 16px
    }

    .roaming_country table .long:first-of-type {
        font-size: 18px
    }

    .roaming_country table .long.push_in {
        width: 310px;
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 0 240px;
        position: relative
    }

    .roaming_country table .long.push_in.texts {
        padding-top: 0
    }

    .roaming_country table .long.push_in .title {
        font-size: 18px;
        line-height: 19px;
        content: 'adw';
        position: absolute;
        top: 13px;
        left: 0
    }

    .roaming_country table .long.push_in .content {
        width: 150px;
        font-size: 14px;
        line-height: 16px;
        color: #242529;
        content: 'adw';
        position: absolute;
        top: 30px;
        left: 7px
    }

    .roaming_country table .long span .question {
        top: -2px
    }

    .roaming_country table p.double {
        margin: 0 0 15px;
        padding-left: 9px
    }

    .roaming_country table .small {
        width: 2%
    }

    .roaming_country table .dark {
        width: 220px;
        background: #ececec
    }

    .roaming_country table .dark p.double {
        padding-left: 0
    }

    .roaming_country table .dark.eur2_nodark {
        background: #FFF
    }

    .roaming_country table .purple_cell {
        padding: 11px 20px 11px 8px
    }

    .roaming_country table .purple {
        padding: 11px 20px
    }

    .roaming_country table .purple p {
        font-size: 14px;
        font-size: .875rem
    }

    .roaming_country table.two {
        width: 65.95889%;
        float: left;
        display: inline;
        margin: 52px -100% 15px 25.53083%
    }

    .roaming_country table.two .dark {
        width: 220px;
        background: #FFF
    }

    .roaming_country table.two .long {
        background: #ececec
    }

    .roaming_country .roam_links.other_links {
        padding-top: 20px
    }

    .roaming_country .roam_links .roam_cont {
        padding: 0;
        margin: 0;
        background: #FFF
    }

    .roaming_country .roam_links .content {
        min-height: 124px;
        padding: 15px 30px 15px 25%;
        margin: 0
    }

    .roaming_country .roam_links .content:after {
        display: none
    }

    .roaming_country .roam_links .content h3 {
        font-size: 22px;
        line-height: 28px;
        padding: 12px 0
    }

    .roaming_country .roam_links a.bottom_button {
        border-top: 0 solid #FFF;
        box-sizing: border-box
    }

    .roaming_country .roam_links a.bottom_button.first,.roaming_country .roam_links a.bottom_button.third {
        width: 48.93834%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roaming_country .roam_links a.bottom_button.first:after,.roaming_country .roam_links a.bottom_button.third:after {
        display: none
    }

    .roaming_country .roam_links a.bottom_button.fourth,.roaming_country .roam_links a.bottom_button.second {
        width: 48.93834%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roaming_country .roam_links a.bottom_button.first .content .image {
        font-size: 45px;
        line-height: 45px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        top: 41px;
        left: 5%
    }

    .roaming_country .roam_links a.bottom_button.second .content .image {
        height: 72px;
        width: 93px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-sim_purple.png);
        background-size: 93px 72px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 3.5%
    }

    .roaming_country .roam_links a.bottom_button.third .content .image {
        height: 72px;
        width: 93px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir_icons_euro_green.png);
        background-size: 93px 72px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 3.5%
    }

    .roaming_country .roam_links a.bottom_button.fourth .content .image {
        height: 85px;
        width: 85px;
        background: url(../..//opencms/export/sites/default/.galleries/eircom/roaming/help-support.png);
        background-size: 85px 85px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 5%
    }

    .roaming_country .searchbox {
        min-height: 155px;
        padding: 37px 0 20px;
        margin: 0 0 20px
    }

    .roaming_country .searchbox:before {
        content: ""
    }

    .roaming_country .searchbox form {
        width: 48.93834%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 25.53083%
    }

    .roaming_country .searchbox form h2 {
        display: block;
        color: #FFF;
        text-align: left;
        font-size: 22px;
        margin-bottom: 6px;
        position: relative
    }

    .roaming_country .searchbox form h2:after {
        font-family: meteor-mast;
        content: '\e000';
        color: #242529;
        position: absolute;
        bottom: -42px;
        left: 11px;
        font-size: 17px
    }

    .roaming_country .searchbox .search_submit {
        height: 25px;
        width: 25px;
        position: absolute;
        top: 83px;
        left: 285px;
        cursor: pointer
    }
}

.roaming_country .container {
    background: #ececec
}

.roaming_country .container.search-container {
    background: #FFF
}

.roaming_country .banner {
    min-height: 39px;
    display: block;
    padding: 25px 10px 69px;
    position: relative;
    background: #FFF
}

.roaming_country .banner .flag {
    display: block;
    padding: 0 0 0 103px
}

.roaming_country .banner .flag .image {
    height: 42px;
    width: 72px;
    content: '';
    position: absolute;
    top: 3px;
    left: 15px
}

.roaming_country .banner .flag .image .img {
    box-shadow: 0 0 2px 0 #CCC
}

.roaming_country .banner .flag a {
    text-decoration: none
}

.roaming_country .banner .flag a span {
    text-transform: capitalize
}

.roaming_country .banner .plan {
    font-size: 18px;
    line-height: 23px;
    color: #242529;
    text-align: center;
    padding: 10px 0;
    background: 0 0;
    width: 46%;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.roaming_country .banner .plan#payg_button {
    margin-left: 4%
}

.roaming_country .banner .plan#bp_button {
    margin-right: 4%
}

.roaming_country .banner .plan.selected {
    background: #ececec
}

.roaming_country .banner .plan.bp {
    left: auto;
    right: 0
}

.roaming_country .main {
    padding: 0;
    background: #ececec
}

.roaming_country .main.main_usa {
    padding-top: 30px
}

.roaming_country .main.opaque {
    opacity: .3
}

.roaming_country .main .flag {
    color: #242529
}

.roaming_country .main .flag .image {
    left: 61px
}

.roaming_country .main .flag .image img {
    box-shadow: 0 0 8px #bab8b8
}

.roaming_country .main .combo_addon {
    text-align: center
}

.roaming_country .main .combo_addon h2 {
    padding: 20px 0 11px
}

.roaming_country .main .combo_addon p {
    font-size: 16px;
    line-height: 18px
}

.roaming_country .main .combo_addon>p {
    font-size: 16px;
    line-height: 20px;
    padding: 0 9% 20px
}

.roaming_country .main .combo_addon .box {
    background: #FFF;
    padding: 27px 0 18px;
    margin: 0 4% 12px;
    border: 1px solid #FFF;
    border-radius: 5px
}

.roaming_country .main .combo_addon .box:last-of-type {
    margin-bottom: 20px
}

.roaming_country .main .combo_addon .box h3 {
    padding: 0 0 15px
}

.roaming_country .main .combo_addon .box p a {
    text-decoration: none
}

.roaming_country .main .combo_addon .box p span {
    color: #242529;
    font-weight: 700
}

.roaming_country .main .combo_addon .box p b {
    font-weight: 700
}

.roaming_country .main #alternate {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin: 0 5% 15px
}

.roaming_country .main .data_plan {
    text-align: center;
    background: #FFF;
    padding: 27px 17px 18px;
    margin: 0 4% 45px;
    border: 1px solid #FFF;
    border-radius: 5px
}

.roaming_country .main .data_plan.plan_usa {
    margin-top: 0;
    margin-bottom: 30px!important
}

.roaming_country .main .data_plan h3 {
    padding-bottom: 10px
}

.roaming_country .main .data_plan p,.roaming_country .main .data_plan ul {
    font-size: 16px;
    line-height: 20px
}

.roaming_country .main .data_plan p a,.roaming_country .main .data_plan ul a {
    text-decoration: none;
    font-weight: 700
}

.roaming_country .main .data_plan p a a>b,.roaming_country .main .data_plan p a b,.roaming_country .main .data_plan ul a a>b,.roaming_country .main .data_plan ul a b {
    color: #f116ba
}

.roaming_country .main .data_plan .hr_line {
    width: 100%;
    margin: 15px 0;
    border-top: 1px solid #242529
}

.roaming_country .main .data_plan ul {
    text-align: left;
    display: block;
    padding: 0 0 0 18px
}

.roaming_country .main .data_plan ul li {
    list-style: disc;
    padding-bottom: 13px
}

.roaming_country .main .data_plan ul li b,.roaming_country .main .data_plan ul li span {
    font-weight: 700
}

.roaming_country .main .data_plan p.left {
    text-align: left;
    padding: 5px 20px
}

.roaming_country .main .data_plan p.left a {
    color: #f116ba;
    text-decoration: underline;
    font-weight: 400
}

.roaming_country .white {
    background: #FFF
}

.roaming_country .white.opaque {
    opacity: .3
}

.roaming_country .instructions {
    padding: 30px 12px;
    background: #ececec;
    position: relative;
    box-shadow: 1px 1px 1px #bab8b8
}

.roaming_country .instructions h2 {
    padding-bottom: 15px
}

.roaming_country .instructions ol {
    list-style: decimal
}

.roaming_country .instructions ol li {
    padding: 8px 8px 4px 2px;
    line-height: 19px;
    margin-left: 26px;
    text-align: left
}

.roaming_country .autoroam {
    position: relative;
    padding: 18px 21px 25px 70px
}

.roaming_country .autoroam:before {
    content: "";
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-map_turquoise.png) 0 0/100% 100% no-repeat;
    position: absolute;
    left: 28px;
    top: 22px;
    height: 32px;
    width: 32px
}

.roaming_country .autoroam p {
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

.roaming_country .data_grid {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px
}

.roaming_country .data_grid:after,.roaming_country .data_grid:before {
    content: " ";
    display: block!important
}

.roaming_country .data_grid:after {
    clear: both
}

.roaming_country .data_grid.dg_usa {
    background: #ececec;
    margin-bottom: 0
}

.roaming_country table {
    width: 100%
}

.roaming_country table tbody {
    text-align: left
}

.roaming_country table tr:nth-of-type(2),.roaming_country table tr:nth-of-type(3),.roaming_country table tr:nth-of-type(4),.roaming_country table tr:nth-of-type(5) {
    border-top: 1px solid #242529
}

.roaming_country table tr:nth-of-type(4) {
    border-bottom: 1px solid #242529
}

.roaming_country table td {
    width: 30%;
    padding: 17px 0 18px 5px
}

.roaming_country table .head {
    font-size: 14px;
    color: #242529;
    text-align: center;
    text-transform: uppercase;
    padding: 11px 0 6px
}

.roaming_country table .head:last-of-type {
    padding-right: 15px
}

.roaming_country table .data {
    padding-bottom: 39px
}

.roaming_country table .long {
    font-size: 12px;
    line-height: 14px;
    color: #242529;
    background: #FFF;
    padding-left: 7px
}

.roaming_country table .long:first-of-type {
    font-size: 16px
}

.roaming_country table .long a.roam_link {
    color: #242529;
    text-decoration: none;
    position: relative;
    line-height: 1.2
}

.roaming_country table .long span {
    position: relative
}

.roaming_country table .long span .question {
    font-size: 15px;
    color: #FFF;
    line-height: 1;
    padding: 3px 7px;
    margin-left: 2px;
    border-radius: 10px;
    background: #242529;
    display: inline-block;
    position: absolute;
    top: -6px;
    right: -26px
}

.roaming_country table .long.push_in {
    padding: 110px 0 0 7px;
    position: relative
}

.roaming_country table .long.push_in.texts {
    padding-top: 80px
}

.roaming_country table .long.push_in .title {
    font-size: 16px;
    line-height: 19px;
    content: 'adw';
    padding-left: 7px;
    position: absolute;
    top: 13px;
    left: 0
}

.roaming_country table .long.push_in .content {
    font-size: 14px;
    line-height: 16px;
    color: #242529;
    content: 'adw';
    padding-right: 10px;
    position: absolute;
    top: 30px;
    left: 7px
}

.roaming_country table p.double {
    margin: 0 0 15px
}

.roaming_country table .small {
    width: 2%
}

.roaming_country table .dark {
    background: #ececec;
    font-size: 14px;
    padding-right: 5px
}

.roaming_country table .purple {
    background: #f116ba
}

.roaming_country table .purple p {
    color: #FFF
}

.roaming_country table.two tr:first-of-type {
    border-top: 1px solid #242529
}

.roaming_country table.two td {
    width: auto
}

.roaming_country .roam_links {
    background: #FFF;
    width: 100%;
    padding-bottom: 30px
}

.roaming_country .roam_links:after,.roaming_country .roam_links:before {
    content: " ";
    display: block!important
}

.roaming_country .roam_links:after {
    clear: both
}

.roaming_country .roam_links .roam_cont {
    background: #FFF;
    padding-top: 1px
}

.roaming_country .roam_links .content {
    position: relative;
    padding: 15px 15px 10px 85px;
    text-align: center;
    background: #FFF;
    margin: 0 13px
}

.roaming_country .roam_links .content h3 {
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 0
}

.roaming_country .roam_links .content p {
    text-align: left;
    font-size: 16px;
    line-height: 20px
}

.roaming_country .roam_links a.bottom_button {
    border-top: 1px solid #FFF
}

.roaming_country .roam_links a {
    color: #242529;
    text-decoration: none
}

.roaming_country .roam_links a.first {
    position: relative;
    cursor: default
}

.roaming_country .roam_links a.first:after {
    content: "";
    height: 1px;
    background: rgba(130,130,130,.5);
    width: 120%;
    margin-left: -13px;
    position: absolute;
    bottom: 0;
    left: 0
}

.roaming_country .roam_links a.first .content .image {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    color: #242529;
    content: "";
    height: 60px;
    width: 60px;
    background: 0 0;
    padding: 0;
    position: absolute;
    top: 40px;
    left: 9px;
    font-family: eir-bold-web,"Arial Bold"
}

.roaming_country .roam_links a.second .content .image {
    content: "";
    height: 67px;
    width: 67px;
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-sim_purple.png);
    background-size: 67px 67px!important;
    background-repeat: no-repeat!important;
    position: absolute;
    top: 29px;
    left: 9px
}

.roaming_country .roam_links a.third .content .image {
    content: "";
    height: 67px;
    width: 67px;
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir_icons_euro_green.png);
    background-size: 67px 67px!important;
    background-repeat: no-repeat!important;
    position: absolute;
    top: 29px;
    left: 9px
}

.roaming_country .roam_links a.fourth .content .image {
    content: "";
    height: 67px;
    width: 67px;
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-question_blue.png);
    background-size: 67px 67px!important;
    background-repeat: no-repeat!important;
    position: absolute;
    top: 29px;
    left: 9px
}

.roaming_country .searchbox {
    background: #242529;
    padding: 20px;
    margin: 0 10px;
    position: relative;
    outline: 0
}

.roaming_country .searchbox:before {
    font-family: meteor-mast;
    content: '\e000';
    color: #242529;
    position: absolute;
    top: 34px;
    left: 31px
}

.roaming_country .searchbox h2 {
    display: none
}

.roaming_country .searchbox input {
    width: 100%;
    height: 31px;
    font-size: 15px;
    line-height: 18px;
    color: #242529;
    border-radius: 4px;
    border: #fff;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    outline: 0
}

.roaming_country .searchbox .search_submit {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 22px;
    left: 20px;
    cursor: pointer
}

@media only screen and (min-width: 750px) {
    .roaming_country .banner {
        height:220px;
        display: block;
        padding: 42px 0 0;
        margin-top: 10px
    }

    .roaming_country .banner h1 {
        width: 520px;
        text-align: left;
        margin-top: 0
    }

    .roaming_country .banner h1 span {
        display: inline
    }

    .roaming_country .banner .flag {
        width: 400px;
        display: block;
        padding: 10px 0 0 120px;
        margin: 0 auto
    }

    .roaming_country .banner .flag .image {
        left: 0;
        height: 60px;
        width: 90px
    }

    .roaming_country .banner br {
        display: none
    }

    .roaming_country .banner .plan {
        font-size: 22px;
        line-height: 22px;
        padding: 16px 0 14px;
        width: 25%;
        left: 25%;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .roaming_country .banner .plan#payg_button {
        margin-left: 0;
        cursor: pointer!important
    }

    .roaming_country .banner .plan#bp_button {
        margin-right: 0;
        cursor: pointer!important
    }

    .roaming_country .banner .plan.bp {
        right: 25%
    }

    .roaming_country .main {
        padding: 25px 9% 0;
        background: #ececec
    }

    .roaming_country .main.main_usa {
        padding-top: 50px
    }

    .roaming_country .main .combo_addon {
        width: 100%
    }

    .roaming_country .main .combo_addon:after,.roaming_country .main .combo_addon:before {
        content: " ";
        display: block!important
    }

    .roaming_country .main .combo_addon:after {
        clear: both
    }

    .roaming_country .main .combo_addon>p {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 30px
    }

    .roaming_country .main .combo_addon h2,.roaming_country .main .combo_addon h3 {
        font-size: 22px;
        line-height: 26px;
        padding: 20px 0
    }

    .roaming_country .main .combo_addon .box {
        margin: 0
    }

    .roaming_country .main .combo_addon .box:last-of-type {
        margin-bottom: 30px
    }

    .roaming_country .main .combo_addon .box p {
        font-size: 16px;
        line-height: 20px
    }

    .roaming_country .main .combo_addon .left_box,.roaming_country .main .combo_addon .middle_box {
        width: 31.91778%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roaming_country .main .combo_addon .right_box {
        width: 31.91778%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roaming_country .main #alternate {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country .main .data_plan {
        padding-top: 25px;
        padding-bottom: 20px;
        margin: 25px 0 65px
    }

    .roaming_country .main .data_plan .flag {
        width: auto;
        padding: 0
    }

    .roaming_country .main .data_plan h3 {
        font-size: 22px;
        line-height: 26px
    }

    .roaming_country .main .data_plan p {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country .main .data_plan p:nth-of-type(2) {
        padding-top: 3px
    }

    .roaming_country .main .data_plan p.left {
        font-size: 16px;
        line-height: 25px;
        margin: 0 13px 0 13%
    }

    .roaming_country .main .data_plan p a {
        text-decoration: none
    }

    .roaming_country .main .data_plan p a b,.roaming_country .main .data_plan p a span {
        color: #f116ba
    }

    .roaming_country .main .data_plan .hr_line {
        margin: 18px -100% 18px 8.51028%;
        width: 82.97945%;
        float: left;
        display: inline
    }

    .roaming_country .main .data_plan ul {
        font-size: 20px;
        line-height: 28px;
        padding-top: 35px;
        margin-left: 13%;
        margin-right: 9%
    }

    .roaming_country .main .data_plan ul li {
        padding-bottom: 3px
    }

    .roaming_country .main .hr_line {
        width: 82.97945%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 8.51028%;
        border-top: 1px solid #242529
    }

    .roaming_country .white {
        background: #FFF
    }

    .roaming_country .white .data_grid {
        margin-bottom: 40px
    }

    .roaming_country .table_border {
        border-top: 0;
        padding: 30px 0 0;
        margin: 0 0 20px
    }

    .roaming_country .table_border.eur2_bg {
        background: #ececec
    }

    .roaming_country .table_border.usa_table {
        padding: 0
    }

    .roaming_country .autoroam,.roaming_country .instructions {
        width: 100%;
        width: 65.95889%;
        margin-right: -100%;
        margin-left: 17.02055%;
        display: block;
        float: none
    }

    .roaming_country .autoroam:after,.roaming_country .autoroam:before,.roaming_country .instructions:after,.roaming_country .instructions:before {
        content: " ";
        display: block!important
    }

    .roaming_country .autoroam:after,.roaming_country .instructions:after {
        clear: both
    }

    .roaming_country .instructions {
        background: #FFF;
        box-shadow: 0 0 0 #fff;
        padding: 30px 20px;
        margin-top: 0;
        margin-bottom: 0
    }

    .roaming_country .autoroam {
        margin-right: -100%;
        margin-left: 17.02055%;
        display: block;
        float: none;
        margin-bottom: 15px;
        width: 70%
    }

    .roaming_country .autoroam:before {
        top: 30px
    }

    .roaming_country .autoroam p {
        font-size: 20px;
        line-height: 25px
    }

    .roaming_country table.three {
        width: 70.46917%;
        margin-right: -100%;
        margin-left: 14.51028%;
        display: block;
        float: none
    }

    .roaming_country table td {
        width: auto;
        color: #242529;
        box-sizing: border-box;
        padding: 17px 0 23px 23px
    }

    .roaming_country table td br {
        display: none
    }

    .roaming_country table .long {
        font-size: 16px
    }

    .roaming_country table .long:first-of-type {
        font-size: 18px
    }

    .roaming_country table .long.push_in {
        width: 310px;
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 0 218px;
        position: relative
    }

    .roaming_country table .long.push_in.texts {
        padding-top: 0
    }

    .roaming_country table .long.push_in .title {
        font-size: 18px;
        line-height: 19px;
        content: 'adw';
        position: absolute;
        top: 13px;
        left: 0
    }

    .roaming_country table .long.push_in .content {
        width: 150px;
        font-size: 14px;
        line-height: 16px;
        color: #242529;
        content: 'adw';
        position: absolute;
        top: 30px;
        left: 7px
    }

    .roaming_country table .long span .question {
        top: -2px
    }

    .roaming_country table p.double {
        margin: 0 0 15px;
        padding-left: 9px
    }

    .roaming_country table .small {
        width: 2%
    }

    .roaming_country table .dark {
        width: 220px;
        background: #ececec
    }

    .roaming_country table .dark p.double {
        padding-left: 0
    }

    .roaming_country table .dark.eur2_nodark {
        background: #FFF
    }

    .roaming_country table .purple_cell {
        padding: 11px 20px 11px 8px
    }

    .roaming_country table .purple {
        padding: 11px 20px
    }

    .roaming_country table .purple p {
        font-size: 14px;
        font-size: .875rem
    }

    .roaming_country table.two {
        width: 65.95889%;
        float: left;
        display: inline;
        margin: 52px -100% 15px 25.53083%
    }

    .roaming_country table.two .dark {
        width: 220px;
        background: #FFF
    }

    .roaming_country table.two .long {
        background: #ececec
    }

    .roaming_country .roam_links.other_links {
        padding-top: 20px
    }

    .roaming_country .roam_links .roam_cont {
        padding: 0;
        margin: 0;
        background: #FFF
    }

    .roaming_country .roam_links .content {
        min-height: 124px;
        padding: 15px 30px 15px 25%;
        margin: 0
    }

    .roaming_country .roam_links .content:after {
        display: none
    }

    .roaming_country .roam_links .content h3 {
        font-size: 23px;
        font-size: 1.4375rem;
        font-weight: 700;
        padding-bottom: 12px;
        padding-top: 0
    }

    .roaming_country .roam_links a.bottom_button {
        border-top: 0 solid #FFF;
        box-sizing: border-box
    }

    .roaming_country .roam_links a.bottom_button.first,.roaming_country .roam_links a.bottom_button.third {
        width: 48.93834%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roaming_country .roam_links a.bottom_button.first:after,.roaming_country .roam_links a.bottom_button.third:after {
        display: none
    }

    .roaming_country .roam_links a.bottom_button.fourth,.roaming_country .roam_links a.bottom_button.second {
        width: 48.93834%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roaming_country .roam_links a.bottom_button.first .content .image {
        font-size: 45px;
        line-height: 45px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        top: 41px;
        left: 5%
    }

    .roaming_country .roam_links a.bottom_button.second .content .image {
        height: 90px;
        width: 90px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-sim_purple.png);
        background-size: 90px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 5%
    }

    .roaming_country .roam_links a.bottom_button.third .content .image {
        height: 90px;
        width: 90px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir_icons_euro_green.png);
        background-size: 90px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 5%
    }

    .roaming_country .roam_links a.bottom_button.fourth .content .image {
        height: 90px;
        width: 90px;
        background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-question_pink.png);
        background-size: 90px!important;
        background-repeat: no-repeat!important;
        top: 15px;
        left: 5%
    }

    .roaming_country .searchbox {
        min-height: 155px;
        padding: 37px 0 20px;
        margin: 0 0 30px
    }

    .roaming_country .searchbox:before {
        content: ""
    }

    .roaming_country .searchbox form {
        width: 48.93834%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 25.53083%
    }

    .roaming_country .searchbox form h2 {
        display: block;
        color: #FFF;
        text-align: left;
        font-size: 22px;
        margin-bottom: 6px;
        position: relative
    }

    .roaming_country .searchbox form h2:after {
        font-family: meteor-mast;
        content: '\e000';
        color: #242529;
        position: absolute;
        bottom: -42px;
        left: 11px;
        font-size: 17px
    }

    .roaming_country .searchbox .search_submit {
        height: 25px;
        width: 25px;
        position: absolute;
        top: 83px;
        left: 285px;
        cursor: pointer
    }
}

.roam_like_home {
    background: #ececec;
    padding: 0 13px
}

.roam_like_home .upper {
    background: #FFF;
    margin: 0 -13px;
    padding: 0 13px
}

.roam_like_home .upper .container {
    border: 0!important;
    background: 0 0!important
}

.roam_like_home .upper h1 {
    padding-top: 35px;
    text-align: left
}

.roam_like_home p.intro {
    background: #FFF;
    margin: 0 -13px;
    padding: 20px 13px;
    text-align: left
}

.roam_like_home .combo_addon {
    text-align: center
}

.roam_like_home .combo_addon h2 {
    padding: 30px 0 5px
}

.roam_like_home .combo_addon p {
    font-size: 15px;
    line-height: 18px
}

.roam_like_home .combo_addon>p {
    font-size: 18px;
    line-height: 20px;
    padding: 0 10px 30px
}

.roam_like_home .combo_addon .box {
    background: #FFF;
    padding: 25px 0 15px;
    margin: 0 0 20px;
    border: 1px solid #FFF;
    border-radius: 5px
}

.roam_like_home .combo_addon .box:last-of-type {
    margin-bottom: 30px
}

.roam_like_home .combo_addon .box h3 {
    padding: 0 0 15px
}

.roam_like_home .combo_addon .box p a {
    text-decoration: none
}

.roam_like_home .combo_addon .box p span {
    color: #242529;
    font-weight: 700
}

.roam_like_home .combo_addon .box p b {
    font-weight: 700
}

.roam_like_home #alternate {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 20px
}

.roam_like_home .data_plan {
    text-align: center;
    background: #FFF;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 25px 0;
    border-radius: 4px
}

.roam_like_home .data_plan h2 {
    font-size: 25px;
    line-height: 28px;
    margin: 0 0 10px;
    display: inline-block
}

.roam_like_home .data_plan h2 span {
    text-transform: capitalize
}

.roam_like_home .data_plan h2 .image {
    top: 10px;
    left: 0
}

.roam_like_home .data_plan p {
    padding: 10px 10% 15px
}

.roam_like_home .data_plan p:first-of-type {
    padding-bottom: 0
}

.roam_like_home .data_plan ul {
    text-align: left;
    display: block;
    padding: 0 13px;
    margin: 0 13px
}

.roam_like_home .data_plan ul .line {
    margin-bottom: 20px;
    width: 100%;
    height: 1px;
    background: #CCC
}

.roam_like_home .data_plan ul li {
    list-style: disc;
    padding-bottom: 10px
}

.roam_like_home .data_plan ul li b,.roam_like_home .data_plan ul li span {
    font-weight: 700
}

.roam_like_home .data_plan p,.roam_like_home .data_plan ul {
    font-size: 16px;
    line-height: 20px
}

.roam_like_home .data_plan p a,.roam_like_home .data_plan ul a {
    text-decoration: none;
    font-weight: 700
}

.roam_like_home .data_plan p a a>b,.roam_like_home .data_plan p a b,.roam_like_home .data_plan ul a a>b,.roam_like_home .data_plan ul a b {
    color: #f116ba
}

.roam_like_home .data_plan p.left {
    text-align: left;
    padding: 0 13px;
    margin: 0 13px
}

.roam_like_home .data_plan p.left a {
    color: #f116ba;
    text-decoration: underline
}

.roam_like_home .container:last-of-type {
    background: #FFF;
    padding: 0 13px;
    text-align: left
}

.roam_like_home .container:last-of-type>h2 {
    color: #242529;
    margin-top: 30px
}

.roam_like_home .container:last-of-type>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px
}

.roam_like_home a h1 {
    text-decoration: none;
    margin: 0 0 12px
}

.roam_like_home h2 {
    margin: 0 0 11px
}

.roam_like_home table {
    width: 100%;
    text-align: left
}

.roam_like_home table tr:nth-of-type(2),.roam_like_home table tr:nth-of-type(3),.roam_like_home table tr:nth-of-type(4),.roam_like_home table tr:nth-of-type(5),.roam_like_home table tr:nth-of-type(6) {
    border-top: 1px solid #242529
}

.roam_like_home table td {
    width: 30%;
    padding: 17px 0 23px 5px
}

.roam_like_home table .head {
    font-size: 14px;
    color: #242529;
    text-align: center;
    text-transform: uppercase;
    padding: 11px 0 6px
}

.roam_like_home table .data {
    padding-bottom: 39px
}

.roam_like_home table .long {
    font-size: 14px;
    color: #242529
}

.roam_like_home table .long:first-of-type {
    font-size: 16px;
    padding-left: 0
}

.roam_like_home table .long span {
    font-size: 16px;
    padding-top: 4px
}

.roam_like_home table .long.push_in {
    padding: 130px 0 0;
    position: relative
}

.roam_like_home table .long.push_in.texts {
    padding-top: 80px
}

.roam_like_home table .long.push_in .title {
    font-size: 16px;
    line-height: 19px;
    content: 'adw';
    position: absolute;
    top: 13px;
    left: 0
}

.roam_like_home table .long.push_in .content {
    font-size: 14px;
    line-height: 16px;
    color: #242529;
    content: 'adw';
    padding-right: 10px;
    position: absolute;
    top: 30px;
    top: 50px;
    left: 0
}

.roam_like_home table p.double {
    margin: 0 0 15px
}

.roam_like_home table .small {
    width: 2%
}

.roam_like_home table .dark {
    background: #ececec;
    font-size: 14px
}

.roam_like_home table .purple {
    background: #f116ba;
    color: #FFF
}

.roam_like_home .purple_block {
    color: #FFF;
    text-align: center;
    margin: 0 -13px;
    padding: 20px 13px;
    background: #f116ba
}

.roam_like_home .purple_block b {
    font-weight: 700
}

.roam_like_home h2.country_list {
    display: block;
    margin: 30px 0 10px
}

.roam_like_home h2.country_list span {
    position: relative
}

.roam_like_home h2.country_list span:after {
    width: 40px;
    height: 30px;
    position: absolute;
    right: -49px;
    top: 1px;
    font-family: meteor-mast;
    content: "\e606";
    color: #242529;
    font-size: 18px
}

.roam_like_home h2.country_list span.expanded:after {
    content: "\e605"
}

.roam_like_home ul.country_list {
    margin: 0 0 23px
}

.roam_like_home ul.country_list a {
    color: #242529;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #242529
}

.roam_like_home ul.country_list a li {
    display: block;
    padding: 10px 0 15px 49px;
    margin: 10px 0 6px;
    position: relative
}

.roam_like_home ul.country_list a li .image {
    width: 38px;
    content: ' ';
    position: absolute;
    top: 5px;
    left: 0
}

.roam_like_home ul.country_list a li .image img {
    width: 100%
}

.roam_like_home .searchbox {
    background: #242529;
    padding: 20px 0
}

.roam_like_home .searchbox h2 {
    display: none
}

.roam_like_home .searchbox input {
    width: 100%;
    height: 31px;
    border-radius: 3px;
    border: #fff;
    box-sizing: border-box
}

.roam_like_home .roam_links {
    background: #FFF
}

.roam_like_home .roam_links .content {
    position: relative;
    padding: 18px 35px 19px 60px
}

.roam_like_home .roam_links .content:after {
    content: ">";
    font-size: 20px;
    color: #242529;
    position: absolute;
    top: 46px;
    right: -1px
}

.roam_like_home .roam_links .first {
    position: relative
}

.roam_like_home .roam_links .first:after {
    content: "";
    height: 1px;
    background: rgba(130,130,130,.5);
    width: 120%;
    margin-left: -13px;
    position: absolute;
    bottom: 0;
    left: 0
}

.roam_like_home .roam_links .first .content .image {
    height: 90px;
    width: 117px;
    content: "";
    background: url(../..//opencms/export/sites/default/.galleries/eircom/roaming/help-support.png) no-repeat;
    background-size: 50%,50%;
    position: absolute;
    top: 27px;
    left: -2px
}

.roam_like_home .roam_links .second .content {
    padding-bottom: 35px
}

.roam_like_home .roam_links .second .content .image {
    height: 90px;
    width: 117px;
    content: "";
    background: url(/opencms/export/sites/default/.galleries/eircom/icons/eir-icons-sim_purple.png) no-repeat;
    background-size: 50%,50%;
    position: absolute;
    top: 27px;
    left: -2px
}

.roam_like_home p.term_link {
    margin: 30px 0 20px
}

.roam_like_home p.term_link a {
    color: #f116ba
}

@media only screen and (min-width: 750px) {
    .roam_like_home {
        background:#FFF;
        padding: 10px 0 0;
        margin: 0 0 20px
    }

    .roam_like_home .sky_bg {
        content: "";
        background: url(../..//opencms/export/sites/default/.galleries/eircom/roaming/landing-header.jpg) 0 0/100% 100% no-repeat;
        padding: 0 30px
    }

    .roam_like_home .upper {
        margin: 0;
        border-bottom: 0;
        padding-left: 15%
    }

    .roam_like_home .upper h1 {
        padding: 40px 0 30px;
        text-align: left
    }

    .roam_like_home .upper p.intro {
        padding: 0 0 40px;
        margin: 0
    }

    .roam_like_home .upper+.container {
        padding: 0 1.875em 0 1.874em;
        background: #FFF
    }

    .roam_like_home .combo_addon {
        width: 100%;
        background: #ececec;
        padding-left: 9%;
        padding-right: 9%
    }

    .roam_like_home .combo_addon:after,.roam_like_home .combo_addon:before {
        content: " ";
        display: block!important
    }

    .roam_like_home .combo_addon:after {
        clear: both
    }

    .roam_like_home .combo_addon>p {
        font-size: 20px;
        line-height: 25px
    }

    .roam_like_home .combo_addon h2 {
        padding: 30px 0 10px
    }

    .roam_like_home .combo_addon h3 {
        font-size: 22px;
        line-height: 28px
    }

    .roam_like_home .combo_addon .box p {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px
    }

    .roam_like_home .combo_addon .left_box,.roam_like_home .combo_addon .middle_box {
        width: 31.91778%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roam_like_home .combo_addon .right_box {
        width: 31.91778%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roam_like_home #alternate {
        font-size: 20px;
        line-height: 25px;
        background: #ececec;
        padding: 0 0 30px;
        margin: 0
    }

    .roam_like_home .data_cont {
        background: #ececec;
        padding: 0 9% 1px
    }

    .roam_like_home .data_plan {
        padding-top: 25px;
        padding-bottom: 30px;
        margin-top: 0;
        margin-bottom: 65px
    }

    .roam_like_home .data_plan .flag {
        width: auto;
        padding: 0
    }

    .roam_like_home .data_plan h2 {
        padding-bottom: 3px;
        margin: 0
    }

    .roam_like_home .data_plan p {
        font-size: 20px;
        line-height: 25px
    }

    .roam_like_home .data_plan p:nth-of-type(2) {
        padding-top: 0
    }

    .roam_like_home .data_plan p.left {
        font-size: 16px;
        line-height: 25px;
        margin: 0 13px 0 13%
    }

    .roam_like_home .data_plan p a {
        text-decoration: none;
        font-weight: 700
    }

    .roam_like_home .data_plan p a b,.roam_like_home .data_plan p a span {
        color: #f116ba
    }

    .roam_like_home .data_plan .hr_line {
        width: 82.97945%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 8.51028%;
        border-top: 1px solid #242529
    }

    .roam_like_home .data_plan ul {
        font-size: 20px;
        line-height: 28px;
        padding-top: 22px;
        margin-left: 13%;
        margin-right: 9%
    }

    .roam_like_home .data_plan ul li {
        padding-bottom: 3px
    }

    .roam_like_home .data_plan ul .line {
        display: none
    }

    .roam_like_home h2 {
        display: block;
        padding-bottom: 10px
    }

    .roam_like_home .container:last-of-type {
        padding: 0 9%
    }

    .roam_like_home .container:last-of-type h2 {
        margin-top: 40px;
        padding-bottom: 0
    }

    .roam_like_home .container:last-of-type h2:nth-of-type(2) {
        margin-top: 30px;
        margin-bottom: 15px
    }

    .roam_like_home .container:last-of-type>p {
        font-size: 20px;
        line-height: 25px
    }

    .roam_like_home .container:last-of-type>p.term_link {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 45px
    }

    .roam_like_home .container:last-of-type>p.term_link a {
        color: #f116ba
    }

    .roam_like_home table td {
        width: auto;
        color: #242529;
        box-sizing: border-box;
        padding: 17px
    }

    .roam_like_home table b {
        font-weight: 700
    }

    .roam_like_home table .long {
        font-size: 16px
    }

    .roam_like_home table .long:first-of-type {
        font-size: 18px
    }

    .roam_like_home table .long.push_in {
        width: 310px;
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 0 240px;
        position: relative
    }

    .roam_like_home table .long.push_in.texts {
        padding-top: 0
    }

    .roam_like_home table .long.push_in .title {
        font-size: 18px;
        line-height: 19px;
        content: 'adw';
        position: absolute;
        top: 13px;
        left: 0
    }

    .roam_like_home table .long.push_in .content {
        width: 150px;
        font-size: 14px;
        line-height: 16px;
        color: #242529;
        content: 'adw';
        position: absolute;
        top: 30px;
        left: 0
    }

    .roam_like_home table .long.push_in.gap_it {
        height: 80px
    }

    .roam_like_home table .long span {
        font-size: 18px
    }

    .roam_like_home table p.double {
        margin: 0 0 15px;
        padding-left: 9px
    }

    .roam_like_home table .small {
        width: 2%
    }

    .roam_like_home table .dark {
        width: 220px;
        background: #ececec;
        text-align: center
    }

    .roam_like_home table .dark p {
        font-size: 16px
    }

    .roam_like_home table .dark p.double {
        padding-left: 0
    }

    .roam_like_home table .purple,.roam_like_home table .purple_cell {
        padding: 11px 0 11px 23px
    }

    .roam_like_home table .purple p {
        font-size: 14px;
        font-size: .875rem
    }

    .roam_like_home .purple_block {
        margin: 0
    }

    .roam_like_home h2.country_list {
        cursor: pointer
    }

    .roam_like_home h2.country_list:hover {
        text-decoration: underline
    }

    .roam_like_home h2.country_list span:after {
        font-size: 22px;
        right: -49px;
        top: 1px
    }

    .roam_like_home ul.country_list {
        margin: 0 0 55px;
        columns: auto;
        -webkit-columns: auto;
        -moz-columns: auto
    }

    .roam_like_home ul.country_list .country_width {
        height: 50px;
        width: 150px;
        display: inline-block;
        padding: 0;
        margin: 0 5px 0 0!important;
        position: relative;
        border: 0
    }

    .roam_like_home ul.country_list .country_width .image,.roam_like_home ul.country_list .country_width span {
        position: absolute
    }

    .roam_like_home ul.country_list a {
        color: #242529;
        text-decoration: none;
        border-bottom: 0 solid #ddd;
        margin: 0;
        padding: 0
    }

    .roam_like_home ul.country_list a li {
        width: 100px
    }

    .roam_like_home .searchbox {
        padding: 37px 0 20px;
        min-height: 90px
    }

    .roam_like_home .searchbox .container {
        width: 48.93834%;
        float: left;
        display: inline;
        margin-right: -100%;
        margin-left: 25.53083%
    }

    .roam_like_home .searchbox .container h2 {
        color: #FFF;
        display: block;
        padding: 0
    }

    .roam_like_home .roam_links .content:after {
        display: none
    }

    .roam_like_home .roam_links .first {
        width: 48.93834%;
        float: right;
        margin-right: 0;
        display: inline
    }

    .roam_like_home .roam_links .first .content {
        padding: 55px 10% 44px 39%
    }

    .roam_like_home .roam_links .first .content:before {
        background-size: 100% 100%;
        left: 11%;
        top: 44px
    }

    .roam_like_home .roam_links .second {
        width: 48.93834%;
        float: left;
        margin-right: 2.12332%;
        display: inline
    }

    .roam_like_home .roam_links .second .content {
        padding: 56px 2% 44px 43%
    }

    .roam_like_home .roam_links .second .content:before {
        background-size: 100% 100%;
        left: 16%;
        top: 44px
    }
}

.capital {
    text-transform: capitalize
}

div>.LPMcontainer {
    outline: 0!important
}

.contact-us__chat>div>.LPMcontainer {
    cursor: pointer!important
}

.contact-us__chat>div>.LPMcontainer>div {
    height: 100%
}

.contact-us__email-overlay .LPMcontainer {
    height: 100%!important;
    width: 100%!important
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0,0,0,.5)
}

.fancybox-inner,.fancybox-outer {
    position: relative;
    background-color: #FFF
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,.fancybox-next span,.fancybox-prev span {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_sprite.png)
}

.fancybox-close {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_close.png);
    background-repeat: no-repeat
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -16px;
    right: -22px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/blank.gif);
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    overflow: hidden!important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: GT-Walsheim-Bold,"Arial Bold"
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0,0,0,.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8)
}

@media only screen and (max-width: 750px) {
    .sabb-eoi-form-wrapper .fancybox-inner,.sabb-eoi-form-wrapper .fancybox-outer {
        min-height:1792px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,.fancybox-next span,.fancybox-prev span {
        background-image:url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(/opencms/export/sites/default/.galleries/eircom/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.fancybox--checkout {
    padding: 10px
}

.fancybox--checkout h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.fancybox--checkout .list--tick {
    padding-left: 20px
}

.fancybox--checkout .btn {
    margin: 10px;
    padding: 8px 50px;
    display: inline-block;
    text-align: center
}

.fancybox--checkout .btn__container {
    text-align: center
}

.fancybox--existing-cust-info {
    padding: 10px
}

.fancybox--existing-cust-info h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.fancybox--IBAN-BIC-checker {
    padding: 10px
}

.fancybox--IBAN-BIC-checker h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.fancybox--IBAN-BIC-checker .input-row {
    width: 100%
}

.fancybox--IBAN-BIC-checker .btn_container {
    width: 100%;
    display: inline-block;
    margin-top: 10px
}

.fancybox--IBAN-BIC-checker .btn_container .btn {
    padding: 8px 20px;
    margin: 0;
    float: right
}

.fancybox--IBAN-BIC-checker .checkout__form .input-row .input-elements-wrapper {
    width: 100%
}

.fancybox--IBAN-BIC-checker .checkout__form .input-row label {
    width: 100%;
    text-align: left
}

.fancybox--uan-info {
    padding: 10px
}

.fancybox--uan-info h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

@media only screen and (min-width: 750px) {
    .fancybox--IBAN-BIC-checker .checkout__form .input-row .input-elements-wrapper {
        width:63.5%
    }

    .fancybox--IBAN-BIC-checker .checkout__form .input-row label {
        width: 35%
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom:1}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    background: #000
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e30045
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px
}

.efibre-brand {
    color: #00b5d5!important
}

.eircom-brand {
    color: #242529!important
}

.emobile-brand {
    color: #f116ba!important
}

#rwd-check {
    background: #FFF;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    color: #242529
}

#rwd-check * {
    box-sizing: border-box
}

#rwd-check .panel {
    margin: 0 auto;
    width: 100%
}

#rwd-check .panel:after,#rwd-check .panel:before {
    content: "";
    display: table
}

#rwd-check .panel:after {
    clear: both
}

a.indexjump {
    position: absolute;
    top: -30px;
    left: 0
}

#rwd-check h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    margin: 0 0 20px;
    font-weight: 400!important
}

#rwd-check.brand-eircom h1 {
    color: #242529
}

#rwd-check.brand-efibre h1 {
    color: #00b5d5
}

#rwd-check.brand-emobile h1 {
    color: #f116ba
}

#rwd-check.brand-evision h1 {
    color: #e30045
}

#rwd-check h1 span {
    font-weight: 700
}

#rwd-check h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.25;
    margin: 0 0 10px;
    color: #242529
}

#rwd-check p {
    margin: 0 0 10px;
    padding: 0;
    color: #242529
}

#rwd-check a.btn {
    max-width: 170px;
    width: 170px;
    padding: 8px 16px;
    display: inline-block;
    background: #242529;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 1.5!important
}

#rwd-check a.btn--wide {
    max-width: 200px;
    width: 200px
}

#rwd-check a.btn:link,#rwd-check a.btn:visited {
    color: #FFF;
    text-decoration: none
}

#rwd-check #exact_address_match_confirm a.btn {
    text-align: center
}

#rwd-check a.btn:active,#rwd-check a.btn:focus,#rwd-check a.btn:hover {
    color: #FFF;
    text-decoration: none
}

#rwd-check.brand-eircom .btn {
    background-color: #242529;
    box-shadow: 0 3px 0 #470a68
}

#rwd-check.brand-efibre .btn {
    color: #FFF;
    background-color: #00b5d5;
    box-shadow: 0 3px 0 #005670
}

#rwd-check.brand-emobile .btn {
    background-color: #f116ba;
    box-shadow: 0 3px 0 #789a01
}

#rwd-check.brand-evision .btn {
    background-color: #e30045;
    box-shadow: 0 3px 0 #a5222a
}

#rwd-check.brand-eircom .btn:hover {
    background-color: #470a68!important
}

#rwd-check.brand-efibre .btn:hover {
    background-color: #005670!important
}

#rwd-check.brand-emobile .btn:hover {
    background-color: #789a01!important
}

#rwd-check.brand-evision .btn:hover {
    background-color: #a5222a!important
}

#rwd-check.brand-eircom .btn:focus {
    background-color: #470a68!important
}

#rwd-check.brand-efibre .btn:focus {
    background-color: #005670!important
}

#rwd-check.brand-emobile .btn:focus {
    background-color: #789a01!important
}

#rwd-check.brand-evision .btn:focus {
    background-color: #a5222a!important
}

#rwd-check .layout-title {
    margin-right: 60px;
    min-height: 31px;
    padding: 10px 0 15px;
    vertical-align: middle
}

#rwd-check .layout-title h1,#rwd-check .layout-title p {
    margin: 0;
    padding: 0
}

#rwd-check #loading .layout-title {
    font-size: 16px;
    font-size: 1rem
}

#rwd-check .wrap-panel {
    border: 1px solid #ececec;
    padding: 20px
}

#rwd-check .layout-questions {
    text-align: center
}

#rwd-check .layout-questions .customer-type .btn {
    margin-bottom: 16px
}

#rwd-check .layout-questions .btn {
    margin: 0 20px
}

#rwd-check form ol {
    margin: 0 0 10px;
    padding: 0;
    color: #242529
}

#rwd-check form li {
    margin: 0;
    list-style: none;
    clear: both;
    position: relative;
    padding: 7px 0
}

#rwd-check form li div {
    overflow: auto;
    width: 100%;
    position: relative
}

#rwd-check label {
    width: 100%;
    float: left;
    display: block;
    padding-top: 7px;
    padding-bottom: 5px
}

#rwd-check input {
    height: 37px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 0
}

#rwd-check input[type=checkbox] {
    height: inherit;
    border: none
}

#rwd-check input:focus {
    outline: 0;
    border-color: #242529
}

#rwd-check input.inline__phone {
    float: right;
    width: 73%
}

#rwd-check select {
    height: 37px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px 4px;
    border-radius: 0;
    box-sizing: border-box
}

#rwd-check select:focus {
    outline: 0;
    border-color: #242529
}

#rwd-check select.type-areacode {
    width: 70px
}

#rwd-check select.inline__areacode {
    width: 25%
}

#rwd-check form div.inline-fields {
    width: 100%;
    padding-left: 80px
}

#rwd-check form div.inline-fields select {
    position: relative;
    margin-top: 0
}

#rwd-check form div.inline-fields select#prequalAreaCode {
    position: absolute;
    left: 0
}

#rwd-check .button-panel {
    text-align: right
}

#rwd-check .button-panel p {
    text-align: left
}

#rwd-check .button-panel a.btn {
    display: inline-block;
    margin-bottom: 20px;
    clear: both;
    text-align: center
}

#rwd-check .button-panel input.btn {
    max-width: 170px;
    min-height: 24px;
    height: auto!important;
    border: none;
    margin: 0 0 16px;
    padding: 8px 16px;
    display: inline-block;
    background: #242529;
    font-size: 16px;
    font-size: 1rem;
    color: #FFF;
    text-align: center
}

#rwd-check.brand-eircom .button-panel input.btn {
    background-color: #242529;
    box-shadow: 0 3px 0 #470a68
}

#rwd-check.brand-efibre .button-panel input.btn {
    background-color: #00b5d5;
    box-shadow: none!important
}

#rwd-check.brand-emobile .button-panel input.btn {
    background-color: #f116ba;
    box-shadow: 0 3px 0 #789a01
}

#rwd-check.brand-evision .button-panel input.btn {
    background-color: #a42129;
    box-shadow: 0 3px 0 #a5222a
}

#rwd-check.brand-eircom .button-panel input.btn.loading {
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/ajax-button-loader.gif) 95% 50% no-repeat #242529
}

#rwd-check.brand-efibre .button-panel input.btn.loading {
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/ajax-button-loader.gif) 95% 50% no-repeat #00b5d5
}

#rwd-check.brand-emobile .button-panel input.btn.loading {
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/ajax-button-loader.gif) 95% 50% no-repeat #f116ba
}

#rwd-check.brand-evision .button-panel input.btn.loading {
    background: url(/opencms/export/sites/default/.galleries/eircom/fancybox/ajax-button-loader-tv.gif) 95% 50% no-repeat #e30045
}

#rwd-check .button-panel.captcha-button-panel.clearfix:after,#rwd-check .button-panel.captcha-button-panel.clearfix:before {
    content: '';
    display: block;
    clear: both
}

#rwd-check .button-panel.captcha-button-panel.clearfix input {
    float: right
}

#rwd-check div.ajaxloader {
    position: absolute;
    top: 5px;
    right: 4px;
    text-align: right;
    width: 40px;
    height: 39px;
    overflow: hidden
}

#rwd-check input.error,#rwd-check select.error {
    border-color: #e30045;
    background: #FFF
}

#rwd-check label.error {
    clear: both;
    display: block;
    width: 100%;
    padding: 6px 0 0;
    color: #bc2e2e
}

#rwd-check input.error:focus,#rwd-check select.error:focus {
    background: #FFF
}

#rwd-check .layout-listing {
    border: 1px solid #ececec;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: table
}

#rwd-check .layout-listing:after,#rwd-check .layout-listing:before {
    content: ""
}

#rwd-check .layout-listing:after {
    clear: both
}

#rwd-check .layout-listing h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    margin: 0 0 10px;
    color: #242529
}

#rwd-check .layout-listing ul {
    margin: 0;
    padding: 0
}

#rwd-check .layout-listing li {
    margin: 0;
    padding: 2px 0;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    font-size: .875rem
}

#rwd-check .layout-listing li:last-child {
    border-bottom: none
}

#rwd-check .layout-listing li a:link,#rwd-check .layout-listing li a:visited {
    text-decoration: none
}

#rwd-check .layout-listing li a:active,#rwd-check .layout-listing li a:focus,#rwd-check .layout-listing li a:hover {
    text-decoration: underline
}

#rwd-check .layout-listing .list-result-wrapper {
    width: 50%;
    padding: 3px;
    overflow-y: auto;
    max-height: 400px;
    display: table-cell;
    vertical-align: top
}

#rwd-check .layout-listing .list-result {
    display: table-cell;
    background: #FFF;
    padding: 20px;
    height: 200px
}

#rwd-check .layout-listing .list-info {
    width: 50%;
    display: table-cell;
    background: #ececec;
    padding: 20px;
    text-align: center
}

#rwd-check #partial_address_match_confirm_final .layout-listing .list-info {
    text-align: left
}

#rwd-check .layout-listing .list-info a.btn {
    width: auto
}

#rwd-check .layout-error {
    border: 1px solid #ececec;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: table;
    text-align: center
}

#rwd-check .layout-error:after,#rwd-check .layout-error:before {
    content: "";
    display: table
}

#rwd-check .layout-error:after {
    clear: both
}

#rwd-check .layout-error .alertbox {
    background: #FFF;
    padding: 20px
}

#rwd-check .layout-error .messagebox {
    background: #ececec;
    padding: 20px
}

#rwd-check .layout-error .messagebox p {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400!important
}

#rwd-check .layout-error .messagebox p:last-child {
    margin-bottom: 0
}

#rwd-check .layout-loading {
    border: 1px solid #ececec;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: table;
    text-align: center
}

#rwd-check #ui-datepicker-div {
    z-index: 8031!important
}

.evision-page #prequalWidget,.evision-page #prequalWidget a {
    font-size: 14px;
    font-size: .875rem;
    text-align: left
}

.evision-page #cancelbtn,.evision-page #notifybtn {
    text-align: center!important
}

.evision-page #arrivaldate_phone,.evision-page h2 #not_my_phone {
    font-size: 24px!important
}

#rwd-check h1.find-out span {
    font-weight: 400
}

#rwd-check #evision_not_available form div.inline-fields {
    padding-left: 0
}

#rwd-check .required {
    color: #e30045
}

@media only screen and (max-width: 750px) {
    #rwd-check .layout-title {
        margin-right:0;
        min-height: inherit;
        padding: 5px 10px 10px
    }

    #rwd-check .wrap-panel {
        padding: 5px 10px
    }

    #rwd-check .layout-questions .btn {
        margin-bottom: 20px;
        margin-left: 2.5%;
        margin-right: 2.5%
    }

    #rwd-check .layout-questions .btn:last-child {
        margin-bottom: 10px
    }

    #rwd-check .layout-listing {
        display: block
    }

    #rwd-check .layout-listing .list-result-wrapper {
        width: 100%;
        display: block
    }

    #rwd-check .layout-listing .list-result {
        padding: 10px;
        display: block
    }

    #rwd-check .layout-listing .list-info {
        width: 100%;
        display: inline-block;
        padding: 10px;
        text-align: left
    }

    #rwd-check #partialAddressList,#rwd-check #partialAddressList_final {
        margin-left: 15px
    }
}

@media only screen and (min-width: 750px) {
    #rwd-check {
        padding:10px
    }

    #rwd-check form li div {
        width: 65%
    }

    #rwd-check .rwd-panel {
        padding: 20px
    }

    #rwd-check label {
        width: 35%;
        padding-right: 10px;
        float: left;
        padding-bottom: 0
    }

    #rwd-check input {
        width: 100%
    }

    #rwd-check input[type=checkbox] {
        margin-top: 14px!important
    }

    #rwd-check select {
        width: 100%
    }

    #rwd-check form div.inline-fields {
        width: 65%
    }

    #rwd-check form.tooltip-form div.inline-fields {
        width: 60%
    }

    .panel-check img {
        width: 100%;
        max-width: 60px;
        height: auto
    }

    .panel-check p {
        font-size: 20px
    }

    .panel-check p span {
        display: block
    }

    #rwd-check .messagebox h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .panel-checked h2 span {
        display: block
    }

    #rwd-check #evision_not_available input {
        margin: 0
    }
}

.eir-campaign__main-banner {
    opacity: 0
}

.sabb-eoi-form-wrapper {
    display: none;
    overflow: auto
}

.eir-deals__top-banner,.sabb-main-banner {
    opacity: 0
}

.eir__row-fade-in,.sabb-fade-in {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out
}

.sabb-exist-cust-banner {
    height: auto;
    padding-bottom: 35px!important
}

.sabb-exist-cust-banner h1,.sabb-exist-cust-banner p {
    color: #ececec
}

.sabb-exist-cust-banner .eir-carousel-banner__button {
    position: absolute;
    bottom: -35px;
    left: 15px
}

.sabb-exist-cust-banner .sabb-exist-cust-content {
    padding-left: 15%;
    padding-top: 20px
}

.sabb-fancybox {
    width: 820px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    top: 20px
}

.sabb-eoi-close-btn {
    top: 30px;
    right: 30px
}

.thank-you-sabb {
    display: none
}

.sabb-icon-container p {
    padding: 0 10px
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button.eir-button--yellow {
    background-color: #ffc800
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button.eir-button--yellow:hover {
    background-color: #ec8a0a
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button.eir-button--green {
    background-color: #3ab600
}

.eir-module__bundle--broadband .eir-module__bundle__price__cta .eir-button.eir-button--green:hover {
    background-color: #008b14
}

.eir-module__bundle--broadband .eir-module__bundle__price.eir-module__bundle__price--red {
    background-color: #e30045;
    border: 1px solid #e30045
}

.eir-module__bundle--broadband .eir-module__bundle__price.eir-module__bundle__price--purple {
    background-color: #8b00ee;
    border: 1px solid #8b00ee
}

.sabb-optimizely-variation-2 {
    display: none
}

.sabb-eoi-form-wrapper .layout-title {
    margin-right: 50px!important
}

.thank-you-going-paperless {
    display: none;
    padding: 20px
}

.thank-you-going-paperless h1 {
    color: #242529!important
}

@media (max-width: 1200px) {
    .sabb-fancybox {
        width:50%
    }

    .sabb-fancybox h1 {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .sabb-fancybox {
        width:92%
    }

    .sabb-eoi-close-btn {
        right: 10px
    }

    .thank-you-sabb h1 {
        font-size: 20px
    }

    .sabb-fancybox h1 {
        font-size: 18px!important
    }
}

@media (max-width: 650px) {
    form #prequal-phone-search-track {
        float:left;
        margin-left: -10px!important
    }

    .g-recaptcha {
        margin-top: 30px;
        margin-left: -11px
    }
}

.stacktable {
    width: 100%
}

.st-head-row {
    padding: 10px;
    font-weight: 400
}

th.st-head-row {
    text-align: left
}

.st-key {
    width: 49%;
    text-align: left;
    padding: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700
}

.st-val {
    width: 49%;
    text-align: left;
    padding: 10px
}

.center-cell .st-val {
    text-align: center!important
}

.stacktable.small-only tr {
    border: 2px solid #f1f1f1;
    border: 2px solid rgba(241,241,241,.2);
    background-clip: padding-box
}

.stacktable.large-only {
    display: none
}

.stacktable.small-only {
    display: table
}

@media only screen and (min-width: 750px) {
    .stacktable.large-only {
        display:table
    }

    .stacktable.small-only {
        display: none
    }
}

/*! jQuery UI - v1.11.1 - 2014-08-26
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
    font-weight: 400;
    color: #555
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
    font-weight: 400;
    color: #212121
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
    font-weight: 400;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
    color: #cd0a0a
}

.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: url(/opencms/export/sites/default/.galleries/eircom/datepicker-jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

.footer-block {
    text-align: left;
    margin-top: 0!important
}

footer {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px
}

.footer__anchor {
    margin: 0;
    padding: 0!important;
    display: block;
    width: 100%;
    background-color: #242529
}

.footer__anchor__btn {
    padding: 10px;
    text-decoration: none!important;
    color: #000!important;
    display: block
}

.footer__links ul {
    padding-left: 0
}

.footer__links {
    margin: 0;
    padding: 0!important;
    width: 100%;
    display: block;
    list-style: none;
    background-color: #242529
}

.footer__links__item {
    display: inline;
    padding: 0!important
}

.footer__links__item--cta {
    border-right: 0!important
}

.footer__links__link {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    padding: 10px;
    text-decoration: none!important;
    color: #FFF!important;
    border-top: 1px solid #ececec;
    outline: 0
}

.footer__links__link:focus,.footer__links__link:hover {
    text-decoration: underline!important
}

.footer__links--mobile-hide {
    display: none;
    width: 100%
}

.footer__text {
    font-size: 10px;
    font-size: .625rem
}

.footer_homepage {
    background: #FFF;
    border: 1px solid #ececec;
    border-bottom: none;
    margin-top: 20px
}

.footer_homepage_menu h3 {
    color: #242529;
    font-size: 26px;
    font-size: 1.625rem;
    padding: 10px 20px 0;
    margin: 20px 0 5px
}

.footer_homepage_menu:first-child h3 {
    margin: 10px 0 5px
}

.footer_homepage_menu ul {
    padding: 0;
    margin: 0
}

.footer_homepage_menu ul li {
    list-style: none
}

.footer_homepage_menu ul li a {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
    display: block
}

.footer_homepage_menu ul li a:hover {
    text-decoration: underline
}

@media only screen and (min-width: 600px) {
    .footer__links__item {
        padding:0!important
    }
}

@media only screen and (max-width: 840px) {
    .footer__links__item {
        padding:0 2.5px
    }
}

@media only screen and (min-width: 750px) {
    footer {
        padding:0
    }

    .footer__cta {
        display: none!important
    }

    .footer__links--mobile-hide {
        display: table;
        margin: 0;
        padding: 0
    }

    .footer__links {
        border-radius: 5px;
        border: 1px solid #ececec
    }

    .footer__links__list {
        display: table;
        margin: auto 0;
        width: 100%;
        padding: 10px 0;
        position: relative
    }

    .footer__links__item {
        display: table-cell;
        text-align: center;
        vertical-align: central;
        padding: 0 5px;
        border-right: 1px solid #ececec
    }

    .footer__links__link {
        display: block;
        border-top: 0;
        padding: 0 5px!important
    }

    .footer__links__link--last {
        border-right: 0
    }

    .footer_homepage {
        margin-top: 0;
        margin-bottom: 10px;
        background: #ececec;
        border-bottom: 1px solid #ececec
    }

    .footer_homepage_col {
        display: inline-block!important;
        vertical-align: top;
        max-width: 17%;
        width: 100%;
        margin-left: 3%;
        margin-bottom: 10px
    }

    .footer_homepage_col:first-child {
        margin-left: 0
    }

    .footer_homepage_menu h3 {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 0 20px;
        line-height: 20px
    }

    .footer_homepage_menu h3 a {
        text-decoration: none;
        color: #242529!important
    }

    .footer_homepage_menu h3 a:focus,.footer_homepage_menu h3 a:hover {
        text-decoration: underline
    }

    .footer_homepage_menu ul li a {
        font-size: 14px;
        font-size: .875rem;
        border-bottom: none;
        padding: 3px 20px
    }
}

.eir-footer__container {
    padding: 0;
    margin: 0;
    color: #000;
    background: #fff
}

.eir-footer__container a {
    color: #000;
    text-decoration: none
}

.eir-footer__anchor__btn {
    margin: auto
}

.eir-footer__anchor__btn:hover {
    text-decoration: underline!important
}

.eir-footer__container a:hover {
    text-decoration: underline
}

.eir-footer__background {
    width: 100%;
    height: auto;
    background-color: #f4f5f9
}

.eir-footer__content {
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 20px 50px
}

.eir-footer__content--toTop {
    font-family: GT-Walsheim-Medium,"Arial Medium";
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding-top: 40px;
    margin-top: 0
}

.eir-footer__content--toTop__img {
    padding-right: 5px
}

.eir-footer__content--block {
    width: 100%;
    height: auto;
    overflow: hidden
}

.eir-footer__content--block__list {
    font-family: GT-Walsheim-Light,"Arial Light";
    padding: 0 10px;
    text-align: center
}

.eir-footer__content--block__list li {
    list-style: none
}

.eir-footer__content--block__title {
    font-family: GT-Walsheim-Medium,"Arial Medium";
    margin-bottom: 10px
}

.eir-footer-content--bottom__social--list li a,.eir-footer-content--bottom__usefulLinks--list li a,.eir-footer__content--block__list li a {
    font-size: 16px;
    font-size: 1rem
}

.eir-footer-content--bottom {
    text-align: center
}

.eir-footer-content--bottom__usefulLinks--list li a {
    font-family: GT-Walsheim-Medium,"Arial Medium"
}

.eir-footer-content--bottom {
    width: 100%;
    height: auto;
    overflow: hidden
}

.eir-footer-content--bottom__social--list {
    padding: 40px 0!important;
    list-style: none
}

.eir-footer-content--bottom__usefulLinks--list {
    list-style: none;
    padding: 0 0 30px
}

.eir-footer-content--bottom__social--list li {
    display: inline-block
}

.eir-footer-content--bottom__usefulLinks--list li {
    display: block
}

.eir-footer-content--bottom__social--list li,.eir-footer-content--bottom__usefulLinks--list li {
    padding: 0 10px
}

.eir-footer-content--bottom__disclaimer {
    font-family: GT-Walsheim-Light,"Arial Light";
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width: 600px) {
    .eir-footer__content--block {
        width:50%;
        float: left
    }

    .eir-footer__anchor__btn {
        width: 150px;
        float: right
    }
}

@media only screen and (min-width: 750px) {
    .eir-footer__content--toTop {
        padding-top:0
    }

    .eir-footer__content {
        padding: 70px 20px
    }

    .eir-footer__content--toTop {
        text-align: right
    }

    .eir-footer__content--block {
        width: 20%;
        float: left
    }

    .eir-footer-content--bottom__social--list {
        padding: 40px 0 20px!important
    }

    .eir-footer-content--bottom__social--list li {
        padding: 0 35px
    }

    .eir-footer-content--bottom__usefulLinks--list {
        list-style: none;
        padding: 0 0 10px
    }

    .eir-footer-content--bottom__usefulLinks--list li {
        display: inline-block
    }

    .eir-footer__content--block__list {
        text-align: left
    }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.text-uppercase {
    text-transform: uppercase !important;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        -ms-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(0.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        -ms-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -ms-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -ms-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        -ms-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -ms-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(0.95,1.05,1);
        -ms-transform: scale3d(0.95,1.05,1);
        transform: scale3d(0.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -ms-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -ms-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -ms-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -ms-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -ms-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -ms-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9,.9,.9);
        transform: scale3d(0.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97,.97,.97);
        transform: scale3d(0.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        -ms-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9,.9,.9);
        -ms-transform: scale3d(0.9,.9,.9);
        transform: scale3d(0.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97,.97,.97);
        -ms-transform: scale3d(0.97,.97,.97);
        transform: scale3d(0.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        -ms-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -ms-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -ms-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        -ms-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -ms-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -ms-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        -ms-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        -ms-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        -ms-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        -ms-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        -ms-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9,.9,.9);
        transform: scale3d(0.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9,.9,.9);
        -ms-transform: scale3d(0.9,.9,.9);
        transform: scale3d(0.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        -ms-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        -ms-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        -ms-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -ms-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95,.95,.95);
        transform: perspective(400px) scale3d(0.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95,.95,.95);
        -ms-transform: perspective(400px) scale3d(0.95,.95,.95);
        transform: perspective(400px) scale3d(0.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -ms-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -ms-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -ms-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -ms-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -ms-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0,0,1,45deg);
        transform: rotate(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0,0,1,45deg);
        -ms-transform: rotate(0,0,1,45deg);
        transform: rotate(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -ms-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -ms-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -ms-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        -ms-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -ms-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        -ms-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,-1000px,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(0.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(-1000px,0,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(0.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(10px,0,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(0.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(1000px,0,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(0.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(-10px,0,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3,.3,.3);
        -ms-transform: scale3d(0.3,.3,.3);
        transform: scale3d(0.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,2000px,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px,0,0);
        transform: scale(0.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(42px,0,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px,0,0);
        -ms-transform: scale(0.1) translate3d(-2000px,0,0);
        transform: scale(0.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px,0,0);
        transform: scale(0.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(-42px,0,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(0.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px,0,0);
        -ms-transform: scale(0.1) translate3d(2000px,0,0);
        transform: scale(0.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(0.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1,.1,.1) translate3d(0,-2000px,0);
        -ms-transform: scale3d(0.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(0.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.flip-clock-wrapper * {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper {
    font: 400 11px "Helvetica Neue",Helvetica,sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none!important;
    box-shadow: 0 0 0!important;
    font-size: 36px!important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    margin: 1em 0
}

.flip-clock-wrapper:after,.flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 2px;
    width: 25px;
    height: 40px;
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    border-radius: 6px;
    background: #000;
    padding-left: 0
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 37px;
    text-decoration: none!important;
    margin-left: 0!important;
    list-style: none
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    perspective: 200px;
    margin: 0!important;
    overflow: visible!important;
    cursor: default!important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 30px;
    overflow: hidden;
    outline: transparent solid 1px
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 2px;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 30px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0,0,0,.7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 8px;
    height: 40px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #fff;
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    left: 2px;
    z-index: 10
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    bottom: -1.5em;
    left: 15px;
    text-shadow: none;
    color: #fff;
    font-size: 14px
}

.flip-clock-divider.minutes .flip-clock-label {
    left: 13px
}

.flip-clock-divider.seconds .flip-clock-label {
    left: 12px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 25px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }

    100%,20% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }

    100%,20% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }

    100% {
        -webkit-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }

    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: 0 0,top,0,100% #000;
    background: 0 0,bottom,0,100% #000;
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: 0 0,top,0,100% #000;
    background: 0 0,bottom,0,100% #000;
    -webkit-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: 0 0,top,0,100% rgba(0,0,0,.1);
    background: 0 0,bottom,0,100% rgba(0,0,0,.1);
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: 0 0,top,0,100% rgba(0,0,0,.1);
    background: 0 0,bottom,0,100% rgba(0,0,0,.1);
    -webkit-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media only screen and (min-width: 750px) {
    .flip-clock-wrapper ul {
        width:30px
    }

    .flip-clock-divider .flip-clock-label {
        left: 20px
    }

    .flip-clock-divider.minutes .flip-clock-label {
        left: 18px
    }

    .flip-clock-divider.seconds .flip-clock-label {
        left: 15px
    }
}

.notification-bar {
    width: 100%;
    height: 100%;
    padding: 20px;
    background: left center #535759;
    overflow: hidden;
    text-align: left;
    box-shadow: 0 2px 2px #ececec;
    margin-bottom: 0;
    background-image: none!important;
    color: #ececec
}

.notification-bar a:active,.notification-bar a:focus,.notification-bar a:hover,.notification-bar a:link,.notification-bar a:visited {
    color: #00b5d5
}

.notification-bar__container {
    margin: 0 auto;
    max-width: 1140px
}

.notification-bar__close {
    text-align: center;
    background-image: url(/opencms/export/sites/default/.galleries/eircom/eir-branding/icons/cookies-menu-close-turquoise.png);
    background-repeat: no-repeat
}

@media only screen and (min-width: 750px) {
    .notification-bar__content {
        width:75%;
        float: left;
        display: inline;
        background-size: 48px;
        padding-left: 68px;
        max-width: 700px
    }

    .notification-bar__close {
        width: auto;
        display: inline;
        text-align: right;
        padding-right: 35px;
        line-height: 48px;
        background-position: right center;
        float: right
    }
}

@media only screen and (max-width: 750px) {
    .icon-eir-icons-question_turquoise {
        background-image:none!important
    }

    .notification-bar__close__text {
        display: none
    }

    .notification-bar__close {
        top: 20px;
        right: 20px;
        position: absolute;
        height: 25px;
        width: 25px
    }

    .notification-bar__content {
        width: 90%
    }
}

.subscribe-updates-wrapper {
    font-family: GT-Walsheim-Light,"Arial Light";
    position: fixed;
    z-index: 999999;
    text-align: center;
    background: 0 0;
    top: auto;
    bottom: 0
}

.subscribe-updates-wrapper h2 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 .4375rem
}

.subscribe-updates-wrapper-closed {
    cursor: pointer
}

.subscribe-updates-row {
    position: relative;
    padding: 0 10px;
    margin-top: 0;
    max-width: none
}

.subscribe-updates-row,.subscribe-updates-row .row {
    background: url(/opencms/export/sites/default/.galleries/eircom/subscribe-updates-mobile-background.png)
}

.subscribe-updates-field {
    display: inline-block;
    padding: 0 15px 20px
}

.subscribe-updates-field,.subscribe-updates-field input,.subscribe-updates-field label {
    vertical-align: middle;
    margin: 0
}

.subscribe-updates-field-row {
    display: inline
}

.subscribe-updates-wrapper-top-icon {
    cursor: pointer;
    height: 35px;
    background: url(/opencms/export/sites/default/.galleries/eircom/subscribe-updates-icon-background.png) top center repeat-x
}

.subscribe-updates-wrapper-top-icon-image {
    background: url(/opencms/export/sites/default/.galleries/eircom/subscribe-updates-close.png) top center no-repeat;
    display: block;
    width: 64px;
    height: 38px;
    margin: 0 auto
}

.subscribe-updates-wrapper-closed .subscribe-updates-wrapper-top-icon-image {
    background: url(/opencms/export/sites/default/.galleries/eircom/subscribe-updates-arrow.png) top center no-repeat
}

.subscribe-updates-content {
    display: none
}

@media only screen and (max-width: 750px) {
    .subscribe-updates-wrapper h2 {
        font-size:16px;
        font-size: 1rem
    }

    .subscribe-updates-field-row {
        display: block;
        margin-bottom: 10px
    }

    .subscribe-updates-field {
        padding-bottom: 2px
    }

    .subscribe-updates-field,.subscribe-updates-field input,.subscribe-updates-field label {
        height: 45px
    }

    .subscribe-updates-field label {
        padding: 13px 0
    }

    .subscribe-updates-wrapper-top-icon {
        height: 45px
    }
}

@media only screen and (min-width: 750px) {
    html {
        overflow-x:hidden
    }

    .christmas-spirit--carousel:before {
        background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/sparkle-left.png) no-repeat;
        height: 671px;
        width: 743px;
        margin-bottom: -671px;
        position: relative;
        left: -390px
    }

    .christmas-spirit--carousel:after {
        background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/sparkle-right.png) right no-repeat;
        height: 671px;
        width: 741px;
        margin-bottom: -706px;
        position: relative;
        right: -980px;
        top: -437px;
        z-index: 0
    }

    .christmas-spirit--carousel-home:before {
        margin-bottom: -671px!important
    }

    .christmas-spirit--carousel-home:after {
        margin-bottom: -708px!important
    }

    .christmas-spirit--bundles {
        position: relative
    }

    .christmas-spirit--bundles:before {
        background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/sparkle-left.png) no-repeat;
        height: 671px;
        width: 743px;
        margin-bottom: -671px;
        position: relative;
        left: -390px
    }

    .christmas-spirit--bundles:after {
        background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/sparkle-right.png) right no-repeat;
        height: 671px;
        width: 741px;
        position: absolute;
        right: -581px;
        top: 0;
        z-index: 0
    }

    .christmas-spirit--bundles .eir-tab-accordion {
        position: relative;
        z-index: 1
    }

    .christmas-spirit--carousel>.large-12 {
        position: relative;
        z-index: 1;
        background: #ececec
    }

    .christmas-spirit--carousel-home>.large-12 {
        position: relative;
        z-index: 1!important;
        background: none!important
    }

    .christmas-spirit--gradient {
        width: 100%;
        height: 671px;
        position: absolute;
        left: 0;
        background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/gradient.png) repeat-x
    }

    .christmas-spirit--z-index {
        position: relative;
        z-index: 2
    }

    .christmas-spirit--z-index-phone,.christmas-spirit--z-index.eir-module__homepage-quick-links_wrapper {
        z-index: 0!important
    }

    #container1.christmas-spirit {
        background: none!important
    }

    .eir-link--blue.christmas-spirit,.eir-link--pink.christmas-spirit {
        padding-top: 55px
    }

    .wrapper--main-content .eir-wrapper.christmas-spirit {
        background: none!important
    }

    .eir-nav__subnav-wrapper.christmas-spirit {
        margin-bottom: -56px;
        position: relative;
        background: none!important;
        z-index: 1
    }

    .eir-nav__subnav-wrapper.christmas-spirit>.row {
        background: #fff!important
    }

    .christmas-spirit--carousel-subnav:before {
        top: -55px
    }

    .christmas-spirit--carousel-subnav:after {
        top: -493px
    }

    .christmas-spirit--carousel-subnav>.large-12 {
        z-index: 3!important;
        margin-top: 1px
    }

    .christmas-spirit--carousel-phone>.large-12 {
        z-index: 1!important;
        background: #fff
    }

    .christmas-spirit--gradient-phone,.christmas-spirit--gradient-subnav {
        top: 0
    }

    .christmas-spirit--carousel-phone {
        margin-top: -55px
    }
}

.contact-us__christmas-tab,.contact-us__christmas-tab-banner {
    background: #460968!important;
    color: #fff!important
}

.contact-us__christmas-tab:after,.contact-us__tab.contact-us__christmas-tab.resp-tab-active:after {
    background: url(/opencms/export/sites/default/.galleries/eircom/christmas15/corner_sparkle.png) no-repeat!important;
    position: absolute;
    float: right;
    content: "";
    display: block;
    width: 195px;
    height: 100%;
    max-height: 180px;
    right: 0;
    top: 0
}

.resp-tabs-list.contact-us__tab__list {
    padding: 27.5px 5px!important
}

.contact-us .icon-eir_icons_star_white {
    width: 59px;
    height: 56px;
    background-size: 100%;
    left: 23px;
    right: 0;
    bottom: 17px;
    position: absolute
}

.contact-us__christmas-tab-banner {
    position: relative;
    margin: 0 0 2px!important;
    border: 1px solid #ececec!important;
    height: 90px;
    line-height: 70px
}

.contact-us__christmas-tab-banner h3 {
    margin: 0!important;
    border: 1px solid #ececec!important;
    height: 90px;
    line-height: 70px;
    font-family: eir-regular-web,Arial;
    font-size: 18px;
    font-size: 1.125rem;
    border-top: none;
    padding: 10px 20px 10px 100px;
    text-align: left;
    color: #fff!important
}

@media only screen and (min-width: 750px) {
    .contact-us__tab {
        width:19.2%!important;
        max-width: none
    }

    .contact-us__tab:not(:last-of-type) {
        margin-right: 1%
    }

    .contact-us .icon-eir_icons_star_white {
        width: 79px;
        height: 74px;
        background-size: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        bottom: 70px
    }

    .contact-us__tab.contact-us__christmas-tab.resp-tab-active:after,.contact-us__tab.contact-us__christmas-tab.resp-tab-active:before {
        border: none
    }

    .contact-us__christmas-tab-banner {
        display: none
    }
}
.backtopressroon-link {
    position: absolute;
    top: 0;
    right: 10px;
}
.pressrelease-yearlist {
    position: relative;
    left: 165px;
    width: 150px;
    top: -45px;
    padding: 0 10px;
    height: 30px;
    border: 0.1rem solid #00b5d5;
    font-size: 0.9rem;
    color: #00b5d5;
}
/* ---start of comment ---- do not change the below order of press-release-items */
.press-release-items {
    display: none;
}
.org-opencms-gwt-client-ui-css-I_CmsDirectEditCss-editButtonsVisible .press-release-items {
    display: block;
}
/* ---end of comment  ---- do not change the below order of press-release-items */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #containerPress .headline-md h3 {
        padding-top: 20px;
    }
    .pressrelease-yearlist {
        width: 110px;
        font-size: 0.75rem;
        height: 25px;

    }
}