.navbar {
    background-color: #fff0e0;
    transition: background-color 0.5s ease-in-out;
    /* padding-bottom: 13px !important;
    padding-top: 13px !important;
    margin-top: -63px !important; */
}
.preloader{
    background-color: white;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}
.spinner {
    width: 6px;
    height: 6px;
    animation: spinner-xp626r 1.1s infinite;
    border-radius: 50%;
    box-shadow: 24px 0 0 6px #ffb02d, -24px 0 0 6px #9b0000;
}

.border-final{
    border: 10px solid #9b0000;
}

.img-final{
    width: 117px;
    height: 95px;
}

@media only screen and (max-width: 600px) {
    .img-final{
        width: 100%;
        height: auto;
    }
    
}


h5 {
    font-family: Appetite Pro Rounded Bold Italic;
    font-size: 60px !important;
}


h6 {
    font-family: Appetite Pro Rounded Bold  Italic;
    font-size: 30px !important;
}

@keyframes spinner-xp626r {
    to {
        transform: rotate(360deg);
    }
}
.text-white{
    color: #ffffff !important;
}
p{
    text-align: justify !important;
    font-size: 24px !important;
}
.navbar-scrolled {
    background-color: transparent;
}
.navbar-scrolled .navbar-brand,
.navbar-scrolled .navbar-nav > li > a {
    color: #ffffff;
}

