.produit .prod-labels li.label-ble .icon {
	background: url(../../img/prod-labels-fr.png) 0 0 no-repeat;
}
.produit .prod-labels li.label-huile .icon {
	background: url(../../img/prod-labels-fr.png) -60px 0 no-repeat;
}
.produit .prod-labels li.label-conservateur .icon {
	background: url(../../img/prod-labels-fr.png) -120px 0 no-repeat;
}
.produit .prod-labels li.label-colorants .icon {
	background: url(../../img/prod-labels-fr.png) -180px 0 no-repeat;
}
.produit .prod-labels li.label-sel .icon {
	background: url(../../img/prod-labels-fr.png) -240px 0 no-repeat;
}
.produit .prod-labels li.label-sucre .icon {
	background: url(../../img/prod-labels-fr.png) -300px 0 no-repeat;
}
.produit .prod-labels li.label-cereales .icon {
	background: url(../../img/prod-labels-fr.png) -360px 0 no-repeat;
}
.produit .prod-labels li.label-fibre .icon {
	background: url(../../img/prod-labels-fr.png) -420px 0 no-repeat;
}
.produit .prod-labels li.label-ab .icon {
	background: url(../../img/prod-labels-fr.png) -480px 0 no-repeat;
}
.produit .prod-labels li.label-bio .icon {
	width: 66px;
	background: url(../../img/prod-labels-fr.png) -540px 0 no-repeat;
}
.produit .prod-labels li.label-fruitsfrancais .icon {
	background: url(../../img/prod-labels-fr.png) -606px 0 no-repeat;
}
.produit .prod-labels li.label-vegetal .icon {
	background: url(../../img/prod-labels-fr.png) -666px 0 no-repeat;
}
.produit .prod-labels li.label-aromes .icon {
	background: url(../../img/prod-labels-fr.png) -726px 0 no-repeat;
}
.produit .prod-labels li.label-chocolatalpes .icon {
	background: url(../../img/prod-labels-fr.png) -786px 0 no-repeat;
}
/* BURGER */
@font-face {
    font-family: "Bowlby One SC";
    src: url("../../fonts/BowlbyOneSC-Regular.woff2") format("woff2"),url("../../fonts/BowlbyOneSC-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../../fonts/Poppins-Black.woff2") format("woff2"),url("../../fonts/Poppins-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url("../../fonts/Poppins-Regular.woff2") format("woff2"),url("../../fonts/Poppins-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Medium.woff2") format("woff2"),url("../../fonts/Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url("../../fonts/Roboto-Regular.woff2") format("woff2"),url("../../fonts/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bree';
    src: url('../../fonts/Bree-Light.woff2') format('woff2'),
        url('../../fonts/Bree-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../../fonts/Bree-Regular.woff2') format('woff2'),
        url('../../fonts/Bree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../../fonts/Bree-Bold.woff2') format('woff2'),
        url('../../fonts/Bree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

#burger-main {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0;
    font-size: 10px;
}

#burger-main #burger-home {
    background-color: #a4d0ff
}

#burger-main #burger-gamme,#burger-main #burger-inspirations {
    background-color: #ffb547
}

#burger-main #burger-logo {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 5rem;
    z-index: 5
}

#burger-main #burger-logo h1 {
    position: relative;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    background: url(/sites/static/img/burger/logo-burger.png) center/contain no-repeat;
    z-index: 3
}

#burger-main #burger-logo .illus-before {
    position: absolute;
    display: block;
    background: url(/sites/static/img/burger/logo-before.png) center/contain no-repeat
}

#burger-main #burger-logo .illus-after {
    position: absolute;
    display: block;
    background: url(/sites/static/img/burger/logo-after.png) center/contain no-repeat
}

#burger-main #burger-logo .illus-after:after {
    content: "";
    position: absolute;
    background: url(/sites/static/img/burger/arrow-1.svg) center/contain no-repeat
}

#burger-main h2 {
    position: relative;
    display: inline-block;
    font: 400 3rem/5rem "Bowlby One SC",sans-serif;
    color: #172667;
    margin: 0 auto 10rem;
    padding: 0 .5rem;
    max-width: 900px;
    z-index: 5
}

#burger-main .quotations-left {
    display: inline-block;
    width: 5rem;
    height: 3rem;
    margin-left: -5rem;
    margin-right: 0;
    background: url(/sites/static/img/burger/quotations-left.svg) center/contain no-repeat
}

#burger-main .quotations-right {
    display: inline-block;
    width: 5rem;
    height: 3rem;
    margin-left: 0;
    margin-right: -5rem;
    background: url(/sites/static/img/burger/quotations-right.svg) center/contain no-repeat
}

#burger-main #burger-infos {
    position: relative;
    display: block;
    max-width: 440px;
    width: 80%;
    margin: 0 auto;
    padding: 3rem;
    border-radius: 3rem;
    background: #fff;
    z-index: 5
}

#burger-main #burger-infos .content {
    position: relative;
    width: calc(100% + 6rem);
    height: 100%;
    margin: -3rem;
    padding: 3rem;
    z-index: 5
}

#burger-main #burger-infos .content:before {
    content: "";
    position: absolute;
    left: -5rem;
    bottom: -5rem;
    width: 6rem;
    height: 6rem;
    background: url(/sites/static/img/burger/quotations-round-left.svg) center/contain no-repeat
}

#burger-main #burger-infos .content:after {
    content: "";
    position: absolute;
    right: -5rem;
    top: -5rem;
    width: 6rem;
    height: 6rem;
    background: url(/sites/static/img/burger/quotations-round-right.svg) center/contain no-repeat
}

#burger-main #burger-infos:before {
    content: "";
    position: absolute;
    left: -60px;
    top: -80px;
    width: 88px;
    height: 88px;
    background: url(/sites/static/img/burger/infos-before.png) center/contain no-repeat
}

#burger-main #burger-infos:after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -50px;
    width: 95px;
    height: 95px;
    background: url(/sites/static/img/burger/infos-after.png) center/contain no-repeat
}

#burger-main #burger-infos p,#burger-main #burger-intro .content p {
    color: #172667;
    font: 500 1.55rem/2.1rem Roboto,sans-serif;
    text-align: left
}

#burger-main #burger-cta {
    position: relative;
    width: 66%;
    margin: -8rem auto 5rem;
    z-index: 5
}

