md-toolbar{
    height: 200px;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
    height: 100%;
}
body{
  /*background-color:  #BEBEBE;*/
  background: linear-gradient(107deg, #BEBEBE 60%, #bebebed6 60%);
  position: relative;
  font-family: 'Montserrat', sans-serif !Important;
}

input{
  font-family: 'Montserrat', sans-serif !Important;
}

img {
    cursor: pointer;
}
/*
* {
  font-family: 'Montserrat', sans-serif !Important;
}
*/
.w100 {
  font-weight: 100!Important;
}
.w200 {
  font-weight: 200!Important;
}
.w300 {
  font-weight: 300!Important;
}
.w400 {
  font-weight: 400!Important;
}
.w500 {
  font-weight: 500!Important;
}
.w600 {
  font-weight: 600!Important;
}
.w700 {
  font-weight: 700!Important;
}
.w800 {
  font-weight: 800!Important;
}

body {
 margin: 0;
}

.ion-loader {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -50%);
  background: #FFF;
  box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  transition: all 500ms cubic-bezier(0.5, 1.25, 0.5, 1.25);
}
.ion-loader.ion-show {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.ion-loader.ion-hide {
  top: 90%;
  opacity: 0;
  visibility: hidden;
}
.ion-loader .ion-loader-circle {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  position: relative;
  height: 80px;
  width: 80px;
}
.ion-loader .ion-loader-circle .ion-loader-path {
  position: absolute;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 5px;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #BE7F46; //scuro
  }
  40% {
    stroke: #BE7F46; //chiaro
  }
  66% {
    stroke: #b86e2c; //medio
  }
  80%, 90% {
    stroke: #783C06; //scurissimo
  }
}
@keyframes color {
  100%, 0% {
    stroke: #BE7F46;
  }
  40% {
    stroke: #BE7F46;
  }
  66% {
    stroke: #b86e2c;
  }
  80%, 90% {
    stroke: #783C06;
  }
}




//
.view-animate-container {
  position:relative;
  height:100px!important;
  border:0px;
  height:40px;
  overflow:hidden;
}

.view-animate {
  padding:0px;
}

.view-animate.ng-enter, .view-animate.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.001s;

  display:block;
  width:100%;
  border-left:0px;

  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:0px;
}

/*
.view-animate.ng-enter {
  opacity:0;
}
.view-animate.ng-enter.ng-enter-active {
  opacity:1;
}
.view-animate.ng-leave.ng-leave-active {
  opacity:0;
}

.view-animate.ng-enter-prepare {
  opacity: 0;
}

*/

/*
.view-animate.ng-animate {
  //transition:0.1s linear all;
  transition:0.1s ease-in-out;
}
.view-animate.ng-enter {
  opacity:0;
}
.view-animate.ng-enter.ng-enter-active {
  opacity:1;
}
.view-animate.ng-leave {
  opacity:1;
}
.view-animate.ng-leave.ng-leave-active {
  opacity:0;
}


Copyright 2021 Google LLC. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license
*/



html {
	/* overflow: scroll; */
	-webkit-overflow-scrolling: touch; /* Lo scorrimento continua per un pò: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling */
	overscroll-behavior: contain; /* prevent browser pull-to-refresh: https://developers.google.com/web/updates/2017/11/overscroll-behavior */
}

.gi-notifications {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 1em;
	z-index: 999;
}

.gi-ios-share {
	width: 25px;
	height: 29px;
}

.gi-ios-a2hs {
	width: 19.5px;
	height: 19.5px;
}

.gi-safari {
	width: 26px;
	height: 26px;
}

.gi-cover {
	position: relative;
	height: 250px;
	margin-bottom: 1em;
}

.gi-cover-img {
	position: absolute;
	object-fit: cover;
	height: 250px;
	width: 100%;
}

.gi-cover-title {
	/*
	position: absolute;
	left: 0;
	top: 0;
	margin: 1rem;
	*/
	color: #fff;
}

.gi-form {
	margin-top: 1rem;
}

nav.navbar.fixed-bottom.navbar-light.bg-light {
	border-top: 1px solid #ccc;
}

nav.navbar.fixed-bottom.navbar-light.bg-light a {
	text-align: center;
}

.gi-page {
	padding-bottom: 81px;
}

.gi-logo {
	width: 32px;
	height: 32px;
}

html{
  background: #343636 !important;
  }

  [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
  }

  .pointer_custom {
    cursor: pointer;
  }