.pagination .active .page {
	background-color: rgba(128,128,160,0.4);
}

div.info {
	font-family: Serif;
}

div.txt {
	font-family: Sans-serif, Open Sans, Verdana;
}

div.main {
	width:100%;
	padding: 10px;
}

.onfullscreen:fullscreen .card-header .hidefullscreen {
	display: none;
}
.onfullscreen:-ms-fullscreen .card-header .hidefullscreen {
	display: none;
}
.onfullscreen:-webkit-full-screen  .card-header .hidefullscreen {
	display: none;
}

.onfullscreen:not(:fullscreen) .card-header .showfullscreen {
	display: none;
}
.onfullscreen:not(:-ms-fullscreen) .card-header .showfullscreen {
	display: none;
}
.onfullscreen:not(:-webkit-full-screen) .card-header .showfullscreen {
	display: none;
}


.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 65%;
}

.form__together {
	display:flex;
	width: 90%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 1.0rem;
  color: #DDD;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}


.form__field::placeholder {
    color: transparent;
  }

.form__field:placeholder-shown ~ .form__label {
    font-size: 1.3rem;
    cursor: text;
    top: 20px;
}

.biggertxt {
  font-weight: 600;
  font-size: 120%;
}

.form__field:focus {
  padding-bottom: 6px;
  font-weight: 600;
  border-width: 3px;
  border-image: linear-gradient(to right, #11998e,#38ef7d);
  border-image-slice: 1;
}

.form__field:focus ~ .form__label{
  color: #11998e;
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #9b9b9b;
    font-weight:700;
}

.form__field:required, .form__field:invalid {
    box-shadow: none;
}

.querybody {
  font-family: 'Poppins', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 10vh;
  /*font-size: 1.5rem;*/
  /*background-color:#222222;*/
}

.smallcomment {
	font-size: 0.7rem;
	margin:10px;
}

.registrati {
	margin:10px;
	cursor: pointer;
	font-size: 14px;
}












.btnvj-1 {
  background-color: #F27935;
}
.btnvj-1 .round {
  background-color: #f59965;
}


.btnvj-2-old {
  background-color: #00AFD1;
}
.btnvj-2-old .round {
  background-color: #00c4eb;
}

.btnvj-2 {
  background-color: #11998e;
}
.btnvj-2 .round {
  background-color: #28bf5d;
}

.btnvj-3 {
  background-color: #5A5B5E;
}
.btnvj-3 .round {
  background-color: #737478;
}

a.btnvj {
  text-decoration: none;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 53px 12px 23px;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: bold;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  /*width:80%;*/
}
a.btnvj span {
  position: relative;
  z-index: 3;
}
a.btnvj .round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 3px;
  top: 3px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
}
a.btnvj .round span {
  position: absolute;
  top: 20%;
  margin-top: -6px;
  left: 45%;
  margin-left: -4px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size:150%;
}

.txt {
  /*font-size: 14px;*/
  line-height: 1.45;
}

.type-1 a.btnvj:hover {
  padding-left: 48px;
  padding-right: 28px;
}
.type-1 a.btnvj:hover .round {
  width: calc(100% - 6px);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.type-1 a.btnvj:hover .round span {
  left: 20px;
}


.type-1 a.btnvj:focus {
  padding-left: 48px;
  padding-right: 28px;
}

.type-1 a.btnvj:focus .round {
  width: calc(100% - 6px);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.type-1 a.btnvj:focus .round span {
  left: 12%;
}
.type-2 a:hover .round {
  background: none;
}
.type-2 a:hover .round i {
  left: 70%;
}

.type-3 .round {
  background: transparent;
}
.type-3 a {
  position: relative;
  overflow: hidden;
}
.type-3 a.btnvj-1:after {
  background-color: #f59965;
}
.type-3 a.btnvj-2:after {
  background-color: #00c4eb;
}
.type-3 a.btnvj-3:after {
  background-color: #737478;
}
.type-3 a:after {
  content: "";
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 37px;
  height: 38px;
  position: absolute;
  right: 3px;
  top: 3px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.type-3 a:hover:after {
  right: 100%;
  width: 50%;
}
.type-3 a:hover i {
  margin-left: 4px;
}


.quovadis-info {
	height: 30px;
	width: 30px;
	background-image: url("/img/arrow_qv.svg");
}
.quovadis-da {
	height: 30px;
	width: 60px;
	margin-left:-28px;
	background-image: url("/img/arrow_da.svg");
}

.quovadis-a {
	height: 30px;
	width: 60px;
	margin-left:27px;
	background-image: url("/img/arrow_a.svg");
}

.quovadis-m1 { height: 30px; width: 30px; background-image: url("/css/mark/qvs1.svg"); }
.quovadis-m2 { height: 30px; width: 30px; background-image: url("/css/mark/qvs2.svg"); }
.quovadis-m3 { height: 30px; width: 30px; background-image: url("/css/mark/qvs3.svg"); }
.quovadis-m4 { height: 30px; width: 30px; background-image: url("/css/mark/qvs4.svg"); }
.quovadis-m5 { height: 30px; width: 30px; margin-top:-10px; background-image: url("/css/mark/qvs5.svg"); }
.quovadis-m6 { height: 30px; width: 30px; background-image: url("/css/mark/qvs6.svg"); }
.quovadis-m7 { height: 30px; width: 30px; background-image: url("/css/mark/qvs7.svg"); }
.quovadis-m8 { height: 30px; width: 30px; background-image: url("/css/mark/qvs8.svg"); }


.quovadis-from1 { height: 30px; width: 50px; margin-left:20px; background-image: url("/css/mark/qvarfrom1.svg"); }
.quovadis-from2 { height: 40px; width: 40px; margin-left:15px; margin-top:15px; background-image: url("/css/mark/qvarfrom2.svg"); }
.quovadis-from3 { height: 40px; width: 40px; margin-top:15px;background-image: url("/css/mark/qvarfrom3.svg"); }
.quovadis-from4 { height: 40px; width: 40px; margin-left:-15px; margin-top:15px;background-image: url("/css/mark/qvarfrom4.svg"); }
.quovadis-from5 { height: 30px; width: 50px; margin-left:-20px;  background-image: url("/css/mark/qvarfrom5.svg"); }
.quovadis-from6 { height: 40px; width: 40px; margin-left:-15px; margin-top:-15px; background-image: url("/css/mark/qvarfrom6.svg"); }
.quovadis-from7 { height: 40px; width: 40px; margin-top:-15px; background-image: url("/css/mark/qvarfrom7.svg"); }
.quovadis-from8 { height: 40px; width: 40px; margin-left:15px; margin-top:-15px; background-image: url("/css/mark/qvarfrom8.svg"); }



.quovadis-to1 { height: 30px; width: 50px; margin-left:-20px; background-image: url("/css/mark/qvarto1.svg"); }
.quovadis-to2 { height: 40px; width: 40px; margin-left:-15px; margin-top:-15px; background-image: url("/css/mark/qvarto2.svg"); }
.quovadis-to3 { height: 40px; width: 40px; margin-top:-15px;background-image: url("/css/mark/qvarto3.svg"); }
.quovadis-to4 { height: 40px; width: 40px; margin-left:15px; margin-top:-15px;background-image: url("/css/mark/qvarto4.svg"); }
.quovadis-to5 { height: 30px; width: 50px; margin-left:20px;  background-image: url("/css/mark/qvarto5.svg"); }
.quovadis-to6 { height: 40px; width: 40px; margin-left:15px; margin-top:15px; background-image: url("/css/mark/qvarto6.svg"); }
.quovadis-to7 { height: 40px; width: 40px; margin-top:15px; background-image: url("/css/mark/qvarto7.svg"); }
.quovadis-to8 { height: 40px; width: 40px; margin-left:-15px; margin-top:15px; background-image: url("/css/mark/qvarto8.svg"); }



     table.marker {
       padding:6px;
       background-color:#66C;
       text-align: center;
       border-collapse: separate;
       border-radius:5px;
       border:2px;
      }
		table.marker tr td {
			padding:6px;
			background-color:#EEE;
			cursor:pointer;
			vertical-align: middle;
			text-align: center;
			min-width:40px !important;
			min-height:40px !important;
		}

		table.marker tr td div {
			margin: 0 auto;
		}

		table.marker tr{
			text-align: center;
		}

      .marker-active {
			background-color:#F84 !important;
			border-radius:8px;
			cursor:crosshair  !important;
		}
		.nomp {
			margin-top:0 !important;;
			margin-left:0 !important;;
		}

@media only screen and (min-width : 660px) and (orientation : landscape) {
	div.main {
		width:660px;
		margin-left:auto;
		margin-right:auto;
	}
}