a#pull::after {
   
    right: 25px!important;
   
}

#logo a {
    text-transform: unset !important;
}

#primary-navigation {
    float: unset;
}

#primary-navigation a{
	color:#e0be04;
	
}

#primary-navigation a:hover{
	color:#bfa307!important;

}

#primary-navigation .navigation .menu {
    float: right;
    margin-right: 20px;
    margin-right: 0;
}

div.header-social-icons {
    background: none;
float: left;
margin-left: 0;
}

div.header-social-icons::before {
    position: absolute;
    width: 0;
    height: 0;
    border-style: none;
    border-width: 0;
    border-color: unset;
}

.header-social-icons a {
border-left: .5px solid #c3c0c647;
}

.header-social-icons a:last-child {
border-right: .5px solid #c3c0c647;
    padding-right: 0;
}

.post-content {
    overflow: visible;
}

.primary-slider {
    margin-bottom: 0px;
    max-height: 80vh;
	height: 100%;
}

.starchecked {
  color: orange;
}

.banner-benvenuto {
    background: #eacf42!important;
}

.breadcrumb {
    margin-top: 40px;
}

.sidebar {
    margin-top: 96px;
}
#sidebar .widget{
padding:10px!important;
}

.copyrights {
    padding-bottom: 36px;
}

.warning {
    border: 1px solid #FFDBDB;
    background: #FDE2E2;
    color: #AC888A;
}

.buttonsrow {
margin-top: 24px;
}

.ss-full-width{
	box-shadow: unset;
}

.color444{
color: #444;
}

.black-text{
color:black;
}

.italic-text{
font-style:italic;
}

.small-italic-text{
font-style:italic;
font-size:14px;
}


.cit-author{
text-align: right;
    display: block;
    color: #444;
    font-style: italic;
}

#secondary-navigation a {
padding: 24px 14px;
    text-transform: unset !important;
	font-weight:400!important;
	color: #fff!important;
}

@media(min-width:900px){
	#secondary-navigation a{
		color: #000!important;
	}
}

#secondary-navigation .navigation ul .current-menu-item,
#secondary-navigation .navigation ul .current-menu-item:hover{
	background: #bda105;
}

#secondary-navigation .navigation ul .current-menu-item a,
#secondary-navigation .navigation ul .current-menu-item a:hover,
#secondary-navigation .navigation ul ul li,
.sub-menu a,
#secondary-navigation .navigation ul li:hover,
#secondary-navigation .navigation ul li:hover a {
   color: #000!important;
}

#secondary-navigation .navigation ul .current-menu-item a,
#secondary-navigation .navigation ul .current-menu-item a:hover {
    font-size:13px;

}

#secondary-navigation .navigation ul li:hover {
    background: #a88f03;
    
}

#secondary-navigation .navigation ul ul li {
    background: #e0be04;

}

.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg{
max-width:24px!important;
}

/* POPUP TERMS AND CONDIRIONS */
.modal-terms {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    overflow-y: hidden;
  }
  
  .modal-terms-content {
    position: relative;
    background:#dedede ;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 92%;
      min-width: 320px;
      max-width: 900px;
       height: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetermtop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetermtop;
    animation-duration: 0.6s
  }
  
  .modal-terms-content-promo {
    position: relative;
    background:black ;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 92%;
      min-width: 320px;
      max-width: 900px;
       height: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetermtop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetermtop;
    animation-duration: 0.6s
  }
  
  .modal-terms-text{
      width: 100%;
      overflow-y:auto;
     overflow-x: hidden; 
     height: 84%;
     padding: 10px;
  }
  
  .underlinelink{
      cursor:pointer;
      text-decoration: underline;
  }
  
  .btncloseterms{
  font-family: 'Playfair Display';
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px;
  padding: 10px 0px;
  text-align: center;
  padding: 10px 20px 10px 20px;
  background-color: #e0be04;
  display: block;
  color:#fff;
  margin-top: 10px;
  cursor:pointer;
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetermtop {
    from {top:-400px; opacity:0} 
    to {top:0; opacity:1}
  }
  
  @keyframes animatetermtop {
    from {top:-400px; opacity:0}
    to {top:0; opacity:1}
  }
  
/*PROMO BANNER*/  
.offer-cta,
.banner-benvenuto{
display:flex;
align-items:center;
justify-content:center;
max-width:100vw;
box-sizing:border-box;
}

.banner-benvenuto{
padding: 1em 10px;
flex-direction: column;
background: #e857a9;
width: 100vw;
margin: 4em 0 0 0;

}

@media(min-width:768px){
	.banner-benvenuto{
		margin: 0;
	}
}

.banner-benvenuto a{
box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
text-shadow: 0px 4px 7px rgba(0,0,0,0.2);
border-radius: 30px;
}
.offer-cta{
margin:0 auto;
text-align:center;
}

/*RPOMO BANNER END*/


  /* POPUP2 */
  .modal-popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  

  
  .modal-silver-content h3,
  .modal-silver-content .title-agent,
  .modal-staff-content h3,
  .modal-staff-content .title-agent {
     color:#2f299b;
  }
  
 
  

  
  .modal-content {
    box-sizing: border-box;
    position: relative;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 92%;
   top:5%;
      min-width: 320px;
      max-width: 600px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s
  }

  @media (min-width:768px){
      .modal-content{
        top:16%;
      }
  }


  .modal-white-content {
    background:#ffffff;
  }
  
  .modal-white-content h3,  
  .modal-white-content .title-agent,
  .modal-white-content .text-agent,
  .modal-silver-content h3,
  .modal-silver-content .title-agent,
  .modal-silver-content .text-agent,
  .modal-staff-content .text-agent {
    color:#333;
 }
 
 
  .modal-offline-content .popup-img,
   .modal-silver-content .popup-img,
   .modal-staff-content .popup-img{
        border-radius: 50%;
        border: 3px solid #757575;
        width:96px;
        }

  .modal-offline-content {
    background:#bababa;
  }
  
  .modal-offline-content h3,
  .modal-offline-content .title-agent,
  .modal-offline-content .text-agent,
  .modal-waiting-content h3,
  .modal-waiting-content .title-agent,
  .modal-waiting-content .text-agent,
 .modal-timelimit-content h3,
  .modal-timelimit-content .title-agent,
  .modal-timelimit-content .text-agent,
  .modal-break-content h3,
  .modal-break-content .title-agent,
  .modal-break-content .text-agent,
  .modal-busy-content h3,
  .modal-busy-content .title-agent,
  .modal-busy-content .text-agent,
  .modal-chat-content h3,
  .modal-chat-content .title-agent,
  .modal-chat-content .text-agent {
    color:#fff;
 }
  


  .modal-busy-content .popup-img,
  .modal-break-content .popup-img,
  .modal-timelimit-content .popup-img,
  .modal-waiting-content .popup-img{
            border-radius: 50%;
            border: 3px solid #fff;
            width:96px;
            }

  .modal-silver-content {
    background: linear-gradient( -72deg, #dedede, #ffffff 16%, #c4c4c4 21%, #bababa 24%, #bababa 27%, #dedede 36%, #f1f1f1 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #bababa );
  }
  
  
  


  .modal-busy-content {
    background: red;
  }
  
  
  
  
  .modal-break-content {
    background: #ffcb00;
  }

  .modal-timelimit-content {
    background: #00802b;
  }

  .modal-waiting-content {
    background: #ff7800;
  }
  
  .modal-chat-content {
    background: #e0be04;
  }
  
  
  
  .modal-chat-content .popup-img{
  border-radius: 50%;
  border: 3px solid #21c752;;
  width:96px;
  }


  .modal-staff {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  .modal-staff-content {
    position: relative;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 92%;
   top:16%;
      min-width: 320px;
      max-width: 600px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s
  }
  
 
 
  
  
  
  
  .modal-gold {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  .modal-gold-content {
    position: relative;
    background: black;
    margin: auto;
    padding: 20px;
    border: 1px solid #e0be04;
    width: 77%;
top: 16%;
  
   left: 5px;
right: 5px;
min-width: 240px;
      max-width: 600px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s
  }
  #agentaudio {
    width: 80%;
    display: block;
    max-width: 100%;
}


/*AUDIO PLAYER COLOR
#agentaudio{
    background:#333;
}
AUDIO PLAYER COLOR*/

    


.popup-offline {
    
    position: relative;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 92%;
   top:16%;
      min-width: 320px;
      max-width: 600px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /* arrotondamento dei angoli  */
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s  
}





/* PUPUP PROMO [strictly necessary] */

.modal-promo {
    position: relative;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   top:5%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.6s;
    animation-name: animatetop;
    animation-duration: 0.6s
    
  }

  @media(min-width:768px){
    .modal-promo {
    
       top:16%;
       
        
      }
  }

/* call now  [You can change that]*/

.modal-promo.promostyle1 {
    background: #fff;
    height: 400px;
    width: 80%;
    min-width: 320px;
      max-width: 600px;
}

.modal-promo.promostyle2 {
    width: 100%;
    min-width: 120px;
    max-width: 85%;
    background: url('https://tarotluna.it/vccagents/site/bg-violet-test.jpg') no-repeat center center / cover;
}

@media (min-width:768px) {
    .modal-promo.promostyle2 {
        height: 100%;
        width: 100%;
        min-width: 400px;
        max-width: 400px;
        max-height: 500px;
       
    }
}

  /* formare il bottone di chiusura  */
  .closepopuppromo {
    top: 2px;
    right: 2px;
    width: 28px;
    height: 28px;
    border-radius:50%;
    position: absolute;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    transition: all ease .8s;
    cursor:pointer;
}
.closepopuppromo:before {
    color: rgba(29, 29, 29, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0);
    font-size: 20px;
}
.closepopuppromo:hover {
    background-color: rgba(252, 20, 0);
    transform: rotate(360deg);    
}

.call-now-gold-black,
    .call-now-gold,
    .call-now-prepaid,
    .call-now-card,
    .call-now-899,
    .call-now-staff,    
    .call-now-charge{
    
    font-family: 'Playfair Display';
    font-size: 20px;
    font-weight: 700;
    border-radius: 25px;
    padding: 4px 32px 8px 8px;
    display: block;
    text-align: center;
    margin: 4px 0px 4px 0px;
    transition: 0.6s;
    }

    .call-now-gold-black .img,
    .call-now-gold .img,    
    .call-now-899 .img,
    .call-now-card .img,
    .call-now-prepaid .img{
    float: left;
    margin: 7px 0px 0px 10px;
    text-align: center;
    width: 18px;
    }

    .call-now-gold-black .line,
    .call-now-gold .line,
    .call-now-prepaid .line,
    .call-now-card .line,
    .call-now-899 .line{
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        height: 12px;
        display: block;
    }

    .call-now-staff,
    .call-now-charge,
    .call-now-staff:hover,
    .call-now-charge:hover,
    .call-now-899,
    .call-now-899:hover,
    .call-now-card,
    .call-now-card:hover,
    .call-now-prepaid,
    .call-now-prepaid:hover {
       
        color: #fff;
    }

	
    .call-now-staff,
    .call-now-charge{
        background: #21c752;
    }

.green-text{
	color: #21c752;
}

    .call-now-staff:hover,
    .call-now-charge:hover{
        background: #09c741;
    }
    
    .call-now-899{
        background: #ea5959;
       
    }   
    
    .call-now-899:hover {
        background: #f00;
       
    }
    
    .call-now-card{
        background: #2f299b;
       
    }
    
    .call-now-card:hover {
        background: #06006d;
       
    }
    
    .call-now-prepaid{
        background: #9241e2;
       
    }
    
    .call-now-prepaid:hover {
        background: #a402ff;
       
    }

   

    .call-now-gold{
        background: linear-gradient( -72deg, #ffde45ed, #e5bc25cc 16%, #e5bc25d6 21%, #deda158c 24%, #fecf41d1 27%, #ffde45cc 36%, #e7bf28db 45%, #e8e171e8 60%, #ffde45c9 72%, #e7bf28e6 80%, #ffde45d4 84%, #cd9c08d1 );
        color: #000;
    }
    
    
    
    .call-now-gold:hover, 
    .call-now-gold-black,
    .call-now-gold-black:hover {
        background: #000;
        color: #e0be04;
    
    }
    .call-now-gold:hover, 
    .call-now-gold-black{
        border:1px solid #e0be04;
    }
    .call-now-gold,
    .call-now-gold-black:hover{
        border:1px solid #000;
    }
    .call-now-gold .line,
    .call-now-gold-black .line{
        color:inherit;
    }
    
    

    @media(min-width:400px){
        /*Block aspect ratio of the buttons when screen is more than 400px*/
        .call-now-gold-black,
        .call-now-gold,
        .call-now-staff,
        .call-now-prepaid,
        .call-now-card,
        .call-now-charge,
        .call-now-899{
           
            width:260px;
          
            }
    }



/* call now end */

@media(min-width:768px){
    .modal-gold-content{
      min-width: 320px;

        width: 90%;
        top:16%;
    }
    #agentaudio{
        width: 80%;
    }
}

  #popagent::after, #popagent::before,
  #popagent {
    box-sizing: border-box;
}


  
  .modal-gold-content h3,
  .modal-gold-content .title-agent,
  .modal-gold-content .text-agent,
  .name-gold,
  .title-gold{
    color: #e0be04;
}

  
  .modal-gold-content .popup-img{
  border-radius: 50%;
  border: 3px solid #e0be04;
  width:96px;
  }
  
  

  /* formare il bottone di chiusura  */
.closepopup {
    top: -10px;
    right: -10px;
width: 22px;
height: 22px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font: 13px/20px 'Tahoma', Arial, sans-serif;
    font-weight: bold;
    transition: all ease .8s;
    cursor:pointer;
}
.closepopup:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0);
    font-size: 12px;
}
.closepopup:hover {
    background-color: rgba(252, 20, 0);
    transform: rotate(360deg);    
}
 

  /* Add Animation */
  @-webkit-keyframes animatetop {
    from {top:-400px; opacity:0} 
    to {top:5%; opacity:1}
  }

  
  @keyframes animatetop {
    from {top:-400px; opacity:0}
    to {top:5%; opacity:1}
  }

  @media (min-width:768px) {
    @-webkit-keyframes animatetop {
        from {top:-400px; opacity:0} 
        to {top:16%; opacity:1}
      }
       
  @keyframes animatetop {
    from {top:-400px; opacity:0}
    to {top:16%; opacity:1}
  }
  }