#burger-main #burger-cta.with-arrow:before {
    content: "";
    position: absolute;
    top: -90%;
    right: -5%;
    width: 153px;
    height: 230px;
    background: url(/sites/static/img/burger/arrow-2.svg) center/contain no-repeat
}

#burger-main #burger-cta p {
    position: relative;
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 60%;
    background: url(/sites/static/img/burger/cta-home.png) center/contain no-repeat
}

#burger-main #burger-cta p a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-5deg);
    transform-origin: center center
}

#burger-main #burger-cta p a:hover {
    transform: translate(-50%,-50%) scale(1.1)
}

#burger-main #burger-header {
    position: relative;
    padding: 12rem 1rem 5rem
}

#burger-main #burger-header h1 {
    position: relative;
    display: inline-block;
    font: 400 3rem/5rem "Bowlby One SC",sans-serif;
    color: #172667;
    margin: 0 0 10rem;
    padding: 0 1.5rem;
    max-width: 900px;
    z-index: 5
}

#burger-main #burger-header h1.with-quotes {
    margin: 0 2rem 10rem
}

#burger-main #burger-header h1 .quotations-left {
    width: 6rem;
    height: 6rem;
    margin-top: -6rem;
    background: url(/sites/static/img/burger/quotations-round-top.svg) center/contain no-repeat
}

#burger-main #burger-header h1 .quotations-right {
    width: 5.5rem;
    height: 5.5rem;
    margin-top: -5rem;
    background: url(/sites/static/img/burger/quotations-round-bottom.svg) center/contain no-repeat
}

#burger-main #burger-header.with-burger {
    position: relative
}

#burger-main #burger-header.with-burger:after {
    position: absolute;
    content: "";
    bottom: 10rem;
    left: 67.5%;
    width: 6rem;
    height: 6rem;
    background: url(/sites/static/img/burger/infos-before.png) center/contain no-repeat;
    z-index: 6;
    box-shadow: none
}

#burger-main #burger-header a {
    position: absolute;
    top: 4rem;
    left: 4rem
}

#burger-main #burger-swiper {
    position: relative;
    z-index: 5;
    max-width: 840px;
    width: 75%;
    margin: 0 auto 10rem;
    padding: 0 1rem 10rem;
    overflow: visible
}

#burger-main #burger-swiper .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#burger-main #burger-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffb547;
    border: .75rem solid #fff;
    transition: background .35s cubic-bezier(.34, 1.56, .64, 1),transform .35s cubic-bezier(.34, 1.56, .64, 1)
}

#burger-main #burger-swiper .swiper-button-next:hover,#burger-main #burger-swiper .swiper-button-prev:hover,#burger-main #burger-swiper .swiper-pagination .swiper-pagination-bullet:hover,#burger-main a.burger-btn.burger-btn-big:hover {
    transform: scale(1.1)
}

#burger-main #burger-swiper .swiper-button-prev:before,.ico {
    transform: rotate(90deg)
}

#burger-main #burger-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    border: .75rem solid #fff
}

#burger-main #burger-swiper .swiper-button-next:before,#burger-main #burger-swiper .swiper-button-prev:before {
    background: url(/sites/static/img/burger/arrow-back.svg) center/contain no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    content: "";
    width: 100%
}

#burger-main #viewer-content,#burger-main #viewer-img {
    max-width: 100%;
    border-radius: 2rem
}

#burger-main #burger-swiper .swiper-button-prev {
    left: -6rem;
    top: calc(50% - 8rem);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1)
}

#burger-main #burger-swiper .swiper-button-next {
    right: -6rem;
    top: calc(50% - 8rem);
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1)
}

#burger-main #burger-swiper .swiper-button-next:before {
    transform: rotate(-90deg)
}

#burger-main #burger-swiper .swiper-slide:nth-child(3n+1) .swiper-burger {
    background-color: #d4a9e8
}

#burger-main #burger-swiper .swiper-slide:nth-child(3n+2) .swiper-burger {
    background-color: #83b8a5
}

#burger-main #burger-swiper .swiper-slide:nth-child(3n+3) .swiper-burger,#burger-main .burger-menu .burger-btn-red span {
    background-color: #ff5f5f
}

#burger-main #burger-swiper .swiper-burger {
    border-radius: 4rem;
    padding: 1rem;
    min-height: 380px
}

#burger-main #burger-swiper .swiper-burger>* {
    pointer-events: none
}

#burger-main #burger-swiper .swiper-burger img {
    border-radius: 3rem;
    max-width: 100%;
    height: auto
}

#burger-main #burger-swiper .swiper-burger h3 {
    font: 900 2.25rem/2.5rem Poppins,sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 2rem 1rem 1rem
}

#burger-main #burger-swiper .swiper-burger p {
    font: 1.5rem/2rem Poppins,sans-serif;
    color: #fff;
    margin: 1rem
}

#burger-main #burger-swiper p {
    font: 1.5rem/2rem Roboto,sans-serif;
    color: #fff;
    margin: 1rem 0
}

#burger-main .swiper-burger {
    cursor: pointer;
    transition: .3s
}

#burger-main .viewer {
    display: none;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,.5);
    padding-top: 5rem
}

#burger-main #viewer-content {
    position: relative;
    margin: auto;
    display: inline-block;
    padding: 1rem;
    transform-origin: center center;
    animation-name: zoom-in;
    animation-duration: .3s
}

#burger-main #viewer-content.zoom-out {
    animation-name: zoom-out
}

#burger-main #viewer-title {
    font: 400 3rem/3.5rem "Bowlby One SC",sans-serif;
    margin: 0 auto;
    padding: 6rem 1rem 1rem;
    text-transform: uppercase;
    color: #fff
}

@keyframes zoom-in {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoom-out {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

#burger-main .viewer-close {
    position: absolute;
    pointer-events: all;
    cursor: pointer;
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 700px) {
    #burger-main .viewer-content {
        width:100%
    }
}

#burger-main h4 {
    position: relative;
    display: inline-block;
    font: 400 2rem/2.5rem "Bowlby One SC",sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 5rem auto 10rem
}

#burger-main h4:before {
    content: "";
    position: absolute;
    left: -12rem;
    bottom: 0;
    width: 12rem;
    height: 15rem;
    background: url(/sites/static/img/burger/arrow-3.svg) center/contain no-repeat
}

#burger-main #burger-bubble {
    position: relative;
    display: block;
    max-width: 800px;
    width: 80%;
    margin: 0 auto;
    padding: 3rem
}

#burger-main #burger-bubble .content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4rem 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 50
}

