@charset "utf-8";
/* CSS Document */
.navbar-nav li {font-family: 'Oswald', sans-serif; font-size:25px;}
#homepage{background-image:url(../../public/img/sfondo-home.jpg); background-size:cover;}
#homepage h1 {font-size:100px; font-family: 'oklahomaregular'; text-align:center; color:#fff; margin-top:150px;}
#homepage h2 {font-size:45px; font-family: 'Oswald', sans-serif; text-align:center; color:#fff; text-transform:uppercase;}
.maglie {text-align:center;}
.maglie img {width:90%;}
#homepage h3 {font-size:30px; font-family: 'Oswald', sans-serif; text-align:center; color:#fff;}
.pulsante-home {margin-top: 50px; text-align:center; margin-bottom: 50px;}
.newat {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    margin-top:30px;
}
#amico {background-color:#253163; padding:50px 0 50px 0;}
#amico h1 {font-size:70px; font-family: 'oklahomaregular'; text-align:center; color:#fff;}
#amico h2 {font-size:60px; font-family: 'Oswald', sans-serif; text-align:center; color:#fff; text-transform:uppercase; font-weight: bold;}
#amico h3 {font-size:25px; font-family: 'Oswald', sans-serif; text-align:center; color:#fff;}

.trova-selfie h2{
font-size: 70px;
    font-family: 'oklahomaregular';
    text-align: center;
    color: #fff;
} 