.staff-widget-area {
    max-width: 100%;
    width: 100%;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    border-top-right-radius: 3px;
    background: white;
box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
margin-bottom: 12px;
position:relative;
}

.nameandimg-container {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 25% 75%;
}

.staff-text-box h3, .staff-text-box h5{
		margin:0;
		line-height: 17px;
}
	
.staff-text-box h3{
		font-size:14px!important;
}

.staff-text-box h5{
		font-size:12px!important;
		margin-bottom: 1.5px!important;
}

.nameandimg-container img{
		border-radius:50%;
		max-width: 60px;
max-height: 60px;
		align-self: center;
justify-self: center;
}

.meta-first-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.staff-status p,
.meta-first-details p{
		margin-bottom:0!important;
}
	
.staff-status {
    display: flex;
    align-items: center;
   max-height: 35px;
    width: 100%;
}
.component-data,
.component-time {
    display: flex;
    justify-content: space-between;
    width: 100%;
		align-items: baseline;
		line-height: 15px!important;
}


	
	.staff-ball{
		position: absolute;
right: 5px;
top: 6px;
border-radius: 50%;
padding: .5px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
	}

.right-a, .left-a {
    width: 45%;
    text-align: center;
    height: 25px;
    padding: 1em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: gray;
    margin: 5px auto;
		color:white!important;
		border-radius: 4px;
		font-size: 12px;
}

.staff-ball.online,
.right-a.online{
background: #21c752;
}
.staff-ball.offline,
.right-a.offline{
background:#999;
}
.staff-ball.busy,
.right-a.busy{
background:red;
}
.staff-ball.break,
.right-a.break{
background:#ffd840;
}
.staff-ball.timelimit,
.right-a.timelimit{
background:#00802b;
}
.staff-ball.waiting,
.right-a.waiting{
background:#ff7800;
}

.left-a.offline{
background:#999;
}
.left-a.online{
background:#e0be04;
}


.staff-text-box {
    padding-left: 7px;
}
.timetable{
		width: 95%;
}
.timetable p{
		font-size:11px!important;
		line-height: 0!important;
}


.gwolle-gb-write-button input.button{
    background-color: #e0be04;
    color: #fff;
}

.gwolle-gb .gwolle-gb-float div.label {
    text-align: left;
}

.gwolle_gb_notice{
    margin-bottom: 14px;
}

.gb-author-avatar .avatar {
    margin-left: 2px;
}


.fullwidth {
   width: 100vw;
   position:relative;
    left: calc(-50vw + 50%);
}

.fullwidth.slider-height {
    max-height: 70vh;
    height: 70vh;
    background: black;
    display: block;
    box-sizing: border-box;
}

.primary-slider-item {
    min-height: 80vh;
	box-sizing: border-box;
}

.primary-slider-item a {
    min-height: 80vh;
    display: block;
	box-sizing: border-box;
}

.owl-item {
    min-height: 80vh;
}

.tarot-violet{
 background-color: #000;

}
.luna-button,
.title,
.tarot-gold,
.tarot-batman,
.tarot-violet,
.button-orange-rounded:hover,
.button-orange-rounded,
.button-darkviolet-rounded:hover,
.button-darkviolet-rounded,
.luna-button:hover,
.white-text{
color:#fff!important; 
}


.tarot-lightgray{
background-color: #f8f8f8 !important;

}
.tarot-lightgray,
.tarot-lightgray h2{
color:#333!important;
}

.tarot-batman{
background-color: #333333 !important;

}
.button-darkviolet-rounded{

background-color: #eacf42;



}
.button-darkviolet-rounded:hover{

background-color: #b39906;


}

.button-orange-rounded{
background-color: #ff6435;

}
.button-orange-rounded:hover{
background-color: #ec410e;

}
.tarot-gold{
background-color: black !important;

}

.grid-40-60 img.agentimage{
    width: 100%;
display: block;
max-width: 200px;
border-radius: 50%;
margin: 0 auto 4em auto;
}