.place,
.price {
    border-radius: 50px;
}
.btn-cart:active,
.red-btn:active,
.yellow-btn:active {
    transform: translateY(10px);
    transition: 0.1s;
}
.loader-1,
section,
section .text-container {
    display: flex;
}
@font-face {
    font-family: Appetite Pro Rounded Bold Italic;
    src: url("../fonts/Appetite Pro Rounded Bold Italic.otf");
}
@font-face {
    font-family: Cobbler Regular;
    src: url("../fonts/Cobbler Regular.otf");
}
@font-face {
    font-family: Cobbler Bold;
    src: url("../fonts/Cobbler Bold.otf");
}
h1 {
    font-family: Appetite Pro Rounded Bold Italic;
    font-size: 92px;
    line-height: 92px;
}
.faq-title {
    font-size: 100px !important;
    line-height: 100px !important;
}
.section-header {
    font-size: 80px !important;
    line-height: 92px !important;
}
h4 {
    font-family: Cobbler Bold;
    font-size: 64px;
}
.timeline-header {
    font-family: Appetite Pro Rounded Bold Italic !important;
}
.bold,
.faq-header {
    font-family: Cobbler Bold;
}
h3 {
    font-family: Appetite Pro Rounded Bold Italic;
    font-size: 70px;
}
p,
span {
    font-family: Cobbler Regular;
}
.faq-header {
    font-size: 23pt;
    width: 70%;
}
p {
    font-size: 26.3332px;
    letter-spacing: 0;
    line-height: 44px;
}
.timeline-text {
    font-size: 27px;
}
.faq-text {
    font-size: 28px;
    line-height: 38px;
}
.bold,
span {
    font-size: 15pt;
}
.sub-landmarks {
    font-size: 24px !important;
    font-family: Cobbler Regular !important;
}
.place,
.price,
.product,
.product-text {
    font-family: Cobbler Bold !important;
}
.place {
    font-size: 30px !important;
    background-color: #fff1e1;
    padding: 5px 10px !important;
}
.product {
    font-size: 16pt !important;
    line-height: 28px;
    margin-top: 29px;
}
.price {
    font-size: 15pt !important;
    background-color: #ffb12d;
    padding: 5px 10px;
}
.product-text {
    font-size: 12pt !important;
}
.footer-icons:hover,
.white {
    color: #fdfbf9;
}
.red {
    color: #9b0000;
}
.bg-red{
    background-color: #9b0000;
}
.img-article{
    height: 12rem;
}
.article-text{
    font-size: 16px !important;
    line-height: 23px;
}
.social-links,
.yellow {
    color: #ffb12d;
}
.aritcle-title{
    font-family: Appetite Pro Rounded Bold Italic;
    font-size: 32px;
}
.navbar-animation,
.red-btn {
    border-radius: 50px;
    padding: 17px 40px;
}
.nav-link {
    margin-left: 35px;
    margin-right: 35px;
    color: #fff !important;
    font-family: Cobbler Regular;
}
.nav-link:hover {
    font-weight: 700;
    text-decoration: underline;
}
.active{
    font-weight: 700;
    text-decoration: underline;
}
.fa-basket-shopping {
    color: #fff;
}
.fa-basket-shopping:hover {
    border-bottom: 1px solid #fff;
}
body {
    margin: 0 !important;
    padding: 0 !important;
}
.home-bg {
    height: 100%;
    background-color: rgb(155 0 0);
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.first-col,
.land-part-container {
    padding-left: 0;
}
.first-content-bg {
    height: 100%;
    padding: 0;
}
.fourth-content-bg,
.second-content-bg {
    background-color: #ffb12d;
    height: 100vh;
}
.third-content-bg {
    background-color: rgb(155 0 0);
    padding-top: 5rem;
}
.fifth-content-bg,
.white-content-backgroud {
    background-color: #fff1e1;
}
.products-bg{
    background-color: #fff1e1;
}
.red-content-background {
    background-color: #9b0000;
    height: 100%;
}
.navbar-animation:hover,
.yellow-content-background {
    background-color: #ffb12d;
}
.navbar-animation {
    background-color: #9b0000;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: 0.5s;
}
.red-btn,
.white-btn,
.yellow-btn {
    letter-spacing: 1.5px;
    font-family: Cobbler Bold;
    font-size: 15px;
    background-color: transparent;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    transition: 0.5s;
    text-transform: uppercase;
}
.navbar-animation:hover {
    letter-spacing: 3px;
    color: #fff !important;
    box-shadow: #ffb12d 0 7px 29px 0;
}
.navbar-animation:active,
.red-btn:active,
.red-btn:hover,
.white-btn:active,
.white-btn:hover {
    background-color: #9b0000;
    color: #fff !important;
    letter-spacing: 3px;
}
.navbar-animation:active,
.white-btn:active {
    box-shadow: #ffb12d 0 0 0 0;
    transform: translateY(10px);
    transition: 0.1s;
}
.red-btn {
    border: 2px solid #9b0000;
    color: #9b0000;
}
.red-btn:hover {
    box-shadow: #9b0000 0 7px 29px 0;
}
.red-btn:active {
    box-shadow: #ffb12d 0 0 0 0;
    border: 2px solid #9b0000;
}
.white-btn:hover {
    box-shadow: #9b0000 0 7px 29px 0;
    border-color: #9b0000;
}
.yellow-btn {
    padding: 17px 40px;
    border-radius: 50px;
    border: 2px solid #ffb12d;
    color: #fff;
}
.yellow-btn:hover {
    letter-spacing: 3px;
    background-color: #ffb12d !important;
    color: #fff;
    box-shadow: #ffb12d 0 7px 29px 0;
}
.yellow-btn:active {
    letter-spacing: 3px;
    background-color: #9b0000;
    color: #fff;
    box-shadow: #9b0000 0 0 0 0;
}
.white-btn {
    color: #fff1e1;
    padding: 16px 24px;
    border-radius: 30px;
    border: 2px solid #fff;
}
.first-row,
.second-row,
.timeline-container {
    padding-top: 50px;
}
.banner-caption {
    font-family: Cobbler Regular;
    font-size: 26.3332px;
}
.home-spacer {
    line-height: 41px;
}
.second-row {
    padding-bottom: 50px;
}
.first-content-col {
  /* padding-top: 6rem !important; */
}
.col-landmark,
.faq-col-left {
    padding: 0;
}
.col-second-content {
    padding-top: 1em;
    padding-right: 0;
}
.right-contact-col {
    background-color: #9b0000;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 40.2rem;
}
.img-section {
    height: 800px;
    border-radius: 40px;
}
.product-img, .story-img {
    border-radius: 70px;
}
.product-img{
    width: 390.43px;
    height: 557.75px;
}
#conference-timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
#conference-timeline .timeline-end,
#conference-timeline .timeline-start {
    display: table;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    background: #00b0bd;
    padding: 15px 23px;
    color: #ffb12d;
    max-width: 5%;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#conference-timeline .conference-center-line {
    position: absolute;
    width: 3px;
    height: 83%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background: #ffb12d !important;
    margin-top: 107px;
}
#conference-timeline .conference-timeline-content {
    height: 80%;
}
.timeline-article {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-top: 77px;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
    max-width: 44%;
    width: 100%;
}
.timeline-article .timeline-author {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #242424;
    text-align: right;
}
.timeline-article .content-left,
.timeline-article .content-right {
    position: relative;
    width: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    margin-top: -14px;
}
.timeline-article p {
    padding: 0;
    line-height: 24px;
    position: relative;
}
.timeline-article .content-left-container {
    float: left;
}
.timeline-article .content-right-container {
    float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before {
    position: absolute;
    top: 20px;
}
.timeline-article .meta-date {
    position: absolute;
    top: 24%;
    left: 51.5%;
    width: 23px;
    height: 23px;
    margin-left: -31px;
    color: #ff0;
    border-radius: 100%;
    background: rgb(155 0 0);
    border: 3px solid #ff0;
}
.btn-cart:active,
.btn-cart:hover {
    letter-spacing: 1px;
    color: #fff !important;
}
.timeline-article .meta-date .date,
.timeline-article .meta-date .month {
    display: block;
    text-align: center;
    font-weight: 900;
}
.timeline-article .meta-date .date {
    font-size: 30px;
    line-height: 40px;
}
.timeline-article .meta-date .month {
    font-size: 18px;
    line-height: 10px;
}
.bg-extension-yellow{
    background-color: #ffb12d;
}
.bg-yellow{
    background-color: #ffb12d;
}
.bg-dirty-white{
    background-color: #fff0e0 !important;
}
.article-title{
    font-size: 70px;
}

@media only screen and (max-width: 830px) {
    #conference-timeline .timeline-end,
    #conference-timeline .timeline-start {
        margin: 0;
    }
    #conference-timeline .conference-center-line {
        margin-left: 0;
        left: 50px;
        height: 100% !important;
    }
    .timeline-article .meta-date {
        margin-left: 0;
        left: 40px;
    }
    #right-meta-date {
        margin-left: 0 !important;
        left: 40px !important;
        top: 15% !important;
    }
    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 110px;
        min-height: 53px;
    }
    .timeline-article .content-left-container {
        margin-bottom: 20px;
    }
    .timeline-article .content-left,
    .timeline-article .content-right {
        min-height: 65px;
        text-align: left;
    }
    .timeline-article .content-right:before {
        display: none;
    }
    .timeline-header,
    .timeline-text {
        text-align: left !important;
    }
}


