html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: 'arial',sans;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body{
    background-image: url("../img/bg-2.jpg?t=1");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
/*.fontOldStd{font-family: 'Old Standard TT', serif;}*/


*{font-family: 'arial', sans;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);} /*GAM 01272021*/

/*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
.sect1 {width: 100%; display: inline-block;height: auto;color:white;}
.sect1Cnt{width: 100em; margin: 0 auto;padding: 0;height: auto;}
.sect1_A{width: 37.5em; height:62.5em;float: left;}
.sect1_B{width: 62.5em;color: #fff;height:62.5em;float: left;}
.sect1_A h1 {text-align:center;font-size: 150%; color: black; margin: 2em auto;}
.logoA{width: 15em;height:15em;margin: 3em auto;   background-color: #fff;-webkit-mask-image: url("../img/dreamm_logo.svg");mask-image: url("../img/dreamm_logo.svg");}
.btnA {padding: .5em .75em;border-radius: 1em;background: #fdb03a; width: 9em;text-align: center;margin: 1em auto;cursor: pointer;}
.btnA:hover {-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);}
.btnA a {font-size: 120%;text-decoration: none;color: white;}
nav{width: 35.5em;height: 3em; margin: 3em auto;z-index: 4;}
nav li {margin: .5em;text-align: center;float: left;font-size: 130%;color: white;padding:.3em .5em; box-sizing: border-box; cursor: pointer;}
nav li:hover{color:#FDB03A;border-color: #FDB03A;}
.targ {width: 100%; z-index: 1;position: relative;top:-3.5em;visibility: hidden;}
.nav_icon {-webkit-mask-image:url(../icns/nav.svg);mask-image:url(../icns/nav.svg);}
.navBtnA {width: 3em; height: 3em; display: block;position: fixed;top: .7em;left:.5em;border: none;visibility: hidden;background-position: center; background-size: contain;}
.spcNav {border: solid .1em white;border-radius: 1em;}
.storeBtn{ width: 37.5em; height: 5.13em; float: left;margin: 1em auto;}
.storeBtn img:hover {-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);}
.storeBtn img { width: 15.63em; height: 5.13em; background: green;margin: 0 1.5em;float: left;border-radius: .5em;}
/*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */
.cellCnt { width: 21.88em; height: 45.38em;position: relative;margin: 3em auto;}
.cellSld{ width: 100%; height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.cellImg{width: 100%; height: 100%;background-image: url("../img/cell.png");background-repeat: no-repeat;background-position: center;background-size: contain;border-radius:48px;
position: absolute;top: 0;left: 0;z-index: 2}
* {box-sizing: border-box;}
.sldCnt{width: 94%;height: 94%;margin: 6% 3%;/*background: black;*/}
.sl1 , .sl2{width: 100%; height: 100%;position: relative;top:-10px;}
.slide{width: 100%; height: 100%;display: none;text-align: center;}
.sldArw{float: left;height: 1em;width: 1em;margin: .5em 2px .5em;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: contain;background: white;}
.left{  -webkit-mask-image: url("../icns/left.svg"); mask-image: url("../icns/left.svg");}
.right{ -webkit-mask-image: url("../icns/right.svg"); mask-image: url("../icns/right.svg");}
.slideCmd{text-align:center; width: 15em;display: flex;margin: 1.5em auto 0;flex-direction: row;flex-wrap: wrap;justify-content:center;color: white;font-size: 110%; font-weight: 900;}
.dot { height: .75em;width: .75em;margin: .65em 2px .5em;background-color:#c2c2c2;border-radius: 50%; display: block;float: left;transition: background-color 0.6s ease;}
.active {background-color: white;}
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}}
@keyframes fade {from {opacity: .4}to {opacity: 1}}
/*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
.sect2{width: 100%; height: 52em;color: white;}
/*__.sect2 h1 {font-size: 200%;color: black; text-align: center;margin:1em 0;height: 2em;padding-top: .5em;}__*/
.sect2 h1 {font-size: 200%;color: white; text-align: center;margin:1em 0;height: 2em;padding-top: .5em;}
.sect2_frm { margin: 2em auto;padding: 2em;width: 1200px; height: 720px;/*background: #fdb03a;*/border-radius: 2em;}
.sect2_frm iframe {width: 100%;height: 100%;}
.sect2 > p {font-size: x-large;margin: 10px 0;}
/*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
.sect3{width: 100%; height: auto;display: none;}
.sect3Img{ width: 100%; height: 30em;background-image: url("../img/summer-with-friends-P4MFZLY.jpg"); background-position: center;background-size: cover;margin: 0;background-attachment: fixed;}
/*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
.sect4 {width: 100%; color:white; margin: 0;}
.sect4tlt{width: 90%; height: 4em; margin: 0 auto 2em;}
.sect4tlt h1{ font-size: 200%; padding: 1em 0;box-sizing: border-box;text-align: center;color: white;}
.sect4Cnt {width: 90%; display: flex;margin: 0em auto;flex-direction: row;flex-wrap: wrap;justify-content:center;}
.sect4tlt > p {
	font-size: x-large;
}
.evi{color:#fdb03a; background-color: rgba(0,0,0,0);font-weight: 900;}
.sect4_A{width: 25.5em;}
.sect4_B{width: 48.5em;display: flex;flex-direction: column;justify-content: center; vertical-align: middle;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);font-size: 17px;}
.sect4_B h2{width: 30em; padding: 1em;box-sizing: border-box;border-radius: 1em; background: white; margin: 1em auto;font-size: 150%;text-align: center;}
.cellCnt2 { width: 21.88em; height: 45.38em;position: relative;margin: 0 auto 4em;}
.sect4Img{width: 100%;opacity: 0;height: 150px;}
/*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
.sect5{ width: 100%; display: flex;margin: 0em auto;flex-direction: row;flex-wrap: wrap;justify-content:center;color: white;}
.sect5Img{ width: 23.44; height: 50.75em;margin: 1em;}
.sect5Mrk {width: 100%; height: 10em;}
.btnB {padding: .55em .75em;border-radius: 1em;background: rgba(0,0,0,0.6);width: 22em;height: 3em;text-align: center;margin: 1em auto;text-shadow: 0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0);}
.btnB:hover {-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);}
.btnB a {font-size: 170%;text-decoration: none;color: white;float: left;margin: 0em  .5em;font-weight: 900;padding-top: .05em;font-weight: 600;}
.btnB img {width: 1.8em ; height: 1.8em; float: left;}
.sect5Mrk p {width: 90%; color: white; text-align: center;margin: 2em auto;font-size: 130%;}
.slide.fade>img{
        border-radius:48px;
    }
footer{ width: 100%; background: rgba(0,0,0,0.6);display: block;margin: 2em 0 0;text-align: center;box-sizing: content-box;}
footer img { width: 30em; height: auto;margin: 2em auto 0;}
footer p {width: 90%;padding: 1em 0 .0;margin: .5em auto 0; color: white; font-size: 130%;}
footer a {width: 90%;padding: 1em .5 .2em;margin: .5em .5em 1em ; color: white; font-size: 130%;}
.cookieBan{width: 100%; height: 100%; background: rgba(0,0,0,.85);position: fixed;top: 0; left: 0;z-index: 20;overflow-y: scroll;}
.cookieCnt {width: 40%; background: rgba(30,30,30,1);display: block;padding: .5em 0;border: solid white .1em;margin: 1em auto;}
.logoB{width: 6em;height:6em;margin: .5em auto;   background-color: white;-webkit-mask-image: url("../img/dreamm_logo.svg");mask-image: url("../img/dreamm_logo.svg");}
.cookieTxt{ text-align: center;color: white;font-size: 160%;width: 90%;margin: .5em auto .2em;}
.disableCookie{color: white;}
.cookieLink{width: 12em;height: 3em; margin: .5em auto 1em;color: white;text-align: center; text-decoration: none;font-size: 100%;border:solid white;padding: .3em .5em;border-radius: 1em;cursor: pointer;}
.cookieDsc{width: 80%; border-top:solid white .1em;color:white;margin: .5em auto;padding: .5em 0;}
.cookieOpt {display: none;}
.cookieCnt h3 {width: 90%; margin: .5em auto; color: white;text-align: center; font-size: 130%;}
.cookieCnt h2 {width: 90%; margin: .5em auto; color: white;text-align: center; font-size: 100%;}
.cookieDsc p{margin: .4em 0;}
.cookieBtn p {font-size: 130%;text-align: center;padding-top: .3em;font-weight: 900;color:white;}
.cookieBtn {width: 15em; height: 2em;background: #5A5A5A;margin: 1em auto;border-radius: 1.5em;cursor: pointer;}
/*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
.txtCont{width:80%; margin: 1em auto;color: white;}
.txtCont p {font-size: 120%;margin: .3em auto;}
.txtCont h1{font-size: 125%;margin: .5em auto;font-weight: 900;}
.txtCont h2{font-size: 145%;margin: .5em auto;font-weight: 900;text-align: center;}
@media screen and (max-width: 1450px) {
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
  .sect1 {width: 100%; height: auto;color:white;}


  .sect1Cnt{width: 100em; margin: 0 auto;padding: 0;height: auto;}
  .sect1_A{width: 30.5em; height:48.5em;float: left;}
  .sect1_B{width: 48.5em;color: #fff;height:48.5em;float: left;}
  .sect1_A h1 {text-align:center;font-size: 150%; color: black; margin: 2em auto;}
  .logoA{width: 15em;height:15em;margin: 1em auto;   background-color: #fff;
      -webkit-mask-image: url("../img/dreamm_logo.svg");
      mask-image: url("../img/dreamm_logo.svg");}
  .btnA {padding: .5em .75em;border-radius: 1em;background: #fdb03a; width: 9em;text-align: center;margin: 1em auto;}
  .btnA:hover {-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);}
  .btnA a {font-size: 120%;text-decoration: none;color: white;}
  nav{width: 30.5em;height: 3em; margin: 1.5em auto .5em;}
  nav li {margin: .3em;text-align: center;float: left;font-size: 120%;color: white;padding:.3em .5em; box-sizing: border-box; cursor: pointer;}
  nav li:hover{color:#FDB03A;border-color: #FDB03A;}
  .targ {width: 100%; z-index: 1;position: relative;top:-3.5em;visibility: hidden;}
  .nav_icon {-webkit-mask-image:url(../icns/nav.svg);mask-image:url(../icns/nav.svg);}
  .navBtnA {width: 3em; height: 3em; display: block;position: fixed;top: .7em;left:.5em;border: none;visibility: hidden;background-position: center; background-size: contain;}
  .spcNav {border: solid .1em white;border-radius: 1em;}
  .storeBtn{ width: 30.5em; height: 4.13em; margin: 1em auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content:center;}
  .storeBtn img:hover {-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);}
  .storeBtn img { width: 12em; height: 3.94em; background: green;margin: 0 .5em;border-radius: .5em;}
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */
.cellCnt { width: 19em; height: 39.40em;position: relative;margin: 1em auto;}
.cellSld{ width: 100%; height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.cellImg{width: 100%; height: 100%;background-image: url("../img/cell.png");background-repeat: no-repeat;border-radius:48px;
	background-position: center;background-size: contain;position: absolute;top: 0;left:0;z-index: 2}
* {box-sizing: border-box;}
.sldCnt{width: 94%;height: 94%;margin: 6% 3%;/*background: black;*/}
.sl1 , .sl2{width: 100%; height: 100%;position: relative;top:-10px;}
.slide{width: 100%; height: 100%;display: none;text-align: center;}
.sldArw{float: left;height: 1em;width: 1em;margin: .5em 2px .5em;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: contain;background: white;}
.left{  -webkit-mask-image: url("../icns/left.svg"); mask-image: url("../icns/left.svg");}
.right{ -webkit-mask-image: url("../icns/right.svg"); mask-image: url("../icns/right.svg");}


/*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
.sect2{width: 100%; height: auto;color: white;}
.sect2 h1 {font-size: 200%;color: white; text-align: center;margin:1em 0;}
.sect2_frm { margin: 2em auto;padding: 2em;width: 1024px; height: 614px;/*background: #fdb03a;*/border-radius: 2em;}
.sect2_frm iframe {width: 100%;height: 100%;}
.sect2 > p {font-size: x-large;margin: 10px 0;}
/*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
.sect3{width: 100%; height: auto;display: none;}
.sect3Img{ width: 100%; height: 20em;background-image: url("../img/summer-with-friends-P4MFZLY.jpg"); background-position: center;background-size: cover;margin: 0;}
/*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
/*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
.sect4 {width: 100%;  color:white;margin: 0;}
.sect4tlt{width: 90%; height: 4em; margin: 0 auto 2em;}
.sect4tlt h1{ font-size: 200%; padding: 1em 0;box-sizing: border-box;text-align: center;color: white;}
.sect4Cnt {width: 90%; display: flex;margin: 0em auto;flex-direction: row;flex-wrap: wrap;justify-content:center;}
.sect4tlt > p {
	font-size: x-large;
}
.evi{color:#fdb03a; background-color: rgba(0,0,0,0);font-weight: 900;}
.sect4_A{width: 19em;margin-right: 2em;}
.sect4_B{width: 25.5em;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);font-size: 17px;}
.sect4_B h2{width: 25em; padding: 1em;box-sizing: border-box;border-radius: 1em; color: white; margin: 2em auto;font-size: 150%;text-align: center;}
.cellCnt2 { width: 19em; height: 39.40em;position: relative;margin: 0 auto;}
.sect4Img{width: 100%;opacity: 0;height: 150px;}
.slide.fade>img{
        border-radius:48px;
    }
/*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
}

@media screen and (max-width: 1200px) {
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
  .sect1 {width: 100%;height: auto;color: white;margin: 0;
  }
  .sect1Cnt{width: 100%; margin: 0 auto;padding: 0;height: auto;display: block;}
  .sect1_A{width: 100%;margin: 0;height:auto;}
  .sect1_B{width: 100%;color: #fff;height:auto;}
  .sect1_A h1 {text-align:center;font-size: 150%; color: black; margin: 2em auto;}
  .logoA{width: 15em;height:15em;margin: 3em auto;   background-color: #fff;
      -webkit-mask-image: url("../img/dreamm_logo.svg");
      mask-image: url("../img/dreamm_logo.svg");}
  .btnA {padding: .5em .75em;border-radius: 1em;background: #fdb03a; width: 9em;text-align: center;margin: 1em auto;}
  .btnA:hover {-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);}
  .btnA a {font-size: 120%;text-decoration: none;color: white;}
  nav{width: 12em;height: auto; position: fixed;top:1.5em; left: .3em;/*background: black;*/display: none;border-radius: 1em;box-sizing: content-box;}
  nav li {margin: .3em;text-align: left;font-size: 120%;color: white;padding:.3em .5em;width: 90%; cursor: pointer;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);}
  nav li:hover{color:#FDB03A;border-color: #FDB03A;}
  .targ {width: 100%; z-index: 1;position: relative;top:-3.5em;visibility: hidden;}
  .nav_icon {-webkit-mask-image:url(../icns/nav.svg);mask-image:url(../icns/nav.svg);}
  .navBtnA {width: 2.5em; height: 2.5em;cursor: pointer;display: block;position: fixed;top: .7em;left:.5em;border: none;visibility: visible;;background-position: center; background-size: contain;background: white;}
  .spcNav {border: solid .1em white;border-radius: 1em;}
  .storeBtn{ width: 100%; height: 5.13em; float: left;margin: 1em auto 3em;}
  .storeBtn img:hover {-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);}
  .storeBtn img { width: 15.63em; height: 5.13em; background: green;margin: 0 1.5em;float: left;border-radius: .5em;}
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */
  .cellCnt { width: 17em; height: 35.26em;position: relative;margin: 1em auto 4em;}
  .cellSld{ width: 100%; height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
  .cellImg{width: 100%; height: 100%;background-image: url("../img/cell.png");background-repeat: no-repeat;background-position: center;background-size: contain;border-radius:48px;
  position: absolute;top: 0;left: 0;z-index: 2}
  * {box-sizing: border-box;}
  .sldCnt{width: 94%;height: 94%;margin: 6% 3%;/*background: black;*/}
  .sl1 , .sl2{width: 100%; height: 100%;position: relative;top:-10px;}
  .slide{width: 100%; height: 100%;display: none;text-align: center;}
  .sldArw{float: left;height: 1em;width: 1em;margin: .5em 2px .5em;cursor: pointer;background-position: center;background-repeat: no-repeat;background-size: contain;background: white;}
  .left{  -webkit-mask-image: url("../icns/left.svg"); mask-image: url("../icns/left.svg");}
  .right{ -webkit-mask-image: url("../icns/right.svg"); mask-image: url("../icns/right.svg");}


  /*_________________________________________________________________________________ SEZIONE SLIDE _________________________________________________________________________________ */

  /*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
  .sect2{width: 100%; height: auto;color: white;}
  .sect2 h1 {font-size: 200%;color: white; text-align: center;margin:0;height: 2em;width: 100%;}
  .sect2_frm { margin: 2em auto;padding: 1.5em;width: 700px; height: 420px;/*background: #fdb03a;*/border-radius: 2em;display: block;box-sizing:border-box; }
  .sect2_frm iframe {width: 100%;height: 100%;}
  .sect2 > p {font-size: x-large;margin: 10px 0;}
  /*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
  .sect3{width: 100%; height:auto;display: none;}
  .sect3Img{ width: 100%; height: 15em;background-image: url("../img/summer-with-friends-P4MFZLY.jpg"); background-position: center;background-size: cover;margin: 0;}
  /*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
  .sect4 {width: 100%;  color:white;margin: 0;display: block;}
  .sect4tlt{width: 90%; height: 4em; margin: 0 auto 2em;}
  .sect4tlt h1{ font-size: 200%; padding: 1em 0;box-sizing: border-box;text-align: center;color: white;}
  .sect4Cnt {width: 90%; display: block;margin: 0em auto;/*background: black;*/}
  .sect4tlt > p {
    	font-size: x-large;
    }
  .evi{color:#fdb03a; background-color: rgba(0,0,0,0);font-weight: 900;}
  .sect4_A{width: 100%;margin: 2em auto 0;}
  .sect4_B{width: 100%;margin: 2em auto 0;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);font-size: 17px;margin-top: 40px;}
  .sect4_B>p{margin-top: 40px;}
  .sect4_B h2{width: 90%; padding: 1em;box-sizing: border-box;border-radius: 1em; background: white; margin: 2em auto 0;font-size: 150%;text-align: center;}
  .cellCnt2 { width: 19em; height: 39.40em;position: relative;margin: 0 auto;}
  .sect4Img{width: 100%;opacity: 0;height: 150px;}
  /*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
	  /*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
  .sect5{ width: 100%; color: white; display: flex;margin: 0em auto;flex-direction: row;flex-wrap: wrap;justify-content:center; min-height: 15em}
  .sect5Img{ width: 18em; height: 38.97em;margin: 1em;}
  .sect5Mrk {width: 100%; height: 10em;}
  .btnB {padding: .55em .75em;border-radius: 1em;background: rgba(0,0,0,0.6);width: 22em;height: 3em;text-align: center;margin: 1em auto .5em;text-shadow: 0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0);}
  .btnB a {font-size: 170%;text-decoration: none;color: white;float: left;margin: 0em  .5em;font-weight: 100;padding-top: .05em;}
  .btnB img {width: 1.8em ; height: 1.8em; float: left;}
  .sect5Mrk p {width: 90%; color: white; text-align: center;margin: 1em auto;font-size: 130%;}
  .slide.fade>img{
        border-radius:48px;
    }
  footer{ width: 100%; background: rgba(0,0,0,0.6);display: block;margin: 2em 0 0;text-align: center;}
  footer img { width: 18em; height: auto;margin: 2em auto .5em;}
  footer p {width: 90%;padding: 1em 0;margin: .5em auto 0; color: white; font-size: 130%;}
  /*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
	.cookieCnt {width: 80%;
}
@media screen and (max-width: 720px) {
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
  .sect1 {width: 100%;height: auto;color: white;display: flex;margin: 0;
  }
  .sect1Cnt{width: 100%; margin: 0 auto;padding: 0;height: auto;}
  .sect1_A{width: 100%;margin: 0;height:auto;}
  .sect1_B{width: 100%;color:  #fff;height: auto;}
  .sect1_A h1 {text-align:center;font-size: 120%; color: white; margin: 2em auto;width: 90%;}
  .logoA{width: 15em;height:15em;margin: 3em auto;
      -webkit-mask-image: url("../img/dreamm_logo.svg");
      mask-image: url("../img/dreamm_logo.svg");}
  .btnA {padding: .5em .75em;border-radius: 1em;background: #fdb03a; width: 9em;text-align: center;margin: 1em auto;}
  .btnA:hover {-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.25);}
  .btnA a {font-size: 120%;text-decoration: none;color: white;}

  .targ {width: 100%; z-index: 1;position: relative;top:-3.5em;visibility: hidden;}
  .nav_icon {-webkit-mask-image:url(../icns/nav.svg);mask-image:url(../icns/nav.svg);}
  .navBtnA {width: 2.5em; height: 2.5em;cursor: pointer;display: block;position: fixed;top: .7em;left:.5em;border: none;visibility: visible;;background-position: center; background-size: contain;background:white;}
  .spcNav {border: solid .1em white;border-radius: 1em;}
  .storeBtn{ width: 100%; height: auto; float: left;margin: 1em auto 1.5em;}
  .storeBtn img:hover {-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.25);}
  .storeBtn img { width: 15.63em; height: 5.13em; background: green;margin: .5em auto;;border-radius: .5em;}
  /*_________________________________________________________________________________ SEZIONE 1 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
  .sect2{width: 100%; height: auto;color: white;}
  .sect2 h1 {font-size: 200%;color: white; text-align: center;margin:0 auto;height: auto;width: 90%;}
  .sect2_frm { margin: 2em auto;padding: 1em;width: 300px; height: 180px;/*background: #fdb03a;*/border-radius: 2em;display: block; }
  .sect2_frm iframe {width: 100%;height: 100%;}
  .sect2 > p {font-size: x-large;margin: 10px 0;}
  /*_________________________________________________________________________________ SEZIONE 2 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
  .sect3{width: 100%; height: auto;display: none;}
  .sect3Img{ width: 100%; height: 15em;background-image: url("../img/summer-with-friends-P4MFZLY.jpg"); background-position: center;background-size: cover;margin: 0;}
  /*_________________________________________________________________________________ SEZIONE 3 _________________________________________________________________________________ */
	  /*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
  .sect4 {width: 100%;  bcolor:white;margin: 0;display: block;}
  .sect4tlt{width: 90%; height: 4em; margin: 0 auto 4em;}
  .sect4tlt h1{ font-size: 200%; padding: 1em 0;box-sizing: border-box;text-align: center;color: white;}
  .sect4Cnt {width: 90%; display: block;margin: 0em auto;/*background: black;*/}
  .sect4tlt > p {
	font-size: x-large;
}
  .evi{color:#fdb03a; background-color: rgba(0,0,0,0);font-weight: 900;}
  .sect4_A{width: 100%;margin: 2em auto 2em;}
  .sect4_B{width: 100%;margin: 2em auto 0;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);font-size: 17px;margin-top: 40px;}
  .sect4_B>p{margin-top: 40px;}
  .sect4_B h2{width: 90%; padding: 1em;box-sizing: border-box;border-radius: 1em; background: white; margin: 2em auto 0;font-size: 150%;text-align: center;}
  .cellCnt2 { width: 17em; height: 35.26em;position: relative;margin: 0 auto 2em;}
  .sect4Img{width: 100%;opacity: 0;height: 150px;}
  /*_________________________________________________________________________________ SEZIONE 4 _________________________________________________________________________________ */
  /*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
  .sect5{ width: 100%; color: white; margin: 0em auto;flex-direction: row;flex-wrap: wrap;justify-content:center;}
  .sect5Img{ width: 17em; height: 36.81em;margin: 1em auto;}
  .sect5Mrk {width: 100%; height: auto;}
  .btnB {padding: .55em .75em;border-radius: 1em;background: rgba(0,0,0,0.6);width: 17em;height: 3em;text-align: center;margin: 1em auto .5em;text-shadow: 0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0),0px 0px 4px rgb(0, 0, 0);}
  .btnB a {font-size: 120%;text-decoration: none;color: white;float: left;margin: 0em  .5em;font-weight: 900;padding-top: .3em;}
  .btnB img {width: 1.8em ; height: 1.8em; float: left;}
  .sect5Mrk p {width: 90%; color: white; text-align: center;margin: 1em auto 2em;font-size: 130%;}
  
    .slide.fade>img{
        border-radius:48px;
    }
  footer{ width: 100%; background: rgba(0,0,0,0.6);display: block;margin: 2em 0 0;text-align: center;}
  footer img { width: 16em; height: auto;margin: 2em auto .5em;}
  footer p {width: 90%;padding: 1em 0;margin: .5em auto 0; color: white; font-size: 130%;} 
  /*_________________________________________________________________________________ SEZIONE 5 _________________________________________________________________________________ */
	.cookieCnt {width: 90%;}
.txtCont{width:90%; margin: 1em auto;color: white;}
}

h2 {font-weight:0;}

h1 {font-weight:0;}




/* _________________________________________________________________________________ css creato da Valerio Paglino _________________________________________________________________________________ */



*{
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);
}