#burger-main #burger-bubble .content p {
    position: relative;
    display: block;
    width: 100%;
    font: 400 3rem/4.5rem "Bowlby One SC",sans-serif;
    color: #172667;
    margin: 0;
    padding: 0 5rem;
    max-width: 900px;
    text-align: center
}

#burger-main #burger-bubble .content p:after {
    content: "";
    position: absolute;
    bottom: -14rem;
    left: -12rem;
    width: 10rem;
    height: 9rem;
    background: url(/sites/static/img/burger/bubble-after.png) center/contain no-repeat
}

#burger-main #burger-bubble .content p .hx-7:after {
    border: .175rem solid #172667;
    box-shadow: none;
    left: -1rem;
    top: 0;
    width: calc(100% + 2rem);
    height: 100%
}

#burger-main #burger-bubbles {
    padding: 0 2rem;
    margin: -5rem auto 0
}

#burger-main #burger-bubbles .burger-bubble-bottom-right {
    position: absolute;
    bottom: 60%;
    right: 230px
}

#burger-main #burger-bubbles .burger-bubble-top-left .content {
    background: -moz-linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%);
    background: -webkit-linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%);
    background: linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%)
}

#burger-main #burger-bubbles .burger-bubble-top-left .content:before {
    content: "";
    position: absolute;
    top: .6rem;
    right: .6rem;
    bottom: .6rem;
    left: .6rem;
    background: #fff;
    border-radius: 1.65rem;
    z-index: 1
}

#burger-main #burger-bubbles .burger-bubble-top-left .content p,#burger-main .word {
    position: relative;
    z-index: 5
}

#burger-main #burger-bubbles .burger-bubble-top-right {
    position: absolute;
    top: 70%;
    right: 230px
}

#burger-main #burger-bubbles .burger-bubble-top-right span {
    position: absolute;
    top: -30px;
    left: -12px;
    display: block;
    width: 70px;
    height: 62px;
    background: url(/sites/static/img/burger/icon-savoirfaire.png) center/contain no-repeat
}

#burger-main #burger-bubbles .burger-bubble-bottom-left {
    position: absolute;
    bottom: 60%;
    left: 230px
}

#burger-main #burger-bubbles .burger-bubble-top-left {
    position: absolute;
    top: 70%;
    left: 230px
}

#burger-main #burger-bubbles .burger-bubble-top-left span {
    position: absolute;
    top: -30px;
    right: -12px;
    display: block;
    width: 60px;
    height: 68px;
    background: url(/sites/static/img/burger/icon-palme.png) center/contain no-repeat
}

@media screen and (max-width: 767px) {
    #burger-main #burger-bubble {
        width:100%;
        padding: 2rem
    }

    #burger-main #burger-bubble .content p {
        font: 400 2.5rem/4rem "Bowlby One SC",sans-serif;
        padding: 0 1rem
    }

    #burger-main #burger-bubbles {
        margin: -5rem auto 10rem
    }

    #burger-main #burger-bubbles .col-12:first-child {
        position: relative;
        text-align: right;
        z-index: 6;
        margin-bottom: 25%
    }

    #burger-main #burger-bubbles .col-12:first-child img {
        max-width: 260px
    }

    #burger-main #burger-bubbles .col-12:last-child {
        position: relative;
        text-align: left;
        z-index: 5
    }

    #burger-main #burger-bubbles .col-12:last-child img {
        max-width: 260px;
        margin-top: 5rem
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    #burger-main #burger-bubbles {
        max-width:680px
    }
}

@media screen and (min-width: 768px) {
    #burger-main #burger-bubbles .col-12:first-child {
        position:relative;
        text-align: right;
        z-index: 6;
        margin-bottom: 15%
    }

    #burger-main #burger-bubbles .col-12:first-child img {
        max-width: 260px;
        margin-right: -3rem
    }

    #burger-main #burger-bubbles .col-12:last-child {
        position: relative;
        text-align: left;
        z-index: 5
    }

    #burger-main #burger-bubbles .col-12:last-child img {
        max-width: 260px;
        margin-top: 5rem;
        margin-left: -3rem
    }
}

@media screen and (max-width: 480px) {
    #burger-main #burger-header h1,#burger-main h2 {
        font:400 2.2rem/3.5rem "Bowlby One SC",sans-serif
    }

    #burger-main #burger-cta {
        width: 70%
    }

    #burger-main #burger-cta p a {
        transform: translate(-50%,-60%) rotate(-5deg)
    }

    #burger-main #burger-header h1 .quotations-left {
        width: 4rem;
        height: 4rem;
        margin-top: -4rem
    }

    #burger-main #burger-header h1 .quotations-right {
        width: 3.5rem;
        height: 3.5rem;
        margin-top: -3.5rem
    }

    #burger-main #burger-header {
        padding: 6rem 1rem 2.5rem
    }

    #burger-main #burger-header.with-burger:after {
        display: none
    }

    #burger-main #burger-header h1.with-quotes {
        margin: 2rem 2rem 6rem
    }

    #burger-main #burger-header h1.with-quotes:before {
        left: 4rem;
        top: -2rem;
        width: 3rem;
        height: 3rem
    }

    #burger-main #burger-header h1.with-quotes:after {
        right: -1rem;
        bottom: 3rem;
        width: 3rem;
        height: 3rem
    }

    #burger-main #burger-header a {
        top: 2rem;
        left: 2rem
    }

    #burger-main #burger-swiper .swiper-button-prev {
        left: -4.5rem
    }

    #burger-main #burger-swiper .swiper-button-next {
        right: -4.5rem
    }

    #burger-main #burger-bubble .content p {
        font: 400 1.5rem/2.5rem "Bowlby One SC",sans-serif
    }

    #burger-main #burger-bubbles .burger-bubble-top-right span {
        top: -20px;
        left: -4px;
        width: 46px;
        height: 42px
    }

    #burger-main #burger-bubbles .burger-bubble-top-left span {
        top: -14px;
        right: -4px;
        width: 40px;
        height: 46px
    }

    #burger-main #burger-bubbles .burger-bubble-bottom-right,#burger-main #burger-bubbles .burger-bubble-top-right {
        right: 210px
    }

    #burger-main #burger-bubbles .burger-bubble-bottom-left,#burger-main #burger-bubbles .burger-bubble-top-left {
        left: 210px
    }

    #burger-main #burger-bubbles .col-12:first-child img,#burger-main #burger-bubbles .col-12:last-child img {
        max-width: 220px
    }

    #burger-main #burger-bubbles .content p,#burger-main #burger-bubbles .content ul {
        font: 500 1.3rem/2rem Roboto,sans-serif;
        letter-spacing: -.025rem
    }
}

