@font-face {
    font-family: 'Dyuthi';
    src: url('fonts/Dyuthi__.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'GameOfSquids';
    src: url('fonts/Game_Of_Squids.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueR';
    src: url('fonts/BebasNeue-Regular.ttf');
    font-style: normal;
}
body {
  background: url('img/pont-avignon-lavande-cap.svg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 20px;
  font-family: 'BebasNeueR',arial,sans-serif;
  letter-spacing: 0.2em;
  color: #273582cc;
}
h1
{
      font-size: 4em;
    /* line-height: 18px; */
    /* font-family: 'Dyuthi',arial,sans-serif; */
    font-family: 'GameOfSquids',arial,sans-serif;
    /* line-height: 23px; */
    
}
legend {
color: #273582cc;
}
form {
  width: 100%;
}
.form-select
{
font-size: 18px;
}
.intl-tel-input {
  display: table-cell;
}

.intl-tel-input .selected-flag {
  z-index: 4;
}

.intl-tel-input .country-list {
  z-index: 5;
}

.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
.form-control 
{
font-family: 'BebasNeueR',arial,sans-serif;
font-size: 14px;
}
#soul_count
{
font-family: 'BebasNeueR',arial,sans-serif;
font-size: 16px;
}
#phone
{
font-family: 'BebasNeueR',arial,sans-serif;
font-size: 16px;
}
/*Form Validation Error Styles*/
.form-group.error label,
.form-group.error .error-message {
	color:  red;
}

.form-group.error .form-control {
	border: 1px solid red;
}
#spinner-div {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(215, 201, 218, 0.8);
  z-index: 2;
}
#overlay{	
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}