.tarot-gold-bg {
background: linear-gradient( -72deg, #ffde45ed, #e5bc25cc 16%, #e5bc25d6 21%, #deda158c 24%, #fecf41d1 27%, #ffde45cc 36%, #e7bf28db 45%, #e8e171e8 60%, #ffde45c9 72%, #e7bf28e6 80%, #ffde45d4 84%, #cd9c08d1 );
}

.tarot-silver{
    background: linear-gradient( -72deg, #dedede, #ffffff 16%, #c4c4c4 21%, #bababa 24%, #bababa 27%, #dedede 36%, #f1f1f1 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #bababa );
}

.tarot-gold h2{
color: black;
}

.tarot-gold-mode,
.tarot-gold h1{
color: #e0be04;;
}

.tarot-postepay {
background-color: #eedc00 !important;
color: #333 !important
}

.tarot-postepay h2{
color:#28047a!important;
}

.tarot-container{
width: 88%;
max-width: 1140px;
margin: auto;
position: relative;
display: block;

padding: 30px 0;
}

@media(min-width:768px){
.tarot-container{
padding: 30px;

}
}

.tarot-reader-related img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.tarot-container-image{
width: 88%;
max-width: 1140px;
margin: 0 auto;
position: relative;
display: block;
padding: 30px 0 0 0;
}

.title{
font-family: "Playfair Display";
/*line-height: 30px;*/
font-weight: normal;
font-style: normal;

font-size: 30px;
}

.luna-button{

font-family: 'Playfair Display';
font-size: 18px;
font-weight: 500;
border-radius: 8px;
padding: 10px 0px;
text-align: center;
border: 1px solid #e1e1e1;
transition: 0.6s;
padding: 10px 20px 10px 20px;
background-color:transparent;
display: block;
}

.luna-button:hover{
   
   background-color:#e0be04;
}


.widget-title{
font-family: 'Playfair Display' !important;
font-size: 22px !important;
text-transform: none !important;
}

.button-white, .button-violet{

letter-spacing: 1px;
/*
font-weight: 700;text-transform: uppercase;*/
transition: all 0.5s ease 0.1s;
border-radius: 4px;
margin: 20px;
padding: 10px;
font-size: 12px;
display: block;
max-width: 250px;
cursor:pointer;
text-align:center;
}

.button-white{
color: #333;
border-color: #fff;
background-color: #fff;
}


.button-cyan,
.button-red{
    border-radius: 7px;
    padding:10px;
    color:#fff;
cursor:pointer;

}

.button-red{
    background: #b91010de !important;
    
    }

.button-cyan{
background: #5bc0de!important;
}

.button-cyan:hover, .button-red:hover{
    background:white!important;
}

.button-cyan:hover{

color:#5bc0de;
}

.button-red:hover{

color:red;
}
.button-white:hover,.button-violet{
    color: #fff!important;
}

.button-white:hover{
border-color: lightgray;
background-color: lightgray;
}
.button-violet{
border-color: #eacf42;
background-color: #eacf42!important;
}
.button-darkviolet-rounded,
.button-facebook-rounded,
.button-instagram-rounded,
.button-youtube-rounded,
.button-twitter-rounded,
.button-orange-rounded,
.button-green-rounded,
.button-purple-rounded,
.button-blue-rounded,
.button-red-rounded,
.button-violet-rounded,
.button-gold-rounded{

font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
transition: all .5s ease 0.1s;
border-radius: 2em;
margin: 20px;
padding: 12px;
font-size: 11px;
display: block;
max-width: 250px;
cursor:pointer;
text-align:center;

}

.boxed-div{
    width: 150px;
color: #efefef;
font-family: 'Raleway';
font-size: 1em;
line-height: 1;
margin: 0 auto;
}

.button-facebook-rounded{background-color: #395692;
}
.button-green-rounded:hover,
.button-violet-rounded:hover,
.button-facebook-rounded:hover,
.button-facebook-rounded,
.button-instagram-rounded,
.button-instagram-rounded:hover,
.button-youtube-rounded,
.button-youtube-rounded:hover,
.button-twitter-rounded,
.button-twitter-rounded:hover,
.button-violet-rounded,
.button-gold-rounded,
.button-green-rounded{
    color: #fff;
}
.button-facebook-rounded:hover{background-color: #4e78ce;}
.button-instagram-rounded{background-color: #d73f8c;}
.button-instagram-rounded:hover{background-color: #e60074;}
.button-youtube-rounded{background-color: #ff1e1e;}
.button-youtube-rounded:hover{background-color: #b50707;}
.button-twitter-rounded{background-color: #1c9cea;}
.button-twitter-rounded:hover{background-color: #0073b9;}




.button-green-rounded{
    border-color:#21c752;
    background-color: #21c752;
    }
    

.button-gold-rounded{
border-color: #eacf42;
background-color: #eacf42;
}
.button-violet-rounded{
border-color: #eacf42;
background-color: #eacf42;

}


.button-violet-rounded:hover,
.button-violet:hover{
border-color: #af9605;
background-color: #af9605;
}

.button-violet:hover{
    color: #f7f7f7;

}

.button-gold-rounded:hover{
color: #333;
border-color: gold;
background-color: gold;
}

.button-green-rounded:hover{

background:green;
}

/* HPROSCOPE ICONS */

.aicontainer{
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
margin-top: 14px;
color: #7b7b7b !important;
}

.aiico{
width:20%;
}

.aitext{
width:80%;
line-height: 14px;
margin-top: 0;
margin-bottom: 6px;
}

.ai {
    font-style:normal;
    color:purple;
    font-weight:bold;
    font-size:13px;
    line-height:13px;
margin-right: 10px !important;
}

.aibig {
    font-size:40px;
    line-height:30px;
}

.ai.aries,.ai.taurus,.ai.gemini,.ai.cancer,.ai.leo,.ai.virgo,.ai.libra,.ai.scorpio,.ai.sagittarius,.ai.capricorn,.ai.aquarius,.ai.pisces {
    font-weight:normal;
}
.ai.aries:before {
    content:"\2648";
  display:inline;
  text-decoration:none;
}
.ai.taurus:before {
    content:"\2649";
}
.ai.gemini:before {
    content:"\264A";
}
.ai.cancer:before {
    content:"\264B";
}
.ai.leo:before {
    content:"\264C";
}
.ai.virgo:before {
    content:"\264D";
}
.ai.libra:before {
    content:"\264E";
}
.ai.scorpio:before {
    content:"\264F";
}
.ai.sagittarius:before {
    content:"\2650";
}
.ai.capricorn:before {
    content:"\2651";
}
.ai.aquarius:before {
    content:"\2652";
}
.ai.pisces:before {
    content:"\2653";
}
.ai.sun:before {
    content:"\2609";
}
.ai.moon:before {
    content:"\263D";
}
.ai.moon-variant:before {
    content:"\263E";
}
.ai.earth:before {
    content:"\2295";
}


/* HOROSCOPE ICONS END */


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#move-to-top {
background: #e0be04;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1136px) {
  .twocols {
    width: 100%;
  }
}

/*Grid per box chiama silver*/
.grid-luna-4{
        display: grid;
        grid-template-columns: 1fr;
        gap:30px;
        justify-content: center;
        max-width: 100%;
        margin:0 auto;
    }

    @media(min-width: 480px){
        .grid-luna-4{
        display: grid;
        grid-template-columns: repeat(2, 250px);
        margin:0 auto;
        max-width: 100%;
    }


    }

    @media(min-width:1080px){
        .grid-luna-4{
        display: grid;
        grid-template-columns: repeat(4, 250px);
        margin:0 auto;
        max-width: 100%;
    }
.primary-slider {
    margin-bottom: 0px;
    max-height: 80vh;
}
    }

    .title-cartomanti-amore h2{
        color:white!important;
        }

.grid-luna-4 .element-luna{
border-radius: 5px;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 5px;
    }

    .grid-luna-4 .element-luna a {
        width: 150px;
        color: #333;
        font-family: 'Raleway';
        font-size: 1em;
        line-height: 1;
        margin: 0 auto;
        display: block;
        background: white;
        padding: 10px;
        border-radius: 22px;
    }
    .boxed-div2{
        color:#fff;
    }
    .boxed-div2.g{
        color:#333;
    }
    
.boxed-div2 h5,
    .element-luna a h5{
        margin:0;
        padding:0;
     
color: #efefef!important;
font-size: 15px;
    }

    .boxed-div2.g h5{
        margin:0;
        padding:0;
     
color: #333!important;
font-size: 15px;
    }

    .boxed-div2.g a.chiama-boxed{
        color:gold;
        background:black;
    }

    .boxed-div2.g a.chiama-boxed:hover{
        color:black;
        background:rgba(255, 217, 0, 0.616);
    }

    .boxed-div2 p{
        font-size: 15px;
        margin-bottom: 7px;
    }
    .element-luna a span{
        margin:10px;
    }

.element-luna{
transition: all .6s ease;
}

.element-luna.prep {
    background: #e0be04;
}

.element-luna.ccardg,
.element-luna.ricaricag,
.element-luna.ottonoveg,
.element-luna.prepg{
    color: #1a1a1a!important;
    background: linear-gradient( -72deg, #ffde45ed, #e5bc25cc 16%, #e5bc25d6 21%, #deda158c 24%, #fecf41d1 27%, #ffde45cc 36%, #e7bf28db 45%, #e8e171e8 60%, #ffde45c9 72%, #e7bf28e6 80%, #ffde45d4 84%, #cd9c08d1 );
}

.prep:hover{
background:#6524b7;

}

.element-luna.ottonove {
    background: #ea5959;
}

.ottonove:hover{
background:#df0e0e;
}

.element-luna.ccard {
    background: #2f299b;
}
.ccard:hover{
background:#4f48d2;
}
.element-luna.ricarica {
    background: #21c752;
}
.ricarica:hover{
background:#0ea63b;
}



@media (max-width: 768px) {
h1.single-title {
font-size:38px!important;
line-height:1;
}
}

@media (max-width: 865px) {

.navigation.mobile-menu-wrapper {
background-color: #333 !important;
}
.button-empty-violet:hover,
.button-empty:hover,
div.header-social-icons,
#header{
    background-color:black!important;
    }

#secondary-navigation .header-social-icons a,
#header #logo a{
color:#e0be04;
}


#header .logo-wrap{
padding:8px 0 14px 0;
}

#header.sticky-navigation-active {
    position: fixed !important;
    top: 0 !important;
    z-index: 99999;
}
}
/*Align all buttons in a container called flex-buttons*/
.flex-buttons {
    /*height: 100%;*/
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*without background button only outline*/
.button-empty {
border: 2px solid white;
padding: 9px;
border-radius: 5px;
color:#fff;
cursor: pointer;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 0.5s ease 0.1s;
max-width: 250px;
display: block;
}

.button-empty-violet {
    border: 3px solid #8d6dc4;
    padding: 6.5px;
    border-radius: 5px;
    color: #8d6dc4;
display: block;
max-width: 250px;
cursor:pointer;
}

.button-empty-violet:hover,
.button-empty:hover{
color:gray;
}

.ss-full-width{
padding:0;
}

#parallax{
margin-bottom:0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center!important;
padding: 12rem 0px;
text-align: center;
}



#page.parallax{
padding-top:0;
}

.owl-carousel .owl-item img {
    object-fit: cover;
    height: 80vh !important;
}

@media(min-width:768px){
.owl-carousel .owl-item img{
height:70vh!important;
min-height:70vh!important;
}
}





#page{
padding-top:0;
min-height: 100vh !important;
}

/*This ID post-2 correspond to the home page of the website, because this condition is incorrect for the rest of the pages*/
#post-2 .single_page {
    padding-top: 2em!important;
}

@media(min-width:768px){
	#post-2 .single_page{
		padding-top:2em!important;
	}
}

.grid-luna-3 {
display: block;
max-width: 100%;
margin: 0 auto 20px auto;
padding: 10px 0;
}

.element-luna3 {
    min-height: 200px;
    min-width: 200px;
    color:#fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
position: unset;
margin-bottom: 10px;
padding: 10px;
}

@media(min-width:960px){
 .grid-luna-3 {
   display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: start;
justify-content: center;
max-width: 1150px;
margin: 0 auto;
gap: 20px;
padding: 2em;
}
.element-luna3 {
    padding: 1em;
    min-height: 200px;
    min-width: 200px;
    color:#fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    top: -50px;
    margin-bottom: unset;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
}

}

.element-luna3 i{
font-size: 40px;
}

.bg-luna-violet{
background-color: #e0be04 !important;
}

.bg-dark-violet{
background-color: #6630ad !important;
}

.bg-shock-pink{
background-color: #f271e9 !important;
}

.element-luna3 a{
padding: 7px;
border-radius: 5px;
background: #fff;
color: #333;
font-weight: 500;
width: 152px;
margin: 0 auto;
transition: all .3s ease;
}

.element-luna3 a:hover{
background: #e6e3e3;
color:gray;
}

.tarotluna-container{
position: absolute;
width: 100%;
max-width: 1152px;
margin: auto;
height: 100%;
left: 0;
bottom: 0;
top: 100%;
right: 0;
text-align: center;
min-height: 80vh!important;
}

.tarotluna-slider-container-left {
position: absolute;
width: 100%;
max-width: 1152px;
margin: auto;
height: 100%;
left: 0;
bottom: 0;
top: 100%;
right:0;
}

@media(min-width:768px){
.tarotluna-slider-container-left{
width: 88%;

}
}





.tarot-slider-bgviolet-text,
.tarot-slider-bgviolet-textlong,
.tarot-slider-bgwhite-text{
    display: block;
    width: max-content;
    font-family: 'Playfair Display';
    z-index: 8;
    text-decoration: none;
    white-space: nowrap;
    text-align: inherit;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 25px;
    border-color: rgb(102, 102, 102);
    padding-left: 13px;
    padding-right: 13px;
    transform-origin: 50% 50% 0px;
    opacity: 1;
    transform: translate(0px);
    visibility: visible;
    padding-top: 1px;
    padding-bottom: 1px;
}

.tarot-slider-bgviolet-text,
.tarot-slider-bgviolet-textlong {
    background-color: #eacf42;
    color: rgb(255, 255, 255) !important ;
}

.tarot-slider-bgwhite-text{
    background-color: rgb(255, 255, 255);
    color: rgb(102, 102, 102)!important ;
}

.tarot-slider-bgviolet-text h2,
.tarot-slider-bgviolet-textlong h2{
   color:#fff !important;

}
.tarot-slider-bgwhite-text h2{
    color:#333 !important;
}

.tarot-slider-bgviolet-text h2,
.tarot-slider-bgviolet-textlong h2,
.tarot-slider-bgwhite-text h2{
margin-bottom: 6px;
margin-top: 6px;
}

.tarot-slider-title{
font-size:30px;
font-weight: 700;
font-family: 'Arial';
}

.tarot-slider-title,.tarot-slider-subtitle{
    padding: 0;
    margin-bottom: 0;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
letter-spacing: -2px;

}

.tarot-slider-subtitle{
font-size: 40px!important;
font-weight: lighter;
font-family: 'Helvetica';
}

@media(min-width:900px){

.tarot-slider-title{
font-size: 70px;


}

.tarot-slider-subtitle{
font-size: 60px!important;
}
}



/*Text slider fixer*/
.tarot-slider-bgviolet-textlong h2,
.tarot-slider-bgviolet-text h2,
.tarot-slider-bgwhite-text h2{
font-size:16px!important;

}

@media(min-width:900px){
.tarot-slider-bgviolet-textlong h2,
.tarot-slider-bgviolet-text h2,
.tarot-slider-bgwhite-text h2{
font-size:25px!important;

}

}

/*Box management*/
.luna-management{
    text-align: center;
    margin: 2em 0;
    }
.luna-management,
.management-people{
    display: block;
           
    }

 .image-container{
    border-radius: 50%;
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
    }
 .image-container img{
            width: 100%;
            height: 100%;
        }

        .image-container, .image-container img{
            position: relative;
            overflow: hidden;
        }

        .hover-link{
            transition: all .3s ease;
            cursor: pointer;
        }

        .image-container:hover > .hover-link{
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            top:0;
            left:0;
            right:0;
            bottom: 0;
            background-color: #e0bf04bd;
            border-radius: 50%;
        }

.hover-link i{
font-size:30px;
color:#fff;
}

.hover-link a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*Grid luna 2 layout*/

.vision-block{
    display: block;
    margin:0 auto;
    background-color: #f8f8f8 !important;
    padding:2em 0;
    box-sizing: border-box;
}

.grid-luna-2{
    display:block;
    max-width: 80%;
    margin:0 auto;
    position: relative;
}

.grid-luna-2.social {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.grid-luna-2.social .luna-left-element-center{
	width:auto;
}

.social .button-facebook-rounded, .social .button-instagram-rounded, .social .button-youtube-rounded, .social .button-twitter-rounded{
	max-width: 100%;
	width: 100%;
}

@media(min-width:768px){
	.grid-luna-2.social{
		flex-wrap: nowrap;
	}
}


.luna-left-element {
    margin-bottom: 3em;
}

@media(min-width:960px){
.luna-left-element-center {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    .grid-luna-2{
    display:grid;
    grid-template-columns: repeat(2,50%);
    max-width: 1140px;
    margin:0 auto;
    gap:30px;
}

.vision-block{
padding:3em 2em;
}

.luna-left-element {
    margin-bottom: 0;
}

}

.grid-luna-2 img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin:0 auto;
}

.contact-us {
display:block;
text-align:center;
 padding: 2em;
}

@media(min-width:900px){

.contact-us {
    display: flex;
    justify-content: space-between;
    min-height: 50px;
    align-items: center;
}}

a#pull{
margin-left: -2.03%!important;
margin-right: -2.03%!important;
}

.single-title {
    font-size: 38px !important;
    color: #e0be04 !important;
	text-shadow: 0 0 3px rgb(255, 204, 4);

}

.buttons {
    margin: 0 20px;
	display: flex;
justify-content: center;
	align-items: center;
	flex-direction:column;
	
   
}

.gold-dirada-section a{
	width:100%;
}

@media(min-width:768px){
	.buttons {
		flex-direction:row;
		
	}
	.gold-dirada-section a{
	width:auto;
}
}

.button-violet,
.button-empty,
.button-empty-violet {
display:unset;

}
}