@media screen and (max-width: 400px) {
    #burger-main #burger-bubbles .col-12:first-child {
        margin-bottom:50%
    }

    #burger-main #burger-bubbles .burger-bubble-bottom-right,#burger-main #burger-bubbles .burger-bubble-top-right {
        right: 175px
    }

    #burger-main #burger-bubbles .burger-bubble-bottom-left,#burger-main #burger-bubbles .burger-bubble-top-left {
        left: 175px
    }

    #burger-main #burger-bubbles .col-12:first-child img,#burger-main #burger-bubbles .col-12:last-child img {
        max-width: 185px
    }
}

#burger-main #burger-intro {
    position: relative;
    max-width: 320px;
    margin: -5rem 2.5rem 0 auto;
    float: right;
    transform: rotate(8deg)
}

@media screen and (min-width: 480px) {
    #burger-main #burger-intro {
        margin-right:5rem
    }
}

#burger-main #burger-intro:before {
    content: "";
    position: absolute;
    top: -60%;
    left: -20rem;
    width: 22rem;
    height: 24rem;
    background: url(/sites/static/img/burger/arrow-4.svg) center/contain no-repeat
}

#burger-main #burger-intro:after {
    content: "";
    position: absolute;
    bottom: -75%;
    right: -6rem;
    width: 14rem;
    height: 10rem;
    background: url(/sites/static/img/burger/intro-after.png) center/contain no-repeat
}

#burger-main .burger-bubble {
    filter: drop-shadow(4px 2px 3px rgba(0, 0, 0, .25))
}

#burger-main .burger-bubble .content {
    background: #fff;
    padding: 2rem;
    border-radius: 2rem
}

#burger-main .burger-bubble .content p {
    color: #172667;
    margin: 1rem 0 .35rem
}

#burger-main .burger-bubble .content p.text-center {
    text-align: center
}

#burger-main .burger-bubble .content ul {
    margin: 0;
    padding: 0 0 1rem;
    color: #172667
}

#burger-main .burger-bubble .content ul li {
    list-style: circle inside
}

#burger-main .burger-bubble-big .content:after {
    content: "";
    position: absolute;
    width: 122px;
    height: 99px;
    left: -31px;
    bottom: -38px;
    background: #fff;
    clip-path: path("M31.1,0c0,0.1,0,0.1,0,0.2c0,13.4-3.1,26.8-9.9,39.2l-20,44.5c-4.8,8.8,7.5,17.5,19.3,13.6L70,75.1c14.5-8.9,32.9-13.6,51.8-13.5L31.1,0z")
}

#burger-main .burger-bubble-top-left {
    transform-origin: left top
}

#burger-main .burger-bubble-top-left .content:after {
    content: "";
    position: absolute;
    width: 122px;
    height: 99px;
    left: -56px;
    top: -39px;
    background: #4458cc;
    clip-path: path("M31.1,0c0,0.1,0,0.1,0,0.2c0,13.4-3.1,26.8-9.9,39.2l-20,44.5c-4.8,8.8,7.5,17.5,19.3,13.6L70,75.1c14.5-8.9,32.9-13.6,51.8-13.5L31.1,0z");
    transform: rotate(90deg) scale(.35)
}

#burger-main .burger-bubble-bottom-left .content:after,#burger-main .burger-bubble-top-right .content:after {
    background: #fff;
    width: 122px;
    height: 99px;
    clip-path: path("M31.1,0c0,0.1,0,0.1,0,0.2c0,13.4-3.1,26.8-9.9,39.2l-20,44.5c-4.8,8.8,7.5,17.5,19.3,13.6L70,75.1c14.5-8.9,32.9-13.6,51.8-13.5L31.1,0z");
    position: absolute;
    content: ""
}

#burger-main .burger-bubble-bottom-left {
    transform-origin: left bottom
}

#burger-main .burger-bubble-bottom-left .content:after {
    left: -51px;
    bottom: -45px;
    transform: scale(.35)
}

#burger-main .burger-bubble-top-right .content:after {
    right: -51px;
    top: -45px;
    transform: rotate(180deg) scale(.35)
}

#burger-main .burger-bubble-bottom-right {
    transform-origin: right bottom
}

#burger-main .burger-bubble-bottom-right .content:after {
    content: "";
    position: absolute;
    width: 122px;
    height: 99px;
    right: -56px;
    bottom: -39px;
    background: #ff4d4d;
    clip-path: path("M31.1,0c0,0.1,0,0.1,0,0.2c0,13.4-3.1,26.8-9.9,39.2l-20,44.5c-4.8,8.8,7.5,17.5,19.3,13.6L70,75.1c14.5-8.9,32.9-13.6,51.8-13.5L31.1,0z");
    transform: rotate(270deg) scale(.35)
}

#burger-main #burger-packs {
    position: relative;
    z-index: 3;
    margin: 5rem 2rem 2rem
}

#burger-main #burger-packs img {
    max-width: 600px;
    width: 100%;
    height: auto
}

#burger-main #burger-ingredients h2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4rem;
    width: 6rem;
    height: 8rem;
    background: url(/sites/static/img/burger/arrow-5.svg) center/contain no-repeat
}

#burger-main .burger-nutri h3 {
    position: relative;
    display: inline-block;
    font: 400 2rem/3rem "Bowlby One SC",sans-serif;
    color: #172667;
    margin: 0 0 .25rem;
    padding: 0 .5rem;
    max-width: 400px;
    z-index: 6
}

#burger-main .burger-nutri .hx-7:after {
    top: 0;
    height: 100%
}

#burger-main .burger-nutri .burger-nutri-content {
    position: relative;
    padding: 2rem;
    margin: 0 0 5rem;
    border-radius: 4rem;
    transform: rotate(.5deg)
}

#burger-main .burger-nutri .burger-nutri-content .burger-nutri-pack {
    position: absolute;
    width: 15rem;
    z-index: 6
}

#burger-main .burger-nutri .burger-nutri-content .burger-nutri-pack img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 640px) {
    #burger-main .burger-nutri .burger-nutri-content .burger-nutri-pack {
        display:none
    }
}

