body {
  margin-left: 0px;
  margin-top: 0px;

  background-color: #000000;
  background-image:url(https://img.losarcanos.com/images/fondoarcanos19-min.webp);
  background-position:initial initial;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  font-family:Delius;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  max-width: 1200px;
  margin-left:auto;
  margin-right:auto;
  font-display: swap;
}

@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.titheadarcanos {
  font-size: 22px;
}

p {
  font-family:Delius;
  font-size:16px;
  line-height: 120%;
  padding: 5px 5px 5px 5px;
}

.p2 {
  font-family:Delius;
  font-size:18px;
  line-height: 120%;
  padding: 5px 5px 5px 5px;
}

blockquote {
  font-family:Delius;
  font-size:18px;
  line-height: 120%;
}

.card {
   border-radius: 8px;
   -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
   -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
   box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
   height: 400px;
   overflow: hidden;   
   /*background-color: #212121;*/
}

.card-content-mini {
   height: 40px;
   margin-top: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.card-title-mini {
  font-size:18px;

}

.bredondo {
  border-radius: 10px;
}

.card-content p {
  font-size:14px;
  line-height: 100%;
  border-radius: 10px;

}

.titulotop {
  font-size: 30px;  
  color: #ffffff;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  text-shadow:#06F 2px 2px 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#00006aa', Direction=135, Strength=6);
  width: 740px;
  height: 54px;
  text-align:center;
  line-height:54px;
  display:block;
  margin:0px;
  padding:10px; 
  vertical-align: baseline;

}

h1 {
  font-size: 30px;  
  text-shadow:#06F 2px 2px 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#00006aa', Direction=135, Strength=6);
  font-family: Delius, Roboto, "Times New Roman", Times, serif;
  line-height:28px;
  display:block;
  margin:0; 
  padding:10px;
  text-transform: uppercase;
  font-weight: 900;
}

h2 {
  font-size: 24px;  
  text-shadow:#06F 2px 2px 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#00006aa', Direction=135, Strength=6);
  font-family: Delius, Roboto, "Times New Roman", Times, serif;
  line-height:24px;
  display:block;
  margin:0; 
  padding:8px;
  text-transform: uppercase;
  font-weight: 500;
}

h3 {
  font-size: 22px;  
  text-shadow:#06F 2px 2px 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#00006aa', Direction=135, Strength=6);
  font-family: Delius, Roboto, "Times New Roman", Times, serif;
  line-height:22px;
  display:block;
  margin:0; 
  padding:8px;
  text-transform: uppercase;
}

h4 {
  font-size: 20px;  
  text-shadow:#06F 2px 2px 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#00006aa', Direction=135, Strength=6);
  font-family: Delius, Roboto, "Times New Roman", Times, serif;
  line-height:22px;
  display:block;
  margin:0; 
  padding:8px;
  text-transform: uppercase;
}

a, a:active, a:visited, a:link {
   color: #cccccc;
   text-decoration: none;
}

a:hover {
   color: #99FFFF;
  text-decoration: underline; 
}

.nt_coltrans {
	background-color: #000000;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.page-footer {
  background-color: #0d47a1;
}

.sidenav {
  background-color: #1a237e;
  color: #fff;
}

.sidenav li a {
  background-color: #1a237e;
  color: #fff;
}

.bordesredondos {
  border-radius: 10px;
}

.btn-large {
  border-radius: 10px;
}

.btn {
  border-radius: 10px;
}

.formfondo {
  border: 2px solid #795548;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffebee), to(#9fa8da));
  background: -webkit-linear-gradient(top, #ffebee, #9fa8da);
  background: -moz-linear-gradient(top, #ffebee, #9fa8da);
  background: -ms-linear-gradient(top, #ffebee, #9fa8da);
  background: -o-linear-gradient(top, #ffebee, #9fa8da);
  -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);   
}

.astroform {
  background-image:url(https://img.losarcanos.com/en/fondoform.jpg);
  border: 2px solid #795548;
  -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);  
}

.astroformtarot {
  background-image:url(https://img.losarcanos.com/en/fondoformgen.jpg);
  border: 2px solid #795548;
  -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);  
}

.formquestion {
  background-image:url(https://img.losarcanos.com/en/fondoformques2.jpg);
  border: 2px solid #795548;
  -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);  
}

.formdaily {
  background-image:url(https://img.losarcanos.com/en/fondoformdaily.jpg);
  border: 2px solid #795548;
  -moz-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 12px rgba(255, 255, 255, 0.8);  
}

.form_card {
  border-radius: 10px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);    
}


/* label color */
.input-field label {
 color: #3f51b5;
}
/* label focus color */
.input-field input[type=text]:focus + label {
 color: #3f51b5;
}
/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid#3f51b5;
 box-shadow: 0 1px 0 0 #3f51b5;
}
/* valid color */
.input-field input[type=text].valid {
 border-bottom: 1px solid #3f51b5;
 box-shadow: 0 1px 0 0 #3f51b5;
}
/* invalid color */
.input-field input[type=text].invalid {
 border-bottom: 1px solid #3f51b5;
 box-shadow: 0 1px 0 0 #3f51b5;
}
/* icon prefix focus color */
.input-field .prefix.active {
 color: #3f51b5;
}

.arcanodark {
   background: rgba(0, 0, 0, .4);

}

.arcanoblanco {
   background-image:url(https://img.losarcanos.com/arcdia/arcafondo3.jpg);
   color: #283593;
   text-shadow:#e3f2fd 1px 1px 2px;
   border-radius: 10px;
   font-weight: 900;
}

.arcanoblanco h3 {
    margin-top: 0px 4px 0px 4px;
    border: 0px 3px 0px 3px;
    font-size:26px;
    background-color: rgba(250, 250, 250, 0.5);
    padding: 8px 3px 8px 3px;
    -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg); 
    line-height: 28px;

}

.arcanoblanco a {
  color: #1e88e5;
  font-weight: 600;
  text-shadow:#333 1px 1px 2px;
}


.imgcero {
  line-height: 0%;
  border-radius: 10px;
  text-align: center;
  margin-right:auto;
  width: 280px;
  background-color: #9C682E;
  justify-content:center;
  display:inline-block;
}

.ichingfondo {
   /*background-color: #9C682E;*/
   background-image:url(https://img.losarcanos.com/en/papel.jpg);
   color: #3E1D0C;
   text-shadow:#3E1D0C 1px 1px 2px;
   border-radius: 10px;
}

.ichingfondo h3 {
    margin-top: 0px 4px 0px 4px;
    border: 0px 3px 0px 3px;
    font-size:28px;
    text-shadow:#3E1D0C 1px 1px 2px;
 
}

.carta_present {
 width:195px;
 height:327px;
 -moz-box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.8);
 -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.8);
 box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.8);
 -webkit-transform: rotate(-7deg);
 -moz-transform: rotate(-7deg);
 -o-transform: rotate(-7deg); 
 border-radius: 10px;
}

.arc_botones_img {
  width: 99px; 
  height: 54px; 
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 17px;
  box-shadow: 2px 2px 15px #666;
  border: 1px solid #bbb;
} 

.cartagrid {
  box-shadow: 2px 2px 15px #666;
  border: 1px solid #aaa;
  border-radius: 10px;
}

.rotate5 {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg); 
}

.rotate5m {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg); 
}