/*Others buttons*/
/*Container*/
.buttons-block {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: start;
text-align: center;
}

/*Buttons*/

.button-purple-rounded {
    background: #eacf42;
    
}
.button-blue-rounded {
    background: #2f299b;
  
}

.button-red-rounded {
    background: #ea5959;

}
.button-blue-rounded,
.button-purple-rounded,
.button-red-rounded{
    color:#fff;
margin: 6px 0;
}


/*Hovers*/

a.button-purple-rounded:hover{
background:#bda105;


}

a.button-purple-rounded:hover,
a.button-blue-rounded:hover,
a.button-red-rounded:hover{
    color:white!important;
}


a.button-blue-rounded:hover{
background:#1109a4;

}

a.button-red-rounded:hover{
background: #e30505;

}

/*Left and right side of grid-luna-2 element */
.left-side, .right-side {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

/*container for all elements*/

.luna-container {
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding: 30px;
    display: block;
    box-sizing: border-box;
}
@media(min-width:768px){
.luna-container {
    max-width: 1140px;
    margin: 0 auto;
    width: 100%;
padding: 30px 0 30px 0;
}

}

.tarot-black{
background:black; color:#fff;
}

.luna-ul{
list-style-type:none;
margin:0;
padding:0;
}

@media(min-width:768px){
.luna-ul{
padding: 1.5em 0 1.571em 1.9em;
}
}

.luna-ul li{
margin-bottom:30px;
}
/*This grid is more compressed not suitable for main content*/
.grid-luna-2b {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
    margin: 0 auto;
    gap: 15px;
    justify-content: flex-start;
}

@media(min-width:768px){
.grid-luna-2b {
    display: grid;
    grid-template-columns: 80px 1fr 1fr 80px;
    max-width: 1033px;
    margin: 0 auto;
    gap: 15px;
    justify-content: flex-start;
align-items: center;
}
.element-left {
    grid-column: 2;
	padding: 10px;
}
}

.title-cont {
    max-width: 1140px;
    margin: 0 auto;
  padding: 3em 1em;
}

.element-luna-3 {
    margin: 0 auto 2em auto;
}


.element-header, .element-body, .four-circles{
    display: flex;
    align-items: center;
    text-align: center;
}


.element-header {
justify-content: center;
background-color: #eacf42;
width: 60px;
height: 60px;
color:#fff;
border-radius: 50%;
margin: 0 auto;
position: relative;
bottom: -20px;
}

.element-body {
    justify-content: space-between;
    flex-direction: column;
    background: #f8f8f8;
    padding: 2em 1em;
    min-height: 200px;
   
}

.four-circles {
    min-height: 350px;
    background-color: #eacf42 !important;
    padding: 30px 0;
   
}

.four-circles i{
font-size: 55px;
background: #e0be04;
color: black;
padding: 7px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
margin: 0 auto;
}

.circle2 {
    padding: 15px;
    background:#e7e1ee;
    width: 90px;
    height: 90px;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.circle1 {
    background: #c6b108;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.count {
    font-size: 24px;
}
.uppercase {
    text-transform: uppercase;
   
}

.circle-element p{
	font-size:16px!important;
	color: white;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}

.count, .uppercase{
    color:#fff;
    font-weight: bold;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.tarot-couple h3{
max-width: 90%;
font-size: 25px;
 color:#fff;
text-align: center;
}


@media(min-width:768px){
.tarot-couple h3 {
    font-size: 30px;
    max-width: 1000px;
    
}}

/*SLIDER START*/
 .testimonial-slider {
        display: flex;
align-items: center;
width: 100vw;
overflow-x: hidden;
position: relative;
background: #000;
}

    .slider-container {
    width: 300vw;
    height: auto;
    display: flex;
    align-content: center;
    align-items: center;
    left: 0%;
    position: relative;
    animation: testimonialSlider 60s ease infinite;
    min-height: 300px;
}

    .slider {
        width: 100vw;
justify-content: center;
display: flex;
align-items: center;
text-align: center;
color:#fff;
}
blockquote.myblockquote {
    display: block;
    width: 100%;
}
blockquote.myblockquote:after{
content:'';
}

cite {
    display: block;
    width: 100%;
    font-weight: bold;
    text-decoration: underline;
    padding: 10px 0;
}

.content-slide-cont{
    max-width:100%;
}

@keyframes testimonialSlider {
    0%{
        left:-100vw;
    }
    12.5%{
        left:-100vw;
    }
    25%{
        left:-200vw;
    }

    38%{
        left:-200vw;
    }

    50%{
        left:-100vw;
    }

    62.5%{
        left:-100vw;
    }

    75%{
        left:-0vw;
    }
    100%{
        left:-0vw;
    }
    
}
/*SLIDER END*/

.footer-widgets h3{
	text-transform:none!important;
}

footer{
margin-top: 0;
}

.ss-full-width{
margin-bottom:0;
}

.post-content{
margin-bottom:0;
}

.text-center{
text-align:center;
}

.luna-lightgray-bg{
background: #f8f8f8;
padding:1em;
}
.team-cutter{
overflow-x:hidden;
}
/*Slide staff mission*/
.slider-container-luna {
    width: 700%;
    position: relative;
    left: 0;
    display: flex;
    justify-content: space-between;
animation:teamSlider 30s ease infinite;
}
@keyframes teamSlider {
    0%{
        left:-0%;
    }
    4%{
        left:-0%;
    }
    8%{
        left:-100%;
    }

    16%{
        left:-100%;
    }

    20%{
        left:-200%;
    }

    24%{
        left:-200%;
    }

    28%{
        left:-300%;
    }
    32%{
        left:-300%;
    }
    36%{
        left:-400%;
    }
    40%{
        left:-400%;
    }
    44%{
        left:-500%;
    }
    48%{
        left:-500%;
    }
    52%{
        left:-600%;
    }
    56%{
        left:-600%;
    }
    60%{
        left:-500%;
    }
    64%{
        left:-500%;
    }
    68%{
        left:-400%;
    }
    
    72%{
        left:-400%;
    }
    76%{
        left:-300%;
    }
    80%{
        left:-300%;
    }

    84%{
        left:-200%;
    }
    88%{
        left:-200%;
    }
    90%{
        left:-100%;
    }
    94%{
        left:-100%;
    }
    98%{
        left:-0%;
    }
    100%{
        left:-0%;
    }
}

@media(min-width:768px){
.slider-container-luna{
display: flex;
align-items: start;
justify-content: center;
margin: 0 auto;
gap: 20px;
padding: 2em;
width: 165%;
position: relative;
left: 0%;
animation:teamSlider 30s ease infinite;
}
@keyframes teamSlider {
    0%{
        left:-0;
    }
    10%{
        left:-0;
    }
    20%{
        left:-65%;
    }

    30%{
        left:-65%;
    }

    40%{
        left:-0;
    }

    50%{
        left:-0;
    }

    60%{
        left:-65%;
    }
    70%{
        left:-65%;
    }
    80%{
            left:-0%;
    }
    90%{
            left:-0%;
    }
    100%{
            left:-0%;
    }
}
}

.slider-people {
    width: 100%;
    background: #ffffffbf;
    padding: 1em;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    margin-right: 10px;
}

.staff-name{
    margin:20px 0;
}

#secondary-navigation .navigation ul .menu-item a:hover {
    color: #fff;
}

.element-luna i{
    font-size:5em;
    color:#ebebeb;
    padding-bottom: .4em;
}

/*This class is used to styling the luna blockquotes, use that when you want a beautiful blockquote with officials colors*/
.luna-blockquote {
    margin-bottom: 10px;
    border-left: 3px solid #e0be04;
    padding: 10px;
    background: #f8f8f8;
    font-size: 18px;
    font-style: initial;
}



/*four elements in the SERVIZI page */

.scegliamo-la-strada,
.scrutiamo-futuro,
.capiamo-assieme,
.ascoltiamo-il-tuo-racconto {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
padding:0;
}

@media(min-width:768px){
.scegliamo-la-strada,
.scrutiamo-futuro,
.capiamo-assieme,
.ascoltiamo-il-tuo-racconto {
    display: grid;
    grid-template-columns: 50px auto;
    gap: 30px;
    padding: 2em 1em;

}

}

.text-content {
    background: #f8f8f880;
    grid-column: 1;
    padding: 20px;
    border-radius: 7px;
}
.img-content {
    grid-column: 1;
    grid-row: 1;
    background: #e0be04;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
    color:#fff;
position: relative;
bottom: -40px;
margin: 0 auto;
}



.img-content i{
font-size:50px;
}

@media(min-width:768px){
.text-content {
    
    grid-column: 2;
 
}
.img-content{
grid-column:auto;
bottom:0;
position:unset;
}


}

/*Nice 4 steps elements check it in consulti speciali*/
  .consulti-speciali-how{
        display: block;
        width: 100%;
        max-width: 100%;
        padding:0;
    }

@media(min-width:768px){
.consulti-speciali-how{
        padding:1em;
    }
}

    .container-consulti-speciali{
        display: flex;
        justify-content: center;
        align-items: center;
    }

.element-consulti-speciali {
    
    text-align: center;
    width: 100%;
    display: flex;
    min-width: 253px;
    align-items: center;
flex-wrap: wrap;
 
}

@media(min-width:768px){
.element-consulti-speciali {
grid-row: 1;
}
}


span.numeration-bullet {
    background: #e0be04;
padding: 20px;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-size: 35px;
z-index: 100;
left: -3px;
position: relative;
font-weight: bold;
}
span.text-span {
   font-size: 30px;
text-transform: uppercase;
position: relative;
bottom: 18px;
color: #ebebeb;
text-shadow: 0px 3px 2px rgba(4, 4, 4, 0.3);
font-weight: bold;
}

span.underline-divider{
    width: 100%;
height: 10px;
background: black;
position: relative;
bottom: 39px;
z-index: 0;
}

span.subtitle-text-span {
    text-align: center;
    width: 100%;
    position: relative;
    bottom: 35px;
    left: 30px;
    text-transform: uppercase;
}


/*PRICING TABLES*/
.pricing-tables{
        display: block;
        max-width: 100%;
        margin: 2em auto;
        text-align: center;
        padding: 1em 0;
    }

@media(min-width:1000px){
    .pricing-tables{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        max-width: 90%;
        justify-content: center;
       
    }
    .pricing-column.marked{
        box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
    }

}

@media(min-width:1300px){
    .pricing-tables{
        
        max-width: 60%;
       
    }
}

   
    .pricing-column{
        margin: 20px auto;
display: block;
width: 100%;
height: 100%;
text-align:center;
    }

   
    
    .pricing-column h3{
       
        padding:1em 0;
        color:#fff;
        display: flex;
justify-content: center;
align-items: center;
    }

    .pricing-content h4{
        font-size: 54px !important;
        margin:0;
    }

    .pricing-content.topper-1 {
    position: relative;
    top: 0;
    padding: 40px 0;
}
.pricing-content.topper-2{
    position: relative;
top: -12px;
padding: 40px 0;
}
.pricing-content.topper-3{
    position: relative;
top: -20px;
padding: 40px 0;
}

    ul.features{
        list-style-type: none;
margin: 2em 0;
padding: 0;
    }

    ul.features li{
        padding: 10px 25px;
border-bottom: 1px solid #eee;
color: #666666 !important;
list-style: none;
line-height: 18px;
    }

    .pricing-column ul li:nth-child(2n+1) {
    background-color: #F9F8F5A6;
}

.pricing-column .tarot-violet-button {
    margin: 25px auto;
    display: block;
    background: #9378b5;
    max-width: 250px;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    border-radius: 7px;
}

.pricing-column .interval {
    display: block;
    padding-bottom: 17px;
    min-height: 38px;
    color: #999999;
}

.pricing-column ul li:first-child {
    border-top: 1px solid #eee;
}

.content-group-1, .content-group-2, .content-group-3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.content-group-1,
.content-group-2, .content-group-3{
    color: white !important;
    position: relative;
}

.content-group-1{
    background: #e0be04de;
}
.content-group-2 {
    background: #e0be04;
    top: -12px;
}
.content-group-3 {
    background: #6c538c;
    top: -20px;
}

.first-height{
height:3px;
}
.second-height{
    height:15px;
}

.third-height{
    height: 23px;
}

.gold, .gold-text{
    background: linear-gradient( -72deg, #ffde45ed, #e5bc25cc 16%, #e5bc25d6 21%, #deda158c 24%, #fecf41d1 27%, #ffde45cc 36%, #e7bf28db 45%, #e8e171e8 60%, #ffde45c9 72%, #e7bf28e6 80%, #ffde45d4 84%, #cd9c08d1 ) !important;
}

.gold{
color: #606060 !important;
height: 10px;
display: block;
width: 100%;
}

.gold-text{
  
    color: #333!important;
    font-weight: bold;
}

.silver{
    height: 10px;
display: block;
width: 100%;
}

.silver-text{
    font-weight: bold;
transition:all .5s ease;
color:#333!important;
}

.silver-text:hover{
background:linear-gradient( -72deg, #b7b4b4, #fff 16%, #a8a7a7 21%, #9d9a9a 24%, #8c8a8a 27%, #a6a3a3 36%, #b3b0b0 45%, #fff 60%, #b3b2b2 72%, #fff 80%, #a4a4a4 84%, #d5d5d5 ) !important;
}

.silver, .silver-text{
    background: linear-gradient( -72deg, #dedede, #ffffff 16%, #c4c4c4 21%, #bababa 24%, #bababa 27%, #dedede 36%, #f1f1f1 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #bababa )!important;
}

.gold-text:hover{
background:linear-gradient( -72deg, #e8ca3eed, #c6a220cc 16%, #bf9d1fd6 21%, #deda158c 24%, #fecf41d1 27%, #ffde45cc 36%, #e7bf28db 45%, #c6c060e8 60%, #d7bb3ac9 72%, #c8a522e6 80%, #d9bd3bd4 84%, #ae8508d1 ) !important;
}

.special-text:hover{
background: rgb(17, 109, 183) !important;
}

.special{
    background: rgb(23, 128, 212);
    height: 10px;
display: block;
width: 100%;
}

.special-text{
    background: rgb(23, 128, 212)!important;
    color: #fff!important;
    font-weight: bold;

}

.gold-text, .silver-text, .special-text{
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
transition:all .6s ease;
}


.highlights.gold {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    top: -25px;
    text-transform: uppercase;
}

/*END PRICING TABLES*/


.cont-but-red{
display: flex;
text-align: center;
height: 100px;
justify-content: center;
align-items: center;
padding: 10px;
}

.contact-element{
text-align:center;
}

/*FAQ PAGE TOGGLER*/
.faqs {
    max-width: 900px;
    margin: 0 auto;
    background: #80808008;
    padding: 20px;
}

.faqs ul{
    list-style-type: none;
display: block;
margin: 0;
padding: 0;
}



.faqs ul li{
    display: flex;
    align-items: center;
}



#appuntamenti-cartomanzia-speciali,
#chiamata-cartomanzia-carta-di-credito,
#chiamata-cartomanzia-899,
    #minuti-cartomanzia-prepagato,#ricarica-cartomanzia-minuti,
    #open3{
       overflow: hidden;
       width: 100%;
       height: 0;
  
       transition: all .5s ease-in-out;
    }

    .text-of1 {
    margin-bottom: 12px;
    display: block;
}

   
    #appuntamenti-cartomanzia-speciali:target,
    #chiamata-cartomanzia-carta-di-credito:target,
    #chiamata-cartomanzia-899:target,
    #minuti-cartomanzia-prepagato:target,
    #ricarica-cartomanzia-minuti:target{
        height:80px;
    }
/*END FAQ PAGE TOGGLER*/

#commentform p.form-submit {
    margin-bottom: 40px;
}


/*New Operator Boxes */

.widicon{
font-size:16px;
}

.operators-wrapper {
    max-width: 100%;
    /*border: 1px solid #e0be04;*/
    margin: 10px 0;
}

.operators-wrapper.wid-busy {
    border: 2px solid red;
border-radius: 5px;
}

.operator {
    display: grid;
grid-template-columns: 18% 64% 18%;
align-items: center;
width: 100%;
justify-content: center;
box-sizing: border-box;
box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
gap: 1px;
border-radius: 3px;
}
.operator.black {
    background: black;
}
.operator.black a {
    color:#fff;
}
.operator a {
    color: #e0be04;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
  align-items: center;
}


.operator-image-container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.operator-image-container img{
   max-width: 40px;
   max-height: 40px;
   border-radius: 50%;
}

.operator-text-container h3 {
    font-size: 16px!important;
    margin: 0;
    padding: 8px 0 0 0;
}

.operator-text-container {
    display: block;
    padding-right: 16px;
}

.operator-text-container p {
font-size: 10px !important;
line-height: 10px !important;
margin-bottom: 4px;
}


.operator-working-hours {
    display: flex;
    align-items: center;
    height: 30px;
flex-direction:column;
justify-content:center;
}

.operator-cta-button {
    text-align: center;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.operator-cta-button.wid-call-online{
background: #c1c1c1;
}

.operator-cta-button.wid-call-now{
background: #21c752;
}

.operator-cta-button.wid-call-offline{
background: #c1c1c1;
}

.operator-cta-button.wid-call-busy{
background: red;
}

.operator-cta-button.wid-call-break{
background: #e0be04;
}

.operator-cta-button.wid-call-waiting{
background: #c1c1c1;
}

.operator-cta-button.wid-call-timelimit{
background: #c1c1c1;
}

.operator-cta-button.gold a,
.operator-cta-button.silver a{
color:black;
}

.operator-cta-button a {
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
}



.operator-cta-button a:hover > .operator-cta-button{
background:white!important;
}

.w-black-bg{
color:#e0be04!important;
}

  /*FORM*/

    .main-form {
box-sizing:border-box;
        display: flex;
max-width: 100%;
width: 100%;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
padding: 10px;
background: #f0f0f082;
box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
border-radius: 4px;

}

.main-form input, .main-form textarea {
    width: 99%;
    display: block;
    margin: 5px auto;
    min-height: 2em;
    padding: 10px;
    border-radius: 4px;
    border: .5px solid #e0be0440;
    background: white;
    font-size: 16px;
    font-weight: 500;
    font-family: sans-serif;
    max-width: 99%;
box-sizing: border-box;
}

.main-form input:focus, .main-form textarea:focus{
background: white;
color: #e0be04;
outline: 0;
} 

input#nome,
input#email{
    max-width: 100%;
}



.flexxer {
    display: block;
    width: 99%;
    padding: 0;
    margin: 0;
gap: 15px;
}

@media(min-width:768px){
    .flexxer{
        display: flex;
        justify-content: space-between;
    }
    input#nome,
input#email{
    max-width: 49%;
}
}

#sendButtonId {
display:block;
width:150px;
text-align:center;
    background: #e0be04 !important;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    text-transform: uppercase;
    color:#fff;
    max-width:100%!important;
    margin: 1em 0 !important;
    cursor: pointer;
}

@media(min-width:768px){
    input[type="submit"] {
   
   
   
   
    max-width: 200px!important;
    margin: 1em 0 !important;
    position: relative;
right: 1em;
}
}

input[type="checkbox"]{
    max-width: 37px!important;
    max-height: 50px!important;
    margin: 0 !important;
}
.gdpr {
    display: flex;
    width: 100%;
    align-items: center;
    height: auto;
}
.captcha {
    display: block;
    width: 100%;
}

label.captcha {
    display: flex;
    min-height: 2em;
    align-items: center;
    justify-content: center;
}

@media(min-width:768px){
    label.captcha{
        justify-content: unset;
    }
}

input#captcha{

    margin:5px 0;
}