#burger-main .burger-nutri .burger-nutri-content .table-responsive {
    border: none!important
}
#burger-main .burger-nutri .burger-nutri-content .table-responsive table,
#burger-main .burger-nutri .burger-nutri-content .table-responsive table.table > :not(caption) > * > *  {
    background: none;
}
#burger-main #burger-nutri {
    padding: 10rem 2rem 0;
    margin-bottom: -2rem
}

#burger-main #burger-nutri-classique.burger-nutri .burger-nutri-content {
    background: #172667
}

#burger-main #burger-nutri-classique.burger-nutri .burger-nutri-content .burger-nutri-pack {
    transform: rotate(25deg);
    top: -8rem;
    right: -8rem
}

#burger-main #burger-nutri-classique.burger-nutri .burger-nutri-content .burger-nutri-pack:after {
    content: "";
    position: absolute;
    left: -4rem;
    top: -2rem;
    width: 4rem;
    height: 4rem;
    background: url(/sites/static/img/burger/quotations-round-right.svg) center/contain no-repeat;
    transform: scale(-1,1)
}

#burger-main #burger-nutri-classique.burger-nutri .table>tbody>tr>td,#burger-main #burger-nutri-classique.burger-nutri .table>tbody>tr>th,#burger-main #burger-nutri-classique.burger-nutri .table>tfoot>tr>td,#burger-main #burger-nutri-classique.burger-nutri .table>tfoot>tr>th,#burger-main #burger-nutri-classique.burger-nutri .table>thead>tr>td,#burger-main #burger-nutri-classique.burger-nutri .table>thead>tr>th {
    border-bottom: 1px solid #fff;
    padding: .75rem .25rem;
    color: #fff;
    font: 1rem/1.2rem Roboto,sans-serif
}

#burger-main #burger-nutri-brioche.burger-nutri .table>thead>tr>td,#burger-main #burger-nutri-brioche.burger-nutri .table>thead>tr>th,#burger-main #burger-nutri-classique.burger-nutri .table>thead>tr>td,#burger-main #burger-nutri-classique.burger-nutri .table>thead>tr>th {
    font: 500 1rem/1.2rem Roboto,sans-serif
}

#burger-main #burger-nutri-classique.burger-nutri .prod-more {
    color: #fff;
    font: 1rem/1.2rem Roboto,sans-serif;
    text-align: left
}

#burger-main #burger-nutri-brioche.burger-nutri .burger-nutri-content {
    background: #fff
}

#burger-main #burger-nutri-brioche.burger-nutri .burger-nutri-content .burger-nutri-pack {
    transform: rotate(-30deg);
    top: -8rem;
    right: -7rem
}

#burger-main #burger-nutri-brioche.burger-nutri .burger-nutri-content .burger-nutri-pack:after {
    content: "";
    position: absolute;
    right: -4rem;
    top: -1rem;
    width: 4rem;
    height: 4rem;
    background: url(/sites/static/img/burger/quotations-round-right.svg) center/contain no-repeat
}

@media screen and (max-width: 991px) {
    #burger-main #burger-nutri-classique.burger-nutri .burger-nutri-content .burger-nutri-pack {
        right:-5rem
    }

    #burger-main #burger-nutri-brioche.burger-nutri .burger-nutri-content .burger-nutri-pack {
        top: -9rem;
        right: -5rem
    }
}

#burger-main #burger-nutri-brioche.burger-nutri .table>tbody>tr>td,#burger-main #burger-nutri-brioche.burger-nutri .table>tbody>tr>th,#burger-main #burger-nutri-brioche.burger-nutri .table>tfoot>tr>td,#burger-main #burger-nutri-brioche.burger-nutri .table>tfoot>tr>th,#burger-main #burger-nutri-brioche.burger-nutri .table>thead>tr>td,#burger-main #burger-nutri-brioche.burger-nutri .table>thead>tr>th {
    border-bottom: 1px solid #172667;
    padding: .75rem .25rem;
    color: #172667;
    font: 1rem/1.2rem Roboto,sans-serif
}

#burger-main #burger-nutri-brioche.burger-nutri .prod-more {
    color: #172667;
    font: 1rem/1.2rem Roboto,sans-serif;
    text-align: left
}

@media screen and (min-width: 768px) {
    #burger-main #burger-intro {
        margin-right:10rem
    }

    #burger-main .burger-nutri h3 {
        font: 400 1.85rem/2.5rem "Bowlby One SC",sans-serif;
        padding: 0 5rem 0 0;
        text-align: left
    }

    #burger-main #burger-nutri {
        padding: 10rem 6.5rem 2rem
    }

    #burger-main #burger-nutri-brioche {
        margin-top: 5rem
    }
}

#burger-main .btn-top {
    display: block;
    width: 48px;
    height: 48px;
    margin: 1em auto
}

#burger-main .btn-top .ico {
    transform: rotate(-180deg)
}

#burger-main .burger-menu {
    position: relative;
    display: block;
    margin: 5rem 2rem;
    padding: 0 8rem 0 0;
    text-align: left;
    float: right
}

#burger-main .burger-menu:before {
    content: "";
    position: absolute;
    left: -5rem;
    top: 6rem;
    width: 8rem;
    height: 100%;
    background: url(/sites/static/img/burger/arrow-menu.svg) left top/contain no-repeat
}

#burger-main .burger-menu:after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 2rem;
    width: 6rem;
    height: 6rem;
    background: url(/sites/static/img/burger/quotations-round-right.svg) center/contain no-repeat
}

#burger-main .burger-menu h3 {
    color: #172667;
    font: 500 2.5rem/2.5rem Roboto,sans-serif;
    transform: rotate(-10deg);
    margin: 0 0 2rem;
    padding: 0
}

#burger-main .burger-menu a,#burger-main a.burger-btn {
    text-decoration: none;
    z-index: 4;
    margin: 1.5rem 0 3rem;
    transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
    position: relative;
    text-align: center
}

#burger-main .burger-menu .burger-nav {
    position: relative;
    display: flex;
    flex-direction: column
}

#burger-main .hx,#burger-main .word,#burger-main .word>.char,#burger-main a.burger-btn,.ico .circle {
    display: inline-block
}

#burger-main .burger-menu a {
    display: inline-block;
    outline: 0
}

#burger-main .burger-menu a span,#burger-main a.burger-btn span {
    position: relative;
    font: 400 1.5rem/2rem "Bowlby One SC",sans-serif;
    padding: .5rem 2rem;
    margin: 0 auto;
    border-radius: 2rem;
    border: 1px solid #fff;
    text-align: center;
    color: #fff
}

