@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/application/themes/custom/css/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('/application/themes/custom/css/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/application/themes/custom/css/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/application/themes/custom/css/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/application/themes/custom/css/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')
}

@font-face {
    font-family: "Frutiger LT W03_45 Light";
    src: url("/application/themes/custom/css/fonts/1475732/c13b5491-0ad0-401e-8b39-03a88965ce5a.eot?#iefix");
    src: url("/application/themes/custom/css/fonts/1475732/c13b5491-0ad0-401e-8b39-03a88965ce5a.eot?#iefix") format("eot"),url("/application/themes/custom/css/fonts/1475732/1925eb3e-b843-445d-8072-f11f28e0562f.woff2") format("woff2"),url("/application/themes/custom/css/fonts/1475732/ef7e8467-66c5-4521-afc4-777f6cf72ec4.woff") format("woff"),url("/application/themes/custom/css/fonts/1475732/c1bbbd49-cc08-4ec8-a63d-8cbd6936c666.ttf") format("truetype")
}

@font-face {
    font-family: "Frutiger LT W03_55 Roman";
    src: url("/application/themes/custom/css/fonts/1475740/4ae7b88b-fb5d-4cb5-9888-78298ad2a973.eot?#iefix");
    src: url("/application/themes/custom/css/fonts/1475740/4ae7b88b-fb5d-4cb5-9888-78298ad2a973.eot?#iefix") format("eot"),url("/application/themes/custom/css/fonts/1475740/60cae32f-adbc-4849-a2a7-51f8148b3332.woff2") format("woff2"),url("/application/themes/custom/css/fonts/1475740/3963cec0-c35f-41fa-adb6-4ef3fc0bb056.woff") format("woff"),url("/application/themes/custom/css/fonts/1475740/95a1e677-b284-4b7e-86f9-b684fba2e7da.ttf") format("truetype")
}

@font-face {
    font-family: "Frutiger LT W03_65 Bold";
    src: url("/application/themes/custom/css/fonts/1475748/840b1eda-acf5-4788-867d-beaf576d7600.eot?#iefix");
    src: url("/application/themes/custom/css/fonts/1475748/840b1eda-acf5-4788-867d-beaf576d7600.eot?#iefix") format("eot"),url("/application/themes/custom/css/fonts/1475748/be2eb9d5-ee74-4084-b711-fe64163d1439.woff2") format("woff2"),url("/application/themes/custom/css/fonts/1475748/8b1cbfbd-4fa3-4330-8e32-552125871646.woff") format("woff"),url("/application/themes/custom/css/fonts/1475748/9b0d5970-235c-47a8-b94d-a7fe9dea7585.ttf") format("truetype")
}

@media (min-width: 991.9px) {
    .alcohol {
        display:table;
        width: 100%;
        font-size: 22px;
        font-size: 2.2rem;
        color: inherit
    }

    .alcohol .form-stacked {
        -ms-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        clear: both;
        display: table;
        margin: 0 -5px;
        padding: 10px 5px 0;
        width: calc(100% + 10px)
    }

    .alcohol .ccm-form {
        margin: 0 0 34px;
        display: table-cell;
        vertical-align: middle
    }
}

.alcohol .form-stacked {
    margin: 0 -5px
}

@media (max-width: 991.9px) {
    .alcohol .ccm-form .mb-3 {
        margin:0 0 30px
    }
}

.alcohol .ccm-form .button-link.blue {
    display: block;
    margin: 0 0 12.5px
}