span.operation{
    font-weight: bold;
    text-transform: uppercase;
}

.contactbutton {
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 0 10px;
}

/*TarotReaders - CONTENUTO ESTERNO AGGIUNGERE STILE PRIMA*/



.tarot-reader-day{
    max-width: 540px;
    width: 100%;
    padding: 0px;
    margin-top: 20px;
    margin-right: 20px;
    display: inline-block;
}

.tarot-reader-stats{
    max-width: 200px;
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    display: inline-block;
}

.day-container {
    display: block;
    height: 100%;
    padding: 14px;
    text-align: center;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    background: transparent;
    font-size: 0.85em;
        transition: 0.6s;
}

.day-container:hover{
    background: #e0be045e;
}

.day-container-gold {
    display: block;
    padding: 14px;
    text-align: center;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    background: transparent;
    font-size: 0.85em;
    color:#fff;
        transition: 0.6s;
}

.day-container-gold:hover{
    background: #e0be04;
}

.day-container-gold h4 {
    margin-bottom: 4px;
        transition: 0.6s;
}


.day-container-gold:hover h4 {
    color: #000;
    margin-bottom: 4px;
}

.button-text{
    font-family: "Playfair Display";
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: none;
    font-size: 18px;
}


.mmenu-toggle {
    color:#fff;
}		

