<style media="screen" type="text/css"> body{ //margin-top: -24px; } body, div.container-fluid{ padding: 0; overflow-x: hidden; } div.container-fluid{ background-color: white; } .Livello-19 { width: 1680px; height: 580.5px; } div.gold-box{ background-color: #dcc26e; float: left; margin-bottom: 30px; } .white-text-gold-box{ color: white; /*text-align: end;*/ } .size-18{ font-size: 18px; } .size-14{ font-size: 14px; } .black-line{ width: 100%; height: 1.5px; background-color: black; } div .color-white{ color: white; font-size: 60px; } .font-roboto{ font-family: 'Roboto', sans-serif; } .font-garamond{ font-family: AGaramondPro, "EB Garamond"; } .titolo{ display: inline; position: absolute; transform: translate(-50%, -80%); background-color: white; padding: 20px; width:100%; } .titolo-mobile{ text-align: center; background-color: white; padding: 20px; } /*BOTTONE ORO*/ a.goldButton{ padding: 15px 40px; text-transform: uppercase; color: white !important; background-color: #dcc26e; line-height: 2.57; } /*BOTTONE DEI PARAGRAFI NERI*/ a.paragraphButton{ padding: 15px 40px; text-transform: uppercase; color: #dcc26e !important; background-color: #dcc26e; line-height: 2.57; border: solid 1px #dcc26e; background-color: black; } .paddingTop0{ padding-top: 0 !important; } h1{ font-family: AGaramondPro, "EB Garamond"; font-size: 60px; font-weight: normal; line-height: 1; color: black; padding: 20px 0px 20px 0px; text-align: center; } h2{ font-family: AGaramondPro, "EB Garamond"; font-size: 45px; color: #dcc26e; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } h3.gift{ font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; background-color: white; position: absolute; padding: 0px 10px; top: 0; left: 50%; transform: translate(-50%, -50%); } h4{ font-family: AGaramondPro, "EB Garamond"; font-size: 32px; color: #cccccc; } h4.selected{ color: #dcc26e; } h5{ font-family: AGaramondPro, "EB Garamond"; font-size: 48px; } h6{ font-family: AGaramondPro, "EB Garamond"; color: white; font-size: 16px; margin: 0; } p{ font-family: 'Roboto', sans-serif; font-size: 14px; } p.title{ font-size: 24px; line-height: 1.5; } p.body{ font-size: 16px; font-weight: 300; line-height: 1.5; } p.small{ font-size: 13.5px; text-align: center; } a.link{ text-decoration: underline !important; font-size: 13.5px; display: inline-block; } a.link:hover{ color: #dcc26e !important; cursor: pointer; } .bold{ font-weight: bold; } .italic{ font-style: italic; } .uppercase{ text-transform: uppercase; } .float-right{ float: right; } .testo-black-box{ padding: 35px; color: white; background-color: black; } .background-light-grey{ background-color: #f0f0f0; } .background-white{ background-color: white; } .background-black{ background-color: black; } .background-yellow{ background-color: #dcc26e; } .background-grey{ background-color: #f0f0f0; } .border-bottom-yellow{ border-bottom: 2px solid #dcc26e; } img.reverse-fluid{ width: 100%; height: auto; } div.page-title{ position: relative; border-top: 1px solid #dcc26e; border-bottom: 1px solid #dcc26e; } div.row.xs-slider{ overflow-x: scroll; flex-wrap: nowrap; } div.accordion-container{ border-top: 2px solid #dcc26e; position: relative; } div.accordion-container.border-bottom-yellow{ border-bottom: 2px solid #dcc26e; } a.accordion-opener{ color: white; background-color: #dcc26e; padding: 15px 40px; position: absolute; font-size: 14px; left: 50%; transform: translate(-50%, -50%); z-index: 10; } a.accordion-opener:hover{ text-decoration: none; } a.complete-list{ color: white; background-color: #dcc26e; padding: 15px 40px; font-size: 14px; } a.complete-list:hover{ text-decoration: none; } div.woman-accordion-header{ padding: 40px; background-image: url("https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw5a8ebfde/images/GIFT/5%20Star%20bag%20Banner-donna%402x.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; } div.product-banner > div:last-child{ display: flex; flex-direction: column; justify-content: space-between; } div.product-details{ border-top: 1px solid black; margin-right: 40px; margin-left: 40px; padding-top: 40px; padding-bottom: 40px; text-align: right; } div.man-header{ padding: 40px; background-color:darkolivegreen; /*background-image:url() ------> DA MODIFICARE METTENDO L'IMMAGINE*/ background-size: cover; background-repeat: no-repeat; background-position: center; } div.kids-header{ padding: 40px; background-image: url("https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw92101d79/images/GIFT/product-kids/000193390007%402x.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; } div.section-menu{ position: fixed; top: 19%; left: 0; border-bottom: 2px solid #dcc26e; padding: 15px 20px; background-color: white; z-index: 100; } .carousel-control-next, .carousel-control-prev{ width: auto; opacity: 1; } .carousel-control-next:hover, .carousel-control-prev:hover{ opacity: 1; } .carousel-control-next > img, .carousel-control-prev > img{ width: 40px; background-color: white; padding: 10px 15px; } .carousel-indicators{ margin-bottom: -30px; } .carousel-indicators li{ height: 10px; width: 10px; border: 1px solid #dadada; border-radius: 10px; background-color: white; opacity: 1; } .carousel-indicators li.active{ background-color: #dcc26e; border: 1px solid #dcc26e; } .clickable:hover{ cursor: pointer; } .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } div.center-bottom{ position: absolute; left: 50%; bottom: 40px; transform: translate(-50%, 0%); width: fit-content; text-align: center; } .padding-x-15{ padding-left: 15px; padding-right: 15px; } .padding-x-15-30{ padding-right: 15px; padding-left: 30px; } .padding-x-30-15{ padding-right: 30px; padding-left: 15px; } .padding-0{ padding: 0px; } .padding-15{ padding: 15px; } .row.padding-15 > div{ padding: 15px; } .padding-20{ padding: 20px; } .padding-40{ padding: 40px; } .padding-top-20{ padding-top: 20px; } .padding-top-40{ padding-top: 40px; } .padding-top-60{ padding-top: 60px; } .padding-bottom-40{ padding-bottom: 40px; } .padding-bottom-50{ padding-bottom: 50px; } .padding-bottom-60{ padding-bottom: 60px; } .padding-bottom-70{ padding-bottom: 70px; } .margin-top-15{ margin-top: 15px; } .margin-top-30{ margin-top: 30px; } .margin-top-40{ margin-top: 40px; } .margin-top-60{ margin-top: 60px; } .margin-top-100{ margin-top: 100px; } .margin-top-300{ margin-top: 300px; } .margin-bottom-0{ margin-bottom: 0px; } .margin-bottom-40{ margin-bottom: 40px; } .margin-bottom-10{ margin-bottom: 10px; } .margin-bottom-80{ margin-bottom: 80px; } .margin-bottom-100{ margin-bottom: 100px; } @media (min-width: 1200px) { h2{ font-size: 45px; margin-left: 0px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } } @media (max-width: 1199px) { h1{ font-size: 60px; } h2{ font-size: 48px; margin-left: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } } @media (max-width: 991px){ .padding-15-medio{ padding-right: 15px; padding-left: 15px; } div.padding-30-medio{ padding-right: 30px; padding-left: 30px; } h2{ font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; } } @media (max-width: 767px){ .padding-15-mobile{ padding-right: 15px; padding-left: 15px; } .padding-30-mobile{ padding-right: 30px; padding-left: 30px; } .margin-top-15-mobile{ margin-top: 15px; } .margin-top-60-mobile{ margin-top: 60px; } .margin-bottom-15-mobile{ margin-bottom: 15px; } h2{ margin-top: 75px; font-size: 48px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; } } a.blackButton { padding: 15px 40px; color: white !important; background-color: black; line-height: 2.57; } a.blackButton.bordered { border: 1px solid white; } a.blackButton:hover { color: black !important; background-color: #dcc26e; border: 1px solid black; text-decoration: none; } .five-center{text-align:center; margin-top:10px;} </style> <div class="container-fluid"> <!--TITOLO DESKTOP--> <div class="d-none d-sm-block"> <div class="row margin-top-40 margin-bottom-40"> <div class="col-12" style="text-align: center;"> <div style="height: 1px;border-top: 3px solid #dcc26e; width: 40%; margin-top: 40px; margin-left: 30%; margin-right: 30%; margin-bottom: 40px;"></div> <div class="titolo"> <h1>Top 5 Essentials Of The Season For Her</h1> </div><br><h2 style="color:#000;">Star of the day</h2> </div> </div> </div> <!--TITOLO MOBILE--> <div class="row d-sm-none align-items-center padding-30-mobile margin-top-40 margin-bottom-80"> <div class="col-12"> <h1 style="font-size:40px">Top 5 Essentials Of The Season For Her</h1> </div><br><h2 style="margin-top: 0px ; color:#000; text-align:center;margin: auto; font-size:30px;">Star Of The Day</h2> </div> <!-- scarpa desktop --> <div class="row d-none d-md-block"> <div class="col-lg-8 offset-lg-2"> <div class="row align-items-center padding-30-medio"> <div class="col-4 background-white"> <h2>Discover Today’s Essential Of The Season</h2> </div> <div class="col-8"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw0a2b7fe4/images/top5/G36WS590.T2006_3_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/super-star-sneakers-with-pink-glittery-star-and-yellow-heel-tab-cod-G36WS590.T20.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center desk_free"> 5. SOFT PASTEL SUPERSTAR </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/super-star-sneakers-with-pink-glittery-star-and-yellow-heel-tab-cod-G36WS590.T20.html">SHOP NOW</a> </div> </div> </div> </div> </div> <!-- scarpa mobile --> <div class="row d-md-none align-items-center padding-30-mobile"> <div class="col-12"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw0a2b7fe4/images/top5/G36WS590.T2006_3_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/super-star-sneakers-with-pink-glittery-star-and-yellow-heel-tab-cod-G36WS590.T20.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center mobile_free"> 5. SOFT PASTEL SUPERSTAR </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/super-star-sneakers-with-pink-glittery-star-and-yellow-heel-tab-cod-G36WS590.T20.html">SHOP NOW</a> </div> </div> <div class="col-12 text-center padding-30-mobile"> <h2 style="font-size:40px">Discover Today’s Essential Of The Season</h2> </div> </div> <!--RELEASE 1/2 DESKTOP--> <div class="row d-none d-md-block background-grey padding-top-20 padding-bottom-60" style="margin-top:80px;"> <!--TITOLO 2 DESKTOP--> <div class="d-none d-sm-block background-grey" style="margin-top:50px;"> <div class="row margin-bottom-40"> <div class="col-12" style="text-align: center;"> <div class=""> <h1 >Golden Essentials</h1> </div> </div> </div> </div> <div class="col-lg-8 offset-lg-2"> <div class="row padding-left-30 padding-30-medio"> <div class="col-sm-6"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw8bbae045/images/top5/G36WS963.M8_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/laminated-running-sneakers--nubuck-insert-and-glittery-star-cod-G36WS963.M8.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 1.METAL SHINE RUNNING SOLE </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/laminated-running-sneakers--nubuck-insert-and-glittery-star-cod-G36WS963.M8.html">SHOP NOW</a> </div> </div> <div class="col-sm-6 margin-top-300"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw8ef613e6/images/top5/G36WS595.A91_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/slide-sneakers-with-black-sequins-cod-G36WS595.A91.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 2. DARK BRIGHTS SLIDE </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/slide-sneakers-with-black-sequins-cod-G36WS595.A91.html">SHOP NOW</a> </div> </div> </div> </div> </div> <!--RELEASE 1/2 MOBILE--> <div class="row d-md-none margin-top-40 align-items-center padding-30-mobile padding-top-20 padding-bottom-50 background-grey"> <!--TITOLO 2 MOBILE--> <div class="row d-sm-none align-items-center padding-30-mobile margin-top-40 margin-bottom-80 background-grey" style="margin-top:50px; "> <div class="col-12"> <h1 style="font-size:40px">Golden Essentials</h1> </div> </div> <div class="col-12 padding-bottom-70"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw8bbae045/images/top5/G36WS963.M8_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/laminated-running-sneakers--nubuck-insert-and-glittery-star-cod-G36WS963.M8.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 1.METAL SHINE RUNNING SOLE </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/laminated-running-sneakers--nubuck-insert-and-glittery-star-cod-G36WS963.M8.html">SHOP NOW</a> </div> </div> <div class="col-12"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw8ef613e6/images/top5/G36WS595.A91_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/slide-sneakers-with-black-sequins-cod-G36WS595.A91.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 2. DARK BRIGHTS SLIDE </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/slide-sneakers-with-black-sequins-cod-G36WS595.A91.html">SHOP NOW</a> </div> </div> </div> <!--RELEASE 3/4 DESKTOP--> <div class="row d-none d-md-block background-grey padding-top-20 padding-bottom-60"> <div class="col-lg-8 offset-lg-2"> <div class="row padding-left-30 padding-30-medio"> <div class="col-sm-6"> <img src=" https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw0269d997/images/top5/G36WS945.M4_1_.png " class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/hi-star-sneakers-with-iridescent-star-and-silver-heel-tab-cod-G36WS945.M4.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 3. SILVER SPARKLE HI-STAR </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/hi-star-sneakers-with-iridescent-star-and-silver-heel-tab-cod-G36WS945.M4.html">SHOP NOW</a> </div> </div> <div class="col-sm-6 margin-top-300"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw993255b4/images/top5/G36WS591.C4406_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/francy-sneakers-in-leopard-print-pony-skin---cod-G36WS591.C44.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 4. WILD ANIMALIER FRANCY </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/francy-sneakers-in-leopard-print-pony-skin---cod-G36WS591.C44.html">SHOP NOW</a> </div> </div> </div> </div> </div> <!--RELEASE 3/4 MOBILE--> <div class="row d-md-none align-items-center padding-30-mobile padding-top-20 padding-bottom-50 background-grey"> <div class="col-12 padding-bottom-70"> <img src=" https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw0269d997/images/top5/G36WS945.M4_1_.png " class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/hi-star-sneakers-with-iridescent-star-and-silver-heel-tab-cod-G36WS945.M4.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 3. SILVER SPARKLE HI-STAR </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/hi-star-sneakers-with-iridescent-star-and-silver-heel-tab-cod-G36WS945.M4.html">SHOP NOW</a> </div> </div> <div class="col-12"> <img src="https://www.goldengoose.com/on/demandware.static/-/Library-Sites-GGDB-Global-Library/default/dw993255b4/images/top5/G36WS591.C4406_1_.png" class="reverse-fluid" style="cursor:pointer" onclick="window.location.href = 'https://www.goldengoose.com/pt/en/francy-sneakers-in-leopard-print-pony-skin---cod-G36WS591.C44.html';"> <p class="uppercase margin-top-30 margin-bottom-0 size-18 text-center"> 4. WILD ANIMALIER FRANCY </p> <div class="five-center"> <a class="blackButton" href="https://www.goldengoose.com/pt/en/francy-sneakers-in-leopard-print-pony-skin---cod-G36WS591.C44.html">SHOP NOW</a> </div> </div> </div> </div>