.alcohol .ccm-form div.alert {
    padding: 26px 30px 27px;
    transform: translateY(-20px);
    background-color: rgba(217,217,217,0.88) !important;
    color: #000000;
    border: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.alcohol .ccm-form div.alert p {
    margin: 0
}

.alcohol .ccm-form div.alert p+ul {
    margin-top: 13px
}

.alcohol .commands {
    text-align: right;
    margin: 0
}

.alcohol fieldset.step .grid .right-col .radio-group {
    margin: -4px -5px
}

.alcohol fieldset.step .grid .right-col .radio {
    padding: 4px 5px;
    display: inline-flex;
    width: auto
}

.alcohol fieldset.step .grid .right-col .radio input[type="radio"] {
    border-radius: 26px
}

.alcohol fieldset.step .grid .right-col .radio label:not([class]) span {
    border-radius: 26px;
    font-weight: 600;
    background-color: #c0e9e6;
    border: 1px solid #69C652
}

.alcohol fieldset.step .grid .right-col .radio label:not([class]) input:checked+span {
    background-color: #97E5DF;
    color: #112554
}

@media (min-width: 1024px) {
    .alcohol fieldset.step .grid .right-col .box+div.calc-wrapper {
        margin:auto 0 auto auto;
        padding: 80px 0;
        align-items: right;
        justify-content: right
    }

    .alcohol fieldset.step .grid .right-col .radio-group {
        display: table
    }

    .alcohol fieldset.step .grid .right-col .radio-group .radio {
        display: table-cell
    }
}

.alcohol div.calc-wrapper,.alcohol div.calc-wrapper .results-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.alcohol div.calc-wrapper .commands {
    text-align: center
}

.alcohol div.calc-wrapper .results-circle {
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 2.1rem;
    border: 4px solid #c0e9e6;
    padding: 25px 40px 72px;
    margin: auto 0 67px;
    height: 396px;
    width: 396px;
    background-color: #112554;
    justify-content: space-between;
    gap: 10px
}

.alcohol div.calc-wrapper .results-circle img,.alcohol div.calc-wrapper .results-circle .calc-text,.alcohol div.calc-wrapper .results-circle .units {
    display: block;
    margin: auto
}

.alcohol div.calc-wrapper .results-circle .units {
    font-size: 45px
}

.alcohol div.calc-wrapper .results-circle .units span {
    line-height: 1
}

.alcohol .thankyou .button-link {
    margin-top: 44px
}

.alcohol legend,.alcohol label.form-label,.alcohol .at-display_text>p,.alcohol .form-display-text>ul>li {
    color: inherit;
    font-size: inherit;
    border: none;
    padding-left: 0
}

.alcohol .privacy_policy .control-label {
    display: none
}
.alcohol *.form-label ,
.alcohol .at-display_text>p{
         font-weight: 500; 
        font-size: 2.4rem;
         margin: 0 0 5px;
       
}
.alcohol #step-0  .at-display_text>p{
         font-weight: 500; 
        font-size: 2.4rem;
        margin: 0 0 2.9rem;
        font-weight: 400; 
    }
  .alcohol #step-0   *.form-label {
         margin: unset;
        font-size:2rem;
    }
    
    .alcohol form:focus {
        outline: none
    }
    .alcohol #step-0  .at-select label.form-label {
    width: 1px;
    height: 1px;
    position: absolute;
    top: auto;
    left: -9999px;
    overflow: hidden;
}


