html {
    --fine: 4px;
    --tiny: 8px;
    --small: 16px;
    --medium: 24px;
    --large: 48px;
    --huge:72px
}

:root {
    --white: #fff;
    --black: #000;
    --pink: #eb5f8e;
    --light-green: #72b72a;
    --light-blue: #35adce;
    --yellow: #fcc31e;
    --red: #d60000;
    --dark-blue: #00528a;
    --olive: #b9cc3f;
    --turquoise: #00ceb3;
    --light-orange: #f39722;
    --lavender: #c380bb;
    --dove-grey: #666;
    --graphite: #2f2e31;
    --alto: #d0d0d0;
    --gallery: #ececec;
    --wild-sand: #f5f5f5;
    --pastel-green: #e3f1d4;
    --pastel-red: #fbe6e6;
    --pastel-yellow: #fef3d2;
    --pastel-blue:#d7eff5
}

.refurbished-modal.modal {
    border: 0;
    max-width: 560px;
    min-width:auto
}

.refurbished-modal .well {
    background-color:#f5f5f5
}

.refurbished-modal .btn-large {
    font-size: 20px;
    max-width: 220px;
    width:100%
}

.refurbished-modal .gg-c-link-button__icon {
    fill: currentColor;
    height: 24px;
    margin-left: 8px;
    margin-right: 8px;
    width:24px
}

.refurbished-modal .gg-u-icon {
    display:block
}

.refurbished-modal .gg-u-icon.gg-u-icon--small {
    height: 16px;
    width:16px
}

.refurbished-modal .gg-c-link-button__chevron {
    margin-left: auto;
    margin-right:8px
}

.refurbished-modal .googybag-allowances-container-new i {
    margin-left:-13px
}

.refurbished-modal .goldengb-ok-off-recur {
    border-radius: 30px;
    font-size: 20px;
    max-width: 320px;
    padding: 8px 0;
    width:100%
}

@media (max-width: 340px) {
    .refurbished-modal .goldengb-ok-off-recur {
        width:100%
    }
}

@media (max-width: 767px) {
    .refurbished-modal .ggb-recurr-modal-header {
        margin-left:-12px
    }
}

.refurbished-modal li {
    font-size: 16px;
    line-height: 24px;
    list-style-type: square;
    margin-bottom:16px
}

.refurbished-modal p {
    line-height:24px
}

.refurbished-modal h4 {
    margin-bottom:16px
}

.refurbished-modal h3 {
    font-size:24px
}

.refurbished-modal .modal-header {
    border-bottom: 0;
    padding-bottom:0
}

.refurbished-modal .modal-header .close {
    top:28px
}

.refurbished-modal .hr {
    background-color: #000;
    height: 2px;
    margin: 15px auto 0;
    width:100%
}

.googybag-allowances-container-new {
    align-items: center;
    display: inline-flex;
    float:left
}

.googybag-allowances-container-new__allowances {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    text-align:left
}

.googybag-allowances-container-new .svg-goodybags-120x120 {
    height: 120px;
    margin-left: -16px;
    width:120px
}

.gg-text-louder {
    font-size:23px
}

.c-goodybag-carousel {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    text-align:center
}

.c-goodybag-carousel__features {
    margin-top:var(--tiny)
}

.c-goodybag-carousel__feature {
    width:100%
}

.c-goodybag-carousel__feature:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay:.1s
}

.c-goodybag-carousel__feature:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay:.2s
}

.c-goodybag-carousel__link {
    display:block
}

.c-goodybag-carousel__list {
    width:100%
}

.c-goodybag-carousel__list .sticker {
    left: 55%;
    position: absolute;
    width:92px
}

@media (min-width: 767px) {
    .c-goodybag-carousel__list .sticker {
        left:51%
    }
}

.c-goodybag-carousel__small-print {
    margin-top: var(--small);
    text-align:center
}

.c-goodybag-carousel__btn {
    height: 192px;
    transition:transform .15s ease-out
}

.c-goodybag-carousel__btn:active {
    transform:scale(.8)
}

