.franquia-link-1024
{
    display:none;
}

.less-than-1350-only
{
    display:none;
}

.more-than-1350-only
{
    display:inline;
}


@media only screen  and (max-width:1350px)
{
    .more-than-1350-only
    {
        display:none;
    }

    .less-than-1350-only
    {
        display:inline;
    }
}

@media only screen  and (min-width:1351px)
{
    .more-than-1350-only
    {
        display:inline;
    }
}






@font-face {
    font-family: "Montserrat";
    font-weight: bold;
    font-style: normal;
            src : url("/media/static/fonts/Montserrat-Bold.ttf");
            src : url("/media/static/fonts/Montserrat-Bold.ttf"), format("truetype"),
                  url("/media/static/fonts/Montserrat-Bold.woff") format("woff");
}

@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("/media/static/fonts/fontawesome-webfont.eot");
           src : url("/media/static/fonts/fontawesome-webfont.eot") format("embedded-opentype"),
                 url("/media/static/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("/media/static/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("/media/static/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("/media/static/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    }


a{
    text-decoration: none !important;
}

a:hover,
a:visited,
a:focus {


    color: inherit !important;
    outline: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: white;
    background: #0b1e31;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

img {

    max-width: 100%;
}

small {
    font-size: 0.6rem;
}

.mobile-only
{
    display:none;
}

.desktop-only
{
    display:inherit;
}


.navbar-mobile
{
    display:none;
}

.menu-mobile
{
    width:100vw;
    height:100vh;
    background:#005581;
    z-index: 999;
    position: fixed;
    left:-100vw;
    transition: all .2s;
    top:0px;
}

.menu-mobile.active
{
    left:0px;
}

.menu-mobile > ul
{
    list-style-type: none;
    font-size: 1.5rem !important;
    line-height: 3rem;
}

.menu-mobile > ul > li
{   
    color:#ffffff;
}

.menu-mobile > ul > li:hover 
{   
    color:#FAC60D;
}

.menu-mobile > a, .menu-mobile > a:visited
{
    color:white;
    text-decoration:none !important;
}

.close-mobile-menu-wrapper
{
    width:100%;
}

.close-mobile-menu
{
    padding: 11px;
    border-radius: 100%;
    background: #003957;
    display: flex;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 3px solid #0272ac;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
    left: 79%;
    position: relative;
    margin-top: 10%;
    
}

.mainSection {
    width: 100%;
    height: 936px;

    display: block;
    background-size: cover;

    position: relative;
    z-index: 0;
}

.main-content {
    padding-left: 16rem;
    padding-top: 12rem;
    max-width: 123.6rem;
    margin: 0 auto;
    z-index: 1;
}

/*Seção Bem Vindo*/
#startSection {
  /*  background-image: url('/media/static/img/bg0.png');*/
}

#startSection .main-title {

    margin-top: 3.5rem;
    position: relative;
    left: -18px;
}

#startSection .main-content{
    position:inherit;
    z-index:1;
}

#startSection .bottom-wrapper {

    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    align-items: end;
    z-index:15;
}

#startSection .main-paragraph
{
    width:53% !important;
}


#startSection .bottom-wrapper .bottom-content:first-child {
    padding-left: 16rem;
}

#startSection .bottom-wrapper .bottom-content {
    margin-bottom: 2.2rem;
    font-size: 0.8rem;
    width: 18%;
}

#startSection .bottom-wrapper .bottom-content p {
    margin-top: 0.5rem;
    opacity: 0.62;
}

#startSection .bottom-wrapper .bottom-content-right {
    position: absolute;
    right: 0px;
    display: flex;
    float: right;
    width: 42%;
    bottom: -5px;
}

#startSection .main-background
{
    width:100vw;
    z-index:0;
    height:936px;
    top:0px;
    background-size:cover;
}

#startSection .slider-wrapper
{

    width:100%;
    height:936px;
    position: absolute;
    top:0px;
    left:0px;
}

#startSection .slider1
{
    padding: 0px;
    list-style-type: none;
    position: absolute;
}

#startSection .slider-counter
{
    position: absolute;
    top: 150px;
    right: 160px;
    z-index: 3;
    font-size: 1.3rem;
    font-family: 'Montserrat';
    font-weight: bold;
}

#startSection .slider-counter .current
{
    font-size:3rem; 
}


/* Seção Sobre */