.alcohol .text-muted {
    display: inline-flex;
    font-size: 2rem;
    line-height: 2.9rem;
    opacity: 0;
    color: #FFFFFF;
    margin-left: 0;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.alcohol .error .text-muted {
    text-shadow: 2px 2px 0 #8A1538,-2px 2px 0 #8A1538,-2px -2px 0 #8A1538,2px -2px 0 #8A1538;
    opacity: 1
}

.alcohol .checkbox input {
    margin: 0 0 0 17px;
    position: relative;
    transform: scale(1.2)
}

.alcohol .boolean.error input {
    outline: 3px solid #b61c4a
}

.alcohol .boolean.error .text-muted {
    margin-right: 8px;
    background-color: rgba(255,255,255,0.87);
    padding: 0 4px;
    line-height: unset
}

.alcohol .boolean .text-muted,.alcohol .radios .text-muted {
    float: left;
    height: 3.1rem
}

@media (min-width: 769px) {
    .alcohol .button-link {
        font-size:2.2rem;
        line-height: 1;
        padding: 18px 29px 18px
    }

    .alcohol .button-link.arrow-right {
        padding-right: 65px
    }

    .alcohol .button-link.arrow-left {
        padding-left: 65px
    }

    .alcohol .button-link:after {
        font-size: 23px;
        width: 23px;
        height: 23px
    }
}

.alcohol fieldset.step {
    position: relative;
    display: none
}

.alcohol fieldset.step .radio {
    display: flex;
    width: 100%;
    position: relative
}

.alcohol fieldset.step .radio input[type="radio"] {
    background-color: transparent;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    appearance: none;
    border: 0;
    border-radius: 6px;
    -webkit-appearance: none
}

.alcohol fieldset.step .radio i {
    font-size: 0;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.alcohol fieldset.step .radio i.fa-check {
    font-size: 22px;
    font-size: 2.2rem
}

.alcohol fieldset.step .radio .radio {
    margin-bottom: 4px
}

.alcohol fieldset.step .radio label:not([class]) {
    padding: 0;
    display: flex;
    position: relative;
    width: 100%
}

.alcohol fieldset.step .radio label:not([class])>span {
    background-color: #FFFFFF;
    color: #393939;
    border-radius: 6px;
    text-shadow: none;
    padding: 15px 24px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    width: 100%
}

.alcohol fieldset.step .radio label:not([class])>span span.score {
    display: none
}

@media (min-width: 1199.9px) {
    .alcohol fieldset.step .radio label:not([class])>span {
        padding:14px 35px
    }
}

.alcohol fieldset.step .radio label:not([class]) input:checked+span {
    background-color: #c0e9e6;
    color: #003087;
    font-weight: 600
}

.alcohol fieldset.step .radio label:not([class]) input:checked+span.text,.alcohol fieldset.step .radio label:not([class]) input:checked+span span.text {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1px
}

.alcohol fieldset.step span.circle {
    border-radius: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center
}

.alcohol fieldset.step span.circle img {
    max-height: 87px;
    max-width: 87px
}

.alcohol fieldset.step button[aria-controls] {
    background-color: #FFFFFF;
    color: #425563;
    border-radius: 11px;
    display: block;
    text-shadow: none;
    padding: 14px 35px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border-color: #FFFFFF;
    appearance: none;
    box-shadow: none;
    margin-bottom: 5px
}

.alcohol fieldset.step button[aria-controls] i {
    position: absolute;
    font-size: 30px;
    right: 12px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 30px;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.alcohol fieldset.step button[aria-controls][aria-expanded="true"] i {
    transform: scaleY(-1)
}

.alcohol fieldset.step button[aria-controls] span {
    display: block;
    font-size: 1.6rem;
    color: inherit
}

.alcohol fieldset.step button[aria-controls] span.name {
    font-size: 2.25rem;
    font-weight: bold
}

.alcohol fieldset.step button[aria-controls] {
    border-color: #005EB8;
    color: #FFFFFF;
    background-color: #005EB8
}

.alcohol fieldset.step button.drink {
    padding: 5px 115px 5px 35px;
    background-color: #112554;
    color: #FFFFFF;
    vertical-align: middle;
    min-height: 115px
}

.alcohol fieldset.step button.drink span.abv {
    margin-top: 20px
}

.alcohol fieldset.step button.drink span.circle {
    display: flex;
    background-color: #c0e9e6;
    height: 100px;
    width: 100px;
    position: absolute
}

.alcohol fieldset.step button.drink span.circle img {
    max-height: 84px;
    max-width: 33px
}

.alcohol fieldset.step button.drink:hover,.alcohol fieldset.step button.drink:focus {
    color: #005EB8;
    background-color: #FFFFFF
}

.alcohol fieldset.step button.drink:hover span.img,.alcohol fieldset.step button.drink:focus span.img {
    background: #97E5DF
}

.alcohol fieldset.step .drink-size {
    text-shadow: none;
    display: flex;
    background-color: #c0e9e6;
    border-radius: 11px;
    padding: 11px 4px 11px 35px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
    border-color: #FFFFFF;
    margin-bottom: 5px;
    color: #112554;
    width: 100%;
    justify-content: space-between
}

.alcohol fieldset.step .drink-size .btn {
    padding: 3px;
    background-color: transparent;
    color: #112554;
    width: 2.8rem;
    height: 2.8rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 2rem;
    font-size: 22px;
    font-size: 2.2rem
}

.alcohol fieldset.step .drink-size .btn+.btn {
    margin-top: 4px
}

.alcohol fieldset.step .drink-size .btn:hover {
    background-color: #112554;
    color: #FFFFFF
}

.alcohol fieldset.step .drink-size span.name {
    margin-top: 8px
}

.alcohol fieldset.step .drink-size span {
    display: block;
    font-size: 1.6rem;
    color: inherit;
    font-weight: bold
}

.alcohol fieldset.step .drink-size span.name {
    font-size: 2.4rem;
    font-weight: bold
}

.alcohol fieldset.step .drink-size .size-wrap {
    display: flex;
    flex-grow: 1;
    margin: auto 0 auto auto
}

.alcohol fieldset.step .drink-size .size-text {
    display: flex;
    flex-grow: 1;
    align-content: space-around;
    flex-direction: column
}

.alcohol fieldset.step .drink-size .size-btns {
    display: flex;
    margin: auto 0 auto auto;
    flex-direction: column
}

.alcohol fieldset.step .drink-size span.circle {
    display: flex;
    margin: auto 0 auto 10px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: #393939;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 22.5px;
    font-size: 2.25rem
}

.alcohol fieldset.step .drink-size[data-count="0"] span.circle {
    font-weight: normal;
    color: #768692
}

.alcohol fieldset.step input:-webkit-autofill,.alcohol fieldset.step input:-webkit-autofill:hover,.alcohol fieldset.step input:-webkit-autofill:focus,.alcohol fieldset.step textarea:-webkit-autofill,.alcohol fieldset.step textarea:-webkit-autofill:hover,.alcohol fieldset.step textarea:-webkit-autofill:focus,.alcohol fieldset.step select:-webkit-autofill,.alcohol fieldset.step select:-webkit-autofill:hover,.alcohol fieldset.step select:-webkit-autofill:focus {
    -webkit-text-fill-color: #AE2573;
    transition: background-color 5000s ease-in-out 0s
}

.alcohol fieldset.step .grid ul.btn-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.alcohol fieldset.step .grid ul.btn-list.drink-sizes {
    margin: 0
}

@media (min-width: 991.9px) {
    .alcohol fieldset.step .grid {
        display:flex
    }

    .alcohol fieldset.step .grid .box {
        width: 53%;
        display: flex;
        flex-direction: column;
        flex-wrap: 1
    }

    .alcohol fieldset.step .grid .box+div {
        margin: auto 0 0 auto;
        padding: 50px 0
    }
}

.alcohol #step-0 {
    display: block
}

.alcohol .form-control::placeholder{
        font-style:normal;
    font-weight:bold;
    color:#767676;
}

.alcohol #step-0 .at-display_text {
    margin: 0
}

.alcohol #step-0 .grid label.form-label {
    margin: 0 0 20px
}

