/* ----
PROJECT - GOODYEAR
---- */

/* --- GENERIC - TYPOGRAPHY --- */


:root {
    --black: #000000;
    --white: #FFFFFF;
    --blue: #0B0F29;
    --light-blue: #033B79;
    --yellow: #FFDD00;
    --dark-yellow: #806F00;

    --mp-xl: 6.5rem;
    --mp-lg: 4.5rem;
    --mp-md: 2.5rem;
    --mp-sm: 1.5rem;
    --mp-xs: .75rem
}

/* - GENERIC FONT FAMILY - COLOR - */

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

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

body {
    margin: 0;
    padding: 0;
    background-color: var(--blue);
    color:var(--white);
}

/* - Colored text - */
.white-text, .white-text * { color:var(--white) }
.yellow-text, .yellow-text * { color:var(--yellow) }
.blue-text, .blue-text * { color:var(--blue) }


/* - Colored backgrounds - */
.yellow-bcg { background-color: var(--yellow); }

.fixed-background {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media screen and ( max-width: 768px ) {
    .fixed-background { background-attachment: scroll; }
}

/* - Uppercase, lowercase, centered text, right text, font weights- */

.no-uppercase,
.no-uppercase * { text-transform: none !important }
.all-uppercase,
.all-uppercase * { text-transform: uppercase !important }
.no-und,
.no-und * { text-decoration: none !important }
.centered-text,
.centered-text * { text-align: center !important }
.right-text,
.right-text * { text-align: right !important; float: right !important }
.font-r,
.font-r > * { font-weight: 400 }
.font-m,
.font-m > * { font-weight: 500 }
.font-b,
.font-b > * { font-weight: 700 }
.font-eb,
.font-eb > * { font-weight: 900 }
.font-u,
.font-u > * { text-decoration: underline }
.font-i,
.font-i > * { font-style: italic; }
.cap-text,
.cap-text > * { text-transform: capitalize }

.p-rel { position: relative }
/* - MEASURES - */
html {
    font-size: 24px !important;
    line-height: 1.3333em !important;
    -webkit-font-smoothing: antialiased;
    color:var(--white)
}
ul { padding-left: 0; }
p, li, .normal-p {
    font-size: 1rem !important;
    line-height: 1.3333em !important;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}


@media ( max-width: 1680.1px ) {
    html {
        font-size: 20px !important;

    }
}

@media ( max-width: 1440.1px ) {
    html {
        font-size: 18px !important;
    }
}

@media ( max-width: 1280.1px ) {
    html {
        font-size: 16px !important;
    }
}

/* - Titles, text, inline elements - */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.main_color a,
.main_color a:hover { color: inherit }

strong,
strong a,
b,
b a {
    font-size: inherit;
    font-weight: 700 !important;
    color: inherit !important;
}

.title-1,
.title-1 > * {
    font-size: 3.35rem !important;
    line-height: 1.25em !important;
    font-weight: 700;
    letter-spacing: 1px;
}
.title-1.title-landing-one,
.title-1.title-landing-one span {
    font-size: 2.35rem !important;
    line-height: 1.25em !important;
}

.title-2,
.title-2 > * {
    font-size: 2.35rem !important;
    line-height: 1.25em !important;
    font-weight: 700;
    letter-spacing: 1px;
}
.title-3,
.title-3 > * {
    font-size: 1.3rem !important;
    line-height: 1.25em !important;
    font-weight: 700;
    letter-spacing: 0px;
}
.title-4,
.title-4 > * {
    font-size: 1.1rem !important;
    line-height: 1.25em !important;
    letter-spacing: 0px;
}

/* --- GENERIC --- */

/* - Spacing - */
.cpt-xl { padding-top: var(--mp-xl); }
.cpt-lg { padding-top: var(--mp-lg); }
.cpt-md { padding-top: var(--mp-md); }
.cpt-sm { padding-top: var(--mp-sm); }
.cpt-xs { padding-top: var(--mp-xs); }

.cpb-xl { padding-bottom: var(--mp-xl); }
.cpb-lg { padding-bottom: var(--mp-lg); }
.cpb-md { padding-bottom: var(--mp-md); }
.cpb-sm { padding-bottom: var(--mp-sm); }
.cpb-xs { padding-bottom: var(--mp-xs); }

.cmt-xl { margin-top: var(--mp-xl); }
.cmt-lg { margin-top: var(--mp-lg); }
.cmt-md { margin-top: var(--mp-md); }
.cmt-sm { margin-top: var(--mp-sm); }
.cmt-xs { margin-top: var(--mp-xs); }

.cmb-xl { margin-bottom: var(--mp-xl); }
.cmb-lg { margin-bottom: var(--mp-lg); }
.cmb-md { margin-bottom: var(--mp-md); }
.cmb-sm { margin-bottom: var(--mp-sm); }
.cmb-xs { margin-bottom: var(--mp-xs); }

/* - Buttons - */
.btn {
    width: 15rem;
    text-transform: uppercase;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: none;
    /* transition: all 250ms ease; */
    transition: none;
    font-weight: 700;
}

.btn > span {
    font-weight: 700;
}
.yellow-btn.btn {
    background-color: var(--yellow);
    color: var(--blue);
}
.transp-btn.btn {
    background-color: transparent;
    color:var(--yellow);
    border: 2px var(--yellow) solid;
}
.white-border-btn.btn {
    border: 2px var(--white) solid
}
.blue-border-btn.btn {
    border: 2px var(--blue) solid
}
.btn.hover:hover {
    background-image: linear-gradient(to top, var(--dark-yellow) 0%, var(--yellow) 100%);
    color: var(--blue)
}
.btn.small-btn {
    font-size: .75rem;
    width: auto;
    height: auto;
}
.gyear-4 .btn.hover:hover{
    background-image: none;
    background-color: var(--blue);
    border-color:var(--blue);t
}
.gyear-4 .btn.hover:hover span {
    color:var(--white) !important
}

.yellow-link {
    color: var(--yellow);
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}
.yellow-link:hover {
    color:var(--yellow);
}
.yellow-link:hover::before {
    content: ' ';
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: calc(100% - 1rem);
    background-color: var(--yellow);
}
.yellow-link:hover::after {
    content: ' ';
    width: .5rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.467' height='26.522' viewBox='0 0 14.467 26.522'%3E%3Cpath id='XMLID_224_' d='M26.169,87.409,14.113,75.353a1.206,1.206,0,0,0-1.7,0L.353,87.409a1.206,1.206,0,0,0,1.7,1.7l11.2-11.2,11.2,11.2a1.206,1.206,0,1,0,1.7-1.7Z' transform='translate(89.467 0) rotate(90)' fill='%23fd0'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
    display: inline-block;
    transform: translateY(3px);
}

/* - Images - */

img, a img {
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    height: auto;
}

/* - Hidden elements - */
.hidden-element { display: none !important }
.hidden-title {
    display: none;
    position: fixed;
    top: -300px;
    left: -300px;
}

/* - Selection - */
::-moz-selection {
    background-color:var(--blue);
    color:#fff;
}
::selection {
    background-color:var(--blue);
    color:#fff;
}

/* --- GENERIC - RESPONSIVITY --- */

@media ( max-width: 990px ) {
    .screen-lg { display: none !important }
}
@media ( min-width: 768px ) and ( max-width: 989px ) {
    .screen-md.screen-sm { display: inherit !important }
    .screen-md { display: none !important }
}
@media ( min-width: 767px ) {
    .screen-sm { display: none !important }
}

.dsk { display: block; }
.mob { display: none; }
@media ( max-width: 767.9px ) {
    .mob { display: block; }
    .dsk { display: none; }
}

/* --- GENERIC - ELEMENTS --- */

/* --- GENERIC - SITE SPECIFIC --- */

*:focus {
    outline: none !important
}
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 2.55rem;
}
section {
    overflow: hidden;
}
section.no-margin { margin-bottom: 0; }
.gen--p p {
    margin-bottom: .75rem;
}
.gen--p p:last-child {
    margin-bottom: 0rem;
}