#burger-main .burger-menu a span:before,#burger-main a.burger-btn span:before {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1rem;
    right: -1rem;
    bottom: -1rem;
    border-radius: 4rem;
    z-index: -1;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.3)
}

#burger-main .burger-menu a:last-child {
    transform: rotate(5deg);
    margin-left: 5rem
}

#burger-main .burger-menu a:first-child:hover {
    transform: rotate(-2deg) scale(1.1)
}

#burger-main .burger-menu a:last-child:hover {
    transform: rotate(2deg) scale(1.1)
}

#burger-main .burger-menu .burger-btn-green span {
    background-color: #93db86
}

#burger-main .burger-menu .burger-btn-green span:before {
    background: #93db86
}

#burger-main .burger-menu .burger-btn-red span:before {
    background: #ff5f5f
}

#burger-main .burger-menu .burger-btn-purple span {
    background-color: #dba4ff
}

#burger-main .burger-menu .burger-btn-purple span:before {
    background: #dba4ff
}

#burger-main a.burger-btn.burger-btn-big span {
    font: 400 2.5rem/3rem "Bowlby One SC",sans-serif;
    border-radius: 3rem;
    border: 3px solid #fff;
    color: #fff;
    background-color: #172667
}

#burger-main a.burger-btn.burger-btn-big:before {
    content: "";
    position: absolute;
    top: -2rem;
    left: -1rem;
    right: -1rem;
    bottom: -2rem;
    background: #172667;
    border-radius: 5rem;
    z-index: -1;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.3)
}

#burger-main .hx {
    background: 0 0;
    color: #172667;
    position: relative;
    z-index: 1;
    margin: 0 1rem
}

#burger-main .hx .hx-flag {
    position: relative;
    z-index: 1
}

#burger-main .hx .hx-flag:before,#burger-main .hx-7:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.3)
}

#burger-main .hx .hx-flag:before {
    top: -.35rem;
    right: -1.25rem;
    bottom: -.35rem;
    left: -1.25rem;
    background: -moz-linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%);
    background: -webkit-linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%);
    background: linear-gradient(90deg,#4458cc 0,#4458cc 30.9%,#fff 31%,#fff 50%,#fff 69%,#ff4d4d 69.1%,#ff4d4d 100%);
    border-radius: 1.75rem
}

#burger-main .hx .hx-flag:after {
    content: "";
    position: absolute;
    top: .25rem;
    right: -.5rem;
    bottom: .25rem;
    left: -.5rem;
    background-color: #fff;
    border-radius: 1.25rem;
    z-index: 0
}

#burger-main .hx-7 {
    --after-height: 0%;
    --after-height-final: 75%;
    --color-bg-highlight: #fff
}

#burger-main .hx-7:after {
    left: -.5rem;
    top: .5rem;
    width: calc(100% + 1rem);
    height: var(--after-height);
    background: var(--color-bg-highlight);
    border-radius: 1rem
}

@media screen and (max-width: 767px) {
    #burger-main #burger-ingredients h2:before {
        top:25%
    }

    #burger-main .hx:after {
        top: .5rem
    }

    #burger-main #burger-home h1 {
        width: 150px;
        height: 210px
    }

    #burger-main #burger-home #burger-logo {
        padding-bottom: 5rem
    }

    #burger-main #burger-home #burger-logo .illus-before {
        right: 0;
        top: 22.5%;
        width: 127px;
        height: 78px;
        background: url(/sites/static/img/burger/logo-after.png) center/contain no-repeat;
        transform: rotate(-35deg)
    }

    #burger-main #burger-home #burger-logo .illus-after {
        left: 5%;
        top: 70%;
        width: 90%;
        height: 85px;
        background: url(/sites/static/img/burger/logo-before.png) left center/contain no-repeat;
        transform: rotate(5deg)
    }

    #burger-main #burger-home #burger-logo .illus-after:after {
        content: "";
        position: absolute;
        top: -25%;
        right: 0;
        width: 80px;
        height: 77px;
        background: url(/sites/static/img/burger/arrow-1.svg) center/contain no-repeat
    }

    #burger-main #burger-home h2 {
        font: 400 2.2rem/3.5rem "Bowlby One SC",sans-serif;
        padding: 0 1rem
    }

    #burger-main #burger-home h2.with-quotations {
        padding: 0 3rem
    }

    #burger-main #burger-home h2 .quotations-left {
        width: 3rem;
        height: 2rem;
        margin-left: -3rem;
        margin-right: 0
    }

    #burger-main #burger-home h2 .quotations-right {
        width: 3rem;
        height: 2rem;
        margin-left: 0;
        margin-right: -3rem
    }

    #burger-main #burger-home #burger-infos .content {
        padding: 2rem
    }

    #burger-main #burger-home #burger-infos .content p {
        margin: 0
    }

    #burger-main #burger-home #burger-infos .content:before {
        left: -3rem;
        bottom: -3rem;
        width: 4rem;
        height: 4rem
    }

    #burger-main #burger-home #burger-infos .content:after {
        right: -3rem;
        top: -3rem;
        width: 4rem;
        height: 4rem
    }

    #burger-main #burger-home #burger-infos:before {
        left: -35px;
        top: -35px;
        width: 60px;
        height: 60px;
        transform: rotate(25deg)
    }

    #burger-main #burger-home #burger-infos:after {
        right: -30px;
        bottom: -40px;
        width: 72px;
        height: 72px
    }

    #burger-main #burger-home #burger-cta {
        width: 95%;
        margin: 0 auto 5rem
    }

    #burger-main #burger-home #burger-cta:before {
        display: none
    }

    #burger-main #burger-home #burger-cta p {
        padding-bottom: 75%;
        background: url(/sites/static/img/burger/cta-home-mobile.png) center/contain no-repeat
    }

    #burger-main #burger-home #burger-cta p a {
        margin: -.5rem auto 0
    }
}

@media screen and (max-width: 767px) and (max-width:480px) {
    #burger-main #burger-home #burger-cta {
        width:75%
    }
}

@media screen and (max-width: 767px) and (max-width:380px) {
    #burger-main #burger-home #burger-cta {
        width:85%
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    #burger-main #burger-home h1 {
        width:188px;
        height: 252px
    }

    #burger-main #burger-home #burger-logo .illus-before {
        left: 5%;
        top: 10%;
        width: 184px;
        height: 142px
    }

    #burger-main #burger-home #burger-logo .illus-after {
        right: 5%;
        top: 10%;
        width: 211px;
        height: 130px
    }

    #burger-main #burger-home #burger-logo .illus-after:after {
        top: 105%;
        left: 15%;
        width: 120px;
        height: 116px
    }
}