@media (min-width: 768px) {
    .c-goodybag-carousel {
        max-width:480px
    }
}

.js-goodybag-carousel__goodybag {
    display:none
}

.js-goodybag-carousel__goodybag .c-goodybag-carousel__link {
    -webkit-animation: goodybag-carousel .5s ease-out both;
    animation:goodybag-carousel .5s ease-out both
}

.js-goodybag-carousel__goodybag--active {
    display:block
}

@-webkit-keyframes goodybag-carousel-features {
    0% {
        opacity: 0;
        transform:scale(1.1)
    }

    to {
        opacity: 1;
        transform:scale(1)
    }
}

@keyframes goodybag-carousel-features {
    0% {
        opacity: 0;
        transform:scale(1.1)
    }

    to {
        opacity: 1;
        transform:scale(1)
    }
}

@-webkit-keyframes goodybag-carousel {
    0% {
        opacity:.2
    }

    to {
        opacity:1
    }
}

@keyframes goodybag-carousel {
    0% {
        opacity:.2
    }

    to {
        opacity:1
    }
}

@media (max-width: 380px) {
    [style * ="--urbane"] .phone-card__top-section {
        margin: 16px 8px
    }

    [style * ="--urbane"] .phone-card__inner {
        grid-gap: 8px;
        gap: 8px;
        grid-template-columns:100px auto
    }
}

.flexibility-bg {
    background:linear-gradient(89.9deg, #ef5bb0 6.84%, #528edb 99.82%)
}

.bg-pink {
    background-color:var(--pink)
}

.home__why-giffgaff__uswitch-logo svg {
    height: auto;
    max-width: 320px;
    width:100%
}

@media (max-width: 768px) {
    .mobile-order-2 {
        order:2
    }

    .mobile-order-3 {
        order:3
    }
}

.mt-mdm-mobile-large-dsktop {
    margin-top:var(--medium)
}

.gg-u-icon--plane-white {
    fill:var(--white)
}

@media (min-width: 768px) {
    .mt-mdm-mobile-large-dsktop {
        margin-top:var(--large)
    }

    .extra-padding-top-bottom {
        padding-bottom: var(--huge) !important;
        padding-top:var(--huge) !important
    }
}

.desktop-only {
    display:none
}

.homepage-mobile {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    max-height: 320px;
    width:auto
}

@media (max-width: 600px) {
    .center-mobile {
        text-align:center
    }
}

@media (min-width: 768px) {
    .homepage-mobile-app-grid {
        grid-gap: var(--large);
        display: grid;
        grid-template-columns: 1fr 300px;
        justify-content:center
    }
}

@media (min-width: 992px) {
    .homepage-mobile {
        max-height:344px
    }

    .desktop-only {
        display:block
    }
}

@media (min-width: 1000px) {
    .homepage-mobile-app-grid {
        grid-template-columns: -webkit-max-content 300px;
        grid-template-columns:max-content 300px
    }
}

.homepage-looking-for-more {
    padding-bottom: var(--large) !important;
    padding-top:var(--large) !important
}

@media (min-width: 768px) {
    .homepage-looking-for-more {
        padding-bottom:var(--huge) !important
    }
}

@media (max-width: 380px) {
    [style * ="--urbane"] fieldset.gg-c-chunky-buttons li {
        white-space: break-spaces
    }

    [style * ="--urbane"] fieldset.gg-c-chunky-buttons li label {
        padding:8px 24px
    }
}

.omni-qr-code-container {
    display:none
}

.app-badges-icon {
    height: 48px;
    width:auto
}

@media (max-width: 767px) {
    .app-badges {
        display: flex;
        justify-content:center
    }
}

@media (max-width: 992px) {
    .app-badges {
        margin-bottom:8px
    }
}

@media (min-width: 992px) {
    .omni-qr-code-container {
        display: block;
        margin-top:24px
    }

    .omni-qr-code-image {
        margin-top:8px
    }
}

.acst0, .aest0, .afst0, .agst0, .ahst0 {
    fill:transparent
}

.acst1, .aest1, .afst1, .agst1, .ahst1 {
    fill:currentColor
}

.gg-s-footer .gg-c-footer {
    background-color: #000;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 18px;
    padding:24px 0
}

.gg-s-footer .gg-c-footer__section {
    margin: 8px 16px;
    max-width:1140px
}

@media screen and (min-width: 360px) {
    .gg-s-footer .gg-c-footer__section {
        margin-left: 16px;
        margin-right:16px
    }
}

@media screen and (min-width: 768px) {
    .gg-s-footer .gg-c-footer__section {
        margin-left: 24px;
        margin-right:24px
    }
}

@media screen and (min-width: 992px) {
    .gg-s-footer .gg-c-footer__section {
        margin-left: 48px;
        margin-right:48px
    }
}

@media screen and (min-width: 1236px) {
    .gg-s-footer .gg-c-footer__section {
        margin-left: auto;
        margin-right: auto;
        width:1140px
    }
}

.gg-s-footer .gg-c-footer__section--small {
    padding:16px 0
}

.gg-s-footer .gg-c-footer__section--social {
    display: grid;
    grid-template-columns:1fr
}

.gg-s-footer .gg-c-footer__subheader {
    font-size: 16px;
    font-weight: 700;
    line-height:24px
}

.gg-s-footer .gg-c-footer__social {
    display: flex;
    justify-content: space-between;
    margin-top:16px
}

.gg-s-footer .gg-c-footer__social--container {
    width:275px
}

.gg-s-footer .gg-c-footer__social--link {
    align-items: center;
    border: 2px solid #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 0;
    transition: background-color .35s ease-out;
    width:48px
}

.gg-s-footer .gg-c-footer__social--link:hover {
    background-color: #fff;
    color:#000
}

.gg-s-footer .gg-c-footer__social-icon {
    height: 24px;
    width:24px
}

.gg-s-footer .gg-c-footer .gg-u-icon--small {
    height: 12px;
    width:12px
}

.gg-s-footer .gg-c-footer__free-sim--wrapper {
    align-items: center;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 16px 0;
    padding:16px 0
}

.gg-s-footer .gg-c-footer__free-sim--link {
    max-width:300px
}

.gg-s-footer .gg-c-footer__free-sim--content {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 2fr;
    width:300px
}

.gg-s-footer .gg-c-footer__free-sim--img {
    width:100px
}

.gg-s-footer .gg-c-footer__free-sim--text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 21px;
    padding-left: 16px;
    vertical-align:middle
}