#aboutSection {
    background-image: url('/media/static/img/bg1.jpg');
}

#aboutSection .main-content {
    padding-left: 24rem;
}

#aboutSection .main-paragraph{

    width:54%;
    
}

#aboutSection p
{
    margin-top:2rem;
}

#aboutSection .btns-wrapper
{
    display:flex;
    margin-top:4.5rem;
    justify-content: center;
}

#aboutSection .btn-yellow-gradient
{
    padding: 17px 24px;
}

#productSection {
    
    background-image: url('/media/static/img/bg2.jpg');
}

#productSection .main-content
{
    padding-top:16rem;
    padding-left:23%;
}

#productSection .left-side
{
    width:44%;
    display: block;
    float:left;
}

#productSection .left-side .main-paragraph
{
    width:100%;
}

#productSection .right-side
{
    width:43%;
    display: block;
    float:right;
    position:relative;
    height:100%;
}

#productSection .cardapio
{
    position:absolute;
    bottom:0px;
    width:35%;
    background-image: url('/media/static/img/popcorn-menu-bg.png');
    background-size:cover;
    background-position: left top;
    color:white;
    padding-bottom: 8rem;
    right:5%;
    border:5px   solid #148BBB;
    border-bottom:none;
}



#productSection .cardapio-title-wrapper
{

    text-align: right;
    padding-top:2rem;
    width:100%;
}

#productSection .cardapio-title-wrapper > img
{
    margin-right:2rem;
}

#productSection .cardapio-items
{
    width: 85%;
    margin:  auto;
    padding: 0px;
    max-height: 400px;
    position: relative;
    overflow: auto;

}
#productSection .cardapio-items > li
{
    margin-top:1rem;
    list-style: none;
}

#productSection .cardapio-items > li > b
{
    margin-bottom:1rem;
    text-transform: uppercase;
    width: 94%;
    display: block;
}

#productSection .cardapio-items > li > p
{
    margin-top:0.5rem;
    color:#40B8ED;
    width: 94%;
}

#productSection .btn-wrapper
{
    width:85%;
    margin:0 auto;
}
#productSection .btn-compre-online-cardapio
{
    display: flex;
    align-items: center;
    background-color: white;
    padding: 8px 12px;
    border-radius: 32px;
    margin-top: 3rem;
    text-decoration: none;
    color: #065C87 !important;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    width: 32%;
    font-size: 0.7rem;
    transition: all .3s;
}

#productSection .btn-compre-online-cardapio:hover
{
    background-color:#FFC200;
}

#productSection .btn-compre-online-cardapio > img
{
    margin-right:0.5rem;
}

.cardapio-title-doce
{
    display:none;
}

.product-title-wrapper
{
    width:100%;
}



#storesSection {
    background-image: url('/media/static/img/bg4.jpg');
}