@media (min-width: 991.9px) {
    .alcohol #step-0 .grid {
        display:flex
    }

    .alcohol #step-0 .grid label.form-label {
        margin: 0 0 2.9rem;
    }

    .alcohol #step-0 .grid .left-col {
        width: 46.9%;
        padding: 0 6.4% 50px 0;
        border-right: 1px solid rgba(255,255,255,0.5);
        display: flex;
        flex-direction: column;
        flex-wrap: 1;
        justify-content: end;
        gap: 40px;
    }

    .alcohol #step-0 .grid .right-col {
        padding: 0 5.14% 50px 6.35%;
        display: flex;
        margin: auto 0 0;
        flex-direction: column;
        gap: 40px;
        width: 51.9%;
    }
}

.alcohol .form-actions {
    display: none
}

.alcohol .image_file {
    display: inline-block;
    margin-top: 42px
}

.alcohol .image_file label {
    margin: 0
}

.alcohol .image_file input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.alcohol .image_file.focus {
    outline: thin solid;
    outline: 4px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.alcohol textarea.form-contorl,.alcohol input.form-control,.alcohol select.form-select {
    border-color: #FFFFFF;
    color: #393939;
    border-radius: 6px;
    text-shadow: none;
    padding: 10px 35px;
    font-size: 20px;
    font-size: 2rem;
    cursor: pointer;
    width: 100%;
    background-color: #FFFFFF;
}

.alcohol .at-select {
    position: relative
}

.alcohol .step:not(.box) .at-select label.form-label {
    width: 1px;
    height: 1px;
    position: absolute;
    top: auto;
    left: -9999px;
    overflow: hidden
}

.alcohol .at-select .single-accordion-content {
    padding: 5px 0
}

.alcohol .at-select .radio {
    margin: 0;
    padding: 2px 0
}

.alcohol .at-select select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.53 11.45 2.2 6.1a.66.66 0 0 1 0-.94l.63-.62a.66.66 0 0 1 .93 0L8 8.78l4.25-4.23a.66.66 0 0 1 .93 0l.63.62a.66.66 0 0 1 0 .94l-5.34 5.34a.66.66 0 0 1-.94 0Z'/%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 20px 28px
}