.gen--bcg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gen--video-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #2c2c2c88;
    z-index: 100;
}
.gen--video-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.gen--video-embed {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    background: var(--black);
}
.gen--video-embed iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* --- LOADER --- */
.loader--wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-blue);
    z-index: 10000;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--blue);
  font-size: 11px;
  text-indent: -99999em;
  width: 10em;
  height: 10em;
  -webkit-box-shadow: inset 0 0 0 1em;
          box-shadow: inset 0 0 0 1em;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  width: 5.2em;
  height: 10.2em;
  background: var(--light-blue);
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.1em 5.1em;
  -ms-transform-origin: 5.1em 5.1em;
      transform-origin: 5.1em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loader:after {
  width: 5.2em;
  height: 10.2em;
  background: var(--light-blue);
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 4.9em;
  -webkit-transform-origin: 0.1em 5.1em;
  -ms-transform-origin: 0.1em 5.1em;
      transform-origin: 0.1em 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* --- HEADER --- */
#header {
    position: relative;
    z-index: 5;
}
#header > .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
#header > .container .logo {
    width: 16rem;
    margin: 1rem 0;
}

#header .private-area {
    color: var(--white);
    text-decoration: none;
}
#header .private-area::before {
    content: ' ';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../img/user-solid.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
    display: inline-block;
    transform: translateY(6px);
}

