/* custom body */
@font-face {
	font-family: 'dinpro-regular';
	src: url('../Assets/font/dinpro-regular.otf');
}
@font-face {
	font-family: 'dinpro-bold';	
	src: url('../Assets/font/dinpro-bold.otf');
}
@font-face {
	font-family: 'dinpro-medium';	
	src: url('../Assets/font/dinpro-medium.otf');
}
@font-face {
	font-family: 'dinpro-italic';	
	src: url('../Assets/font/dinpro-italic.otf');
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family: "dinpro-bold";

}
/* body {
	background:url("../Assets/bg-mobile.png")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
  
  
  
  
  }
   */
body {
      -webkit-transition: all .5s;
      -webkit-animation-name: myfading;
      -webkit-animation-duration: .8s;
}

@-webkit-keyframes myfading {
      from {
            opacity: 0;
            -webkit-transition: opacity;
      }
      to {
            opacity: 1;
      }
}
/* end of custom body */




.bg-transparent {
	background-color: rgba(11, 11, 11, 0.72);
	border: 0;
}

/* custom text */
b, strong {
    font-weight: bolder;
	font-family: "dinpro-bold";
}
.strong{
	font-family: "dinpro-bold";
	
}
.text{
	text-align: left !important;
}
h2{
	font-family: "dinpro-bold";
}
h1{
	font-family: "dinpro-bold";
    color: #D3AE05;
    text-transform:capitalize !important;
    text-decoration: none;
    background-image: linear-gradient(to right, #D3AE05,rgb(179, 147, 6));
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 50% 2px;
    transition: background-size .5s ease;
}
h1:hover {
    background-size: 100% 2px;
}
h4{
	font-family: "dinpro-bold";
    color: #D3AE05;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    transition: background-size .5s ease;
}
h4:hover {
    background-size: 100% 2px;
}
  
  
p{
	font-family: "dinpro-regular";
	color:#050505;
  }

  li {
	font-family: "dinpro-regular";
}
ul {
	font-family: "dinpro-regular";
    list-style-type: square;
}
/*end custom text */

/* unvisited link */
a:link {
	font-family: "dinpro-regular";
	color: white;
  }
  /* visited link */
  /* a:visited {
	color: green;
  } */
  
  /* mouse over link */
  a:hover {
	color:#D6B868 !important;
  }
  
  /* selected link */
  a:active {
	color:#D6B868;
  }



/* custom image  */
	.img-thumbnail {
		background-color: transparent !important; ;
		border: 0 !important; ;
		border-color: transparent !important; ;
		margin-bottom: 0px;


	}

	

/* end of custom image */

		/* custom button style */
	button{
		font-family: "dinpro-bold";

	}
	.btn {
		font-family: "dinpro-bold";
		background: #CCAD2D;
		border-color: #CCAD2D;
		border-color:#CCAD2D;


	}

	.btn:hover,
	.btn:focus,
	.btn:active,
	.btn.active,
	.open>.dropdown-toggle.btn {
		color: #997a31;
		background-color: #ffffff;
		border-color: #997a31;
	}

	.btn1{

		font-size: 1.2em;
line-height: 1.2em;  
	 
 }
 
		  
  .btn1 {
	 background:#CCAD2D;
margin-top:15px;
	  margin-bottom:15px;
   border: #CCAD2D;   
	 padding: 15px 45px;
	 text-align: center;
	  color: #181717;
	 transition: 0.5s;
	 background-size: 200% auto;
	 border-radius: 10px;
	 display: block;
   }

   .btn1:hover {
	   
	  background:#6b5c34;

	 background-position: right center; /* change the direction of the change here */
	 color: #fff;
   }
   .btn2{
color:#790007;

		font-size: 1.2em;
line-height: 1.2em;  
	 
 }
.btn2 {
	background-image: linear-gradient(to bottom, #F0F0F0,#9b9b9b);
	  margin-top:15px;
	  margin-bottom:15px;
	font-family: "dinpro-bold";

 border:  #D6B868;   
	 padding: 15px 45px;
	 text-align: center;
	  color: #202020;
	 transition: 0.5s;
	 font-weight: 600;
	 background-size: 200% auto;
	 color: rgb(19, 19, 19);            

	 border-radius: 10px;
	 display: block;
   }

   .btn2:hover {
	   
	  background:#806e3e;

	 background-position: right center; /* change the direction of the change here */
	 color: #fff;
	 text-decoration: none;
   }

   .btn3 {
	 background:#FF0000;
	  margin-top:15px;
	  margin-bottom:15px;

 border: #FF0000;   
	 padding: 15px 45px;
	 text-align: center;
	  color: #FFFFFF;
	 transition: 0.5s;
	 background-size: 200% auto;
	 color: white;            

	 border-radius: 10px;
	 display: block;
   }

   .btn3:hover {
	   
	  background:#8B0000;

	 background-position: right center; /* change the direction of the change here */
	 color: #fff;
	 text-decoration: none;
   }

   .btn_footer{

	font-size: 1.2em;
line-height: 1.2em;  
 	font-family: "dinpro-bold";

}

	  
.btn_footer {
background-image: linear-gradient(to bottom, #CCAD2D,rgb(109, 90, 8));
margin-top:15px;
  margin-bottom:15px;
border: #3700b3;   
 padding: 15px 30px;
	font-family: "dinpro-bold";

  color: #FFFFFF;
 transition: 0.5s;
 background-size: 200% auto;
 color: white;            
font-weight: 600;
 border-radius: 10px;

}

.btn_footer:hover {
   
  background:#6b5c34;

 background-position: right center; 
}
  /* end of button custom */

	  
  /* custom container */

  .containtr {
	  background: rgba(0,0,0,0);
	  border-radius: 15px;
  }


  /* end of custom container */
/** for partition password */
#partition {

letter-spacing: 42px;
border: 0;
background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 50px 1px;
background-repeat: repeat-x;
background-position-x: 35px;
width: 100%;

outline:none;
}

#divInner{
left: 0;
position: sticky;
}

#divOuter{
width: 100%; 
overflow: hidden;
}
/**end parrtition password */