.gg-s-footer .gg-c-footer__free-sim--text:focus, .gg-s-footer .gg-c-footer__free-sim--text:focus-within, .gg-s-footer .gg-c-footer__free-sim--text:hover {
    cursor: pointer;
    text-decoration:underline
}

.gg-s-footer .gg-c-footer__nav {
    display: grid;
    justify-content: space-between;
    margin-top:8px
}

.gg-s-footer .gg-c-footer__nav--desktop {
    display:none
}

.gg-s-footer .gg-c-footer__nav-link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height:21px
}

.gg-s-footer .gg-c-footer__nav-link--sub {
    padding:8px 0
}

.gg-s-footer .gg-c-footer__nav-link--sub-increased {
    height:48px
}

.gg-s-footer .gg-c-footer__nav-link--sub-increased:focus, .gg-s-footer .gg-c-footer__nav-link--sub-increased:focus-within, .gg-s-footer .gg-c-footer__nav-link--sub-increased:hover {
    text-decoration:underline
}

.gg-s-footer .gg-c-footer__nav-item--sub {
    height: 48px;
    margin-left:48px
}

.gg-s-footer .gg-c-footer__nav-item--sub:focus, .gg-s-footer .gg-c-footer__nav-item--sub:focus-within, .gg-s-footer .gg-c-footer__nav-item--sub:hover {
    text-decoration:underline
}

.gg-s-footer .gg-c-footer__nav-title {
    height:100%
}

.gg-s-footer .gg-c-footer__small-print--copyright {
    margin-top:16px
}

.gg-s-footer .gg-c-footer .gg-c-accordion {
    background-color: #000;
    border: none;
    color: #fff;
    position:relative
}