.dark-header {
    padding-top: 132px;
}

/* --- LANDING ONE --- */
.gyear-hero {
    background-image:url('../img/gy_bcg.jpg'), linear-gradient(to top, var(--blue) 0%, var(--blue) 10%, var(--white) 100%);
    background-blend-mode: multiply;
    min-height: 100vh;
    position: relative;
}
/* .gyear-hero-two {
    background-image:url('./img/gy_two_bcg.jpeg'), linear-gradient(to top, var(--blue) 0%, var(--blue) 10%, var(--white) 100%);
} */
.gyear-hero::after {
    content: ' ';
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, var(--blue) 0rem, var(--blue) 4rem, transparent 8rem, transparent 100%);
}
.gyear-hero-two.gyear-hero::after {
    background-image: linear-gradient(to top, var(--blue) 0rem, var(--blue) 2rem, transparent 7rem, transparent 100%);
} 
.gyear-hero > .container {
    position: relative;
    z-index: 5;
}
.gyear-form:not(.gyear-compact-form) {
    background-color: var(--blue);
    padding: 1rem;
}

body .gyear-form:not(.gyear-compact-form) p,
.gyear-form label,
.gyear-form a,
.gyear-form input,
.gyear-form select,
.gyear-form button {
    /* font-size: .6666rem !important; */
    font-size: .75rem !important;
}
.gyear-form input[type="text"],
.gyear-form input[type="email"],
.gyear-form select {
    /* padding: .6666rem; */
    padding: .75rem;
    border-radius: 3px;
}
.gyear-form input[type="text"],
.gyear-form input[type="email"] {
    border: none;
}
.gyear-form input[type="text"]#phone {
    padding-top: 0.3333rem;
    padding-bottom: 0.3333rem;
}
.gyear-form p,
.gyear-form label,
.gyear-form a {
    font-family: 'Roboto Condensed';

}
.gyear-form a {
    color:var(--yellow);
    text-decoration: none;
}
.gyear-form input[type="checkbox"] ~ label,
.gyear-form input[type="radio"] ~ label {
    /* font-size: .6666rem; */
    font-size: .75rem;
}

@media ( max-height: 700px ) and ( orientation: landscape ) {
        body .gyear-form:not(.gyear-compact-form) p,
        .gyear-form label,
        .gyear-form a,
        .gyear-form input,
        .gyear-form select,
        .gyear-form button,
        .gyear-form input[type="checkbox"] ~ label,
        .gyear-form input[type="radio"] ~ label {
        /* font-size: .75rem; */
        font-size: .5rem !important;
    }
    .gyear-form input[type="text"], .gyear-form input[type="email"], .gyear-form select {
        padding: 0.5rem !important;
    }
}

.gyear-form input[type="checkbox"],
.gyear-form input[type="radio"] {
    display: none;
}
.gyear-form input[type="checkbox"] ~ label::before,
.gyear-form input[type="radio"] ~ label::before {
    content: ' ';
    width: .5rem;
    height: .5rem;
    flex: 0 0 .5rem;
    margin-right: 0.5rem;
    background-color: var(--white);
    display: inline-block;
}
.gyear-form input[type="radio"] ~ label::before {
    border-radius: 50%;
}
.gyear-form input[type="checkbox"]:checked ~ label::before,
.gyear-form input[type="radio"]:checked ~ label::before {
    background-color: var(--yellow);
}

.gyear-form button[type="submit"] {
    background: var(--yellow);
    color: var(--blue);
    border: none;
    text-transform: uppercase;
    width: 160px;
    height: 35px;
    font-weight: 700;
    border-radius: 3px;
    font-family: 'Roboto Condensed', 'Roboto' , 'Helvetica', sans-serif;
}
.gyear-compact-form.gyear-form button[type="submit"] {
    position: absolute;
    /* height: 2.27rem; */
    height: 100%;
    right: 0;
    top: 0;
}
.gyear-1 img,
.gyear-1b img {
    width: 25%;
    object-fit: contain;
    object-position: bottom;
    margin: 0 auto;
}
.gyear-1 img:nth-child(1) { width: 19%; }
.gyear-1 img:nth-child(2) { width: 21%; }
.gyear-1 img:nth-child(3) { width: 23%; }