.tooltip > .tooltip-inner {background-color: #25316 !important;}
.tooltip > .tooltip-arrow { border-bottom-color:#25316 !important; }

#box-hover {cursor:pointer;}

.trova-selfie h3{
 font-size: 35px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff;
} 



#gallery {background-image:url(../../public/img/sfondo-gallery.jpg); background-size:cover; background-repeat:no-repeat;}
#partecipazione h1 {font-size:70px; font-family: 'oklahomaregular'; text-align:center; color:#253163;}
#partecipazione h2 {font-size:40px; font-family: 'Oswald', sans-serif; text-align:center; color:#253163; text-transform:uppercase; font-weight:bold;}
#partecipazione h3 {font-size:32px; font-family: 'Oswald', sans-serif; text-align:center; color:#253163; font-weight:bold; margin:10px 0 0 10px;}
#partecipazione h4 {font-size:25px; font-family: 'Oswald', sans-serif; text-align:center; color:#253163; margin-top:20px;}
#partecipazione .newat {margin:10px;}
.img-amici {width:40%; height:auto;}

.tessera img {width:22px; height:22px;}

.social:hover , .social:active , .social:focus {  color: #0E276B; float: right; }

.flag {clear: both; width: 100%; text-align: left; margin: 20px 0px; font-size: 18px; color: #fff;}

.btn-partecipa {clear: both; font-size: 22px; font-weight: 700; font-family: 'Oswald', sans-serif; padding: 15px;}

.btn-partecipa-invia {clear: both; font-size: 26px; font-weight: 700; font-family: 'Oswald', sans-serif; padding: 20px; background-color:#0E276B;}

.btn-partecipa { background-color:#334380;}

.btn-partecipa-invia:hover { background-color:#334380;}

.grazie {font-size: 18px; line-height: 28px; padding: 30px 0px;}

textarea { min-height: 160px; overflow: hidden; font-size: 18px!important; color: #0E276B!important;}

.hint { font-size: 18px!important; color: #0E276B; text-align: center;}

#thumbnail { width: 100%;}

.social {  color: #666; float: right; margin-left:4px;}

.social:hover , .social:active , .social:focus {  color: #0E276B; float: right; }

.flag {clear: both; width: 100%; text-align: left; margin: 20px 0px; font-size: 18px; color: #fff;}

.btn-partecipa {clear: both; font-size: 22px; font-weight: 700; font-family: 'Oswald', sans-serif; padding: 15px;}

.btn-partecipa-invia {clear: both; font-size: 26px; font-weight: 700; font-family: 'Oswald', sans-serif; padding: 20px; background-color:#0E276B;}

.btn-partecipa { background-color:#334380;}

.btn-partecipa-invia:hover { background-color:#334380;}

.grazie {font-size: 18px; line-height: 28px; padding: 30px 0px;}

textarea { min-height: 160px; overflow: hidden; font-size: 18px!important; color: #0E276B!important;}

.hint { font-size: 18px!important; color: #0E276B; text-align: center;}

#thumbnail { width: 100%;}

.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}
.mT130{margin-top:130px;}
.mT150{margin-top:150px;}
.mB70{margin-bottom:70px;}
.mB50{margin-bottom:50px;}
.mB30{margin-bottom:30px;}
.mgl10{margin-left:10px;}
.mgl30{margin-left:30px;}
.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr50{margin-right:50px;}
.mgr70{margin-right:70px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB50{padding-bottom:50px;}
.pT50{padding-top:50px;}
.pB10{padding-bottom:10px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.p0{padding:0px;}
.fl {float:left;}
.fr {float:right;}
.txc {text-align:center;}
.white{color:#fff;}
.f100{font-size:100px;}
.f70{font-size:70px;}
.f50{font-size:50px;}
.f30{font-size:30px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f10{font-size:10px;}
.f15{font-size:15px;}
.f5{font-size:5px;}
.navbar {background-color:rgba(15, 39, 108, 0.8); border:none;}
.navbar-default .navbar-nav > li > a {color:#fff; float:left;}
.navbar-default .navbar-nav > li > a:hover {color:#EDEDED}
.navbar-default .navbar-nav > li > a:visited {color:#fff}
.navbar-default .navbar-nav > li > a:link {color:#fff}
.uppercase{text-transform:uppercase;}

.navbar-nav { float: right!important;}

.overflow-hiden {overflow:hidden;}
.radius {border-radius:10px;}

.testo_info {font-size: 40px;}

  #sfondo{
width: 100%; height: 100%; top: 0; left: 0;
background: url(../../public//img/sfondo-carica.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   
padding-bottom:50px;
  }
  
  #sfondo h1 {font-size: 100px;
    font-family: 'oklahomaregular';
    text-align: center;
    color: #fff;}
  
  .segui {margin-top:150px;}

.bordo { border-bottom: 1px solid #003671}

.btn-primary {background-color: #0F276C; border: none!important;}

.btn-primary:hover {
    background-color: #313035!important;
    border: none!important;
}


#home{
    height:auto;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:none;
    background:url(../../public/img/sfondo-carica.jpg) no-repeat; 
    background-size: cover; 
    padding-bottom:50px;
}

#sfondo_cancella{
width: 100%; height: 100%; top: 0; left: 0;
background: url(../../public//img/sfondo-home.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   
padding-bottom:50px;
  }
  


#home2{
    height:100%;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    background:url(../../public/img/sfondo-home.jpg) no-repeat 50% 50%; 
    background-size: cover; 
}

.modal-body {text-align:center !important;}

#regolamento {
    background:url(../../public/img/sfondo-regolamento.jpg); 
    background-repeat: no-repeat!important;
    background-position: bottom!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    width: 100%!important;
    height: 100%!important;
    display: table;
}



#regolamento p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px; font-weight: 600;
    color: #003671;
    text-align: justify;

}

.privacy p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px !important; font-weight: 600;
    color: #003671;
    text-align: justify;

}

#regolamento ol {
    font-family: 'Roboto', sans-serif;
    font-size: 20px; font-weight: 700;
    color: #003671;
    text-align: justify;

}

#regolamento strong {
     font-family: 'Roboto', sans-serif;
    font-size: 20px; font-weight: 800;
    color: #003671;
    text-align: justify;
}


#regolamento a {
    color: #003671;
}
#regolamento h3 {font-size:40px; margin-bottom:30px;}

#regolamento h4 {font-size:30px; text-align:left; line-height:35px;}

#regolamento ul {
   font-family: 'Roboto', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #003671;
   text-align: justify;
}
#scopri {}
#carica{
    height:100%;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    background:url(../../public/img/sfondo-home.jpg) no-repeat 50% 50%; 
    background-size: cover; 
}


.sfondo_vuoto{
    background:url(../../public/img/sfondo-vuoto.jpg) no-repeat 50% 50%; 
    background-size: cover; 
}


#come{
    height:100%;
    width:100%;
    position:relative;
    display:;
    background:url(../../public/img/funziona.jpg) no-repeat 50% 50%; 
    background-size: cover;
}

.oklahoma{
  font-family: 'oklahomaregular';
}

.newat{
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.testo1{font-size:100px;}

.testo2{font-size:20px;}


@media screen and (min-width: 0px) and (max-width: 470px)  {


  
#home , #sfondo_form {background:url(../../public/img/sfondo-home-mobile.jpg)!important;

    background-repeat: no-repeat!important;
    background-position: bottom!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    height: 100%!important;


}


.navbar-nav { float: left!important;}


.sfondo_prize {

    background:url(../../public/img/sfondo-prize.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height:100%;
    background-size: cover;

}


.bottone_carica {margin-top:10px !important;}

.margin_row1 {margin-top:-15px !important;}

#carica{
    background:url(../../public/img/sfondo-home.jpg)!important; 
    background-size: cover !important;
}
  
.testo1{font-size:40px;}

.testo2{font-size:15px;}

.bottone {font-size:5px;}

.pBcancella{padding-bottom:50px}

.testo_scatto {font-size:10px}

.testo_info {font-size:25px }

.testo_crop {font-size:15px;}





.none {display:none !important;}



.testo_grazie{font-size:40px !important;}

.testo_foto_pubb{font-size:20px !important;}


.carica_br br { display:none; }

.testo_carica {font-size:20px !important; color:#fff !important;}
 
.form-control { height:70px !important;}

.casella_form { height:40px !important;}

.btn-file input[type=file] {position:absolute !important; font-size:100px !important;}

.carica_file{height:35px !important;}






label {color:#fff;}



  
}








@media screen and (min-width: 771px) and (max-width: 991px)  {







#home , #sfondo_form  {background:url(../../public/img/sfondo-gallery.jpg)!important;

    background-repeat: no-repeat!important;
    background-position: bottom!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    height: 100%!important;}

}

.testo_info {font-size: 30px;}



@media screen and (min-width: 471px) and (max-width: 768px)  {





    .sfondo_prize {

    background:url(../../public/img/sfondo-prize.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height:100%;
        background-size: cover;

}

.testo_info {font-size:25px;}

#home , #sfondo_form  {background:url(../../public/img/sfondo-carica.jpg)!important;

    background-repeat: no-repeat!important;
    background-position: bottom!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    height: 100%!important;}


.navbar-nav { float: left!important;}

   
.testo1{font-size:60px !important;}

.testo2{font-size:20px !important;}

.bottone {font-size:5px;}

.pBcancella{padding-bottom:50px !important;}

.testo_scatto {font-size:20px !important;}

.testo_carica {color:#fff !important;}







.none {display:none !important;}



.testo_grazie{font-size:40px !important;}

.testo_foto_pubb{font-size:20px !important;}

.pT50 {padding-top:0px;}

.carica_br br { display:none; }

.form-control { height:70px !important;}



}


































.margin_row1 h1 {font-size: 45px !important;}

.margin_row1 h2 {font-size: 30px !important;}

.testo_scatto {font-size: 30px !important;}

.form-control { height:40px !important;}



.padding_regolamento{padding-bottom:0px !important;}

.padding_galleria {padding-bottom:63px !important;}


.ballon {




-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: rgba(255,255,255,0.8)!important;
min-height: 120px;
max-height: 120px;
margin-bottom: 15px;




}




.thumbs , .message {

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: rgba(193,223,249,0.7);
padding-bottom:20px;
padding-top:10px;
height: auto!important; 
min-height: 412px;
margin-bottom: 10px;



}










.thumbs img {

    cursor: crosshair;


}


.nome {padding: 0px 10px 10px 10px;  font-size: 20px; font-weight: 700; color: #0E276B; font-family: 'Oswald', sans-serif; text-align: left;}  

.messaggio {padding: 10px; font-weight: 600; font-size: 15px;  color: #0E276B;   font-family: 'Roboto', sans-serif;  }




.galleria 

{background-color: #ffffff;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.galleria img

{
    margin: 15px 0px;
}




#carica{
 height:100%;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    background:url(../../public/img/sfondo-home.jpg) no-repeat 50% 50%; 
    background-size: cover;
}

}

.come{max-width:2000px;}



 
 
.testo_carica {font-size:30px;}

.blu{color:#003671;}

.sfondo_blu {background-color:#009ee3;}

.sfondo_prize {

    background:url(../../public/img/sfondo-prize.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height:100%;

}


#sfondo_form {

    background:url(../../public/img/sfondo-form.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;


}


#sfondo_grazie {

    background:url(../../public/img/sfondo-grazie.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    display: table;


}

#sfondo_grazie_2 {

    background:url(../../public/img/sfondo-home.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    display: table;


}


#thumb-page {

    background:url(../../public/img/sfondo-carica.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;


}



.sfondo_celeste{background-color:#ACDCF5;}

.sfondo_celeste_chiaro {background-color:#D3E8F4;}

.form {
  background: transparent;
  border: 3px solid #fff;
  margin:10px 0px;
}

.testo_grazie{font-size:50px;}

#sfondo-galleria {
  
    background:url(../../public/img/sfondo-prize.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height:100%;
    width:100%;
    display: table;

} 

.testo_continua {font-size:50px;}

.testo_12{font-size:70px;}

.testo_cancella_iscrizione {font-size:10px;}

.testo_foto_pubb {font-size:30px;}

.pBcancella{padding-bottom:50px;}

.testo_scatto {font-size:20px;}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

form .form-control::-moz-placeholder {
  color: #003671;
  opacity: 1;
}
form .form-control:-ms-input-placeholder {
  color: #003671;
}
form .form-control::-webkit-input-placeholder {
  color: #003671;
}

.testo_info {font-size:30px;}



.sfondo_bianco {background-color:#fff; padding: 40px 0px }


.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
   
}

.form-control {
    display: block;
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.color_carica{color:#003671; font-size: 20px!important; margin-top: 15px!important; display: block; }

.bottone {font-size:30px;}

.arial {font-family:Arial;}

.carica_br{}


#upload-form input {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0px;
}
#upload-form ul.errors{
  font-family: 'Roboto', sans-serif;   
    font-size: 15px;    
    list-style: none;
    color:#fff;
    background-color: rgba(255,0,0,0.9);
    font-weight: 600;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin: 5px 0px;
}
#upload-form ul.errors li{

}
#thumbnail-form ul.errors{
  font-family: 'Roboto', sans-serif;   
    font-size: 15px;    
    list-style: none;
    color:#fff;
    background-color: rgba(255,0,0,0.9);
    font-weight: 600;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin: 5px 0px;
text-align:center;
}
.general-error{
  font-family: 'Roboto', sans-serif;   
    font-size: 15px;    
    list-style: none;
    color:#fff;
    background-color: rgba(255,0,0,0.9);
    font-weight: 600;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin: 5px 0px;
text-align:center;
}
#thumbnail-form ul.errors li{

}
.form_error{
    font-size:20px;

}











@media screen and (min-width: 0px) and (max-width: 768px)  {


#regolamento p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px; font-weight: 600;
    color: #003671;
    text-align: left;

}

#regolamento ol {
    font-family: 'Roboto', sans-serif;
    font-size: 14px; font-weight: 700;
    color: #003671;
    text-align: justify;

}

#regolamento ul {
    font-family: 'Roboto', sans-serif;
    font-size: 14px; font-weight: 700;
    color: #003671;
    text-align: justify;

}


#regolamento strong {
     font-family: 'Roboto', sans-serif;
    font-size: 14px; font-weight: 800;
    color: #003671;
    text-align: justify;
}

}



#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


.pop-text {font-famlily:'Oswald'; font-weight:bold; color:#0F276C; font-size:15px;}


/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


h4 {font-size:25px; color:#fff; font-family:'Oswald'; text-align:center;}

.premi li {text-align: left; margin-bottom: 10px;}

.coupon {margin-top:30px;}
    
.clicca {margin-top:50px;}

/*iPhone PORTRAIT*/
@media only screen
and (max-width: 414px)
and (orientation: portrait) {
#homepage h1 {font-size:30px; margin-top:130px;}
#homepage h2 {font-size:19px; text-transform:uppercase; line-height:30px;}
#homepage h3 {font-size:20px; }
#partecipazione h1 {font-size: 35px;}
#amico h1 {font-size: 35px; }
#amico h2 {font-size: 40px;}
#amico h3 {font-size: 16px;}
.step {margin-top:30px;}
.clicca {margin-top:0px;}
.coupon {margin-top:40px;}
#partecipazione {margin-bottom:30px;}
/*#sfondo_cancella{
    height:100%;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    background:url(../../public/img/sfondo-home.jpg) no-repeat 50% 50%; 
    background-size: cover; 
  }
*/  
  #sfondo{
    height:100%;
    width:100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    background:url(../../public/img/sfondo-carica.jpg) no-repeat 50% 50%; 
    background-size: cover; 
  }

#sfondo_cancella h2{ font-size:30px;}
#sfondo_cancella h3{ font-size:25px;}
#sfondo_cancella h2{ font-size:60px;}
#sfondo_cancella h4{ font-size:20px;}

.testo_grazie{font-size:40px !important;}

.testo_foto_pubb{font-size:25px !important;}

.testo_continua {font-size:30px !important;}

#sfondo h1 {font-size:35px; margin-top:40px;}

.testo_12 {font-size: 35px !important;}

h4 {font-size:20px; color:#fff; font-family:'Oswald';}

.trova-selfie h2{font-size: 40px;} 
.trova-selfie h3{font-size: 20px;} 

#regolamento h4 {font-size:25px;}


}

/*iPad PORTRAIT */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/*iPad LANDSCAPE */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {

}

@media screen and (min-width: 1600px) {
  
  
  .segui {margin-top:250px;}
  
}
area{pointer-events:none}


.modal-header .modal-title h2{
  
  font-size: 50px !important;
    font-family: 'oklahomaregular' !important;
    text-align: center !important;
    color: #253163 !important;
    font-weight: normal !important;
    
}
.modal-header .modal-title hr{
  margin-top: 0px !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 2px solid #253163 !important;
    width: 85px !important;
}