#storesSection .bottom-wrapper {

    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    align-items: end;
    }


    #storesSection .bottom-wrapper .bottom-content:first-child {
        padding-left: 12%;
    }

    #storesSection .bottom-wrapper .bottom-content {
        position:relative;
        padding-right: 1rem;
        margin-bottom: 1rem;
        font-size: 0.7rem;
        width: 13%;
    }

    #storesSection .bottom-wrapper .bottom-content-box {
        width: 90%;
        margin: 0 auto;
    }

    #storesSection .bottom-wrapper .bottom-content-p {
        margin-bottom:3rem;
    }

    #storesSection .slider-main-wrapper
    {
        width:38%;
        overflow:hidden;
        height:80%;
        float:left;
        text-align: right;
    }

    #storesSection .slider-top-nav-wrapper
    {
        width: 100%;
        display: flex;
        justify-content: flex-end;        

    }

    #storesSection .bottom-slider-nav
    {
        position: absolute;
        right: -11px;
        top: 20%;
        z-index: 30;
        display: flex;
        align-items: center;
        flex-direction: column;
    }


    #storesSection .btn-nav-small
    {
        background:white;
        transition: all .3s;
    }

    #storesSection .btn-nav-small:hover
    {
        background:#FAC60D;
        cursor:pointer;
    }
    


    #storesSection .slider-prev > img,  #storesSection .slider-next > img
    {

        background-color:rgba(255,255,255,1);
        transition: .3s background-color;
    }

    #storesSection .slider-prev > img:hover,  #storesSection .slider-next > img:hover
    {

        background-color:#FDC700;
        cursor:pointer;
    }


    #storesSection .slider-main-image
    {
        position: relative;
        bottom: 0px;
        width: 696px;
        height: 517px;
        display: block;
        float: right;
        overflow:hidden;
    }

    #storesSection .slider-alt-img
    {
        width: 696px;
        height: 517px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
        
    .slider-alto-container, .slider-alto-container
    {
       
    }

    #storesSection .left
    {
        width:73%;
        display:block;
        float:left;
    }

    #storesSection .right
    {
        width: 30%;
        display: flex;
        flex-direction: column;
        margin-left:1rem;

    }

    #storesSection .right > img
    {
        margin-top:1rem;
    }

    #storesSection .slider-varzea, #storesSection .slider-alto, .slider-mg, .slider-sp, .slider-sp2
    {
        width:50px !important;
        height:50px !important;
        display:inline-block;
    }

    .fup-wrapper
    {
        width: 96%;
        border-radius: 12px;
        background: white;
        overflow: hidden;
        height: 44px;
        display: flex;
        align-items: center;
    }

    .fup-wrapper:hover > span
    {
        cursor:pointer;
        background:#ffd332;
    }

    .fup-wrapper > span
    {
        background: #FDC700;
        padding: 16px;
        color: #004E84;
        font-family: 'Open Sans';
        font-weight: bold;
        transition: all .3s;
    }

    .fup-wrapper > p
    {
    padding: 16px;
    color: #004E84;
    font-family: 'Open Sans';
    font-weight: bold;
    }



#contactSection {
    background-color: #00172E;
    overflow: hidden;
}

#contactSection .main-paragraph {
    width: 100%;
    font-size:0.88rem;
}

#contactSection .contact-items-wrapper {
    width: 100%;
    margin-top: 2rem;
}

#contactSection .contact-item {
    margin-top: 1.7rem;
}

#contactSection .contact-item>div {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

#contactSection .contact-item p {
    width: 100%;
    margin: 0px;
}

#contactSection .contact-item img {
    margin-right: 1rem;
}

#contactSection .contact-item b {
    color: #edc02a;
}

#contactSection .left-side {
    display: block;
    float: left;
    width: 43%;
}

#contactSection .right-side {
    display: block;
    float: right;
    width: 57%;

}

#contactSection .form-head {
    background-color: #00172E;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: -10px;
    padding: 0px 32px;

}

#contactSection .form-head a {
    color: white;
    font-size: 0.75rem;
    text-decoration: none;
}

#contactSection .form-head a:hover,
#contactSection .form-head a.active {
    color: #FFC200 !important;
    cursor:pointer !important;
}



#contactSection form {
    margin: 0 auto;
    position: relative;
    background-image: url('/media/static/img/form-bg.png');
    background-size: cover;
    border: 1px solid #4481A7;
    width: 74%;
    border-radius: 12px;
    padding: 32px;
    font-family: 'Open Sans';

}

#contactSection  .form-group {
    margin-top: 1rem;
}

#contactSection form label {
    width: 100%;
    display: block;
    margin-bottom: 1rem;
    font-size: 0.8rem;
}

#contactSection form input,
#contactSection form textarea,
#contactSection form select {

    border: none;
    outline: none;
    width: 90%;
    padding: 13px 16px;
    border-radius: 12px;
    box-shadow: inset 0px -4px 0px 0px rgba(248, 207, 21, 1);
    font-family: 'Open Sans';
}

#contactSection form .row {
    display: inline-block;
    width:100%;
}

#contactSection form input::placeholder,
#contactSection form textarea::placeholder {
    color: #888;
    font-family: 'Open Sans';
    font-size:0.8rem;
}

#contactSection form textarea {
    height: 10rem;
}

#contactSection form button {
    border: none;
    border-radius: 16px;
    padding: 6px 26px;
    background: #FFC200;
    color: #004E84;
    font-weight: bold;
    margin-top: 1rem;
    transition: background .5s;
}

#contactSection form button:hover {

    background: #ffd138;
    cursor:pointer;
}


/* Menu */

#mainOverlay {
    position: fixed;
    width: 100vw;
    z-index: 1;
    max-width: 100%;
    
}

.navbar {
    float: left;
    display: flex;
    padding-left: 15rem;
    margin-top: 3.5rem;
    list-style-type: none;
    align-items: center;

}