.gg-s-footer .gg-c-footer .gg-c-accordion:active, .gg-s-footer .gg-c-footer .gg-c-accordion:focus, .gg-s-footer .gg-c-footer .gg-c-accordion:focus-within, .gg-s-footer .gg-c-footer .gg-c-accordion:hover {
    outline: none;
    outline-offset:0
}

.gg-s-footer .gg-c-footer .gg-c-accordion__summary {
    height: 48px;
    padding:8px 0
}

.gg-s-footer .gg-c-footer .gg-c-accordion__summary:focus, .gg-s-footer .gg-c-footer .gg-c-accordion__summary:hover {
    background-color: #000;
    cursor:default
}

.gg-s-footer .gg-c-footer .gg-c-accordion__content {
    padding:0
}

@media screen and (min-width: 768px) {
    .gg-s-footer .gg-c-footer__section--social {
        grid-gap: 24px;
        gap: 24px;
        grid-template-columns: 1fr;
        margin-bottom:24px
    }

    .gg-s-footer .gg-c-footer__nav--mobile {
        display:none
    }

    .gg-s-footer .gg-c-footer__nav--desktop {
        display:block
    }

    .gg-s-footer .gg-c-footer__nav-group {
        grid-gap: 48px;
        display: grid;
        gap: 48px;
        grid-template-columns:1fr 1fr 1fr
    }

    .gg-s-footer .gg-c-footer__nav-item--sub {
        margin-left: 0;
        padding:8px 0
    }

    .gg-s-footer .gg-c-footer__nav-link--grid {
        display: grid;
        grid-template-columns:1fr
    }

    .gg-s-footer .gg-c-footer__nav-title--desktop {
        font-size: 16px;
        font-weight: 700;
        line-height:24px
    }

    .gg-s-footer .gg-c-footer__free-sim--wrapper {
        border: none;
        margin:40px 0
    }

    .gg-s-footer .gg-c-footer__small-print {
        margin-bottom:48px
    }
}

@media screen and (min-width: 1140px) {
    .gg-s-footer .gg-c-footer__section--social {
        grid-template-columns:1fr 3fr
    }

    .gg-s-footer .gg-c-footer__nav {
        margin-top:72px
    }

    .gg-s-footer .gg-c-footer__nav-item--sub {
        margin-left:0
    }
}

.sim-btns {
    grid-gap: var(--tiny);
    display:grid
}

@media (min-width: 600px) {
    .sim-btns {
        grid-gap: var(--small);
        grid-template-columns: -webkit-max-content -webkit-max-content;
        grid-template-columns: max-content max-content;
        justify-content:center
    }
}

.dove-grey {
    color:var(--dove-grey)
}

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

.gg-s-website-footer article, .gg-s-website-footer aside, .gg-s-website-footer details, .gg-s-website-footer figcaption, .gg-s-website-footer figure, .gg-s-website-footer footer, .gg-s-website-footer header, .gg-s-website-footer hgroup, .gg-s-website-footer menu, .gg-s-website-footer nav, .gg-s-website-footer section {
    display:block
}

.gg-s-website-footer body {
    line-height:1
}

.gg-s-website-footer ol, .gg-s-website-footer ul {
    list-style:none
}

.gg-s-website-footer blockquote, .gg-s-website-footer q {
    quotes:none
}

.gg-s-website-footer blockquote:after, .gg-s-website-footer blockquote:before, .gg-s-website-footer q:after, .gg-s-website-footer q:before {
    content: "";
    content:none
}

.gg-s-website-footer table {
    border-collapse: collapse;
    border-spacing:0
}

.gg-s-website-footer dialog {
    background-color: #fff;
    border: 0;
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width:fit-content
}

.gg-s-website-footer dialog::-webkit-backdrop {
    background-color:rgba(0, 0, 0, .5)
}

.gg-s-website-footer dialog + .backdrop, .gg-s-website-footer dialog::backdrop {
    background-color:rgba(0, 0, 0, .5)
}

.gg-s-website-footer dialog:not([open]) {
    display:none
}

