@font-face {
    font-family: BryantPro-Regular;
    src: url(../fonts/BryantPro-Regular.eot);
    src: local('☺'), url(../fonts/BryantPro-Regular.woff) format('woff'), url(../fonts/BryantPro-Regular.ttf) format('truetype'), url(../fonts/BryantPro-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Regular;
    src: url(../fonts/BryantPro-Bold.eot);
    src: local('☺'), url(../fonts/BryantPro-Bold.woff) format('woff'), url(../fonts/BryantPro-Bold.ttf) format('truetype'), url(../fonts/BryantPro-Bold.svg) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Regular;
    src: url(../fonts/BryantPro-Light.eot);
    src: local('☺'), url(../fonts/BryantPro-Light.woff) format('woff'), url(../fonts/BryantPro-Light.ttf) format('truetype'), url(../fonts/BryantPro-Light.svg) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Regular;
    src: url(../fonts/BryantPro-Medium.eot);
    src: local('☺'), url(../fonts/BryantPro-Medium.woff) format('woff'), url(../fonts/BryantPro-Medium.ttf) format('truetype'), url(../fonts/BryantPro-Medium.svg) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Bold;
    src: url(../fonts/BryantPro-Bold.eot);
    src: local('☺'), url(../fonts/BryantPro-Bold.woff) format('woff'), url(../fonts/BryantPro-Bold.ttf) format('truetype'), url(../fonts/BryantPro-Bold.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Light;
    src: url(../fonts/BryantPro-Light.eot);
    src: local('☺'), url(../fonts/BryantPro-Light.woff) format('woff'), url(../fonts/BryantPro-Light.ttf) format('truetype'), url(../fonts/BryantPro-Light.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BryantPro-Medium;
    src: url(../fonts/BryantPro-Medium.eot);
    src: local('☺'), url(../fonts/BryantPro-Medium.woff) format('woff'), url(../fonts/BryantPro-Medium.ttf) format('truetype'), url(../fonts/BryantPro-Medium.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.bryantPro-Regular {
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.bryantPro-Light {
    font-family: BryantPro-Light, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.bryantPro-Medium {
    font-family: BryantPro-Medium, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.bryantPro-Bold {
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer;
    outline: 0;
    pointer-events: all
}

.hide {
    display: initial;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important;
    pointer-events: none !important;
    transition: all .5s
}

.fadedout {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    pointer-events: none !important;
    transition: all .5s
}

.show {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    pointer-events: all
}

.hide-top {
    transform: translateY(-100%);
    position: absolute
}

.clear:after, .clear:before {
    content: ' ';
    display: table
}

.clear:after {
    clear: both
}

.freeze {
    max-height: 100%;
    overflow: hidden
}

.absolute-centered {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.absolute-centered-h {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.absolute-centered-v {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.translate-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.translate-centered-h {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

.translate-centered-v {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.no-transition {
    transition: all 0s
}

.block {
    display: block
}

.image {
    display: block
}

*, ::after, ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent
}

/*body, html {*/
/*    width: 100%;*/
/*    height: 100%*/
/*}*/

body {
    color: #231f20;
    background: #dbe9ed;
    font-size: 1em;
    line-height: 1.2;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.wrapper {
    height: 100%
}

iframe {
    transition: all 0s
}

img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

input {
    width: 100%;
    -webkit-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important
}

input::-webkit-input-placeholder {
    color: #ebf5f5
}

input:-moz-placeholder {
    color: #ebf5f5;
    opacity: 1
}

input::-moz-placeholder {
    color: #ebf5f5;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #ebf5f5
}

input:focus {
    outline: 0
}

li, ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.prose li {
    list-style-type: initial;
}
.breads-articles li, .breads-articles ul {
    font-size: .9355em;
    line-height: 1em
}

li a, ul a {
    color: #231f20;
    font-size: 1em
}

h1 {
    text-transform: uppercase;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    font-size: 2.2em;
    line-height: 1em;
    margin: 0 0 25px;
    text-align: center
}

h2 {
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    font-size: 3.5em
}

h3 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-family: BryantPro-Medium, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    margin-bottom: 25px
}

p {
    font-size: 17px;
    line-height: 1.18;
    text-align: center;
    padding: 0 20px
}

strong {
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

a {
    color: #231f20;
    text-decoration: none;
    outline: 0;
    font-size: 1.375em;
    transition: color .5s
}

a:hover {
    color: #463e40;
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

a:active, a:focus, a:hover {
    outline: 0 !important
}

a:focus {
    color: #231f20
}

main .breads {
    overflow-x: hidden
}

main br.clear {
    content: ""
}

.boul-btn {
    margin: 50px 0 75px
}

.breads-articles .boul-btn {
    margin-bottom: 0
}

.boul-btn, .boul-btn:active, .boul-btn:focus, .boul-btn:visited {
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer;
    outline: 0;
    pointer-events: all;
    border: 2px solid #231f20;
    border-radius: 4px;
    padding: 14px 30px 12px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: BryantPro-Medium;
    transition: all .5s
}

.boul-btn:hover {
    color: #77b2c3;
    background-color: #231f20;
    border-radius: 4px
}

.boul-btn:hover a {
    color: #ebf5f5
}

input.error, label.error {
    outline: 0;
    border: solid 2px #dbe9ed !important;
    border-radius: 10px
}

label {
    font-size: .9em
}

/*nav {*/
/*    z-index: 100;*/
/*    position: relative;*/
/*    width: 100%*/
/*}*/

/*nav .container-nav {*/
/*    height: 100%;*/
/*    max-width: 100%;*/
/*    margin: 0*/
/*}*/

/*nav .container-nav .main-nav {*/
/*    height: 100%*/
/*}*/

/*nav .container-nav ul {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*    transform: translateY(40%);*/
/*    height: 180px;*/
/*    transition: .5s/2*/
/*}*/

/*nav .container-nav li {*/
/*    transition: .5s*/
/*}*/

/*nav .container-nav li a {*/
/*    font-family: BryantPro-Regular, Sans-Serif;*/
/*    font-weight: 400;*/
/*    -webkit-font-smoothing: antialiased !important;*/
/*    text-transform: uppercase*/
/*}*/

/*nav .container-nav li .selected, nav .container-nav li:hover > a {*/
/*    font-family: BryantPro-Bold, Sans-Serif;*/
/*    font-weight: 400;*/
/*    -webkit-font-smoothing: antialiased !important*/
/*}*/

/*nav li {*/
/*    text-align: center*/
/*}*/

/*@media only screen and (min-width: 768px) {*/
/*    nav .main-nav li {*/
/*        padding: 0 0 0 11px*/
/*    }*/

/*    nav .container-nav ul {*/
/*        transform: translateY(30%)*/
/*    }*/
/*}*/

/*nav {*/
/*    width: 100%;*/
/*    height: 42px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    margin: auto*/
/*}*/

/*nav .container-nav {*/
/*    padding: 0 30px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin: 0 auto*/
/*}*/

/*nav .container-nav ul {*/
/*    transform: translateY(0)*/
/*}*/

/*nav .logo-nav {*/
/*    flex: 0 0 159px*/
/*}*/

/*nav .main-nav {*/
/*    position: relative;*/
/*    height: 42px*/
/*}*/

/*nav .main-nav ul {*/
/*    padding: 0;*/
/*    height: 25px*/
/*}*/

/*nav .main-nav li {*/
/*    display: inline-block;*/
/*    padding: 0 0 0 8px*/
/*}*/

/*nav .main-nav a {*/
/*    font-size: .7em*/
/*}*/

/*nav .main-nav li {*/
/*    padding: 0 0 0 17px*/
/*}*/

/*nav .main-nav a {*/
/*    font-size: .9em*/
/*}*/

/*nav .lang {*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    padding: 12px 0;*/
/*    cursor: pointer;*/
/*    z-index: 9999*/
/*}*/

/*body.home header {*/
/*    top: -85px;*/
/*    transition: top .2s cubic-bezier(.25, .25, .75, .75);*/
/*    z-index: 10000*/
/*}*/

/*body.home header.showHead {*/
/*    top: 0*/
/*}*/

body.home .logo-nav {
    opacity: 0;
    transform: translate(-60px, 0);
    transition: opacity .3s cubic-bezier(.25, .25, .75, .75), transform .3s 150ms cubic-bezier(.25, .25, .75, .75)
}

body.home .main-nav ul {
    transform: translate(-159px, 0);
    transition: all .3s 150ms cubic-bezier(.25, .25, .75, .75)
}

body.home .logo-nav {
    transform: translateY(0) translateX(25px)
}

body.home .logo-nav.move {
    opacity: 1;
    transform: translate(0, 0);
    transition: transform .3s cubic-bezier(.25, .25, .75, .75), opacity .3s 150ms cubic-bezier(.25, .25, .75, .75)
}

body.home .main-nav ul.move {
    transform: translate(0, 0);
    transition: all .3s cubic-bezier(.25, .25, .75, .75)
}

@media only screen and (min-width: 1024px) {
    nav .main-nav li {
        padding: 0 15px
    }

    nav .main-nav a {
        font-size: 1em
    }

    nav .lang {
        right: 0
    }
}

/*header {*/
/*    position: fixed;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    background-color: transparent;*/
/*    opacity: 1;*/
/*    top: 0;*/
/*    filter: alpha(opacity=100);*/
/*    transition: all 0s;*/
/*    z-index: 100;*/
/*    background-color: #ebf5f5*/
/*}*/

/*header {*/
/*    height: 85px;*/
/*    background-color: #ebf5f5;*/
/*    opacity: 1;*/
/*    filter: alpha(opacity=1)*/
/*}*/

.logo-nav {
    min-width: 159px;
    height: 42px;
    background: url(../img/logo.svg) 0 0 no-repeat;
    background-size: 159px 42px;
    background-size: auto 100%;
    cursor: pointer;
    display: block;
    transform: translateY(220%);
    padding: 0
}

@media only screen and (min-width: 960px) {
    .logo-nav {
        float: left;
        cursor: pointer;
        transform: translateY(0) translateX(0);
        background-size: 100% auto;
        min-width: inherit
    }
}

@media only screen and (min-width: 1024px) {
    .logo-nav {
        width: 159px;
        height: 42px;
        background-size: 159px 42px;
        transform: translateY(0) translateX(0)
    }
}

.button-nav {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer;
    outline: 0;
    pointer-events: all;
    position: fixed;
    top: 0;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 15px;
    border-radius: 3px;
    background: 0 0;
    z-index: 101;
    transition: ease all 445ms
}

.button-nav {
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.button-nav.open {
    z-index: 102
}

.button-nav span {
    display: block;
    position: absolute;
    height: 5px;
    width: 80%;
    background: #000;
    border: 1px solid #000;
    border-radius: 25px;
    opacity: 1;
    left: 3px;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.button-nav span:nth-child(1) {
    top: 7px
}

.button-nav span:nth-child(2), .button-nav span:nth-child(3) {
    top: 15px
}

.button-nav span:nth-child(4) {
    top: 23px
}

.button-nav.open span:nth-child(1) {
    display: none
}

.button-nav.open span:nth-child(2) {
    transform: rotate(45deg)
}

.button-nav.open span:nth-child(3) {
    transform: rotate(-45deg)
}

.button-nav.open span:nth-child(4) {
    display: none
}

.landing {
    position: relative;
    height: 100%
}

.landing a {
    display: block;
    text-align: center;
    cursor: pointer
}

.container {
    position: relative
}

.logo {
    position: relative;
    width: 230px;
    height: 75px;
    margin: 50vh auto;
    transform: translateY(-50%);
    cursor: pointer
}

.logo.column:last-child:not(:first-child), .logo.columns:last-child:not(:first-child) {
    float: none
}

.arrow-nav-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    bottom: 20px;
    width: 75px;
    height: 42px
}

.category .arrow-nav-container {
    position: initial;
    margin-top: 30px;
    margin-bottom: -30px
}

.arrow-nav-container.clicked {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    transition: opacity .2s !important
}

.arrow {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 14px;
    background: url(../img/icon-menu-arrow-lg.svg) 0 0 no-repeat;
    background-size: 25px 14px
}

.category .arrow {
    position: relative
}

.video {
    margin-bottom: 0
}

.video > img {
    position: relative;
    width: 100% !important;
    height: 100%;
    margin: 0
}

#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    transition: 250ms
}

#bg-video.visible {
    opacity: 1
}

.content-bread-sliced {
    display: block;
    position: relative
}

.content-featured-bread {
    margin: 50px auto 75px
}

.content-featured-bread > div {
    text-align: center
}

.content-featured-bread a {
    margin: 25px auto 0
}

.content-featured-bread .container {
    margin: 0 auto 50px
}

.content-featured-bread p {
    font-size: 1em
}

.featured-bread {
    transition: all .2s ease-in-out
}

.bread-shadow {
    transition: all .2s ease-in-out;
    min-height: 19px;
    margin-bottom: 46px
}

.bread-shadow.crumb {
    margin-top: -40px;
    margin-left: -12px
}

.featured-bread img {
    pointer-events: all;
    cursor: pointer !important
}

.content-featured-bread .container:hover .featured-bread {
    transform: translateY(-10%) rotate(2deg)
}

.content-featured-bread .container:hover .bread-shadow {
    opacity: .7;
    filter: alpha(opacity=70);
    transform: scale(.95)
}

.content-featured-bread .container:hover a {
    color: #463e40;
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.orbit li:nth-of-type(1) img {
    left: 250px
}

.orbit li:nth-of-type(2) img {
    left: 420px
}

.orbit li:nth-of-type(3) img {
    left: 360px
}

.orbit li:nth-of-type(4) img {
    left: 410px
}

.orbit-container {
    width: 100%;
    height: 60vh !important
}

.orbit-container .orbit-slide {
    min-width: 100% !important;
    min-height: 100% !important;
    max-height: none !important
}

.orbit-container img {
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 66%
}

.orbit-container .orbit-timer {
    display: none
}

.gallery-text {
    text-align: center
}

.partners-container.row {
    max-width: 480px
}

.partners-container > div {
    text-align: center
}

.about-block .column {
    text-align: center
}

.about-block .column .boul-btn {
    display: inline-block;
    margin: 0
}

@media only screen and (min-width: 960px) {
    body.home #nav-desktop {
        cursor: pointer;
        pointer-events: all !important;
        margin-top: 20px;
        margin-left: 30px;
        position: absolute !important;
        opacity: 1 !important
    }
}

.container-our-breads {
    text-align: center
}

.container-our-breads .content {
    padding-bottom: 25px
}

.container-our-breads .bounce_up:hover a {
    color: #463e40;
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.navigation-category a:first-letter {
    text-transform: capitalize
}

.navigation-category a {
    display: block;
    text-align: center
}

.navigation-category a:nth-child(2) {
    padding: 20px 0
}

.breads .row {
    padding: 0 10px
}

.breads h1 {
    margin: 0 0 25px
}

.breads .bread-type {
    margin-top: 5px
}

.breads .container {
    margin: 25px 0 0
}

.breads .container a {
    text-align: center;
    display: block;
    font-size: 1.15em
}

.breads .container:hover {
    color: #463e40;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.breads .container:hover a {
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400 !important;
}

.breads .container a span:nth-of-type(2) {
    white-space: nowrap
}

.breard-article-image img {
    width: 100% !important;
    text-align: center;
    max-width: 400px;
    margin-top: -20px;
}

.breads-articles h1 {
    font-family: BryantPro-Medium, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.breads-articles h1 span {
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.breard-article-desc {
    margin-left: auto
}

.breads-articles .breard-article-desc p {
    text-align: center;
    padding: 0
}

@media only screen and (min-width: 640px) and (max-width: 1023px) {
    .breard-article-desc {
        padding-left: 66px;
        padding-right: 66px
    }
}

@media only screen and (max-width: 639px) {
    .breard-article-desc {
        padding-left: 40px;
        padding-right: 40px
    }
}

.bites .bread-title, .dinner-rolls .bread-title, .focaccia .bread-title, .fougasse .bread-title, .sandwich .bread-title, .small-buns .bread-title, .submarine .bread-title {
    display: none
}

.breads .container.loaves:nth-of-type(n+1) {
    margin-top: -100px
}

.breads .container.loaves:last-of-type {
    margin-top: 75px
}

.breads .container.loaves:nth-of-type(n+5) {
    margin-top: 0
}

.breads .container.loaves:nth-of-type(n+6) {
    margin-top: -75px
}

.breads .container.loaves:last-of-type {
    margin-top: 50px
}

@media screen and (max-width: 639px) {
    .breads .container.loaves:nth-of-type(6), .breads .container.loaves:nth-of-type(7) {
        margin-top: 0
    }
}

.header-content {
    margin-top: 57px;
    width: 150%;
    transform: translateX(-25%);
    -ms-overflow-x: hidden;
    overflow-x: hidden
}

.header-content img {
    width: 100%
}

section.about-us {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: -100px
}

section.about-us .content-abous-us strong {
    display: block;
    letter-spacing: 1px
}

section.about-us .row > p {
    padding: 0
}

section.about-us .row .row p {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    float: none
}

section.about-us .boul-btn.disabled {
    pointer-events: none;
    width: calc(100% - 30px);
    font-size: 1.5em;
    font-family: BryantPro-Medium, Sans-Serif;
    line-height: 1.05em;
    margin: 50px 15px
}

.child-row {
    padding: 5% 0;
    display: inline-block
}

.child-row:last-child {
    width: 100%
}

.child-row p {
    text-align: center
}

.show {
    opacity: 1 !important;
    pointer-events: all
}

.absolute-centered-v {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.carousel-container, .nav-container {
    margin: 75px auto 0;
    width: 270px;
    height: 403px/2;
    overflow: hidden;
    position: relative
}

.carousel {
    position: relative
}

.thumb-container .thumb {
    width: calc(270px / 2);
    height: auto;
    margin: 0;
    padding: 0;
    pointer-events: none
}

.thumb-container {
    float: left;
    cursor: pointer;
    transition: all .2s
}

.thumb-container .thumb:nth-child(2) {
    display: none
}

.thumb-container.active .thumb:nth-child(1) {
    display: none
}

.thumb-container.active .thumb:nth-child(2) {
    display: block
}

.thumb-container.faded {
    opacity: .4;
    filter: alpha(opacity=40)
}

.thumb-container.active, .thumb-container:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.nav-container {
    position: absolute;
    overflow: visible !important;
    width: 345px !important;
    margin: 75px auto 50px;
    left: 0;
    right: 0
}

.nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    background: url(../img/icon-menu-arrow-lg.svg) 0 0/100% auto no-repeat;
    width: 25px;
    height: 14px;
    left: -2px;
    transform: rotate(90deg)
}

.nav.prev {
    right: auto
}

.nav.next {
    right: -2px;
    left: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotate(-90deg)
}

.information {
    position: relative;
    transition: all .5s;
    height: 0
}

.information.active {
    height: 350px
}

.info-container {
    position: absolute;
    width: 100%;
    transition: all .2s ease-out;
    opacity: 0;
    filter: alpha(opacity=0)
}

.info-container a {
    font-size: 1em
}

.info-container p {
    margin-bottom: 5px
}

.info-container p:last-child {
    margin-top: 1.8rem
}

.info-container strong {
    display: block
}

.info-container.active {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1
}

.info-container h1 {
    margin: 46.75px 0 0
}

.info-container h3 {
    font-size: 1.13em
}

@media only screen and (max-width: 320px) {
    .nav-container {
        width: 270px !important
    }

    .nav {
        border-color: transparent transparent transparent #77b2c3 !important
    }
}

@media only screen and (min-width: 640px) {
    .information.active {
        height: 232px
    }

    .carousel-container, .nav-container {
        height: 403px
    }

    .thumb-container .thumb {
        width: 270px
    }

    .carousel-container {
        width: 540px
    }

    .nav {
        border-width: 25px 0 25px 25px
    }

    .nav-container {
        width: 640px !important
    }

    .info-container strong {
        display: inline
    }
}

@media only screen and (min-width: 1024px) {
    .carousel-container {
        width: 810px
    }

    .nav-container {
        width: 910px !important
    }

    .thumb-container:hover .thumb:nth-child(1) {
        display: none
    }

    .thumb-container:hover .thumb:nth-child(2) {
        display: block
    }
}

@media only screen and (min-width: 1260px) {
    .carousel-container {
        width: 1080px
    }

    .nav-container {
        width: 1180px !important
    }
}

.faq-grid {
    margin: 0 auto;
    max-width: 300px;
    min-height: 2100px;
    transition: all .8s
}

.isotope, .isotope .isotope-item {
    transition-duration: .5s
}

.isotope {
    transition-property: height, width
}

.isotope .isotope-item {
    transition-property: transform, opacity
}

.faq-items-container .faq-post, .faq-items-container .grid-sizer {
    width: 90%
}

.faq-items-container .faq-post {
    width: auto;
    min-height: 100px;
    height: auto;
    border: 2px solid #231f20;
    border-radius: 2px;
    margin: 15px 15px;
    background-color: #dbe9ed
}

.faq-items-container .faq-post:nth-of-type(2) {
    display: block !important
}

.faq-items-container .faq-post.inactive {
    display: none
}

.faq-items-container p {
    margin: 0;
    padding: 30px;
    font-size: 1em
}

.faq-items-container p iframe {
    margin: -31px 0 24px -30px;
    width: calc(100% + 60px) !important;
    height: 222px !important;
    border: none !important
}

.faq-items-container .image-post {
    overflow: hidden;
    height: 0;
    transition: all .5s
}

.faq-items-container .image-post img {
    transform: translateY(-100%);
    transition: all .5s
}

.faq-items-container .image-post.open {
    height: 260px
}

.faq-items-container .image-post.open img {
    transform: translateY(0)
}

.faq-items-container .answer {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-family: BryantPro-Medium, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    font-size: .89em;
    overflow: hidden;
    transition: all .5s/1.5
}

.faq-items-container .answer p {
    padding: 0 30px 30px
}

.faq-items-container .answer.open {
    max-height: 500px;
    padding-bottom: 30px;
    height: 100%
}

.faq-items-container div.answer.open {
    padding-bottom: 0
}

.faq-items-container .open_plus_icon {
    width: 22px;
    height: 22px;
    background-color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: -13px;
    right: 15px;
    cursor: pointer
}

.faq-items-container .open_plus_icon:hover {
    background-color: #ebf5f5
}

.faq-items-container .open_plus_icon, .faq-items-container .open_plus_icon:after, .faq-items-container .open_plus_icon:before {
    transition: all .5s
}

.faq-items-container .open_plus_icon:before {
    position: absolute;
    width: 44%;
    height: 2px;
    background-color: #231f20;
    content: "";
    left: 50%;
    top: 49%;
    transform: translateX(-50%)
}

.faq-items-container .open_plus_icon:after {
    position: absolute;
    width: 2px;
    height: 44%;
    background-color: #231f20;
    content: "";
    left: 46%;
    top: 50%;
    opacity: 1;
    transform: translateY(-44%)
}

.faq-items-container .open_plus_icon.clicked:after {
    opacity: 0
}

.faq-items-container.open {
    z-index: 9
}

@media only screen and (min-width: 640px) {
    .faq-grid {
        max-width: 600px;
        min-height: inherit
    }

    .faq-items-container .faq-post, .faq-items-container .grid-sizer {
        width: 43%
    }
}

@media only screen and (min-width: 768px) {
    .faq-grid {
        max-width: 700px
    }

    .faq-items-container .faq-post, .faq-items-container .grid-sizer {
        width: 45%
    }
}

@media only screen and (min-width: 1024px) {
    .faq-grid {
        max-width: 1000px
    }

    .faq-items-container .faq-post, .faq-items-container .grid-sizer {
        width: 29%
    }
}

@media only screen and (min-width: 1260px) {
    .faq-grid {
        max-width: 1200px
    }

    .faq-items-container .faq-post, .faq-items-container .grid-sizer {
        width: 22%
    }
}

@media only screen and (min-width: 1600px) {
    .faq-grid {
        max-width: 1200px
    }

    .faq-items-container .faq-post, .faq-items-container .grid-sizer {
        width: 22%
    }
}

.searchbar_Container_Wrap {
    position: relative;
    max-width: 800px;
    margin: 0 auto 60px;
    padding: 0 40px
}

.searchbar_textSection {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: 0 0;
    border: 2px solid #231f20;
    border-radius: 2px
}

.searchbar_Button {
    width: 50px;
    height: 50px;
    text-indent: -999999px;
    margin-left: 10px;
    border: none;
    border-radius: 2px;
    background: #231f20 url(../img/search-icon.png) center center no-repeat;
    background-size: 25px
}

.searchbar_Button:hover {
    background-color: #594f51
}

form {
    position: relative
}

.search_container form {
    position: relative;
    max-width: 800px;
    margin: 0 auto 60px;
    padding: 0 40px
}

.search_container form .back {
    line-height: 50px;
    background: 0 0;
    border: 2px solid #231f20;
    border-radius: 2px;
    border: none;
    width: 100%;
    height: 50px;
    position: absolute;
    right: 40px;
    top: calc(50px / 1.05);
    text-align: right;
    font-size: 100%;
    margin-bottom: 15px
}

.search_container form > input[type=text] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: 0 0;
    border: 2px solid #231f20;
    border-radius: 2px
}

.search_container form > input[type=button] {
    width: 50px;
    height: 50px;
    text-indent: -999999px;
    margin-left: 10px;
    border: none;
    border-radius: 2px;
    background: #231f20 url(../img/search-icon.png) center center no-repeat;
    background-size: 25px
}

.search_container form > input[type=button]:hover {
    background-color: #594f51
}

.search_container form > input {
    display: inline-block
}

.news h1 {
    margin-bottom: 0;
    padding-bottom: 70px
}

.news-grid {
    margin: 0 auto;
    max-width: 300px;
    min-height: 1000px;
    transition: all .8s
}

.isotope, .isotope .isotope-item {
    transition-duration: .5s
}

.isotope {
    transition-property: height, width
}

.isotope .isotope-item {
    transition-property: transform, opacity
}

.news-items-container .grid-sizer, .news-items-container .news-post {
    width: 90%
}

.news-items-container .news-post {
    position: relative;
    width: auto;
    min-height: 100px;
    height: auto;
    border: 2px solid #231f20;
    border-radius: 2px;
    margin: 15px 15px;
    background-color: #dbe9ed
}

.news-items-container .news-post:nth-of-type(2) {
    display: block !important
}

.news-items-container .news-post.inactive {
    display: none
}

.news-items-container a {
    font-size: 1em
}

.news-items-container p {
    margin: 0;
    padding: 30px;
    font-size: 1em
}

.news-items-container .image-post {
    overflow: hidden;
    height: 0
}

.news-items-container .image-post img {
    transform: translateY(-100%);
    transition: all .5s;
    border-bottom: 2px solid #231f20
}

.news-items-container .image-post.open {
    height: 100%
}

.news-items-container .image-post.open img {
    transform: translateY(0)
}

.news-items-container .content, .news-items-container .date {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    font-size: .89em;
    overflow: hidden;
    transition: all .5s/1.5
}

.news-items-container .content p, .news-items-container .date p {
    padding: 0 30px 30px
}

.news-items-container .date {
    font-size: .625em
}

.news-items-container .date p {
    padding: 0 0 10px
}

.news-items-container .title.open {
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.news-items-container .content.open {
    max-height: 500px;
    padding-bottom: 30px;
    height: 100%
}

.news-items-container .date.open {
    max-height: 500px;
    height: 100%
}

.news-items-container div.content.open {
    padding-bottom: 0
}

.news-items-container .open_plus_icon {
    width: 22px;
    height: 22px;
    background-color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: -13px;
    right: 15px;
    cursor: pointer
}

.news-items-container .open_plus_icon:hover {
    background-color: #ebf5f5
}

.news-items-container .open_plus_icon, .news-items-container .open_plus_icon:after, .news-items-container .open_plus_icon:before {
    transition: all .5s
}

.news-items-container .open_plus_icon:before {
    position: absolute;
    width: 44%;
    height: 2px;
    background-color: #231f20;
    content: "";
    left: 50%;
    top: 49%;
    transform: translateX(-50%)
}

.news-items-container .open_plus_icon:after {
    position: absolute;
    width: 2px;
    height: 44%;
    background-color: #231f20;
    content: "";
    left: 46%;
    top: 50%;
    opacity: 1;
    transform: translateY(-44%)
}

.news-items-container .open_plus_icon.clicked:after {
    opacity: 0
}

.news-items-container.open {
    z-index: 9
}

@media only screen and (min-width: 640px) {
    .news-grid {
        max-width: 600px;
        min-height: inherit
    }

    .news-items-container .grid-sizer, .news-items-container .news-post {
        width: 43%
    }
}

@media only screen and (min-width: 768px) {
    .news-grid {
        max-width: 700px
    }

    .news-items-container .grid-sizer, .news-items-container .news-post {
        width: 45%
    }
}

@media only screen and (min-width: 1024px) {
    .news-grid {
        max-width: 1000px
    }

    .news-items-container .grid-sizer, .news-items-container .news-post {
        width: 29%
    }
}

@media only screen and (min-width: 1260px) {
    .news-grid {
        max-width: 1024px
    }

    .news-items-container .grid-sizer, .news-items-container .news-post {
        width: 22%
    }
}

.find-us h1 {
    padding: 0 10px
}

.wpsl-search, .wpsl-search * {
    background-color: transparent
}

.wpsl-search {
    padding: 0;
    margin: 0;
    margin-top: 25px !important
}

#wpsl-search-input {
    float: left
}

#wpsl-search-btn, #wpsl-search-wrap input[type=submit], #wpsl-search-wrap input[type=submit]:active, #wpsl-search-wrap input[type=submit]:focus, #wpsl-search-wrap input[type=submit]:visited {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    border: 2px solid #231f20;
    box-shadow: none !important;
    text-indent: -999999px;
    background: #231f20 url(../img/search-icon.png) center center no-repeat;
    background-size: 25px
}

#wpsl-search-btn, #wpsl-search-btn:active, #wpsl-search-btn:focus, #wpsl-search-btn:visited, #wpsl-search-wrap .wpsl-dropdown, #wpsl-search-wrap input, #wpsl-search-wrap input:active, #wpsl-search-wrap input:focus, #wpsl-search-wrap input:visited {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer;
    outline: 0;
    pointer-events: all;
    display: block !important;
    height: 50px;
    background: 0 0;
    border: 2px solid #231f20;
    border-radius: 2px;
    box-shadow: none !important;
    text-transform: uppercase;
    padding: 7px 12px
}

#wpsl-search-btn:hover, #wpsl-search-wrap input[type=submit]:hover {
    border-color: #594f51;
    background-color: #594f51;
    transition: all .5s
}

#wpsl-search-wrap .wpsl-input input {
    display: block !important
}

#wpsl-search-wrap label {
    padding: 7px 0
}

#wpsl-radius .wpsl-dropdown {
    width: auto
}

#wpsl-search-wrap .wpsl-dropdown div {
    background-color: #dbe9ed
}

#wpsl-search-wrap .wpsl-dropdown div li:hover {
    background-color: #ebf5f5
}

.wpsl-gmap-wrap {
    margin-top: 129px/2
}

#wpsl-gmap, #wpsl-wrap {
    margin-bottom: 0
}

#wpsl-result-list {
    display: none
}

.wpsl-gmap-canvas .wpsl-infobox {
    width: 300px !important;
    border: 2px solid #231f20 !important;
    background: rgba(235, 245, 245, .75) !important;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.wpsl-gmap-canvas .wpsl-infobox:after {
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid #ebf5f5 !important;
    bottom: -10px;
    left: 41px
}

.wpsl-gmap-canvas .wpsl-infobox:before {
    border-left: 13px solid transparent !important;
    border-right: 13px solid transparent !important;
    border-top: 13px solid #231f20 !important;
    bottom: -13px
}

.wpsl-info-window {
    line-height: 1rem
}

.wpsl-info-actions {
    font-size: .75em !important;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.wpsl-info-actions a:hover {
    font-family: BryantPro-Medium, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

#wpsl-gmap .wpsl-infobox > img, .wpsl-gmap-canvas .wpsl-infobox > img {
    display: none !important
}

.wpsl-icon-reset {
    font-size: 1em
}

@media (min-width: 0px) {
    #wpsl-search-wrap form > div:last-of-type {
        clear: none
    }
}

@media (min-width: 571px) {
    #wpsl-search-input {
        width: calc(100% - (95px * 2))
    }
}

@media (min-width: 640px) {
    .wpsl-search {
        padding: 0;
        margin: 0;
        margin-top: 96px !important
    }
}

@media (min-width: 768px) {
    #wpsl-search-wrap form > div {
        clear: none
    }

    #wpsl-category label {
        width: auto
    }
}

@media (min-width: 826px) {
    #wpsl-search-wrap form > div:first-of-type {
        margin-left: .05%
    }

    .wpsl-input {
        width: 100%
    }

    #wpsl-search-input {
        width: 70%
    }
}

@media (min-width: 960px) {
    #wpsl-search-wrap form {
        text-align: center
    }

    #wpsl-search-wrap form > div {
        float: inherit;
        display: inline-block !important;
        vertical-align: top
    }

    .wpsl-input {
        width: auto
    }

    #wpsl-search-input {
        width: 260px
    }

    #wpsl-category .wpsl-dropdown {
        width: auto !important;
        min-width: 192px
    }

    #wpsl-search-wrap label {
        width: auto
    }
}