.navbar li {

    border: 3px solid transparent;
    border-radius: 32px;
    display:block;
    float:left;
    pointer-events: none;
    color: #FEDA1C;
    font-size:1.2rem;
   
    
}

.navbar li.actualLink
{
    pointer-events: all;
    padding:8px 16px;
    color: white;
    font-size:0.8rem;
}

.navbar a:not(:first-child) > li::before {

    /*
    content: "\2022";  
    color: #FFEA1C; 
    font-weight: bold; 
    display: inline-block;
    width: 1em; 
    margin-left: -1em; 
    z-index: 4;
    */

}




.navbar li.actualLink:hover,
.navbar li.actualLink.active {
    color: #f2d235;
    background: url('/media/static/img/texture-button.png');
    border: 3px solid white;
    border-radius: 32px;
    z-index:5;
    cursor: pointer;
}






.nav2 {
    float: right;
    display: flex;
    width: fit-content;
    margin-top: 3.5rem;
    font-size: 0.8rem;
    margin-right: 2.5rem;
    align-items: center;
}

.nav2>li {
    display: block;
    float: left;
}

.franquia-link:hover > span
{
    cursor:pointer;
    color:#FAC60D;
}

.main-paragraph {
    width: 50%;
    margin-top: 1rem;
    cursor: text;
}

.main-paragraph p {
    margin-top: 3rem;
}

.sidebar-left {
    position: relative;
}

.sidebar-left img {
    position: absolute;
    left: -15px;
}

.sidebar-left .logo {
    position: absolute;
    top: 2rem;
    left: 1rem;
}

.sidebar-left .role-o-mouse
{
    position: fixed;
    left: 84px;
    width: 21px;
    bottom: 197px;
}

.logo-link
{
    z-index: 30;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 127px;

}

.sidebar-right {
    position: absolute;
    right: 0px;
    display: flex;
    height: 100vh;
    margin-right: -15px;
    justify-content: center;
    flex-direction: column;
}

.sidebar-right a {
    padding: 1rem;
    color: white;
    text-decoration: none;
    font-size: 0.8rem;
    transform:rotate(-90deg);
    margin-top: 2rem;
}

.sidebar-right a:hover {
    cursor: pointer;
    color: #FAC60D !important;
}


.navi-dots {
    position: fixed;
    list-style-type: none;
    top: 18rem;
    left: 34px;
}

.navi-dots li {
    width: 12px;
    height: 12px;
    margin: 15px 0 15px 0;
    background-color: #ffffff;
    -webkit-border-radius: 50px;
    /* Safari, Chrome */
    -moz-border-radius: 50px;
    /* Firefox */
    border-radius: 50px;
    /* CSS3 */
    position: relative;
}

.navi-dots li:before {
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    left: -5px;
    border-radius: 100%;
    border: 2px solid #fff;
    display: none;
    content: "";
}

.navi-dots li:hover,
.navi-dots li.active {
    background-color: #f2d235;
}

.navi-dots li:hover:before,
.navi-dots li.active:before {
    display: block;
    cursor: pointer;
}

/* End Menu */


/*Buttons*/