.gg-s-website-footer dialog + .backdrop {
    background-color:rgba(0, 0, 0, .5)
}

.gg-s-website-footer ._dialog_overlay, .gg-s-website-footer dialog + .backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top:0
}

.gg-s-website-footer body {
    color: #000;
    font-family: Poppins, giffgaff, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width:320px
}

.gg-s-website-footer a {
    color: inherit;
    text-decoration:none
}

.gg-s-website-footer mark {
    background-color: transparent;
    color:inherit
}

.gg-s-website-footer input, .gg-s-website-footer select, .gg-s-website-footer textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family:inherit
}

.gg-s-website-footer input, .gg-s-website-footer textarea {
    border-radius:0
}

.gg-s-website-footer button {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline-color: transparent;
    padding:0
}

.gg-s-website-footer button:disabled {
    color:inherit
}

.gg-s-website-footer summary {
    display:block
}

.gg-s-website-footer summary::-webkit-details-marker {
    display:none
}

.gg-s-website-footer summary:focus {
    outline-color:transparent
}

.gg-s-website-footer hr {
    margin:0
}

.gg-s-website-footer *, .gg-s-website-footer :after, .gg-s-website-footer :before {
    box-sizing:border-box
}

.gg-s-website-footer .gg-c-website-footer {
    background-color: #000;
    color: #fff;
    font-family: Poppins, giffgaff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 18px;
    padding-bottom:24px
}

.gg-s-website-footer .gg-c-website-footer__section {
    margin-left: 8px;
    margin-right: 8px;
    max-width:1140px
}

@media screen and (min-width: 360px) {
    .gg-s-website-footer .gg-c-website-footer__section {
        margin-left: 16px;
        margin-right:16px
    }
}

@media screen and (min-width: 768px) {
    .gg-s-website-footer .gg-c-website-footer__section {
        margin-left: 24px;
        margin-right:24px
    }
}

@media screen and (min-width: 992px) {
    .gg-s-website-footer .gg-c-website-footer__section {
        margin-left: 48px;
        margin-right:48px
    }
}

@media screen and (min-width: 1236px) {
    .gg-s-website-footer .gg-c-website-footer__section {
        margin-left: auto;
        margin-right: auto;
        width:1140px
    }
}

.gg-s-website-footer .gg-c-website-footer__network {
    font-size: 16px;
    font-weight: 700;
    line-height:24px
}

.gg-s-website-footer .gg-c-website-footer__social {
    display: flex;
    margin-left: -8px;
    margin-top:24px
}

.gg-s-website-footer .gg-c-website-footer__social-link {
    align-items: center;
    border: 2px solid #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    transition: background-color .35s ease-out;
    width:48px
}

.gg-s-website-footer .gg-c-website-footer__social-link:hover {
    background-color: #fff;
    color:#000
}

.gg-s-website-footer .gg-c-website-footer__social-icon {
    height: 24px;
    width:24px
}

.gg-s-website-footer .gg-c-website-footer__nav {
    display: flex;
    justify-content: space-between;
    margin-top:16px
}

.gg-s-website-footer .gg-c-website-footer__nav-group {
    flex-basis:calc(50% - 8px)
}

.gg-s-website-footer .gg-c-website-footer__nav-link {
    align-items: center;
    border-bottom: 2px solid #fff;
    display: flex;
    height:48px
}

@media (max-width: 679px) {
    .gg-s-website-footer .gg-c-website-footer {
        padding-top:24px
    }

    .gg-s-website-footer .gg-c-website-footer__small-print {
        margin-top:24px
    }
}

@media (min-width: 680px) {
    .gg-s-website-footer .gg-c-website-footer__section {
        padding-top:24px
    }

    .gg-s-website-footer .gg-c-website-footer__copyright-social {
        display: flex;
        justify-content:space-between
    }

    .gg-s-website-footer .gg-c-website-footer__social {
        margin:0
    }
}