@media only screen and (max-width: 800px) {
    .clustered-img {
        margin-top: 263px !important;
    }
  
}

@media only screen and (max-width: 1440px) {
    .home-bg{
        height: 100% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .home-bg{
        height: 100% !important;
    }
    .nav-link {
        font-size: 11px !important;
    }
    .logo-img {
        width: 120px;
    }
    h1 {
        font-size: 68px;
        line-height: 70px;
    }
    .first-content-col {
        padding-top: 0 !important;
    }
    .section-header {
        font-size: 68px !important;
        line-height: 62px !important;
    }
    .faq-title {
        font-size: 89px !important;
        line-height: 89px !important;
    }
    .place {
        font-size: 22px !important;
    }
    .sub-landmarks {
        font-size: 21px !important;
    }
    h3 {
        z-index: 999 !important;
        position: relative;
    }
}
@media only screen and (max-width: 360px) {
    .logo-img {
        width: 100px !important;
    }
}
@media only screen and (max-width: 400px) {
    .timeline-article p {
        margin: 0;
    }
    .timeline-article p span.article-number {
        display: none;
    }
    .clustered-img {
        margin-top: 258px !important;
    }
    h1 {
        font-size: 46px;
        line-height: 46px;
    }
    .first-content-col {
        padding-top: 0 !important;
    }
}
.line-checker,
.spacer {
    line-height: 30px;
    margin-top: 1em;
}
.second-col {
    margin-top: -3em;
}
.land-placement {
    margin-top: 5rem;
}
.line-spacer {
    line-height: 35px;
}
.contact-spacer {
    line-height: 21px;
    margin-top: -15px;
}
.yellow-border {
    border: 1px solid #ffb12d;
    width: 100%;
}
.white-border {
    background-color: #fff;
    border-radius: 30px;
}
.row-faq {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.padding {
    padding-left: 15px;
}
.third-col-spacer {
    margin-top: 1em;
}
.landmarks-col {
    padding-left: 0;
    padding-right: 0;
}
.footer-bg {
    background-color: #fff0e0;
}
.footer-mob-bg{
    background-color: #fff0e0;
}
.btn-cart,
.btn-facebook {
    background-color: transparent;
}
.p-footer {
    font-size: 23px !important;
    line-height: 29px !important;
}
.header-footer {
    margin-top: 24px;
}
.link-footer {
    margin-top: 77px;
}
.menu-footer {
    font-size: 56px !important;
    padding-left: 28px;
}
.left-footer {
    margin-top: 54px;
}
.clustered-img {
    margin-top: 131px;
}
.clust-left-img,
.clust-right-img {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.overlay {
    position: absolute;
    bottom: 12%;
    left: 28%;
}
.overlay-img {
    border-radius: 40px;
}
#timeline-left-spacer {
    margin-top: 4rem;
}
.land-map {
    padding-top: 0 !important;
}
.row-branch {
    margin-top: -33px;
}
.map-size {
    height: 800px;
    width: auto;
}
.btn-facebook {
    color: #ffb12d;
    border-radius: 50px;
    border: none;
}
.italic-bold {
    font-family: Appetite Pro Rounded Bold Italic !important;
    font-size: 60px !important;
    line-height: 128px;
}
.btn-cart {
    font-family: Cobbler Bold !important;
    font-size: 12pt !important;
    border: 2px solid #9b0000;
    background-color: #9b0000;
    border-radius: 50px;
    padding: 10px 18px;
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    transition: 0.5s;
}
.btn-cart:active,
.btn-cart:hover,
.toast-header {
    background-color: #ffb12d;
    border: 2px solid #ffb12d;
}
.btn-cart:hover {
    border: 2px solid #ffb12d;
    /* box-shadow: #9b0000 0 7px 29px 0; */
}
.btn-cart:active {
    box-shadow: #ffb12d 0 0 0 0;
    border: 2px solid #ffb12d;
}
.toast-header {
    padding: 20px 10px;
    border-bottom: none;
}
section {
    justify-content: center;
    align-items: center;
}
section:first-child,
section:nth-child(3) {
    color: #e0ffff;
}
section:nth-child(2),
section:nth-child(4) {
    color: #42455a;
    background: #e0ffff;
}
section h2 {
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
}
section .text-container .text-box {
    margin: 20px;
    padding: 20px;
    background: #00c2cb;
}
section .text-container .text-box h3 {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
@keyframes fade-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 900px) {
    section h1 {
        text-align: center;
    }
    section .text-container {
        flex-direction: column;
    }
}
.reveal {
    position: relative;
    opacity: 0;
}
.reveal.active {
    opacity: 1;
}
.active.fade-bottom {
    animation: 1s ease-in fade-bottom;
}
.container-bg{
    background-color: #fff1e1;
    height: 50rem;
}
.footer-logo{
    width: 23%;
}
.link-email{
    color: white;
    font-size: 20px;
    font-family: Cobbler Regular;
}
.temp{
    font-size: 96px !important;
}

@media only screen and (max-width: 600px) {
    .temp{
        font-size: 50px !important;
    }
    .article-title{
        font-size: 36px;
    }
    .spacer-align{
        margin-top: 130px;
    }
    #timeline-left-spacer{
        z-index: 100;
    }
    .products-mob{
        margin-top: -6rem;
    }
    .mt-sm-0{
        margin-top: 0 !important;
    }
    .title-mob{
        margin-top: -4rem;
    }
    #conference-timeline .conference-center-line{
        margin-top: 133px;
        height: 82.5% !important;
    }
    .first-content-col{
        margin-top: 0 !important;
    }
    .footer-logo{
        width: 23%;
    }
    .store-placer{
        margin-top: -6rem;
    }
    .land-placement{
        margin-top: 1rem;
    }
    .link-email{
        font-size: 20px;
    }
    .third-content-bg{
        padding-top: 1rem;
    }
    .first-row{
        padding-top: 0px;
    }
    .label-check{
        padding-top: 6px;
    }
    .product-spacer{
        padding-left: 15px;
    }
    .btn-checkout{
        font-size: 7px;
    }
    .cart-img{
        padding-left: 2px !important;
    }
    .x-col{
        padding-left: 3px !important;
    }
    .product-name{
        padding-left: 10px;
    }
    .timeline-article .content-right-container{
        margin-top: 25px !important;
        
    }
    .timeline-aritcle{
        padding-top: 0px;
    }
    .home-bg{
        height: 65rem !important;
        background-position: center;
        background-repeat: repeat !important;
        background-size: cover;
    }
    .second-content-bg{
        height: 100%;
    }
    .prod-details{
      justify-content: center !important;
    }
    .product{
        display: flex;
        justify-content: center;
        margin-top: 2px;
    }
    .product-img{
      width: 100%;
      height: auto;
    }
    .prod-col{
      padding: 0 !important;
    }
    .prod-mob{
      padding: 0 !important;
    }
    .toast-conctainer {
        left: 5%;
    }
    .nav-link,
    .product-text {
        font-size: 15px !important;
    }
    .btn-cart {
        font-size: 13px !important;
    }
    .btn-cart:hover {
        letter-spacing: 0.5px;
    }
    .italic-bold {
        font-size: 32px !important;
    }
    .red-btn,
    .yellow-btn {
        font-size: 15px !important;
        width: 100%;
    }
    .white-btn{
        width: 100%;
        padding: 12px 17px;
    }
    .overlay {
        bottom: 69%;
    }
    .overlay-img {
        width: 200px;
    }
    .clustered-img {
        margin-top: 169px !important;
    }
    h1 {
        font-family: Appetite Pro Rounded Bold Italic;
        font-size: 50px;
        line-height: 50px;
    }
    p {
        font-size: 28px;
        line-height: 30px;
    }
    .place-inner-col {
        padding-left: 0;
    }
    .second-col {
        padding-top: 0;
        margin-top: 2em;
    }
    h3 {
        font-size: 40px !important;
    }
    .row-branch {
        margin-top: 40px;
    }
    .faq-header{
        width: 100%;
    }
    .faq-header{
        font-size: 25px !important;
    }
    .place{
        font-size: 24px !important;
    }
    .sub-landmarks {
        font-size: 22px !important;
    }
    .faq-title {
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .content-faq {
        padding-top: 54px !important;
    }
    .faq-text {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .menu-footer {
        font-size: 38px !important;
    }
    .right-contact-col {
        border-top-right-radius: 0;
        padding-left: 0;
    }
    .contact-spacer {
        padding-left: 4px !important;
        width: 80%;
    }
    .col-padding {
        padding-left: 0 !important;
    }
    .nav-link,
    .nav-link:hover {
        margin-left: 0;
    }
    .section-header {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .col-second-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #timeline-left-spacer {
        margin-top: 57px;
    }
}