.btn-yellow-gradient {
    border-radius: 64px;
    padding: 13px 24px;
    color:white;
    border:1px solid white;;
    background: linear-gradient(#FFC20000, #E7CD2F00);
    font-weight: bold;
    font-family: 'Open Sans';
    margin-right:1rem;
    margin-left:1rem;
    text-decoration:none;
}

.btn-yellow-gradient:hover {
    cursor: pointer;
    background: linear-gradient(#FFC200, #E7CD2F);
    border-color:transparent;
    color: #2A6483 !important;
    
    text-decoration:none;

}

.btn-less-space
{
    margin-left:0.5rem;
}

.btn-compre-online {
    color: white;
    border-radius: 64px;
    padding: 10px 25px;
    border: 2px solid white;
    display: flex;
    margin-right: 2rem;
    margin-left: 1rem;
    text-decoration:none;
    transition: all .2s;
    
}

.btn-compre-online:hover {
    cursor:pointer;
    text-decoration:none;
    background-color: #FAC60D;
    border: 2px solid #FAC60D;
}

/*End Buttons*/

/*Effects*/

.popcorn1 {
    position: absolute;
    left: 95px;
    bottom: 35px;
    margin-top: 1900px;

}

.popcorn2 {
    position: absolute;
    right: 3px;
    bottom: 35px;
    margin-top: 4050px;

}

.popcorn3 {
    position: absolute;
    right: 3px;
    bottom: 35px;
    margin-top: 3620px;

}

.popcorn4 {
    position: absolute;
    left: 205px;
    bottom: 35px;
    margin-top: 3570px;

}

.parallax-1,
.parallax-2,
.parallax-3,
.parallax-4 {
    top: 0;
    z-index: 5;
}

.form-0
{

}

.form-1
{
    display:none;
}

.form-2
{
    display:none;
}

/*End Effects */

footer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    color:#006290;
    background-color:white;
    height:63px;
}

footer > span:first-child
    {
        display:block;
        float:left;
        margin-left:3rem;
    }

    footer > span:last-child
    {
        display:block;
        float:right;
        margin-right:3rem;
    }




@media only screen and (max-width:993px) 
{

    body
    {
        font-size:1rem !important;
    }
    #mainOverlay
    {
        display:none;
    }

    .desktop-only
    {
        display:none !important;
    }

    .mobile-only
    {
        display:inherit;
    }

    .slider-counter.mobile-only
    {
        position: static !important;
        top: 350px;
        right: 35%;
        z-index: 3;
        font-size: 1.3rem;
        font-family: 'Montserrat';
        font-weight: bold;
        margin: 0 auto;
            margin-top: 0px;
        display: block;
        margin-top: 7rem !important;
    }


    .navbar-mobile
    {
        display: flex;
        width: 100%;
        background-color: #005581;
        color: white;
        height: 6rem;   
        position: fixed;
        z-index: 3;
        top: 0px;
        margin: 0 !important;
        align-items: center;
    }

    .open-mobile-menu
    {
        height:60px;
        background:#003C5B;
        border:#00283b;
        color:white;
        width:60px;
        margin-left:1rem;
        position:fixed;
        border-radius:16px;
        font-size: 1.5rem;
        display: flex;
        justify-content: space-around;
        align-items:center;
    }

    .logo-link
    {
        margin:0 auto;
        display:block;
        position:relative;
        z-index:30;
        width:115px;
    }

    .main-content
    {
        padding:0px !important;
        margin: 0px !important;
        text-align: center;;
    }

    .main-paragraph {
        width: 100%;
        margin-top: 1rem;
        cursor: text;
        text-align: center;
    }

    .mainSection
    {
        min-height:100vh;
    }

    .popcorn1, .popcorn2, .popcorn3, .popcorn4
    {
        width:28%;
    }

    .popcorn4
    {
        width:15%;
    }

    .popcorn1 
    {
        left: -49px;
        width: 22%;
    }
    #startSection
    {
        margin-top:6rem;
    }

    #startSection .main-title
    {
        position: relative;
        left: 0px;
        margin: 0 auto;
        display: block;
        padding-top: 3rem;
        width: 90%;
    }

    #startSection .main-background
    {
        width:100vw;
        background-repeat:no-repeat !important;
        background-size:cover !important;
        background-position:center center !important;
        height:100vh;

    }

    #startSection .main-paragraph
    {
        width:80%;
        margin:0 auto;
        margin-top:3rem;
    }

    #startSection .slider-counter {
        position: absolute;
        top: 350px;
        right: 35%;
        z-index: 3;
        font-size: 1.3rem;
        font-family: 'Montserrat';
        font-weight: bold;
        margin: 0 auto;
        display: block;
    }

    #startSection .main-background
    {
        width:100vw;
        z-index:0;
        height:936px;
        min-height:100vh;
        top:0px;
        background-size:cover;
    }

    #startSection .bottom-wrapper .bottom-content-right {
        width:100%;
    }

    #startSection .bottom-wrapper {
        position: absolute;
        bottom: 0px;
        display: flex;
        width: 100%;
        align-items: end;
        z-index: 15;
    }

    #startSection .bottom-wrapper .bottom-content {
        margin-bottom: 6.2rem;
        font-size: 0.8rem;
        width: 90%;
        position: relative;
        top: -93px;
        text-align: center;
        padding-left:0% !important;
    }

    #startSection .bottom-wrapper .bottom-content-right {
        justify-content: flex-end;
    }

    #aboutSection .main-title
    {
        padding-top: 6rem;
        width:80%;
    }

    #aboutSection .main-paragraph
    {
        margin: 0 auto;
        width:82%;
    }

    #aboutSection .btn-yellow-gradient {
        font-size:0.8rem;
        border-radius: 64px;
        padding: 7px 27px;
        color: white;
        border: 1px solid white;
        background: linear-gradient(#FFC20000, #E7CD2F00);
        font-weight: bold;
        font-family: 'Open Sans';
        margin-right: 1rem;
        margin-left: 1rem;
        text-decoration: none;
        transition: background .3s;
    }

    #aboutSection .btn-yellow-gradient:hover
    {
        cursor: pointer;
        background: linear-gradient(#FFC200, #E7CD2F);
        border-color:transparent;
        color: #2A6483 !important;
        text-decoration:none;
    }
    #productSection .left-side
    {
        width:100%;
    }

    #productSection .left-side .main-paragraph
    {
        width:80%;
        margin: 0 auto;
    }

    #productSection .main-title
    {
        width:80%;
        margin:0 auto;
        padding-top:6rem;
    }

    #productSection .right-side
    {
        width:100%;
    }

    #productSection .cardapio-btn-wrapper
    {
        margin:0 auto;
        margin-top:4rem;
        display: flex;
        flex-direction: column;
        width:70%;
    }

    #productSection .cardapio-btn-wrapper > span
    {
        margin-top:1.7rem;
        margin-bottom:1.7rem;
    }
    #productSection .cardapio
    {
        width: 90%;
        margin: 0 auto;
        right: 2%;
        left: 2%;
    }

    .cardapio-title-salgada,.cardapio-title-doce
    {
        width:90%;
        margin:0 auto !important;
    }

    #productSection
    {
        height:1500px;
    }

    #productSection .btn-compre-online-cardapio
    {
        margin:0 auto;
        width:55%;
        margin-top:4rem;
    }

    #contactSection{

        min-height: fit-content;
    }

    #storesSection
    {
        height: 1229px;
    }
    #storesSection .left
    {
        display: block;
        width:100%;
    }
    #storesSection .main-title
    {
        width: 80%;
        margin: 0 auto;
        padding-top: 6rem;
    }

    #storesSection .bottom-wrapper
    {
        flex-direction: column;
        align-items: center;
    }

    #storesSection .bottom-wrapper .bottom-content
    {
        width:50%;
        padding-bottom:3rem !important;
        margin-top: 1rem;
    }

    #storesSection .bottom-slider-nav
    {
        position: relative;
        right: 0px;
        bottom: 0%;
        z-index: 30;
        display: flex;
        justify-content: center;
        flex-direction: row;
        top:-16%;
    }

    #storesSection .slider-alt-img
    {
        width:100% !important;
    }

    #storesSection .slider-top-nav-wrapper
    {
        justify-content: center !important;
        width: 100%;
        position: relative;
        top: 495px;
        z-index: 10;
        
    }
    #storesSection .slider-main-wrapper
    {
        width:100%;
        overflow:hidden;
        height:80%;
        float:none;
        text-align: right;
        margin-top:-85px;
    }

    #storesSection
    {
        height:auto;
    }

    #storesSection .bottom-wrapper
    {
        position:static;
    }

    #storesSection .bottom-content
    {
        padding-bottom:0px !important;
    }
    
    #storesSection .bottom-slider-nav
    {
        margin-top: -33px;
    }

    #contactSection
    {
        height:1450px;
    }
    #contactSection .left-side
    {
        width:100%;
    }

    #storesSection .right {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-left: 1rem;
        margin: 0;
    }

    #storesSection .right > img {
        margin: 0px;
        height: 6rem;
        object-fit: cover;
        width: 33.3%;
    }

    #storesSection .bottom-content-box > img
    {
        margin: 0 auto;
        display: block;
    }

    #storesSection .bottom-wrapper .bottom-content {
        padding:0px;
    }

    #storesSection .bottom-wrapper .bottom-content:first-child {
        padding-left: 0%;
    }

    #storesSection .bottom-wrapper .bottom-content-box {
        width:100%;
    }

    #storesSection .bottom-content-p
    {
        text-align: center;
    }

    #contactSection .main-title
    {
        width:80%;
        padding-top:6rem;
        margin:0 auto;
    }

    #contactSection .main-paragraph
    {
        font-size:1rem;
        width:80%;
        margin: 0 auto;
        margin-top:2rem;
    }

    #contactSection .contact-items-wrapper {
        width: 80%;
        margin: 0 auto;
        margin-top: 2rem;
    } 

    #contactSection .contact-item-title
    {
        display:flex !important;
        align-items:center !important;
        justify-content: center;
    }

    #contactSection .right-side
    {
        width:100%;
        margin-top:3rem;
    }

    #contactSection form
    {
        width:90%;
        text-align: left;
        padding:12px 12px;

    }

    #contactSection .form-head a {
        color: white;
        font-size: 1rem;
        text-decoration: none;
        
    }

    #contactSection .form-head span, #contactSection .form-head a > span 
    {
        background-color: #00172E;
        padding:0px 6px;
    }

    #contactSection .form-head span:nth-child(2)
    {
        padding:0px 4px;
    }

    #contactSection form input, #contactSection form textarea, #contactSection form select {
        border: none;
        outline: none;
        width: 90%;
        padding: 10px 16px;
        border-radius: 12px;
        box-shadow: inset 0px -4px 0px 0px rgba(248, 207, 21, 1);
        font-family: 'Open Sans';
        font-size: 1rem;
    }

    #contactSection .form-head {
        background-color: transparent;
        padding:0px;
        margin: 0 auto;
        display: flex;
        position: absolute;
        top: -10px;
        padding: 0px 32px;
        justify-items: center;
        width: 90%;
        text-align: center;
    }

    #contactSection form button {

        width:100%;
        padding: 10px 26px;
    }
    

    footer
    {
        overflow:hidden;
        font-size:0.6rem !important;
        flex-direction: column;
        text-align: center;
        height:auto;
        padding: 1rem 0rem;
    }


    footer > span:first-child {
        display: block;
        float: left;
        margin:0;
        width:100%;
        margin-bottom:0.6rem;
        

    }

    footer > span:last-child {
        display: block;
        float: left;
        margin:0;
        width:100%;
    
    }
}