/**custom input field */
.form-control{
border-radius: 10px;
height: 55px;
margin: 10px 0;
border: 2px solid lightgrey;
}

.form-group ::placeholder,
.form-group select{

left: 15px;
font-size: 18px;
font-weight: 400;
padding: 0 6px;
color: #a6a6a6;
}

.form-control .input{
position: relative;
height: 100%;
width: 100%;
outline: none;
color: #333;

padding: 0 40px 0 16px;
border: 2px solid lightgrey;
border-radius: 10px;
transition: all 0.3s ease;
}
.form-control i,
.form-control .label{

position: absolute;
top: 50%;
transform: translateY(-50%);
color: #a6a6a6;
transition: all 0.3s ease;

}




/**end ofcustom input field */

/** for password visibility */

.input-box{
position: relative;
height: 55px;
margin: 10px 0;
}
.input-box input{
position: relative;
height: 100%;
width: 100%;
outline: none;
color: #333;

padding: 0 40px 0 16px;
border: 2px solid lightgrey;
border-radius: 10px;
transition: all 0.3s ease;
}
/* border color */
.input-box input:focus,
.input-box input:valid{
border-color: #D6B868;
}
/* end of border color */
.input-box i,
.input-box label{
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #a6a6a6;
transition: all 0.3s ease;
}
.input-box label{
 border-radius: 10px;
left: 15px;
font-size: 18px;
font-weight: 400;
background: #fff;
padding: 0 6px;
pointer-events: none;
}
/* text color */
.input-box input:focus ~ label,
.input-box input:valid ~ label{
top: 0;
font-size: 14px;
color: #D6B868;
}
/* end of text color */
.input-box i{
right: 15px;
cursor: pointer;
padding: 8px;
}
.alert{
display: flex;
align-items: center;
margin-top: -13px;
}
.alert .error{
color: #D93025;
font-size: 18px;
display: none;
margin-right: 8px;
}
.text{
font-size: 18px;
font-weight: 400;
color: #a6a6a6;
}
.input-box.button input{
border: none;
font-size: 20px;
color: #fff;
letter-spacing: 1px;
background: #4070F4;
cursor: not-allowed;
}
.input-box.button input.active:hover{
background: #265df2;
cursor: pointer;
}



.error {
border-radius:10px;
padding:15px;
font-weight: 400;
background-color: #FF5630;
color: #FFEBE6;

align-items: center;
text-align: center;
}
.error ul {
margin:5px;
padding:0px;
font-weight: 400;
align-items: center;
text-align: center;
}
.success {
border-radius:10px;
padding:15px;
font-weight: 400;
text-align: center;
align-items: center;

background-color: #00875A;
color: #E3FCEF;

}


  
    
:root {
	--smaller: .40;
  }
  
  * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }
  /* general styling */
  
  .container {
	color: #333;
	margin: 0 auto;
	
  }
  
  h1 {
	font-weight: normal;
	letter-spacing: 0rem;
	text-transform: uppercase;
  }
  
  
  /* li {
	display: inline-block;
	font-size: 2.5em;
	list-style-type: none;
	padding: 10px;
	text-transform: uppercase;
	color:#FFFFFF;
  }
  
  li span {
	background:rgba(255, 255, 255, 0.45);
			  border-radius: 15px; margin-top:5px; margin-bottom:5px;
	padding:20px;
	display: block;
	font-size: 4.5rem;
  }
   */
  
  @media all and (max-width: 1920px) {
	h1 {
	  font-size: calc(1.5rem * var(--smaller));
	}
	
	li {
	  font-size: calc(0 * var(--smaller));
	}
	
	li span {
	  font-size: calc(3.375rem * var(--smaller));
	}
  }