/*custom font*/
@import url(http://fonts.googleapis.com/css?family=Montserrat);
/*basic reset*/
html{
	margin:0;
	padding:0;
}
#form {
	padding:5%; 
	margin:15% 10% 15% 0%;
	background: rgba(0, 0, 0, 0.5);
	position:right;
	/* box-shadow: 3px 5px gray; */
	border-radius: 12px;
	width:90%;
}
#form input {
	color: #red;
	font-size: 14px;
}

#div_privacy {
	color: white;
}

#recaptcha{
	width:65%;
	text-align:left ;
}
.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
  transform:scale(0.7);
  -webkit-transform:scale(0.7);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}
#button{
	border: none;
	color: white;
	padding: 15px 32px 15px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
#logo img:hover {
transform: scale(1.1);
}
.obbligatorio{
	background-color:rgba(255,0,0,0.2);
}

.logo {
    text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
    }

.low {
    text-align: center;
	padding-top: 15px;
	}
	
#234 {
	background: rgba(0, 0, 0, 0.5);
}
	
/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 0px;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

/* Style play the video */

header{
  position: relative;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
}
.video{
	position: absolute;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
.scroll{
	position: absolute;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index:5
}
.scroll::-webkit-scrollbar { 
    display: none; 
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
  
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 1;
  
}

#copertura {
	padding:5%; 
	margin:15% 10% 15% 0%;
	background: rgba(0, 0, 0, 0.5);
	float:left;
	border-radius: 12px;
	width:90%;
}
#clock{
	color:white;
	font-size:1.3em;
	text-align:center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 12px;
}
.testo{
	font-size:0.5em;
}
#testo_offerta{
	font-size:0.6em;
}
#scaduta{
	font-size:0.4em;
}

#logo {
	width:13%;
}

#scritta {
	width:86%;
	}

@media (max-width: 1200px){
	#background_offerta{
	background-position:center !important; 
	background-image:url(/consulenza/_ca/images/Auguri-Feste-2022.png)!important;
	}
}

@media (max-width: 992px){
	#background_offerta{
	background-position:center !important; 
	background-image:url(/consulenza/_ca/images/Auguri-Feste-2022.png)!important;
	}
}

@media (max-width: 768px){
	#background_offerta{
	background-position:center !important; 
	background-image:url(/consulenza/_ca/images/Auguri-Feste-2022.png)!important;
	}	
	#scritta {display:none}
	#logo {width:37%}
}

@media (max-width: 576px){
	#background_offerta{
	background-position:center !important; 
	background-image:url(/consulenza/_ca/images/Auguri-Feste-2022.png)!important;
	}
	#scritta {display:none}
	#logo {width:37%}
}