@media only screen and (max-width:490px)
{

    #aboutSection .btns-wrapper
    {
        flex-direction: column;
    }

    #aboutSection .btns-wrapper > a:first-child
    {
        margin-bottom:2rem;
    }

    #aboutSection .btns-wrapper .btn-yellow-gradient
    {
        padding: 17px 5px;
    }
    #contactSection .form-head {
        padding: 0px;
        margin: 0 auto;
        display: block;
        
        
    }
    #contactSection .form-head span, #contactSection .form-head a > span {
        font-size: 0.7rem;
    }
}

@media  (min-width:1367px)
{

    .navbar
    {
        padding-left: 17.9rem !important;
    }

    .role-o-mouse
    {
        bottom:240px !important;
    }

    .main-content
    {

        padding-left:19rem !important;
    }

    .sidebar-left > img 
    {
        width:192px !important;
    }

    .sidebar-right {
        margin-right: 10px;
    }

    
    #startSection .bottom-wrapper .bottom-content:first-child {
        padding-left: 19rem;
    }

    #startSection .main-title {
        left: 0px;
    }

    #startSection .bottom-wrapper .bottom-content-right {
        justify-content: flex-end;
    }

    .slider-counter {
        top: 123px;
        right: 250px;
    }


    #aboutSection .main-content {
        padding-top:15rem;
        padding-left: 26rem !important;
    }

    #aboutSection p {
        margin-top: 2rem;
        width: 79%;
    }

    #aboutSection .btns-wrapper {
        width: 69%;
    }    

    #aboutSection .main-content .main-title
    {
        margin-left:6rem;
    }

    #aboutSection .main-content .main-paragraph
    {
        margin-top:2rem;
    }


    #productSection
    {
        background-position: bottom;
    }

    #productSection .main-content {
        padding-top: 13rem;
    }

    #productSection .main-content .main-paragraph
    {
        margin-top:3rem;
    }

    #productSection .left-side {
        width: 40%;
    }

    #productSection .left-side .main-paragraph
    {
        width:98%;
    }

    #productSection .cardapio {
        position: absolute;
        bottom: 0px;
        width: 32%;
        background-image: url('/media/static/img/popcorn-menu-bg.png');
        background-size: cover;
        background-position: left top;
        color: white;
        padding-bottom: 8rem;
        right: 9%;
        border: 5px solid #148BBB;
            border-bottom-color: rgb(20, 139, 187);
            border-bottom-style: solid;
            border-bottom-width: 5px;
        border-bottom: none;
    }

    #productSection .cardapio-title-wrapper > img {
        margin-right: 4rem;
    }

    #productSection .cardapio-btn-wrapper
    {
        margin-top:4rem;
    }

    #productSection .cardapio-items {
    
        max-height: 442px;
    }
    
    #productSection .btn-yellow-gradient
    {
        padding: 22px 46px;
    }

    #productSection .cardapio-items > li > p
    {
        margin-top:1.6rem;
        margin-bottom:1.6rem;
        width:94%;
    }

    #storesSection .slider-alt-img 
    {
        width:773px !important;
        height:595px !important;
    }

    #storesSection .bottom-slider-nav {
        right: -39px;
    }

    #storesSection .bottom-slider-container
    {
        margin-left: 30px;
    }

  

    #contactSection .left-side
    {
        width:36%;
    }

    #contactSection .left-side .main-title
    {
        display: block;
        margin: 0 auto;
    }

    #contactSection .right-side {
        display: block;
        float: right;
        width: 63%;
    }

    #contactSection form {
        margin: 0 auto;
        position: relative;
        background-image: url('/media/static/img/form-bg.png');
        background-size: cover;
        border: 1px solid #4481A7;
        width: 63%;
        border-radius: 12px;
        padding: 30px;
            padding-right: 30px;
        font-family: 'Open Sans';
        padding-right: 11px;
        padding-bottom: 3.5rem;
    }    

    #contactSection form label {
        width: 100%;
        display: block;
        margin-bottom: 1.55rem;
        font-size: 1rem;
    }

    #contactSection .form-head
    {
        
        padding: 0;
        left: 20px;
        
    }

    #contactSection form button {
        border: none;
        border-radius: 20px;
        padding: 11px 45px;
        background: #FFC200;
        color: #004E84;
        font-weight: bold;
        margin-top: 1rem;
        transition: background .5s;
        font-size: 0.9rem;
    }

    footer
    {
        font-size: 0.8rem;
    }

    .popcorn3{
        margin-top: 3790px;
    }


}