.gyear-1 .swiper-slide:nth-child(1) img { width: 70% !important; }
.gyear-1 .swiper-slide:nth-child(2) img { width: 80% !important; }
.gyear-1 .swiper-slide:nth-child(3) img { width: 90% !important; }
/* .gyear-1 .swiper-slide:nth-child(4) img { width: 100% !important; } */
.gyear-1 {
    position: relative;
    z-index: 1;
    margin-top: -6rem;
}
.gyear-1-disclaimer strong {
    color: var(--yellow) !important;
    font-size: 1.1rem;
}
#tires {
    width: 100%;
}
.gyear-1 .swiper-slide {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.gyear-1 .swiper-slide::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    background-image: linear-gradient(to top, var(--blue) 0%, transparent 30%, transparent 100%);
}
.discount-step-col {
    width: 25%;
}
.discount-step-col .discount-step img {
    display: block;
    height: 5.52rem;
    width: auto;
    margin: 0 auto;
}
.discount-step-col .discount-step h4 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1em;
    margin-top: var(--mp-xs);
}

.discount-step {
    border: 4px var(--white) solid;
    position: relative;
    z-index: 5;
    padding: 2rem 1rem 1rem;
}
.discount-step span {
    position: absolute;
    left: 50%;
    top: -.5rem;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    background-color: var(--blue);
    font-family: 'Roboto Condensed', 'Roboto', 'Helvetica', sans-serif;
    font-weight: 700;
}

.gyear-review-bar-wrapper {
    width: 100%;
    height: 5px;
    border-radius: 2.5px;
    position: relative;
    background-color: rgba(255,255,255,.3);
    display: block;
}
.gyear-review-bar {
    width: 5rem;
    height: 5px;
    border-radius: 2.5px;
    position: absolute;
    background-color: var(--yellow);
    transition: all 250ms ease;
}
.gyear-review-bar-wrapper.grb-summer .gyear-review-bar { left: 0%; transform: translate(0, 0); }
.gyear-review-bar-wrapper.grb-fourseasons .gyear-review-bar { left: 50%; transform: translate(-50%, 0); }
.gyear-review-bar-wrapper.grb-winter .gyear-review-bar { left: 100%; transform: translate(-100%, 0); }

.gyear-review-toggle {
    text-transform: uppercase;
    font-size: .8333rem;
    font-weight: 700;
    cursor: pointer;
    flex: 1 0 auto;
}
.gyear-review-toggle:nth-child(2) { text-align: center; }
.gyear-review-toggle:nth-child(3) { text-align: right; }

.gyear-review:not(.visible) {
    display: none;
}
.gyear-reviews-wrapper {
    padding: 4rem 2rem;
    background-color: rgba(112,112,112,.05);
}
.gyear-review {
    width: 66.6666%;
    margin: 0 auto;
}
.gyear-review p {
    margin-bottom: 1rem;
}
.gyear-review p:last-child {
    margin-bottom: 0;
}
.accordion {
    padding-bottom: 12px;
}
.accordion a {
    color: var(--yellow);
    text-decoration: none;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* margin-left: 0.75rem; */
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFDD00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* transform: none; */
}
.gyear-3b .btn {
    margin-left: 0 !important;
    margin-top: var(--mp-sm);
    width: fit-content;
    padding: 0;
    border: none;
}

.gyear-6b h4 {
    text-align: center;
    font-family: 'Roboto Condensed', 'Roboto', 'Helvetica', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6666rem;
}
.gyear-6b .accordion-button {
    color:inherit;
    background-color: transparent
}
.gyear-6b .accordion-item {
    background-color: transparent;
    -webkit-box-shadow: 12px 12px 8px -6px #000000;
    box-shadow: 12px 12px 8px -6px #000000;
}

/* .swiper-button-next:after,
.swiper-button-prev:after { content: none; } */
.swiper-button-next::after,
.swiper-button-prev::after {
    color: var(--white);
    font-size: 1rem !important;
}

#tires ~ .swiper-custom-nav {
    display: none;
}

@media ( max-width: 990.1px ) {
    .gyear-1 img, .gyear-1b img {
        width: 60% !important;
        margin-bottom: var(--mp-sm);
    }
    #tires ~ .swiper-custom-nav {
        display: block;
    }
}

