@font-face {
    font-family: 'Lato 300';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato 300 latin';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato 100';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato 100 latin';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    background: white;
    font-family: 'Lato', sans-serif;
    /*font-family: 'Lato 300';*/
}
/*section.bg-header */
section.bg-header{
    /*background-image: url('../images/Banner-principal.png');*/
    background-repeat: no-repeat;
    /*background-attachment: ;*/
    background-size: 100% 100%;
    width: 100%;
    height: 400px;
    /*height: 53vh;*/
}
section.bg-header img{
    height: 100%;
    width: 100%;
}
hr{
    border-top: 13px solid #eb9ba6;
    margin-top: 0;
}
.bg-header .text-section{
    width: 60%;
    text-align: center;
    position: absolute;
    top: 12%;
    right: 38%;
}

.bg-header .banner-text{
    font-size: 34px;
    font-weight: 300;
}

.bg-header .banner-heading{
    font-size: 50px;
    font-weight: 300;
    line-height: 1.2;
}

.container-fluid{
    margin: 60px 0;
}

.main-heading{
    color: #404040;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
}

.section-heading {
    display: table;
    white-space: nowrap;
    margin: auto;
    padding-bottom: 15px;
}
.section-heading:before {
    background: linear-gradient(to bottom, #777777, #777777) no-repeat left center / 95% 2px;
    content: "";
    display: table-cell;
    width: 25%;
}
.section-heading:after {
    background: linear-gradient(to bottom, #777777, #777777) no-repeat right center / 95% 2px;
    content: "";
    display: table-cell;
    width: 25%;
}

.heading{
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin-top: 10px;
}
.personalize-section img{
    height: auto;
    width: 100%;
    max-height: 250px;
}
.sin-personalizar-section, .ocasiones-especiales-section{
    margin-top: 105px;
}
.sin-personalizar-section img, .ocasiones-especiales-section img{
    height: auto;
    width: 100%;
}
.product-section{
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
.img{
    text-align: center;
}

.sujeta-chupetes, .portachupetes{
    padding: 60px;
    border: 1px solid #c3c3c3;
}
.portachupetes{
    border: 1px solid #c3c3c3;
    border-left: none;
}
.sujeta-chupetes{
    border-right: none;
}
.sujeta-chupetes .heading, .portachupetes .heading{
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
}
.sujeta-chupetes .link, .portachupetes .link{
    color: #404040;
    border-bottom: 1px solid #a4a4a4;
    font-size: 20px;
    text-decoration: none;
    font-weight: 300;
}
.sujeta-chupetes .secondary-banner-background{
    background: #c5b8c1;
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: 10%;
    left: 15%;
}
.portachupetes .secondary-banner-background{
    background: #c5b8c1;
    width: 250px;
    height: 250px;
    position: absolute;
    top: 25.5%;
    right: 9%;
}
.banner-section{
    margin-top: 80px;
}
.banner-section img{
    margin-top: 25px;
    height: auto;
    width: 100%;
    z-index: 99;
    position: relative;
}
.sujeta-chupetes img{
    margin-left: 30px;
}
.portachupetes .link-section{
    margin-bottom: 22px;
}
.sujeta-chupetes img{
    margin-bottom: 23px;
}
.facilmente-section{
    margin: 100px 60px 20px 60px;
    border: 1px solid dimgrey;
}
.facilmente-section .bg-header{
    background-image: url('../images/bottom-banner.png');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: 100% 100%;
    width: 100%;
    height: 50vh;
}
.facilmente-section .title-section{
    width: 28%;
    text-align: center;
    position: absolute;
    right: 50%;
    margin-top: 75px;
}
.facilmente-section .title-section p{
    font-size: 50px;
    font-weight: 300;
    line-height: 1.2;
}
.facilmente-section .information-card.elige-modelo{
    padding-top: 30px;
}
.facilmente-section .information-card {
    padding-bottom: 50px;
}
.facilmente-section .information-card img{
    height: auto;
    /*width: 132px;*/
}
.facilmente-section .information-card .title{
    margin-top: 12px;
    margin-bottom: 12px !important;
    font-size: 22px;
}
.facilmente-section .information-card .description{
    margin-top: 13px;
    font-size: 18px;
    line-height: 1.5;
    min-height: 82px;
}
.facilmente-section .mobile-banner-title-section{
    display: none;
}
.facilmente-section .show-more{
    margin: 20px auto 60px auto;
    font-size: 24px;
    border-top: 1px solid;
    width: fit-content;
}

.newsletter{
    background: #eba2b0;
    padding: 35px 0 24px 0;
    text-align: center;
}
.newsletter form{
    border-bottom: 1px solid;
    width: fit-content;
    margin: auto;
}
.newsletter p{
    font-size: 12px;
    margin-bottom: 5px;
}
.newsletter input, .newsletter input:focus{
    background: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
}
.newsletter button{
    background: transparent;
    border: none;
}
.newsletter input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #474747;
    text-align: center;
}

.customer-support.container-fluid{
    margin: 40px 0 0 0 !important;
}
.customer-support p.collapse-title, .sobre-tutete p.collapse-title{
    width: 85%;
    margin: auto;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 0;
    font-weight: 600;
}
.customer-support .fa, .sobre-tutete .fa{
    float: right;
    border: 2px solid;
    border-radius: 14px;
    padding: 3px;
    font-size: 11px;
}
.customer-support .fa[aria-expanded="false"].fa:before, .sobre-tutete .fa[aria-expanded="false"].fa:before{
    content: "\f067";
}
.customer-support .fa[aria-expanded="true"].fa:before, .sobre-tutete .fa[aria-expanded="true"].fa:before{
    content: "\f068";
}
.customer-support #customer_support_collapse{
    padding: 30px 0 20px 0;
}
.customer-support #customer_support_collapse .media{
    margin-bottom: 25px;
}
.customer-support #customer_support_collapse .media-title{
    font-size: 19px;
}
.sobre-tutete.container-fluid{
    margin: 20px 0 !important;
}
.sobre-tutete #sobre_tutete_collapse p:first-child{
    margin-top: 15px;
}
.sobre-tutete #sobre_tutete_collapse p{
    margin-bottom: 5px;
    text-align: center;
    font-weight: 500;
}
.sobre-tutete #sobre_tutete_collapse a{
    color: black;
}
hr.footer-hr{
    border-top: 13px solid #fda4af !important;
}

.newsletter, .customer-support, .sobre-tutete, .footer-hr, .privacy-link-section, .social-link-section, .copyrights-section{
    display: none;
}

#sobre_tutete_collapse{
    padding-bottom: 70px;
}

.privacy-link-section a{
    text-decoration: none;
    color: black;
    font-size: 10px;
    font-weight: 500;
}
.privacy-link-section a:not(:last-child){
    border-right: 1px solid;
    padding-right: 3px;
}

.social-link-section{
    width: 43%;
    margin: 0 auto 0 auto;
}
.social-link-section a{
    color: black;
    text-decoration: none;
}

.social-link-section a .fab{
    border: 1px solid;
    padding: 5px;
    border-radius: 33px;
}

.copyrights-section{
    width: 65%;
    margin: 0 auto 80px auto;
    text-align: center;
}

.copyrights-section p{
    margin-bottom: 0;
    font-size: 14px;
}

.desktop-body{
    max-width: 1024px;
    margin: auto
}

.customer_support_collapse svg{
    height: 40px;
}