@media only screen and (max-width:1290px) and (min-width:994px)
{
    .sidebar-left .logo
    {
        width:90px;
    }

    .navbar
    {
        padding-left:9rem;
    }

    .navbar li.actualLink
    {
        padding:6px 10px;
    }

    .franquia-link
    {
        display:none;
    }
    .franquia-link-1024
    {
        display:inline;
    }

    .main-content
    {
        padding-left:10rem;
    }

    #startSection .main-title {

        width:72%;
    }

    #startSection .bottom-wrapper .bottom-content:first-child {
        padding-left:10rem;
    }

    #aboutSection .main-paragraph {
        width:73%;
    }

    #productSection .main-paragraph p {
        width:70%;
    }

    #productSection .main-content {
        padding-left: 14%;
    }

    #productSection .main-title {
        width:70%;
    }

    #productSection .left-side {
        width: 72%;
    }

    #contactSection .form-head {
        padding: 0px;
        left: 20px;
    }

    #contatSection .form-head a > span {
        font-size: 0.65rem !important;
    }

    #contactSection .desktop-only
    {
        display:none;
    }

    .less-than-1350-only
    {
        display:inline !important;
    }

  
}

@media only screen and (max-width:1495px) and (min-width:1366px)
{

    #aboutSection .btns-wrapper {
        width: 71%;
    }

    #aboutSection .btn-yellow-gradient {
        padding: 1rem 0.9rem;
    }

    #productSection .btn-yellow-gradient {
        padding: 1rem 0.9rem;
    }

    .slider-counter {
        top: 123px;
        right: 250px;
    }

    
}

@media only screen and (min-width:1495px)
{
    #productSection .btn-yellow-gradient {
        padding: 1rem 1rem;
    }

    #aboutSection .btn-yellow-gradient {
        padding: 1rem 1rem;
    }


    .slider-counter {
        top: 123px;
        right: 250px;
    }
}

@media only screen and (min-width:1920px)
{
    #contactSection .form-head {
        padding: 0;
        left: 20px;
        right: 9%;
        width: 80%;
        text-align: center;
    }
}