@media ( max-width: 767.9px ) {
    #header > .container .logo {
        width: 12rem;
    }
    .title-1, .title-1 * {
        font-size: 2.35rem !important;
        line-height: 1em !important;
    }
    .gyear-hero {
        padding-top: 8rem;
        padding-bottom: var(--mp-lg);
    }
    .gyear-hero .title-1 {
        text-align: center;
    }
    .gyear-compact-form.gyear-form .d-flex.p-rel.flex-wrap {
        width: 100%;
    }
    .gyear-compact-form.gyear-form button[type="submit"] {
        position: relative;
        width: 100%;
        height: 2.27rem;
        margin-top: var(--mp-xs);
    }
    
    .gyear-review-bar-wrapper {
        display: none;
    }
    .gyear-review-toggle {
        text-align: center !important;
    }
    .swiper-button-next:after { content: 'next'; }
    .swiper-button-prev:after { content: 'prev'; }
    

    .gyear-1 img, .gyear-1b img {
        width: 100%;
    }
    .discount-step-col {
        width: 100%;
        margin-bottom: var(--mp-lg);
    }
    .discount-step-col:last-child { margin-bottom: 0; }
    footer .justify-content-between {
        flex-wrap: wrap;
    }
    body .gyear-form:not(.gyear-compact-form) p, .gyear-form label, .gyear-form a, .gyear-form input, .gyear-form select, .gyear-form button {
        padding: 0.3333rem 0.6666rem !important;
        font-size: 1rem !important;
    }
}
@media ( max-width: 425px ) {
    .btn {
        width: 100%;
    }
}