.opacity03 {
opacity: 0.3;
}

.opacity05 {
opacity: 0.5;
}

.opacity08 {
opacity: 0.8;
}		

/* RESERVATIONS */

.reserve {
color: #fff;
font-family: 'Playfair Display';
font-size: 1em;
background-color:#ff9300;
font-weight: 400;
border-radius: 10px;
padding: 10px 3px;
text-align: center;
width: 260px;
border: solid #999;
border-width: 1px;
margin: 8px 8px 8px 8px;
}

.reserve:hover{
    background:#ea5959;
    color:#fff;
}

.reservelock {
color: #fff;
font-family: 'Playfair Display';
background-color:red;
font-size: 1em;
font-weight: 400;
border-radius: 10px;
padding: 10px 3px;
text-align: center;
width: 260px;
border: solid red;
border-width: 1px;
margin: 8px 8px 8px 8px;
}

.reservelock:hover{
    background: red;
}

.reservecomplete {
color: #999;
font-family: 'Playfair Display';
font-size: 1em;
font-weight: 400;
border-radius: 10px;
padding: 10px 3px;
text-align: center;
width: 260px;
border: solid #999;
border-width: 1px;
margin: 8px 8px 8px 8px;
background: #e6e6e6;
}

.reservecomplete:hover{
    background: #c8c8c8;
    color:#999;
}
.reservecomplete, .reservelock, .reserve{
     display:inline-flex;
 }

.datestatus {
    width: 38px;
}

.date-text {
    text-align: center;
}

