@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');

h1.heading { font-family: 'Open Sans', sans-serif; font-size: 5rem; font-weight: 500 !important; }
ul.list>li, p.footer-text{ font-size: 1.2rem; margin-left: 1.5rem; font-weight: 100; color: #000000; }
p.content-subtitle { font-size: 1.2rem; font-weight: 200; color: #000000; }
.qr-code img { margin: auto; }
.store-holder img { width: 60% !important; }

ul.list {
    position: relative;
    list-style: none;
    margin-left: 0.5rem;
    padding-left: 1.2em;
}
ul.list>li::before{
    content: "✓";
    position: absolute;
    left: 0;
    color: #28a745;
}

.container-fluid.main-content { padding: 5rem 10rem; }
.list-container { width: 75%; }

@media only screen and (max-width: 1024px)
{
    h1.heading { font-size: 2rem; }
    ul.list>li{ font-size: 1.2rem; margin-left: 1rem; }
    .container-fluid.main-content { padding: 2rem; }
    .list-container { width: 100%; }
    .store-holder img { width: 100% !important; }
}


@media only screen and (max-width: 768px)
{
    .qr-code img { display: none !important; }
    .store-holder img { width: 100% !important; }
}

@media only screen and (max-width: 425px) 
{
    h1.heading { font-size: 1.6rem; }
    ul.list>li, p.footer-text { font-size: 1.1rem; margin-left: 1rem; }
}

body {
    background-color: #ffffff;
}
form[data-step] {
    margin-bottom: 75px;
}


@media only screen and (min-width:992px){
    .mt--50px{
        margin-top: -50px;
    }
    .mt--100px{
        margin-top: -100px;
    }
    .mb--50px{
        margin-bottom: -50px;
    }
}
@media only screen and (min-height:633px) and (max-width:500px){
    .min-vh-30{
        margin-top: 30vh;
    }
}@media only screen and (min-height:330px) and (max-width:500px){
    .min-vh-30{
        margin-top: 5vh;
    }
}
/* Fonts */

#app{font-family: 'Open sans', sans-serif;}
.title-mont{font-family: 'Montserrat', sans-serif;}


.flut-btn {
    position: fixed !important;
    bottom: 20px !important;
    z-index: 10;
}

.bg-w {
    background-color: #ffffff;
}
.z-2 {
    z-index: 4;
}
.h2 {
    font-size: calc(1em + 1vw)!important;
}

.btn-secun {
    box-shadow: 0px 6px 14px #0000001f!important;
    margin-left: 10px;
    border-radius: 25px;
    padding: 12px 18px;
}
.terms {
    width: 80%;
}
.d-grid {
    display: grid!important;
}
.d-flex-safari {
    display: flex;
    align-items: flex-start;
}

.text-btn {
    margin-top: -60px!important;
}
.img-lateral {
    margin-top: -135px;
}
.ml-n-3 {
    margin-left: -50px;
}
.z-index-1{
    z-index: 2;
}
.cards {
    width: 300px;
    box-shadow: 0px 6px 14px #0000001f;
    border-radius: 15px;
}
.envi {
    background: #20CD6B;
    color: #fff;
}
.ml-n-4 {
    margin-left: -80px;
}
.mt-6 {
    margin-top: 290px;
}
.mr-6 {
    margin-right: 250px;
}
.mt-7 {
    margin-top: 450px;
}
.my-6 {
    margin-top: 138px;
    margin-bottom: 100px;
}
.z-1 {
    z-index: 2;
}
.h1-responsive {
    font-size: calc(1vw + 28px);
}
.cell {
    width: calc(430% / 2.3);
    margin-top: -290px;
    margin-left: -385px;
}
.mt-n-1 {
    margin-top: -95px;
}
.cam {
    left: -578px;
    top: -271px;
}
.plant {
    right: -37.5rem;
    top: -335px;
    z-index: 0;
}
.oh {
    overflow: hidden;
}
.coffe {
    bottom: 0px;
    right: -760px;
}
.mt-8 {
    margin-top: 50px!important;
}
.mb-2-em {
    margin-bottom: .2em!important;
}
.font-weight-400 {
    font-weight: 400;
}
.mt-n-2 {
    margin-top: -85px;
}

.mt-b-6 {
    margin-top: 155px;
}
.ml-n-2 {
    margin-left: -30px;
}
.mt-n-btn {
    margin-top: -95px;
}
.img-xsm-fluid {
    max-width: 100%;
    height: auto;
}
.img-50-fluid{
    max-width: 50%;
    height: auto;
}
.img-60-fluid{
    max-width: 60%;
    height: auto;
}
.img-70-fluid{
    max-width: 70%;
    height: auto;
}
.img-80-fluid{
    max-width: 80%;
    height: auto;
}
.btn-add {
    padding: 14px 26px!important;
    border-radius: 0px 25px 25px 0px!important;
}
.btn-input {
    border-radius: 25px 0px 0px 25px!important;
}

.input-small {
    max-width: 50px!important;
    padding: 25px 12px 6px 0px !important;
}

.input-medium {
    width: 300px!important;
}

.input-default {
    width: 175px!important;
    padding: 25px 12px 6px 0px !important;
}
.input-max-width{
    max-width: 380px;
}
.mt-24px {
    margin-top: 24px;
}

button {
    outline: none!important;
}

.logo {
    width: 128px;
    height: auto;
}

.bg-bar {
    background-color: #ffff;
    box-shadow: 0px 11px 20px #0000000f;
}

.font-weight-400 {
    font-weight: 400!important;
}

.input-big {
    width: 350px!important;
}

.input-custom {
    border: none;
    background-color: #f8f8f8;
    border-bottom: 1px solid #CCCCCC;
    transition: all 300ms;
}

.input-custom:focus {
    outline: none;
    border-bottom: 2px solid #01c1a1;
}

fieldset {
    border: none;
    position: relative;
}

fieldset input {
    padding: 25px 12px 6px 12px !important;
    height: 45px !important;
}

fieldset .label {
    position: absolute;
    color: #CCCCCC;
    font-weight: 600;
    left: 0px;
    top: 0px;
    font-size: 12px;
    transform: translate3d(0, -10px, 0);
}

.input-insta {
    max-width: 332px!important;
    padding: 25px 12px 6px 0px !important;
}

.color-gray {
    color: #CCCCCC;
}

.ml-n-1 {
    margin-left: -20px;
}

.input-text-add:focus {
    border-radius: 25px 0px 0px 25px!important;
}

.outline {
    border-bottom: 1px solid #000;
    font-weight: 500;
    color: #000;
}

.btn-primary {
    background-color: #1CB795;
    font-weight: 300;
    color: #fff;
    border-radius: 25px;
    padding: 14px 45px;
    border: none;
}

.ml-30 {
    margin-right: 35px;
}

.mt-10 {
    margin-top: 90px;
}

.btn-secun {
    box-shadow: 0px 6px 14px #0000001f;
    margin-left: 10px;
    border-radius: 25px;
    padding: 12px 18px;
    border: none;
}


/* Medias Query  */

@media only screen and (max-width:750px) and (min-width:200px) {
    .input-big {
        width: 280px!important;
    }
    .ml-n-1 {
        margin: 0!important;
    }
    .mr-n-1 {
        margin-right: 0;
    }
}

.input-group {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:500px) and (min-width:325px) {
    .btn-prima-land {
        padding: 14px 7px!important;
    }
    .btn-secun-land {
        padding: 12px 7px!important;
    }
}

@media only screen and (max-width:325px) and (min-width:200px) {
    .btn-prima-land {
        font-size: 14px!important;
    }
    .btn-secun-land {
        font-size: 14px!important;
    }
}

@media only screen and (max-width:750px) and (min-width:385px) {
    .img-xsm-fluid {
        max-width: unset;
        height: unset;
    }
}

@media only screen and (max-width:384px) and (min-width:200px) {
    .img-xsm-fluid {
        max-width: 100%;
        height: auto;
    }
}
@media only screen and (max-width:1440px) and (min-width:1201px){
    .cell{  
        margin-left: -305px;
    }
    .p-container{
        max-width: 1140px!important;
        padding: 0 4em;
    }
}

@media only screen and (max-width:1200px) and (min-width:751px) {
    .cell {
        margin-top: -290px;
        margin-left: -260px;
    }
}

@media only screen and (max-width:750px) and (min-width:500px) {
    .text-content-top .title {
        font-size: calc(2vw + 30px);
    }
    .ml-n-3-1,
    .ml-n-3-2,
    .ml-n-4 {
        margin-left: 0px!important;
    }
    .mr-n-1{margin-right: 0px!important;}
}

@media only screen and (max-width:992px) and (min-width:750px) {
    .btn-prima-land {
        padding: 14px 13px!important;
    }
    .btn-secun-land {
        padding: 14px 13px!important;
    }
    .text-btn .h5 {
        display: none;
    }
    .mt-6 {
        margin-top: 100px;
    }
    .cell{
        width: calc(430% / 2);
        margin-left: -340px;
    }
}

@media only screen and (max-width:750px) and (min-width:200px) {
    .cell {
        opacity: 0.3;
        z-index: 0;
    }
    .cell-over {
        position: absolute;
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1));
        height: 100%;
        width: 150%;
        z-index: 1;
        margin-left: -105px;
    }
    .mt-n-6 {
        margin-top: -935px!important;
    }
    .coffe {
        display: none;
    }
    .title {
        font-size: 26px;
    }
    .txt {
        overflow-wrap: break-word;
    }
    .mt-n-btn {
        margin-top: 0px;
    }
    .btns {
        justify-content: center;
    }
    .btns .btn {
        margin-top: 50px;
    }
    .ml-n-3-1 {
        margin-left: 0;
    }
    .ml-n-3-2 {
        margin-left: 0;
    }
    .jus {
        justify-content: center;
    }
    .not-1 {
        justify-content: center!important;
    }
    .mt-6 {
        margin-top: 100px;
    }
    .not-2 {
        justify-content: center!important;
    }
    .not-3 {
        justify-content: center!important;
        margin-top: 100px;
    }
    .cam {
        display: none;
    }
    .mt-7 {
        margin-top: 150px;
    }
    .plant {
        opacity: .2;
    }
    .ml-n-1 {
        text-align: center;
    }
    .box-img-1 .title label {
        text-align: center;
        font-size: calc(1vw + 20px);
    }
    .box-img-2 .title label {
        text-align: center;
        font-size: calc(1vw + 20px);
    }
    #img-area-1 {
        display: flex;
        justify-content: center;
    }
    #img-area-2 {
        display: flex;
        justify-content: center;
    }
    .ml-n-3{margin-left: 0px;}
}