@media screen and (min-width: 992px) {
    #burger-main #burger-intro {
        margin-right:20rem
    }

    #burger-main #burger-packs .col-12:first-child {
        text-align: right
    }

    #burger-main #burger-packs .col-12:last-child {
        text-align: left
    }

    #burger-main #burger-packs img {
        max-width: 440px
    }

    #burger-main #burger-nutri-brioche {
        margin-top: 15rem
    }

    #burger-main #burger-home h1 {
        width: 282px;
        height: 378px
    }

    #burger-main #burger-home #burger-logo .illus-before {
        left: 5%;
        top: 10%;
        width: 276px;
        height: 213px
    }

    #burger-main #burger-home #burger-logo .illus-after {
        right: 5%;
        top: 10%;
        width: 317px;
        height: 196px
    }

    #burger-main #burger-home #burger-logo .illus-after:after {
        top: 105%;
        left: 15%;
        width: 160px;
        height: 154px
    }
}

.burger-step {
    width: 100%;
    position: relative
}

#burger-home-part1 {
    padding-bottom: 15rem
}

#burger-gamme-part1,#burger-gamme-part2,#burger-home-part2,#burger-inspirations-part1 {
    padding-bottom: 6rem
}

#burger-gamme-part3 {
    padding-bottom: 0
}

#burger-inspirations-part2 {
    padding-bottom: 12.5rem
}

#burger-inspirations-part2 .polaroids {
    z-index: 6
}

.polaroids {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ico,.svg {
    position: relative
}

.ico,.ico .circle {
    height: 48px;
    width: 48px
}

.polaroids span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
    transform-origin: center
}

.polaroids #pola-01 {
    position: absolute;
    top: 60%;
    left: 0;
    width: 22%
}

.polaroids #pola-01 span {
    background: url(/sites/static/img/burger/pola-01.png) center/contain no-repeat
}

.polaroids #pola-02 {
    position: absolute;
    top: 55%;
    right: 0;
    width: 22%
}

.polaroids #pola-02 span {
    background: url(/sites/static/img/burger/pola-02.png) center/contain no-repeat
}

.polaroids #pola-03,.polaroids #pola-14 {
    position: absolute;
    top: 10%;
    left: 0;
    width: 18%
}

.polaroids #pola-03 span {
    background: url(/sites/static/img/burger/pola-03.png) center/contain no-repeat
}

.polaroids #pola-04,.polaroids #pola-07 {
    position: absolute;
    top: 15%;
    right: 0;
    width: 18%
}

.polaroids #pola-04 span {
    background: url(/sites/static/img/burger/pola-04.png) center/contain no-repeat
}

.polaroids #pola-05 {
    position: absolute;
    top: 60%;
    left: 0;
    width: 18%
}

.polaroids #pola-05 span {
    background: url(/sites/static/img/burger/pola-05.png) center/contain no-repeat
}

.polaroids #pola-06,.polaroids #pola-16 {
    position: absolute;
    top: 65%;
    right: 0;
    width: 18%
}

.polaroids #pola-06 span {
    background: url(/sites/static/img/burger/pola-06.png) center/contain no-repeat
}

.polaroids #pola-07 span {
    background: url(/sites/static/img/burger/pola-07.png) center/contain no-repeat
}

.polaroids #pola-08 {
    position: absolute;
    top: 35%;
    left: 0;
    width: 18%
}

.polaroids #pola-08 span {
    background: url(/sites/static/img/burger/pola-08.png) center/contain no-repeat
}

.polaroids #pola-09 {
    position: absolute;
    top: 90%;
    left: 0;
    width: 18%
}

.polaroids #pola-10,.polaroids #pola-11,.polaroids #pola-12,.polaroids #pola-13 {
    width: 20%;
    position: absolute
}

.polaroids #pola-09 span {
    background: url(/sites/static/img/burger/pola-09.png) center/contain no-repeat
}

.polaroids #pola-10 {
    bottom: 45%;
    left: -10%
}

.polaroids #pola-10 span {
    background: url(/sites/static/img/burger/pola-10.png) center/contain no-repeat
}

.polaroids #pola-11 {
    bottom: 45%;
    right: -10%
}

.polaroids #pola-11 span {
    background: url(/sites/static/img/burger/pola-11.png) center/contain no-repeat
}

.polaroids #pola-12 {
    bottom: 15%;
    left: -10%
}

.polaroids #pola-12 span {
    background: url(/sites/static/img/burger/pola-12.png) center/contain no-repeat
}

.polaroids #pola-13 {
    bottom: 15%;
    right: -10%
}

.polaroids #pola-13 span {
    background: url(/sites/static/img/burger/pola-13.png) center/contain no-repeat
}

.polaroids #pola-14 span {
    background: url(/sites/static/img/burger/pola-14.png) center/contain no-repeat
}

.polaroids #pola-15 {
    position: absolute;
    top: 70%;
    left: 0;
    width: 18%
}

.polaroids #pola-15 span {
    background: url(/sites/static/img/burger/pola-15.png) center/contain no-repeat
}

.polaroids #pola-16 span {
    background: url(/sites/static/img/burger/pola-16.png) center/contain no-repeat
}

.polaroids #hashtag-01 {
    position: absolute;
    top: -30%;
    left: 0;
    width: 18%
}

.polaroids #hashtag-01 span {
    background: url(/sites/static/img/burger/hashtag-01.png) center/contain no-repeat
}

.polaroids #hashtag-02 {
    position: absolute;
    top: -22.5%;
    right: 0;
    width: 18%
}

.polaroids #hashtag-02 span {
    background: url(/sites/static/img/burger/hashtag-02.png) center/contain no-repeat
}

.polaroids #hashtag-03 {
    position: absolute;
    top: 40%;
    right: 0;
    width: 18%
}

.polaroids #hashtag-03 span {
    background: url(/sites/static/img/burger/hashtag-03.png) center/contain no-repeat
}

@media screen and (max-width: 767px) {
    .polaroids #pola-04 {
        top:20%
    }

    .polaroids #pola-05 {
        top: 70%
    }

    .polaroids #pola-06 {
        top: 87.5%
    }
}