@media(max-width:768px){
.reservecomplete, .reservelock, .reserve{
     display:block;
margin:8px auto;
 }
.date-text {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.datestatus{
width:100%;
text-align:center;
display:block;
}
}
/* GOLD TAROT READERS */

.col-tarot-reader-gold-busy,
.col-tarot-reader-gold-offline,
.col-tarot-reader-gold-online,
.col-tarot-reader-gold-timelimit,
.col-tarot-reader-gold-break,
.col-tarot-reader-gold-waiting{
   float: left;
   width: 31%;
   box-sizing: border-box;
   padding: 40px 10px 10px 10px;
   height: auto;
   text-align: center;
   margin-bottom: 50px;
   margin-top: 20px;
   margin-right: 1%;
   margin-left: 1%;
   border-radius: 20px;
	min-width: 316px;
   
}

.col-tarot-reader-gold-busy{
    border: solid red;
    border-width: 4.6px 0px 0px 0px;

}

.col-tarot-reader-gold-offline{
    border: solid #d6d6d6;
    border-width: 4.6px 0px 0px 0px;

}

.col-tarot-reader-gold-online{
    border: solid #e0be04;
    border-width: 4.6px 0px 0px 0px;

}

.col-tarot-reader-gold-timelimit{
    border: solid #00802b;
    border-width: 4.6px 0px 0px 0px;

}

.col-tarot-reader-gold-break{
    border: solid yellow;
    border-width: 4.6px 0px 0px 0px;
}

.col-tarot-reader-gold-waiting{
    border: solid #ff7800;
    border-width: 4.6px 0px 0px 0px;

}

.busy-ball-gold,
.online-ball-gold,
.break-ball-gold,
.timelimit-ball-gold,
.waiting-ball-gold,
.offline-ball-gold {
    position: absolute;
    left: 35px;
    top: -60px;
    z-index: 98;
    font-weight: bold;
    border-radius: 10px;
    height: 24px;
    font-size: 12px;
    width: 120px;
    color: #fff;
    border: 2px #e0be04 solid;
      background-color:#999;
padding: 8px 2px 0px 2px;
display: flex;
justify-content: center;
align-items: center;
    }

    .busy-ball-gold{
        border: 2px #e0be04 solid;
        background-color:red;
    }

    .online-ball-gold{
        border: 2px #e0be04 solid;
        background-color: #21c752;
    }
    .break-ball-gold{
        color: #757575;
        border: 2px #e0be04 solid;
          background-color:yellow;
    }

    .timelimit-ball-gold{
        border: 2px #e0be04 solid;
        background-color:#00802b;
    }

    .waiting-ball-gold{
        border: 2px #e0be04 solid;
        background-color:#ff7800;
    }

    .offline-ball-gold {
        border: 2px #e0be04 solid;
        background: linear-gradient(to bottom, #6a6969, #d9d8d8);
        }


.img-container-gold {
width: 182px;
height: 182px;
  border-style: none;
  border-width: 0px;
  padding:0px;
  position: relative;
  margin: 36px auto 12px auto;
}

.wid-img-container-gold {
width: 48px;
height: 48px;
  border-style: none;
  border-width: 0px;
  padding:0px;
  position: relative;
}

#gold-tarot-readers .row {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.tarot-reader-gold-code {
margin: 0;
height: 67px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
position: relative;
top: -24px;
}


.tarot-reader-gold-code .busy {
    color: #fff;
    background: red; 
}

.tarot-reader-gold-code .offline { 
    color: #fff;
    background: #d6d6d6;
}

.tarot-reader-gold-code .online {
    color: #fff;
    background: #21c752;
}

.tarot-reader-gold-code .break {
    color: #000;
    background: #ffff00;
}

.tarot-reader-gold-code .waiting {
    color: #fff;
    background: #ff7800;
}

.tarot-reader-gold-code .timelimit {
    color: #fff;
    background: #00802b;
}

.tarot-reader-gold-code .online,
.tarot-reader-gold-code .busy,
.tarot-reader-gold-code .waiting,
.tarot-reader-gold-code .timelimit,
.tarot-reader-gold-code .break,
.tarot-reader-gold-code .online,
.tarot-reader-gold-code .offline{
    font-weight: bold;
    height: 40px;
    width: 100px;
	display: flex;
justify-content: center;
align-items: center;
align-self: center;
}




.tarot-reader-title-gold,
.tarot-reader-name-gold{
    
    font-weight: bold;
    color: #e0be04;
}

.tarot-reader-name-gold {
    margin-top: 14px;
    margin-bottom: 18px;
}

.tarot-reader-title-gold {
    margin-top: 8px;
    margin-bottom: 4px;
}

.gold-presentation {
text-align: justify;
font-size: 0.9em;
height: auto;
line-height: 18px;
color: #d2d2d2;
}

@media(min-width:768px){
   
    .gold-presentation{
        min-height: 76px;
    }
}

.gold-presentation a {
   color: #f47708; 
}


.tarot-reader-gold-languages {
font-size: 0.9em;
text-align: right;
height: 20px;
font-weight: bold;
font-style: italic;
margin-bottom: 4px;
color: #e0be04;
display: flex;
justify-content: flex-end;
align-items: center;
}


.timetable-gold {
    font-size: 13px;
    text-align: left;
    color:#e0be04;
}

.img-gold-frame{
float: left;
position: absolute;
width: 338px;
left: -75px;
top: -62px;
z-index: 90;
}

.status-gold {
text-align: center;
font-weight: bold;
margin-bottom: 16px;
margin-top:10px;
}


.img-gold-busy,
.wid-img-gold-busy{
border-radius: 50%;
border-style: solid;
border-color: red;
}

.img-gold-busy{
    border-width: 5px;
    box-shadow: 0px 0px 22px 22px #F00;
    }
    

.wid-img-gold-busy{
border-width: 2px;

}

.img-gold-break{
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: yellow;
box-shadow: 0px 0px 22px 22px yellow;
}

.wid-img-gold-break{
border-radius: 50%;
border-style: solid;
border-width: 2px;
border-color: yellow;
}

.img-gold-online{
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: #21c752;
box-shadow: 0px 0px 22px 22px #21c752;
}

.wid-img-gold-online{
border-radius: 50%;
border-style: solid;
border-width: 2px;
border-color: #21c752;
}

.img-gold-timelimit{
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: #00802b;
box-shadow: 0px 0px 22px 22px #00802b;
}

.wid-img-gold-timelimit{
border-radius: 50%;
border-style: solid;
border-width: 2px;
border-color: #00802b;
}

.img-gold-waiting{
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: #ff7800;
box-shadow: 0px 0px 22px 22px #ff7800;
}

.wid-img-gold-waiting{
border-radius: 50%;
border-style: solid;
border-width: 2px;
border-color: #ff7800;
}

.img-gold-offline{
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: #999;
box-shadow: 0px 0px 22px 22px #999;
filter: brightness(50%) saturate(0);
}

.wid-img-gold-offline{
border-radius: 50%;
border-style: solid;
border-width: 2px;
border-color: #999;
filter: brightness(50%) saturate(0);
}


/* STAFF */

#staff-box .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}

.col-staff {
  max-width: 317px;
box-sizing: border-box;
padding: 10px;
min-height: 540px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto!important;
width: 100%;
  
}

.wid-col-staff {
  box-sizing: border-box;
  text-align: center;
}


 .staff-description {
    text-align: justify;
    font-size: 0.9em;
    height: 92px;
    line-height: 18px
}


.imgstaff-container{
   width:140px;
  border-style: none;
  border-width: 0px;
  padding:0px;
  position: relative;
  margin: 0 auto 10px auto;
}

.wid-imgstaff-container{
  border-style: none;
  border-width: 0px;
  padding:0px;
  position: relative;
width: 48px;
}

.img-staff {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
 border-color:#868686;
}

#staff-box h2, #staff-box h5{
    text-align: center;
}

.staff-busy-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#fff;
      background-color:red;
      border: 2px white solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
    }

.staff-img-busy {  
      border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  border-color:red;
}


.staff-online-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#fff;
      background-color:#21c752;
      border: 2px white solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
    }
    
.staff-img-online {   
border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  border-color:#21c752;
}

.staff-break-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#757575;
      background-color:#ffd840;
      border: 2px #fff solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
    }
    
.staff-img-break {   
border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  border-color:#ffd840;
}

.staff-offline-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#fff;
      background-color:#999;
      border: 2px white solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
 }
 
 .staff-img-offline {  
  border-radius: 50%;
  border: 3px solid #999;
  filter: brightness(50%) saturate(0);
  transition: 0.9s;
}

 .staff-img-offline:hover {  
  border: 3px solid #999;
  filter: brightness(100%) saturate(100%);
}

.staff-waiting-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#fff;
      background-color:#ff9300;
      border: 2px white solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
 }
 
 .staff-img-waiting {  
border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  border-color:#ff9300;
}

.staff-tlimit-ball {
    position: absolute;
    left: 110px;
    top: 80px;
    z-index: 98;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100%;
    height: 44px;
    font-size: 10px;
    width: 44px;
      color:#fff;
      background-color:#ff9300;
      border: 2px white solid;
padding: 2px 2px 2px 2px;
display: flex;
justify-content: center;
align-items: center;
 }
 
 .staff-img-tlimit {    
border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  border-color:#ff9300;
}
 
 .buttonlink {
    background: #452774;
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 20px;
    font-weight: 700;
    border-radius: 25px;
    padding: 10px 20px;
    display: block;
    text-align: center;
   margin: 10px 0px 10px 0px;
    width: 200px;
}
 
 .buttonlink:hover {
color:#fff;     
 } 
 
 /* TAROT READER SILVER */


.col-tarot-reader-silver-busy {
   float: left;
   width: 32%;
box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), red);
border-radius: 20px;
border: solid red;
border-width: 1.6px 0px 0px 0px;
}



.col-tarot-reader-silver-offline {
   float: left;
   width: 32%;
   box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), #d6d6d6);
   border-radius: 20px;
border: solid #d6d6d6;
border-width: 1.6px 0px 0px 0px;
}

.col-tarot-reader-silver-online {
   float: left;
   width: 32%;
   box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), #d6d6d6);
   border-radius: 20px;