@media (min-width: 1200px) {
    #wpsl-search-input {
        width: 400px
    }
}

footer {
    position: relative;
    background-color: #ebf5f5;
    text-align: center;
    font-size: .9em
}

footer * {
    color: #231f20
}

footer .sidebar-widget:first-child li {
    margin-top: 15px
}

footer a {
    text-transform: none;
    font-size: 1em
}

footer ul {
    margin-top: 15px
}

footer ul li {
    line-height: 15px
}

.social-links {
    display: inline-block;
    margin-top: 20px
}

.social-links li {
    display: inline-block
}

.social-links li > a {
    display: block;
    width: 31px;
    height: 30px;
    background-image: url(../img/social_icons_sprite-1.png);
    background-size: 151px 30px;
    background-repeat: no-repeat
}

.social-links li > a:hover {
    opacity: .6
}

.social-links li.twitter > a {
    background-position: -40px 0;
    margin: 0 5px
}

.social-links li.facebook > a {
    background-position: -80px 0
}

.social-links li.linkedin > a {
    background-position: -120px 0
}

@media only screen and (min-width: 640px) {
    footer h3 {
        letter-spacing: 0
    }
}

.breads .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left
}

.bounce_up {
    opacity: 0;
    transition: all .7s 250ms ease-in-out;
    transform: translate3d(0, 150px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounce_up.mobile {
    opacity: 0;
    transition: all .7s 250ms ease-in-out;
    transform: translate3d(0, 0, 0) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bounce_up.in_view {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.open_plus_icon {
    width: 36px;
    height: 36px;
    background-color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 15px;
    cursor: pointer
}

.open_plus_icon:hover {
    background-color: #ebf5f5
}

.open_plus_icon, .open_plus_icon:after, .open_plus_icon:before {
    transition: all 150ms ease-in-out
}

.open_plus_icon:before {
    position: absolute;
    width: 44%;
    height: 2px;
    background-color: #231f20;
    content: "";
    left: 50%;
    top: 49%;
    transform: translateX(-50%)
}

.open_plus_icon:after {
    position: absolute;
    width: 2px;
    height: 44%;
    background-color: #231f20;
    content: "";
    left: 47%;
    top: 50%;
    opacity: 1;
    transform: translateY(-44%)
}

.open_plus_icon.clicked:after {
    opacity: 0
}

.open {
    z-index: 9
}

#post-404 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 10%
}

@media only screen and (max-width: 375px) {
    .navigation-category .d-roll {
        margin-top: 37.5px
    }

    .navigation-category .d-baguette, .navigation-category .fougasse, .navigation-category .s-buns, .navigation-category .sandwich, .navigation-category .submarines {
        margin-top: 50px
    }

    .navigation-category .b-buns, .navigation-category .bites, .navigation-category .focaccia, .navigation-category .loaves {
        margin-top: 25px
    }
}

@media only screen and (min-width: 640px) {
    .boul-btn, .boul-btn:active, .boul-btn:focus, .boul-btn:visited {
        padding: 14px 36px 12px 36px
    }

    h1 {
        font-size: 2.5em
    }

    main .breads {
        overflow-x: inherit
    }

    .logo {
        position: relative;
        width: 288px
    }

    .orbit li:nth-of-type(1) img {
        left: 50%
    }

    .orbit li:nth-of-type(2) img {
        left: 50%
    }

    .orbit li:nth-of-type(3) img {
        left: 50%
    }

    .orbit li:nth-of-type(4) img {
        left: 50%
    }

    .about-us {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .child-row p {
        text-align: left
    }

    .breard-article-image img {
        width: auto !important;
        text-align: left
    }

    .container-our-breads .content {
        padding-bottom: 100px
    }

    .breads .container a {
        font-size: 1.063em
    }

    .breads h1 {
        margin: 0 0 25px
    }

    .breads .container.loaves:nth-of-type(n+1) {
        margin-top: -100px
    }

    .breads .container.loaves:nth-of-type(n+5) {
        margin-top: 75px
    }

    .breard-article-desc {
        text-align: left
    }

    .breads-articles .breard-article-desc p {
        text-align: left
    }

    .header-content {
        margin-top: 0;
        width: 100%;
        transform: translateX(0)
    }

    .content-featured-bread .container {
        margin: 0 auto
    }
}

@media only screen and (min-width: 960px) {
    .video {
        margin-bottom: 75px
    }

    .child-row {
        padding: 25% 0
    }

    .breads .container {
        margin: 75px 0 0
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .arrow {
        width: 25px;
        height: 14px;
        background: url(../img/icons/arrow@2x.png) 0 0 no-repeat;
        background-size: 25px 14px
    }
}

@media (min-width: 555px) {
    .row > p {
        padding: 0 160px
    }
}

::-moz-selection {
    background: #77b2c3;
    color: #dbe9ed;
    text-shadow: none
}

::selection {
    background: #77b2c3;
    color: #dbe9ed;
    text-shadow: none
}

::-webkit-selection {
    background: #77b2c3;
    color: #dbe9ed;
    text-shadow: none
}

::-moz-selection {
    background: #77b2c3;
    color: #dbe9ed;
    text-shadow: none
}

::-webkit-input-placeholder {
    color: #231f20
}

:-moz-placeholder {
    color: #231f20
}

::-moz-placeholder {
    color: #231f20
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 10px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #231f20;
    border: 1px solid #ebf5f5;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.gallery-caption, .wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

/*@media screen and (max-width: 959px) {*/
/*    header.header.hide {*/
/*        display: none*/
/*    }*/
/*}*/

/*@media screen and (max-width: 959px) {*/
/*    header.header .main-nav > .lang {*/
/*        display: none*/
/*    }*/
/*}*/

.video-row {
    max-width: none
}

#bg-video-container iframe {
    max-width: 100%;
    margin-left: 0 !important
}

#bg-video-container iframe .ytp-show-cards-title {
    display: none !important
}

.content-featured-bread {
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .content-featured-bread {
        padding-bottom: 132px
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .content-featured-bread {
        padding-bottom: 75px
    }
}

@media screen and (max-width: 639px) {
    .content-featured-bread {
        padding-bottom: 75px
    }
}

.content-featured-bread .tip_circle {
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    text-transform: uppercase;
    display: inline-block;
    padding: 30px 15px;
    width: 260px;
    min-height: 260px;
    height: 100%;
    position: relative;
    margin-top: 42.5px;
    margin-bottom: 42.5px;
    display: flex;
    align-items: center;
    margin-top: 0
}

@media screen and (min-width: 640px) and (max-width: 732px) {
    .content-featured-bread .tip_circle {
        width: 221px;
        min-height: 221px;
        border-radius: 110.5px
    }
}

.content-featured-bread .tip_circle .tip_circle_content {
    line-height: 1.15;
    max-width: calc(75%);
    max-width: calc(50%);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    margin-bottom: 0
}

.content-featured-bread .featured-bread {
    max-height: none
}

.content-featured-bread .featured-bread a {
    margin: unset
}

.content-featured-bread .featured_bread_column .featured-bread:hover {
    transform: translateY(-10%) rotate(2deg)
}

.content-featured-bread .featured_bread_column .bread-shadow {
    opacity: .7;
    filter: alpha(opacity=70);
    transform: scale(.95)
}

.content-featured-bread .featured_bread_column:hover a {
    color: #463e40;
    font-family: BryantPro-Bold, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.has_slider .slick_arrow {
    width: 30px;
    background-position-x: center
}

.has_slider .slick-list {
    max-width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto
}

.instagram_carousel_section {
    padding-top: 64px
}

.instagram_carousel_section .instagram_carousel {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 640px) {
    .instagram_carousel_section .instagram_carousel .slick-list {
        max-width: calc(100% - 80px)
    }
}

main.with_tip {
    padding-bottom: 0
}

.breard-article-image {
    text-align: center
}

.breard-article-image img.boulart_logo {
    width: auto !important
}

.breads-articles.tip-image .bread_article_image_row {
    margin-top: 55px
}

@media screen and (max-width: 1023px) {
    .breads-articles.tip-image .bread_article_image_row {
        margin-top: 30px
    }
}

.tip_icon_wrapper {
    padding-top: 54px;
    padding-bottom: 54px;
    width: 264px;
    height: 264px;
    background-color: #231f20;
    text-align: center;
    border-radius: 132px;
    color: #fff
}

@media screen and (min-width: 1024px) {
    .tip_icon_wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-top: -17px
    }
}

@media screen and (max-width: 1023px) {
    .tip_icon_wrapper {
        margin-left: auto;
        margin-right: auto
    }
}

.tip_icon_wrapper .boulart_logo {
    width: auto;
    height: 21px
}

.tip_icon_wrapper .tip_icon_title {
    font-family: BryantPro-Regular, Sans-Serif;
    margin-top: 8px;
    padding-bottom: 4px;
    letter-spacing: .1em
}

.tip_icon_wrapper .tip_copy {
    max-width: calc(100% - 40px);
    line-height: 1.15;
    font-size: .963em;
    max-height: calc(17.15px * 5);
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.featured_breads_slider_wrapper {
    padding-top: 100px;
    padding-bottom: 66px
}

.featured_breads_slider_wrapper .title_row .section_title {
    font-size: 2rem;
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important
}

.featured_breads_slider_wrapper .single_bread_slider_wrapper .item {
    text-align: center
}

.featured_breads_slider_wrapper .single_bread_slider_wrapper .item img {
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

.featured_breads_slider_wrapper .single_bread_slider_wrapper .item h5 {
    font-size: 1.025rem;
    margin-top: 14px
}

@media screen and (min-width: 1024px) {
    .featured_breads_slider_wrapper .single_bread_slider_wrapper .item .bread_slide {
        width: 240px;
        background-size: cover;
        margin-top: 10px
    }
}

.tips_section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}

.tips_section.no_content {
    height: 576px
}

@media screen and (max-width: 639px) {
    .tips_section.no_content {
        height: 468px
    }
}

.tips_section .opaq_bg {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: rgba(0, 0, 0, .4);
    height: 100%
}

@media screen and (min-width: 640px) {
    .tips_section .opaq_bg {
        min-height: 576px
    }
}

@media screen and (max-width: 959px) {
    .tips_section .opaq_bg {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.tips_section .logo_row {
    padding-bottom: 40px
}

.tips_section .tip_logo_col {
    margin-left: auto;
    margin-right: auto
}

.tips_section .tip_logo_col h3 {
    letter-spacing: 4.85px;
    font-size: 1.8em;
    margin-bottom: 0
}

.tips_section .tip_logo_col .tip_logo {
    height: 33.33px;
    height: 40px;
    margin-bottom: 12.5px
}

.tips_section .tip_content_col {
    padding-top: 10px
}

.tips_section .tip_content_col p {
    line-height: 1.1
}

.tips_section .tip_content_col .no_wrap {
    display: inline-block
}

.tips_section.recipe .opaq_bg {
    display: flex;
    align-items: center
}

.tips_section.recipe .tip_content_col p {
    text-transform: uppercase
}

body.single .tips_section {
    margin-top: 66px
}

.recipe_content_section .recipe_title_row .recipe_title_col .recipe_title {
    text-transform: uppercase;
    font-family: BryantPro-Bold
}

.recipe_content_section .recipe_icon_row {
    padding-bottom: 30px
}

.recipe_content_section .recipe_icons_col .recipe_icon_wrapper {
    float: left;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .recipe_content_section .recipe_icons_col .recipe_icon_wrapper {
        max-width: none
    }
}

@media screen and (max-width: 639px) {
    .recipe_content_section .recipe_icons_col .recipe_icon_wrapper {
        max-width: none
    }
}

@media only screen and (max-width: 1023px) {
    .recipe_content_section .recipe_icons_col .recipe_icon_wrapper:nth-of-type(2n):after {
        clear: both;
        content: ""
    }
}

.recipe_content_section .recipe_icons_col .recipe_icon {
    height: 100px
}

.recipe_content_section .recipe_icons_col .recipe_icon_subtitle {
    padding-top: 10px;
    padding-bottom: 10px
}

.recipe_content_section .recipe_icons_col:after {
    clear: both;
    content: ""
}

@media screen and (min-width: 1024px) {
    .recipe_content_section .ingredients_method_row .recipe_ingredients_col.baking > .recipe_content_wrapper, .recipe_content_section .ingredients_method_row .recipe_ingredients_col.baking > .recipe_subsection_title {
        width: calc(50% - 30px)
    }
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .baking_instructions_wrapper {
    padding-top: 30px
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper > * {
    font-family: BryantPro-Regular, Sans-Serif;
    font-size: 18px
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ol, .recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ul {
    font-family: BryantPro-Regular, Sans-Serif;
    font-size: 18px;
    padding-left: 0
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ol li, .recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ul li {
    font-family: inherit
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ul li {
    padding-top: 5px;
    padding-bottom: 5px
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper ol li {
    list-style-type: decimal;
    padding-top: 5px;
    padding-bottom: 7.5px;
    line-height: 1.2
}

.recipe_content_section .ingredients_method_row .recipe_ingredients_col .recipe_content_wrapper p {
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

/*.hidden {*/
/*    opacity: 0;*/
/*    height: 0 !important*/
/*}*/

body.page-template-page-news .wrapper {
    height: auto
}

@media screen and (max-width: 639px) {
    body.page-template-page-news .news-grid {
        min-height: 0
    }
}

.news-post .post_month {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 5px
}

.news-post .title > p {
    padding-top: 0
}

.news-items-container .content.open {
    max-height: 1600px
}

.news_year_filter_wrapper {
    padding-bottom: 25px
}

.news_year_filter_wrapper .news_year_filter_btn {
    min-width: 52px;
    display: inline-block;
    padding: 5px
}

.news_year_filter_wrapper .news_year_filter_btn.active {
    font-family: BryantPro-Bold, Sans-Serif;
    color: #463e40
}

.page-template-page-about-us .content p.manifesto {
    line-height: 1.525em
}

.page-template-page-about-us section.about-us {
    margin-bottom: 0
}

.page-template-page-about-us main {
    padding-bottom: 0
}

.bread_slide, .insta_slide {
    width: 380px;
    height: 380px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .bread_slide, .insta_slide {
        width: calc(50vw - 40px);
        height: calc(50vw - 40px)
    }
}

@media screen and (max-width: 639px) {
    .bread_slide, .insta_slide {
        width: calc(100vw - 60px);
        height: calc(100vw - 60px)
    }
}

.bread_slide {
    background-size: contain
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .bread_slide + .bread_name {
        width: calc(50vw - 40px)
    }
}

@media screen and (max-width: 639px) {
    .bread_slide {
        width: 100%
    }
}

body.wp-admin.post-type-recipe_icon #postimagediv .inside img {
    background: 0 0;
    height: 250px
}

@media screen and (max-width: 570px) {
    body.where-to-find-us #wpsl-search-wrap .wpsl-search-btn-wrap {
        clear: both
    }
}

body.page-template-page-faq .search_container #search {
    display: none
}

@media screen and (max-width: 639px) {
    body.page-template-page-faq .search_container #edit_search {
        width: 100%
    }
}

.edit_post_url {
    position: fixed;
    padding: 15px 10px;
    background-color: #fafafa;
    z-index: 300;
    box-shadow: 0 2px 3px rgba(20, 20, 20, .3);
    min-width: 107px;
    left: -80px;
    font-size: 17px;
    transition: all 120ms ease-in;
    text-align: center;
    color: #fafafa
}

.edit_post_url:hover {
    font-family: inherit;
    left: 0;
    color: #000
}

.edit_post_url:nth-of-type(1) {
    top: 0
}

.edit_post_url:nth-of-type(2) {
    top: 54px
}

.edit_post_url:nth-of-type(3) {
    top: 108px
}

.edit_post_url ~ br {
    display: none
}

@media screen and (max-width: 639px) {
    .edit_post_url {
        top: unset !important;
        width: 100%;
        text-align: center;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
        left: 0;
        transition: none;
        font-size: 15px;
        display: none
    }

    .edit_post_url:nth-of-type(1) {
        bottom: 0
    }

    .edit_post_url:nth-of-type(2) {
        bottom: 54px
    }

    .edit_post_url:nth-of-type(3) {
        bottom: 108px
    }
}

.catergory.category-burger-buns span.bread-title {
    display: block
}

.category.category-submarine .bread-title {
    display: block;
    padding-top: 15px
}

.wpsl-directions {
    display: none
}

.orbit-slide .orbit_slide_img {
    height: 768px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.orbit-container {
    max-height: 768px
}

@media screen and (max-width: 959px) {
    body.baguettes-parisian .breard-article-image img, body.ciabatta-baguette-original .breard-article-image img, body.ciabatta-baguette-whole-grain .breard-article-image img, body.french-baguette .breard-article-image img, body.tradition-baguette .breard-article-image img {
        max-height: 360px;
        width: auto !important
    }
}

@media screen and (min-width: 1024px) {
    .featured_breads_slider_wrapper_row {
        margin-left: auto;
        margin-right: 0
    }

    .featured_breads_slider_wrapper_row .col .bread_slide {
        max-width: 161px;
        height: 250px
    }

    .featured_breads_slider_wrapper_row .col .featured_breads_slider_wrapper {
        padding-top: 100px;
        padding-bottom: 75px
    }

    .featured_breads_slider_wrapper_row .col .featured_breads_slider_wrapper .title_row .section_title {
        margin-bottom: 15px
    }

    .featured_breads_slider_wrapper_row .col .featured_breads_slider_wrapper .slick-list {
        max-width: 100%
    }
}

.content-featured-bread .tip_circle {
    max-width: 265px;
    max-height: 265px
}

.content-featured-bread .tip_circle.small {
    width: 195px;
    height: 195px;
    min-width: 195px;
    min-height: 195px;
    margin-top: 40px
}

.content-featured-bread .tip_circle.medium {
    width: 234px;
    height: 234px;
    min-width: 234px;
    min-height: 234px;
    margin-top: 35px
}

.content-featured-bread .tip_circle.default {
    min-height: 260px
}

.content-featured-bread .tip_circle .tip_circle_content {
    max-width: calc(100% - 10px);
    font-size: 24px
}

.page-template-template-careers section.hero .opaque_bg {
    background-color: rgba(0, 0, 0, .3);
    background-color: rgba(50, 50, 50, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.page-template-template-careers section.hero .hero_title_wrapper {
    text-align: center
}

.page-template-template-careers section.hero .hero_title_wrapper h1 {
    font-size: 4em;
    margin: 0 auto
}

.page-template-template-careers section.careers .intro_row .title {
    font-family: BryantPro-Regular, Sans-Serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1
}

.page-template-template-careers section.careers .intro_row .title span.colon {
    transform: translateY(-15%);
    display: inline-block;
    position: relative
}

.page-template-template-careers section.careers .row_wrapper {
    max-width: 750px;
    margin: 0 auto
}

.page-template-template-careers section.careers .main_row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

.page-template-template-careers section.careers .main_row .col {
    flex: 0 1 auto;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    padding: 0 20px
}

.page-template-template-careers section.careers .main_row .col.quote_col {
    flex: 3
}

.page-template-template-careers section.careers .main_row .col.quote_col .quote_owner {
    font-family: BryantPro-Medium, Sans-Serif
}

.page-template-template-careers section.careers .main_row .col.copy_col {
    flex: 4
}

.page-template-template-careers section.careers .main_row .col.copy_col p {
    padding: 0 0;
    text-align: left;
    white-space: pre-line
}

.page-template-template-careers section.careers .main_row .col.copy_col a {
    margin-top: 40px
}

.page-template-template-careers section.careers .main_row .title {
    font-family: BryantPro-Regular, Sans-Serif;
    font-weight: 400
}

@media screen and (max-width: 639px) {
    .page-template-template-careers section.careers {
        padding-top: 60px;
        padding-bottom: 60px;
        max-width: 320px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    .page-template-template-careers section.careers .intro_row .title {
        font-size: 1.98em
    }

    .page-template-template-careers section.careers .main_row .col.copy_col, .page-template-template-careers section.careers .main_row .col.quote_col {
        flex: 0 0 100%
    }

    .page-template-template-careers section.careers .main_row .col.quote_col {
        padding-bottom: 48px;
        text-align: center
    }

    .page-template-template-careers section.careers .main_row .col.copy_col {
        text-align: center
    }

    .page-template-template-careers section.careers .main_row .col.copy_col p {
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    nav .main-nav {
        margin-left: 35px
    }
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    nav .main-nav li {
        padding: 0 15px
    }
}