.anim0 {}

.anim1 {
  animation-duration: 2s;
  animation-name: baranim;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}

#toast-container .toast{
  background-color: #ff1744;

  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.28), 0 1px 10px 0 rgba(0, 0, 0, 0.24), 0 2px 4px -1px rgba(0, 0, 0, 0.6);
}

.buttonarc {
   border: 3px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 6.5px 13px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #ffffff;
   font-size: 17px;
   font-family: Delius, helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
}

@keyframes baranim {
  0%   {opacity:1; }
  50% {opacity:0.4; }
  100% {opacity:1; }
}

@keyframes rotate {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}}

.imgrota{
    -webkit-animation: 5s rotate linear infinite;
    animation: 5s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    vertical-align: middle;
}

.marco-boton-1 {
  margin: 3px 3px 3px 3px;
  box-shadow: 2px 2px 10px #000;
 
}

.form-container {
   border: 1px solid #ffffff;
   background: #010103;
   background: -webkit-gradient(linear, left top, left bottom, from(#7c9dc9), to(#010103));
   background: -webkit-linear-gradient(top, #7c9dc9, #010103);
   background: -moz-linear-gradient(top, #7c9dc9, #010103);
   background: -ms-linear-gradient(top, #7c9dc9, #010103);
   background: -o-linear-gradient(top, #7c9dc9, #010103);
   background-image: -ms-linear-gradient(top, #7c9dc9 0%, #010103 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:320px;
   padding:20px;
   width:300px;
   }

.textbox {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Delius, Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  resize: none;
  overflow: auto;
  background: url(https://img.losarcanos.com/consulta1.png) center center no-repeat;
}  

.form-field {
   border: 1px solid #0d0a07;
   background: #e9eaf5;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #110f47;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:220px;
  margin-left:auto;
  margin-right:auto;   

   }

.form-title {
   margin-bottom:10px;

   font-size: 16px;
   color: #ffffff;
   text-align: center;
   height: auto;
   font-family: Delius, Roboto, "Times New Roman", Times, serif;

}   

button {
  font-family: Delius, Roboto, "Times New Roman", Times, serif;
}

.h2light {
  font-size: 16px;
}

.formlabel {
   font-family: Delius, Roboto, "Times New Roman";
   font-size: 14px;
   margin: 3px 3px 3px 3px;
   font-weight: 900;
}


  

@media screen and (max-width: 620px) {

.card {
   height: auto;
   overflow: hidden;
}




}