@media screen and (max-width: 740px) {
    .polaroids #hashtag-01 {
        width:22.5%;
        top: auto;
        bottom: 95%
    }

    .polaroids #hashtag-02 {
        width: 22.5%;
        top: auto;
        bottom: 85%
    }

    .polaroids #hashtag-03 {
        width: 22.5%;
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width: 480px) {
    #burger-main #burger-intro:before {
        display:none
    }

    #burger-main #burger-intro:after {
        width: 10rem;
        height: 8rem;
        right: -3rem;
        bottom: -75%
    }

    #burger-main .burger-bubble .content {
        padding: 1rem 2rem
    }

    #burger-main #burger-nutri {
        padding: 7.5rem 2rem 0
    }

    #burger-main .burger-menu:after {
        right: -1rem;
        top: 1rem;
        width: 4rem;
        height: 4rem
    }

    #burger-main .burger-menu {
        padding: 0 2rem 0 0;
        margin: 2rem 0;
        transform: scale(.8)
    }

    #burger-main a.burger-btn.burger-btn-big:hover {
        transform: scale(.8)
    }

    #burger-main a.burger-btn.burger-btn-big span {
        font: 400 1.8rem/2.5rem "Bowlby One SC",sans-serif
    }

    #burger-home-part1 {
        padding-bottom: 17.5rem
    }

    .polaroids #pola-01 {
        top: auto;
        bottom: 2.5%;
        width: 22%
    }

    .polaroids #pola-02 {
        top: auto;
        bottom: 0;
        width: 22%
    }

    .polaroids #pola-03 {
        top: 30%;
        left: -5%;
        width: 25%
    }

    .polaroids #pola-04 {
        top: 28.5%;
        width: 25%
    }

    .polaroids #pola-05,.polaroids #pola-06 {
        top: 75%;
        width: 25%
    }

    .polaroids #pola-07 {
        top: 25%;
        width: 25%
    }

    .polaroids #pola-08 {
        top: 42.5%;
        width: 25%
    }

    .polaroids #hashtag-01,.polaroids #hashtag-02,.polaroids #pola-09 {
        width: 25%
    }

    .polaroids #pola-10 {
        bottom: 45%;
        width: 22.5%;
        margin-left: -5%
    }

    .polaroids #pola-11 {
        bottom: 45%;
        width: 22.5%;
        margin-right: -5%
    }

    .polaroids #pola-12 {
        bottom: 20%;
        width: 22.5%;
        margin-left: -2.5%
    }

    .polaroids #pola-13 {
        bottom: 20%;
        width: 22.5%;
        margin-right: -2.5%
    }

    .polaroids #pola-14 {
        width: 20%;
        top: 20%
    }

    .polaroids #pola-15 {
        width: 20%;
        top: 75%
    }

    .polaroids #pola-16 {
        width: 20%;
        top: 65%
    }

    .polaroids #hashtag-03 {
        width: 25%;
        top: auto;
        bottom: 15%
    }
}

@media screen and (max-width: 375px) {
    .polaroids #pola-03 {
        top:37.5%
    }

    .polaroids #pola-04 {
        top: 35%
    }

    .polaroids #pola-05 {
        top: 80%
    }

    .polaroids #pola-06 {
        top: 82.5%
    }
}

@media screen and (min-width: 420px) and (max-width:480px) {
    .polaroids #pola-08 {
        top:30%
    }
}

@media screen and (min-width: 400px) and (max-width:419px) {
    .polaroids #pola-08 {
        top:32.5%
    }
}

@media screen and (min-width: 380px) and (max-width:399px) {
    .polaroids #pola-08 {
        top:37.5%
    }
}

@media screen and (min-width: 360px) and (max-width:379px) {
    .polaroids #pola-08 {
        top:40%
    }
}

.clearfix {
    clear: both
}

.ico {
    display: block;
    margin: 0 auto;
    text-align: center;
    filter: url("#goo")
}

.ico .circle {
    background: #ffe566;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: 0%
}

.ico .circle.circle-top {
    height: 16px;
    width: 20px;
    z-index: 0;
    top: 50%
}

.ico .circle.circle-bottom {
    height: 16px;
    width: 20px;
    z-index: 9;
    bottom: 0
}

.ico .st-arrow {
    fill: #FFF;
    perspective: 9000px;
    transform: translateZ(0);
    transform-origin: bottom
}

.ico:hover .circle.circle-top {
    top: 0;
    animation: 2s cubic-bezier(.77,0,.175,1) infinite blob-1-anim
}

.ico:hover .circle.circle-bottom {
    animation: 2s cubic-bezier(.77,0,.175,1) infinite blob-2-anim
}

.ico:hover .st-arrow {
    animation: 2s cubic-bezier(.77,0,.175,1) infinite forwards scrolly
}

.svg {
    z-index: 9
}

@keyframes blob-1-anim {
    0%,100%,24% {
        transform: translateX(-50%) translateY(0)
    }

    14% {
        transform: translateX(-50%) translateY(-8px)
    }
}

@keyframes blob-2-anim {
    0%,100%,30%,70% {
        transform: scale(1) translate(-50%,8px)
    }

    95% {
        transform: scale(1) translate(-50%,22px)
    }
}

@keyframes scrolly {
    0% {
        transform: translate3d(0,-150%,0) rotateX(90deg) scale(.5) skewX(3deg)
    }

    30%,70% {
        transform: translate3d(0,0,0) rotateX(0) scale(1) skewX(0)
    }

    100%,95% {
        transform: translate3d(0,50%,0) rotateX(-90deg) scale(.5) skewX(-3deg)
    }
}

#burger-main .burger-bubble .content p,#burger-main .burger-bubble .content ul {
    letter-spacing: -.025rem;
    text-align: left;
    font: 500 1.55rem/2.1rem Roboto,sans-serif
}

#burger-main #burger-bubble .content p,#burger-main #burger-header h1,#burger-main .burger-nutri h3,#burger-main h2 {
    text-transform: uppercase;
    text-wrap: balance
}

#burger-main .burger-menu a:first-child, #burger-main h4 {
    transform: rotate(-5deg)
}

#burger-main .hx, #burger-main a.burger-btn {
    white-space: nowrap
}

#push-bretzel {
	background: url('../../img/push-bretzel.png') center center / contain no-repeat;
	width: 100%;
	height: 120px;
	margin: 1em auto 1em;
	line-height: 120px;
}
@media screen and (min-width: 767px) {
	#push-bretzel {
		max-width: 520px;
		height: 238px;
		line-height: 238px;
	}
}