@media (min-width: 800px) {
    .gg-s-website-footer .gg-c-website-footer {
        padding:0 0 48px
    }

    .gg-s-website-footer .gg-c-website-footer__nav {
        display: block;
        flex: none;
        margin-bottom: -16px;
        margin-top:0
    }

    .gg-s-website-footer .gg-c-website-footer__nav-link {
        height: 24px;
        padding:0 4px
    }

    .gg-s-website-footer .gg-c-website-footer__section {
        padding-top:48px
    }

    .gg-s-website-footer .gg-c-website-footer__nav-group {
        display: flex;
        flex-basis: auto;
        justify-content: center;
        margin-bottom: 16px;
        margin-left:-24px
    }

    .gg-s-website-footer .gg-c-website-footer__nav-item {
        margin-left:24px
    }
}

@media (hover: hover) {
    .gg-s-website-footer .gg-c-website-footer__nav-link {
        border-bottom-color: transparent;
        transition:border-bottom-color .25s ease-out
    }

    .gg-s-website-footer .gg-c-website-footer__nav-link:hover {
        border-bottom-color:#fff
    }
}

.gg-c-website-footer {
    background-color: var(--black);
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 18px;
    padding-bottom:24px
}

.gg-c-website-footer__section {
    margin-left: 8px;
    margin-right: 8px;
    max-width:1140px
}

@media screen and (min-width: 360px) {
    .gg-c-website-footer__section {
        margin-left: 16px;
        margin-right:16px
    }
}

@media screen and (min-width: 768px) {
    .gg-c-website-footer__section {
        margin-left: 24px;
        margin-right:24px
    }
}

@media screen and (min-width: 992px) {
    .gg-c-website-footer__section {
        margin-left: 48px;
        margin-right:48px
    }
}

@media screen and (min-width: 1236px) {
    .gg-c-website-footer__section {
        margin-left: auto;
        margin-right: auto;
        width:1140px
    }
}

.gg-c-website-footer__network {
    font-size: 16px;
    font-weight: 700;
    line-height:24px
}

.gg-c-website-footer__social {
    display: flex;
    margin-left: -8px;
    margin-top:24px
}

.gg-c-website-footer__social-link {
    align-items: center;
    border: 2px solid var(--white);
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    transition: background-color .35s ease-out;
    width:48px
}

.gg-c-website-footer__social-icon {
    height: 24px;
    width:24px
}

.gg-c-website-footer__nav {
    display: flex;
    justify-content: space-between;
    margin-top:16px
}

.gg-c-website-footer__nav-group {
    flex-basis:calc(50% - 8px)
}

.gg-c-website-footer__nav-link {
    align-items: center;
    border-bottom: 2px solid #fff;
    display: flex;
    height:48px
}

@media (max-width: 679px) {
    .gg-c-website-footer {
        padding-top:24px
    }

    .gg-c-website-footer__small-print {
        margin-top:24px
    }
}

@media (min-width: 680px) {
    .gg-c-website-footer__section {
        padding-top:24px
    }

    .gg-c-website-footer__copyright-social {
        display: flex;
        justify-content:space-between
    }

    .gg-c-website-footer__social {
        margin:0
    }
}

@media (min-width: 800px) {
    .gg-c-website-footer {
        padding:0 0 48px
    }

    .gg-c-website-footer__nav {
        display: block;
        flex: none;
        margin-bottom: -16px;
        margin-top:0
    }

    .gg-c-website-footer__nav-link {
        height: 24px;
        padding:0 4px
    }

    .gg-c-website-footer__section {
        padding-top:48px
    }

    .gg-c-website-footer__nav-group {
        display: flex;
        flex-basis: auto;
        justify-content: center;
        margin-bottom: 16px;
        margin-left:-24px
    }

    .gg-c-website-footer__nav-item {
        margin-left:24px
    }
}

.gg-c-website-footer__social-link:hover {
    background-color: var(--white);
    color:var(--black)
}

@media (hover: hover) {
    .gg-c-website-footer__nav-link {
        border-bottom-color: transparent;
        transition:border-bottom-color .25s ease-out
    }

    .gg-c-website-footer__nav-link:hover {
        border-bottom-color: var(--white)
    }
}