.alcohol .at-select select>* {
    color: #393939
}

.alcohol .at-select select.valid {
    background-color: #c0e9e6;
    color: #112554;
    font-weight: bold
}

.alcohol .at-select select.valid>* {
    background-color: #FFFFFF
}

.alcohol .at-select select>option:checked {
    background: #97E5DF;
    color: #112554
}

.alcohol .was-validated select:invalid {
    border-color: #8A1538
}

.alcohol .error input[type],.alcohol .error select,.alcohol .error span.span-check,.alcohol .error button.drink-list-contoller,.alcohol .error .number {
    outline: 3px solid #b61c4a
}

.alcohol .error .size-btns button.btn {
    color: #8A1538
}

.alcohol a.prev+div {
    display: inline
}

@media (max-width: 699.9px) {
    .alcohol fieldset.step button[aria-controls] {
        padding:13px 15px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .alcohol textarea.form-contorl,.alcohol input.form-control,.alcohol select.form-select {
        padding: 10px 15px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .alcohol fieldset.step .drink-size {
        padding: 11px 4px 11px 15px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .alcohol fieldset.step button[aria-controls] span.name {
        font-size: 2rem;
        line-height: 1.25
    }

    .alcohol fieldset.step button.drink span.circle {
        height: 75px;
        width: 75px
    }

    .alcohol fieldset.step button.drink span.circle img {
        max-height: 63px;
        max-width: 27px
    }

    .alcohol fieldset.step button.drink {
        padding: 5px 90px 5px 15px;
        min-height: 90px;
        white-space: wrap
    }

    .alcohol fieldset.step button.drink span.abv {
        margin-top: 10px
    }

    .alcohol fieldset.step .drink-size span.circle {
        height: 45px;
        width: 45px;
        margin: auto 0 auto 8px
    }

    .alcohol fieldset.step .grid .right-col .radio label:not([class]) span {
        padding: 14px 15px;
        font-size: 1.6rem
    }
}

@media (max-width: 1199.9px) {
    .alcohol div.calc-wrapper .results-circle {
        color:#FFFFFF;
        font-size: 2rem;
        height: 350px;
        width: 350px;
        padding: 4% 20px 9%;
        gap: 6px
    }

    .alcohol div.calc-wrapper .results-circle img {
        width: 75px
    }

    .alcohol div.calc-wrapper .results-circle .units {
        font-size: 3.2rem
    }
}

@media (max-width: 599.9px) {
    .alcohol div.calc-wrapper .results-circle {
        color:#FFFFFF;
        font-size: 1.7rem;
        height: 300px;
        width: 300px;
        padding: 4% 20px 9%;
        max-width: calc(100vw - 60px);
        max-height: calc(100vw - 60px);
        gap: 6px
    }

    .alcohol div.calc-wrapper .results-circle img {
        width: 64px;
        max-height: calc(100vw - 230px)
    }

    .alcohol div.calc-wrapper .results-circle .units {
        font-size: 2.6rem
    }
}

@media (min-width: 1024px) {
   .alcohol .at-number input.ccm-input-number, .alcohol .at-select select,.alcohol span.check {
        min-height:48px
    }
}
