*{
  box-sizing: border-box;
}
body, html {
  margin: 0;
  padding: 0;
  font: 1em Arial,Helvetica,sans-serif;
  /* background: url("../img/v2-fondo-block.jpg") top center repeat-x; */
  display: grid;
  height: 100vh;
  grid-template-rows: auto 1fr auto;
}
.site-loader{
  display:none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align: center;
  background-color: #fff;
}
.site-loader img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -35px;
}
.site-loader .load-9 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -35px;
}
.padding-none{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
header{
  text-align:center;
  height:80px;
  background: url("../img/v2-fondo-block.jpg") top center repeat-x;
}
footer{
  color:#fff;
  padding:12px;
  height:40px;
  font-size:14px;
  font-weight:700;
  background: url("../img/v2-fondo-block.jpg") top center repeat-x;
}
footer a,footer a:visited{
  color: #fff;
}
.logo{
  margin-top:25px;
  position:relative;
  width:100%;
}
.logo-wrapper{
  width:100%;
  text-align:center;
}
.logo-img{
  max-width: 360px;
  margin:auto;
}
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height:100%;
}
main .chatbot {
  display:none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  min-height: 100%;
  height: 100%;
  border-radius: 0.8em;
  padding: 0.5px;  
}
main .chatbot_expired,
main .cookies-setup{
  display:none;
  background-color:#fff;
  color: #00539F;
  padding: 2em;
  text-align: center;
  height: 80vh;
}
main .iframe-container{
  display:none;
  -webkit-box-flex: 1;
    -ms-flex: 1;
      flex: 1;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
main .iframe-container iframe{
  width:100%;
  height:100%;
  background-color:#fff;
}
.btn{
  background-color:#00539f;
  color:#fff;
  padding:15px 30px;
  border:0;
  outline:0;
  border-radius:5px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
.btn:hover{
  background-color:#f0f0f0;
  color:#00539f;
}
/* loading 9 */
@keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0.1);
  }
  50% {
    transform: scale(1);
  }
}
.spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}
.bubble-1,
.bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #00539F;
}
.bubble-2 {
  top: auto;
  bottom: 0;
}
.load-9 .spinner {
  animation: loadingI 2s linear infinite;
}
.load-9 .bubble-1,
.load-9 .bubble-2 {
  animation: bounce 2s ease-in-out infinite;
}
.load-9 .bubble-2 {
  animation-delay: -1s;
}
.load-9 p{
  margin-top:6px;
  font-weight:bold;
  color: #00539F;  
}
@media (max-width:767px){
  .logo{
    margin-top:28px;
  }
  .logo-img{
    max-width:320px;
  }
  footer{
    display:none;
    height:0;
  }
}
@media (max-width:360px){

}