/* --- FOOTER --- */
footer a {
    color: var(--white);
    font-size: .6666rem;
    text-decoration: none;
}
footer a:hover { color: var(--yellow) }
.icon {
    width: 1rem;
    height: 1rem;
    margin: 0 1rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.icon.icon-fb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.001' height='24' viewBox='0 0 12.001 24'%3E%3Cpath id='_023-facebook' data-name='023-facebook' d='M16,3.985h2.191V.169A28.292,28.292,0,0,0,15,0C11.837,0,9.673,1.987,9.673,5.639V9H6.187v4.266H9.673V24h4.274V13.267h3.345L17.823,9H13.946V6.062c0-1.233.333-2.077,2.051-2.077Z' transform='translate(-6.187)' fill='%23fff'/%3E%3C/svg%3E%0A"); }
.icon.icon-gplus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='15' viewBox='0 0 24 15'%3E%3Cg id='_042-google_plus' data-name='042-google plus' transform='translate(0 -4.5)'%3E%3Cpath id='Tracciato_33' data-name='Tracciato 33' d='M21.823,9H19.636v2.177H17.459v2.187h2.177v2.177h2.187V13.364H24V11.177H21.823Z' fill='%23fff'/%3E%3Cpath id='Tracciato_34' data-name='Tracciato 34' d='M7.5,19.5c4.328,0,7.2-3.038,7.2-7.326a6.408,6.408,0,0,0-.122-1.248H7.5V13.5h4.257A4.062,4.062,0,0,1,7.5,16.737a4.738,4.738,0,0,1,0-9.475,4.213,4.213,0,0,1,2.988,1.156l2.036-1.954A7.172,7.172,0,0,0,7.5,4.5a7.5,7.5,0,0,0,0,15Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.icon.icon-ig { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='_044-instagram' data-name='044-instagram' transform='translate(0 -0.001)'%3E%3Cpath id='Tracciato_35' data-name='Tracciato 35' d='M12,5.838A6.158,6.158,0,1,0,18.162,12,6.157,6.157,0,0,0,12,5.838Zm0,10.155a4,4,0,1,1,4-4A4,4,0,0,1,12,15.993Z' fill='%23fff'/%3E%3Cpath id='Tracciato_36' data-name='Tracciato 36' d='M16.948.076c-2.208-.1-7.677-.1-9.887,0A7.172,7.172,0,0,0,2.025,2.017C-.283,4.325.012,7.435.012,12c0,4.668-.26,7.706,2.013,9.979C4.342,24.291,7.5,23.988,12,23.988c4.624,0,6.22,0,7.855-.63,2.223-.863,3.9-2.85,4.065-6.419.1-2.209.1-7.677,0-9.887-.2-4.213-2.459-6.768-6.976-6.976Zm3.5,20.372c-1.513,1.513-3.612,1.378-8.468,1.378-5,0-7.005.074-8.468-1.393-1.685-1.677-1.38-4.37-1.38-8.453,0-5.525-.567-9.5,4.978-9.788,1.274-.045,1.649-.06,4.856-.06l.045.03c5.329,0,9.51-.558,9.761,4.986.057,1.265.07,1.645.07,4.847,0,4.942.093,6.959-1.394,8.453Z' fill='%23fff'/%3E%3Ccircle id='Ellisse_12' data-name='Ellisse 12' cx='1.439' cy='1.439' r='1.439' transform='translate(16.967 4.156)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.icon.icon-tw { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19.5' viewBox='0 0 24 19.5'%3E%3Cpath id='_096-twitter' data-name='096-twitter' d='M21.534,7.113A9.822,9.822,0,0,0,24,4.559h0a10.276,10.276,0,0,1-2.835.777A4.894,4.894,0,0,0,23.33,2.616a9.845,9.845,0,0,1-3.12,1.191A4.92,4.92,0,0,0,11.7,7.171a5.066,5.066,0,0,0,.114,1.122A13.93,13.93,0,0,1,1.671,3.146,4.92,4.92,0,0,0,3.183,9.722,4.863,4.863,0,0,1,.96,9.116V9.17A4.943,4.943,0,0,0,4.9,14.005a4.893,4.893,0,0,1-1.29.162,4.343,4.343,0,0,1-.931-.084,4.969,4.969,0,0,0,4.6,3.428,9.89,9.89,0,0,1-6.1,2.1A9.306,9.306,0,0,1,0,19.542,13.856,13.856,0,0,0,7.548,21.75,13.908,13.908,0,0,0,21.534,7.113Z' transform='translate(0 -2.25)' fill='%23fff'/%3E%3C/svg%3E%0A"); }

@media ( max-width: 767.9px ) {
    footer a {
        width: 100%;
        text-align: center;
    }
}

.gyear-presentation a {
    text-decoration: none;
    margin: 1rem;
}
.gyear-presentation a:hover {
    color:var(--yellow)
}

/* --- STEP ONE --- */
.g-year-steps input[type="text"],
.g-year-steps input[type="submit"] {
    flex: 0 0 calc(50% - 2rem); 
    width: calc(50% - 2rem);
    margin: 0 1rem 1rem;
    font-size: .825rem;
    padding: 0.25rem 0.33rem;
}
.g-year-steps input[type="checkbox"],
.g-year-steps input[type="radio"] {
    width: auto;
    flex: 0 0 auto;
    margin-right: 1rem;
}
.g-year-steps input[type="checkbox"] {
    transform: translate(0, 2px);
    margin-bottom: .5rem;
}

.g-year-steps input[type="text"]#phone {
    display: block;
    padding-top: .1666rem;
    padding-bottom: .1666rem;
    margin-top: .25rem;
    margin-left: 0;

}

.g-year-steps label,
.g-year-step-2 p {
    /* font-size: .6666rem !important; */
    font-size: .75rem !important;
}
.g-year-steps select {
    font-size: .8rem;
    padding: 0.25rem .5rem;
    padding: 0.33rem 0.33rem 0.25rem;
}
.g-year-steps form > div {
    width: 100%;
}
.g-year-steps-1 form > div {
    margin-top: 5rem;
}
.g-year-steps form > div input[type="submit"] {
    background-color: var(--yellow);
    border: none;
    font-weight: 700;
    color: var(--blue);
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 1.08rem;
    display: block;
    margin: 0 auto;
    max-width: 250px;
    border-radius: .25rem;
}

.g-year-step-2.g-year-steps a.btn:hover,
.g-year-step-2.g-year-steps input[type="submit"]:hover,
.g-year-steps form > div input[type="submit"]:hover {
    background-image: linear-gradient(to top, var(--dark-yellow) 0%, var(--yellow) 100%);
}

.g-year-steps form > div a.back {
    display: inline-block;
    margin-top: 2rem;
    text-decoration: none;
}
.g-year-steps form > div a:hover {
    color: var(--white);
}


.buono-icon {
    width: 33%;
    min-width: 220px;
    margin: 0 auto;
}
@media ( max-width: 767.9px ) {
    .g-year-steps input {
        width: 100%;
        flex: 0 0 100%;
        margin: 0 0 1rem;
    }
    .g-year-steps label,
    .g-year-step-2 p {
        font-size: .8rem !important;
    }
    .g-year-steps input[type="radio"] {
        transform: translate(0, 6px);
    }
}