@media only screen and (max-width:500px) and (min-width:321px) {
    .txt-top span.title {
        margin-bottom: 30px;
        font-size: calc(1vw + 26px);
    }
    .mt-n-6 {
        margin-top: -565px!important;
    }
    .cell{
        margin-top: -195px;
        margin-left: -290px;
    }
    .text .subtitle {
        margin-top: 30px;
    }
    .text-btn {
        margin-top: -60px!important;
    }
    .btn-sb-ms{
        display: none;
    }
    .img-50-fluid,
    .img-60-fluid,
    .img-70-fluid,
    .img-80-fluid{
        max-width: 100%;
        height: auto;
        margin: auto;
    }
    .ml-n-3-1,
    .ml-n-3-2,
    .ml-n-4 {
        margin-left: 0px!important;
    }   
    .mr-n-1{margin-right: 0px!important;}
}

@media only screen and (max-width:320px) and (min-width:200px) {
    .mt-n-6 {
        margin-top: -415px!important;
    }
    .txt-top span.title {
        font-size: 26px!important;
    }
    .text-btn {
        margin-top: -60px!important;
    }
    .btn-prima-land {
        padding: 14px 12px!important;
    }
    .btn-secun-land {
        padding: 14px 12px!important;
    }
    .text .subtitle {
        margin-top: 10px;
    }
    #apple-store {
        margin-left: 10px;
    }
    .btn-sb-ms{display: none;}
    .img-50-fluid,
    .img-60-fluid,
    .img-70-fluid,
    .img-80-fluid{max-width: 100%;height: auto;margin: auto;}
    .ml-n-3-1,
    .ml-n-3-2,
    .ml-n-4 {
        margin-left: 0px!important;
    }
    .mr-n-1{margin-right: 0px!important;}
    .cell{
        margin-top: -195px;
        margin-left: -220px;
    }
}