border: solid #21c752;
border-width: 1.6px 0px 0px 0px;
position: relative;
}



.col-tarot-reader-silver-timelimit{
   float: left;
   width: 32%;
   box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), #d6d6d6);
   border-radius: 20px;
border: solid #00802b;
border-width: 1.6px 0px 0px 0px;
}



.col-tarot-reader-silver-break{
   float: left;
   width: 32%;
   box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), #d6d6d6);
   border-radius: 20px;
border: solid yellow;
border-width: 1.6px 0px 0px 0px;
}



.col-tarot-reader-silver-waiting{
   float: left;
   width: 32%;
   box-sizing: border-box;
   padding: 20px;
height: auto;
text-align: center;
margin-bottom: 12px;
margin-top: 20px;
margin-right: 4px;
margin-left: 6px;
background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(0deg, rgba(0,0,0,0),rgba(0,0,0,0), #d6d6d6);
   border-radius: 20px;
border: solid #ff7800;
border-width: 1.6px 0px 0px 0px;
}

@media(min-width:768px){
    .col-tarot-reader-silver-waiting,
    .col-tarot-reader-silver-break,
    .col-tarot-reader-silver-timelimit,
    .col-tarot-reader-silver-online,
    .col-tarot-reader-silver-offline,
    .col-tarot-reader-silver-busy{
        height: 620px;
    }
}

.listen{
    position: absolute;
    top: -24px;
    z-index: 98;
    padding: 0px 5px 5px 5px;
    font-weight: bold;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    color: #6b6b6b;
    border: 2px solid #757575;
    background-color: #dedede;
    left: 190px;
    font-size: 22px;
    padding: 4px;
    
}

@media(min-width:768px){
    .listen{
        left: 221px;
    }
}

.listen-staff{
    position: absolute;
z-index: 98;
font-weight: bold;
border-radius: 50%;
width: 23px;
height: 23px;
color: #e0be04;
border: 2px solid #e0be04;
background-color: #e1e1e1;
font-size: 18px;
padding: 0px;
right: -13px;
top: 166px;
display: flex;
align-items: center;
justify-content: center;
}

.voice-staff{
    position: absolute;
    top: 22px;
    z-index: 98;
    font-size: 10px;
    font-weight: bold;
    color: #aaa;
    left: 124px;
    width: 90px;
}

.voice{
    position: absolute;
    top: 23px;
    z-index: 98;
    font-size: 10px;
    font-weight: bold;
    color: #6b6b6b;
    left: 167px;
    width: 90px;
}

@media(min-width:768px){
    .voice{
        left: 198px;

    }
}

.listen-gold{
    position: absolute;
    top: -60px;
    z-index: 98;
    padding: 0px 5px 5px 5px;
    font-weight: bold;
    border-radius: 50%;
    width: 28px;
    height: 28px;
color: #e0be04;
border: 2px solid #e0be04;
left: 193px;
   
    font-size: 20px;
    padding: 4px;
}

@media(min-width:768px){
    .listen-gold{
        left: 212px!important;
    }

    .voice-gold{
        left:188px!important;
    }
}

.voice-gold{
    position: absolute;
    top:-18px;
    z-index: 98;
    font-size: 10px;
    font-weight: bold;
    color: #e0be04;
    left: 168px;
    width: 90px;
}

.presentation {
text-align: justify;
font-size: 0.9em;
height: auto;
line-height: 18px
}


.tarot-reader-title {
height: auto;
font-weight: bold;
margin-top: -10px;
}

@media(min-width:768px){
    .presentation{
        height: 76px;
    }
    .tarot-reader-title{
        height: 20px;
    }
}

.tarot-reader-languages {
font-size: 0.9em;
text-align: right;
height: 16px;
font-weight: bold;
font-style: italic;
margin-bottom: 2px;
margin-top: 10px;
}

.status {
text-align: center;
font-weight: bold;
margin-bottom: 2px;
margin-top: 8px;
}

.status-break {
text-align: center;
font-weight: bold;
font-size: 14px;
text-shadow: 1px 1px 1px #000;
}


.timetable {
    font-size: 13px;
    text-align: left;
    color:#444444;
}

.right{
     float: right;
font-size:11px!important;
}

.gold-stars{
       float: left;
       position: absolute;
       width: 140px;
       left: -20px;
       top: -20px;
       z-index: 98;
}

.silver-stars{
       float: left;
       position: absolute;
       width: 110px;
       left: -18px;
       top: -18px;
       z-index: 98;
}

.new-reader{
float: left;
position: absolute;
left: 8px;
width: 50px;
top: -8px;
z-index: 98;
font-size: 0.7em;
font-weight: bold;
color: #fff;
background-color: #e0be04;
border-radius: 10px;
border: 2px solid white;
}

.busy-ball,
.online-ball,
.break-ball,.timelimit-ball,
.waiting-ball,
.offline-ball {
       position: absolute;
      left: 145px;
       top: 116px;
       z-index: 98;
       font-weight: bold;
      border-radius: 100%;
      height: 54px;
      font-size: 12px;
      width: 54px;
      color:#fff;
      border: 3px solid white;
        padding: 2px 2px 2px 2px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .busy-ball{
        color:#fff;
        background-color:red;
    }

    .online-ball{
        color:#fff;
        background-color:#21c752;
    }

    .break-ball{
        color:#757575;
        background-color:#ffd840;
    }

    .timelimit-ball{
        background-color:#00802b;

    }

    .waiting-ball {
        background-color:#ff7800;

    }

    .offline-ball{
      background-color:#999;

    }

    .wid-img-container,
.img-container{
  border-style: none;
  border-width: 0px;
  padding:0px;
  position: relative;
}

.img-container{
   width:190px;
    margin: 20px auto 20px auto;

}

.wid-img-container{
    width:48px;

}

.img-busy,
.wid-img-busy{
  border-radius: 50%;
  border-style: solid;

}

.wid-img-busy{
    border-width: 2px;
    border-color: red;
    box-shadow: 0px 0px 6px 2px #F00;

}

.img-busy{
    border-width: 3px;
    border-color:#fff;
    box-shadow: 0px 0px 22px 22px #F00;

}

.img-break,
.wid-img-break{
  border-radius: 50%;
  border-style: solid;
 
}

.img-break{
    border-width: 5px;
    border-color:#ffd840;
}

.wid-img-break{
    border-width: 3px;
    border-color:#e0be04;
}

.img-online,
.wid-img-online{
  border-radius: 50%;
  border-style: solid;
  border-color:#21c752;
}
.img-online{
    border-width: 5px;

}

.wid-img-online{
    border-width: 2px;
  box-shadow: 0px 0px 4px 1px #21c752;


}


.img-timelimit,
.wid-img-timelimit{
  border-radius: 50%;
  border-style: solid;
 border-color:#00802b;
}

.wid-img-timelimit{
    border-width: 3px;

}

.img-timelimit{
    border-width: 5px;

}

.wid-img-waiting,
.img-waiting{
  border-radius: 50%;
  border-style: solid;
 border-color:#ff7800;
}
.img-waiting{
    border-width: 5px;
}
.wid-img-waiting{
 
  border-width: 3px;

}
.wid-img-offline,
.img-offline{
  border-radius: 50%;
  border-style: solid;
   -webkit-filter: grayscale(100%) brightness(50%);
    -moz-filter:    grayscale(100%) brightness(50%);
    -ms-filter:     grayscale(100%) brightness(50%);
    -o-filter:      grayscale(100%) brightness(50%);
    filter: gray; 
}

.wid-img-offline{
  border-width: 3px;
 border-color:#999;
}


.img-offline{
    border-width: 5px;
 border-color:#999;
}




.more,
.call-waiting,
.call-break,
.call-offline,
.call-timelimit,
.call-now,
.call-busy{

    font-family: 'Playfair Display';
    font-size: 20px;
    font-weight: 700;
    border-radius: 25px;
    padding: 10px 20px;
    display: block;
    text-align: center;
    width:200px;
    margin: 10px auto 10px auto;
    }

.call-now{
    background: #21c752;
   
}

.call-busy{
    background: red;
}

.call-timelimit{
    background: #00802b;
    
}

.more{
    background: #e6ba02;
    
    
    }

    
.call-break{
    background: #ffd840;
}

.call-now,
.call-busy,
.call-timelimit,
.more,
.call-waiting,
.call-now:hover,
.call-busy:hover,
.call-timelimit:hover,
.call-waiting:hover {
	color: #fff;
}

.gray-text,
.call-break,
.call-break:hover {
	color: #757575;
}

.call-waiting{
background: #ff7800;
}

.call-offline{
color: #999;
border: 1px solid #999;
}	

.red-text{
	color:#ff0000;
}

.yellow-text{
	color:#e0be04;
}

.orange-text{
	color:#ff9300;
}

.flex-revert{
	display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-flow: column-reverse;
}

@media(min-width:768px){
	.flex-revert{
	display: grid;
justify-content: unset;
align-items: unset;
flex-direction: unset;
flex-flow: unset;
}
}



/* Responsive layout - makes the four columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    
.col-staff,
.reserve,
.reservelock,
.reservecomplete,
.col-tarot-reader-gold,
.col-tarot-reader-gold-offline,
.col-tarot-reader-gold-online,
.col-tarot-reader-gold-busy,
.col-tarot-reader-gold-break,
.col-tarot-reader-gold-waiting,
.col-tarot-reader-gold-timelimit,
.col-tarot-reader-silver-online,
.col-tarot-reader-silver-busy,
.col-tarot-reader-silver-offline,
.col-tarot-reader-silver-break,
.col-tarot-reader-silver-timelimit,
.col-tarot-reader-silver-waiting {
    width: 100%;
box-sizing: border-box;
margin-left: 0;
  }
  
 .button-prepaid-wid,
 .button-899-wid,
 .button-creditcard-wid,
 .button-call-gold-wid {
    font-size: 1.6em; 
}

.checklabel,
.checklabelred,
.envelope .termslink{
 font-size: 0.8em; 
}

}