#app .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#app .swiper-wrapper{display: flex;flex-direction: row!important;}
#app .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:1em 1em ;
}
#app .card-photograph{
    box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    padding:1em 1em ;
    width: 320px;
    min-height: 225px;
}
#app .circle{
    width:60px;height:60px;border-radius:50%;
}
#app .logos-store-absolute{
    z-index:4;left:6%;bottom:12%;
}

@media only screen and (max-width:1440px) and (min-width:1280px){
    #app .logos-store-absolute{
        z-index:4;left:18%;bottom:13%;
    }
    #app .card-photograph{
        width: 300px;
    }
}
@media only screen and (max-width:992px){
    #app .logos-store-absolute{
     display: none;
    }
}
#app .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    z-index: 2!important;
    background: transparent;
}
#app .index2{z-index: 2!important;}
#app .swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border: 1px solid #444;
}
#app .segment h6{font-size:12px}
#app .font-16-px{font-size:16px;}
#app .btn-site{padding:4px;background:#00CD6B;width:fit-content;color:#fff;border-radius:4px;font-size: 14px;}
@media only screen and (max-width:520px){
    #btn-rp{
        position: fixed;
        bottom: 35px;
    }
    #a-mx-auto{
        display: contents;
    }
    #app .card-photograph{
        width:100%;
    }
    #app .txt-content-rp{
        margin-top: 100px!important;
    }
    #app .btn-site{
        font-size: 12px;
    }
    #app .card-photograph{
        width:100%;
    }

}
@media only screen and (max-width:320px){
    #app .txt-content-rp{
        margin-top: 130px!important;
    }
}
@media only screen and (max-width:350px){
    #app .swiper-slide{padding: 1em 0.1em;}
}
#pac-input{
    height: 40px;
}
#map{
    overflow: unset!important;
}
#pac-input{
    left: 50%!important;
    transform: translate(-50%, 0);
    top: -80px!important;
}
.gm-style div[tabindex="0"]{
    overflow: hidden!important;
}
.bs-popover-top{
    margin-top: -20px;
    border-radius: 10px;
}
.popover-body{
    background: #000;
    border-radius: 7px;
    color: #fff;
}
.arrow::after{
    border-top-color: #000!important;
}
.content-box-grid{
    display: flex;
    flex-flow: wrap;
    align-content: space-between;
} 
.content-box-grid .segment,
.content-box-grid a[data-insta]{
    width:100%;
}
#consts .text-danger{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}
#consts .text-danger a{
    width: 100%
}