*
	{
		box-sizing: border-box;
		padding: 0;
		margin: 0;
	}

	body
	{
		background: radial-gradient(#BB0000, #5A0004);
		font-size: 16px;
		/*
		font-family: 'Oswald', sans-serif, Abel, arvo, open sans, verdana;*/
		font-family: 'Roboto', sans-serif, arial;
		font-weight: 400;
		line-height: 1.5;
		height: 100%;
	}
	
	
	/* ANCHOR LINKS */
	
	a
	{
		text-decoration: none;
		color: #fD6A02;
	}
	
	
	/* BUTTONS */
	
	button
	{
		background: #fD6A02;
		border: none;
		border-radius: 5px;
		padding: 15px 30px;
		font-size: 20px;
		color: white;
		cursor: pointer;
		margin: auto;
		margin-bottom: 60px;
		margin-top: 10px;
	}
	
	
	.program_button, .course_button
	{
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 5px auto;
	}
	
	.course_button
	{
		background: darkred;
		text-transform: uppercase;
	}
	
	.whatsapp_button
	{
		background: green;
		transition: 1s;
		
	}
	
	
	button:hover
	{
		background: darkred;
		transition: 1s;
		border: 1px solid #fD6A02;
	}
	
	.whatsapp_button:hover
	{
		background: #25D366;
		transition: 1s;
	}
	
	
	/* HEADING */
	
	.heading
	{
		color: #fD6A02;
	}
	
	
	h1,h2,h3,h4,h5,h6
	{
		line-height: 1.3;
		margin: 0 0 20px 0;
		color: black;
		opacity: 0.9;
	}
	
	h1
	{
		font-size: 45px;
	}
	
	h2
	{
		font-size: 40px;
	}
	
	h3
	{
		font-size: 30px;
	}
	
	h4
	{
		font-size: 25px;
	}
	
	h5
	{
		font-size: 20px;
	}
	
	h6
	{
		font-size: 16px;
	}
	
	
	
	
	/* IMAGES */
	
	img
	{
		width: 100%;
		display: block;
	}
	
	
	/* FORM INPUT */
	
	input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=tel], input[type=date]
	{
		border: 1px solid #e3e5e3;
		padding: 10px 20px;
		width: 100%;
		font-size: 14px;
	}
	
	textarea
	{
		border: none;
		padding: 5px 20px;
		width: 100%;
		font-size: 14px;
	}
	
	select
	{
		border: none;
		padding: 15px 20px;
		width: 100%;
		font-size: 14px;
	}
	
	input:focus, textarea:focus
	{
		border: 1px solid #fD6A02;
	}
	
	.form_input
	{
		margin: 10px 0;
		
	}
	
	.form_input2
	{
		border: 1px solid #e3e5e3;
		
	}
	
	.input_box
	{
		display: flex;
	}
	
	
	.input_box span
	{
		color: #616161;
	}
	
	
	/* PARAGRAPHS */
	
	p
	{
		font-size: 24px;
		line-height: 1.7;
		margin: 20px 0;
		color: #464646;
	}
	
	
	.pay_paragraph
	{
		font-size: 16px;
		line-height: 1;
	}
	
	
	/* UL AND LI */
	
	ul li
	{
		list-style: none;
	}
	
	
	
	/* ALERT */
	
	
	
	.success_message
	{
		max-width: 600px;
		padding: 10px;
		background: #DCF8C6;
		display: flex;
		align-items: center;
		color: forestgreen;
		border-radius: 5px;
		margin: auto;
		
	}
	
	.success_message span, .success_message i
	{
		display: inline-block;
		color: forestgreen;
		padding: 0 5px;
		
	}
	
	.success_message span
	{
		flex: 1;
	}
	
	
	
	.fail_message
	{
		max-width: 600px;
		padding: 10px;
		background: peachpuff;
		display: flex;
		align-items: center;
		color: forestgreen;
		border-radius: 5px;
		margin: auto;
	}
	
	.fail_message span, .fail_message i
	{
		display: inline-block;
		color: darkred;
		padding: 0 5px;
	}
	
	.fail_message span
	{
		flex: 1;
	}
	
	
	.close_message
	{
		cursor: pointer;
	}
	
	.close
	{
		cursor: pointer;
	}
	
	
	.message
	{
		display: none;
	}
	
	/*-------- VIDEO CONTAINER ----------*/
	
	.video
		{
			width: 100%;
			max-width: 900px;
			
		}

		.video_container
		{
			width: 100%;
			margin: auto;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
			border: 4px solid white;
			box-shadow: 0 0 5px gray;
			
		}
		
		.video_container iframe
		{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		
		
		#video_container
		{
			padding: 0px 20%;
		}
		
		
		/*-------- CONTAINERS ----------*/
		
		
		
	.mainContainer
	{
	   margin: auto;
	   padding:20px;
	   text-align: center;
	   border: 1px solid lavender;
	   border-radius: 30px;
	   box-shadow: 0px 0px 7px #7E7E7E;
	   background-color: white;
	   flex-basis: 600px;
	   max-height: 95vh;
	  
	}
	
	
	
	.content_container
	{
		max-height: 70vh;
		overflow: auto;
		padding: 0 20px 20px 20px;
		
	}
	
	
	
	.close_container
	{
		text-align: right;
	}
	
	
	
	.close_container i:hover
	{
		color: #fD6A02;
		transition: 1s;
	}
	
	
	
	.popup_content
	{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
	
	
	
	
	.container
	{
		width: 100%;
	}

	.navigation_container{
	   padding:2px;
	   text-align: center;
	   background-color: darkred;
	   } 
	   
   
   .table_container
	{
		width: 100%;
		min-height: 10px;
		overflow: scroll;
		
	}
   
  
   
	  .overlay
	  {
		  width: 100%;
		  height: 100%;
		  opacity: .8;
		  background-color: darkred;
		  position: absolute;
	  }
		
		
		.logo2
		{
			width: 100px;
			display: block;
			margin: auto;
		}
		
		
		
		.overlay_container
		{
			display: none;
			background: black;
			opacity: 0.7;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			z-index: 10;
		}
		
		
		.account_popup
		{
			display: none;
			z-index: 12;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			padding: 0 10px;
		}
		
		
		#column2
		{
			display: flex;
			background: white;
		}
		
		
		
		#column3
		{
			display: flex;
			background: #FAFAFA;
		}
		
		
		
		
		.row2
		{
			flex: 1;
			padding: 0 20px;
			text-align: left;
		}
		
		.row2 p
		{
			text-align: left;
		}
		
		
		.main_wrapper
		{
			margin: 20px 50px;
		}
		
		
		.main_book_container
		{
			padding: 20px 0;
			text-align: center;
			margin: auto;
			max-width: 500px;
		}
		
		.main_container
		{
			padding: 100px 12% 50px 12%;
			text-align: center;
		}
		
		
		.main_container h1
		{
			color: white;
		}
		
		.main_container2
		{
			padding: 20px 0;
			text-align: center;
			margin: auto;
			max-width: 600px;
		}
		
		
		.main_container2 h5, .main_container2 p
		{
			color: white;
		}
		
		
		
		.reg_popup
		{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background: white;
			z-index: 90;
			display: none;
		}
		
		
		
		.logo
		{
			max-width: 100px;
			display: block;
			margin: auto;
		}
		
		
		.book_logo
		{
			max-width: 300px;
			display: block;
			margin: auto;
		}
		
		
		.content_container
		{
			width: 100%;
			height: 100%;
			overflow: auto;
			padding: 50px 20px;
			
		}
		
		.content
		{
			max-width: 600px;
			margin: 0px auto 50px auto;
			padding: 50px 20px;
			background: white;
			box-shadow: 0 0 10px silver;
			border-radius: 10px;
			text-align: center;
			
		}
		
		
		.form_label
		{
			display: block;
			line-height: 1.2;
			font-size: 14px;
			text-align: left;
			margin: 10px 0 0 0;
		}
		
		hr
		{
			color: silver;
		}
		
		.training_img
		{
			display: block;
			max-width: 300px;
			margin: auto;
		}
		
		
		
		
		#button_container
		{
			padding: 10px 20% 0 20%;
			text-align: center;
		}
		
		.book_container img
		{
			max-width: 600px;
			display: block;
			margin: auto;
		}
		
		#book_container
		{
			background: white;
		}
		
		#book_container button
		{
			margin: 20px 0 0 0;
		}
		
		
		
		#headline_container
		{
			padding: 60px 20% 10px 20%;
		}
		
		#footer
		{
			background: darkred;
			padding: 20px 20% 40px 20%;
			color: silver;
			
		}
		
		
		.light_background
		{
			background: white;
		}
		
		
		.course_category
		{
			overflow: hidden;
			display: none;
			width: 90%;
			max-width: 600px;
			margin: auto;
			padding: 0 20px;
			position: relative;
			top: -10px;
			padding: 10px;
			box-shadow: 0 0 10px #e3e5e3;
			border-radius: 0  0 10px 10px;
			margin-bottom: 20px;
		}
		
		
		
		
	/*--------- Loader -----------*/
		
	.loading_container
	{
		position: fixed;
		z-index: 9999;
		background: white;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.dot_container
	{
		display: flex;
		justify-content: center;
	}
	
	.loading_dot
	{
		width: 15px;
		height: 15px;
		background: darkred;
		border-radius: 50%;
		margin: 5px;
	}
	
	
	.highlight
	{
		background: #fD6A02;
	}
	
	
	.loading_content img
	{
		width: 100px;
		display: block;
		text-align: center;
		margin: 20px auto;
		animation-name: logo_opacity;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}
	
	@keyframes logo_opacity
	{
	   0% {opacity: 1;}
	   20% {opacity: 0.8;}
	   40% {opacity: 1;}
	   60% {opacity: 0.8;}
	   80% {opacity: 1;}
	   100% {opacity: 0.8;}
	}
	
	
	#close_overlay
	{
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 2px;
		color: white;
		text-align: right;
		padding: 20px;
		cursor: pointer;
		transition: 0.8s;
		
	}
	
		
	
	/*----- MEDIA QUERIES  ---*/
	
		
	@media only screen and (max-width: 850px)
	{
		.main_container
		{
			padding: 30px 40px;
		}
		
		#video_container
		{
			padding: 0 20px;
		}
		
		#column2
		{
			flex-direction: column;
		}
		
		.row2
		{
			padding: 0 10px;
			text-align: center;
		}
		
		.row2 p
		{
			text-align: center;
		}
		
		#headline_container
		{
			padding: 30px 20px;
		}
		
	}
	
	@media only screen and (max-width: 600px)
	{
		.main_container
		{
			padding: 20px;
		}
		
		button
		{
			font-size: 16px;
		}
		
		#column3
		{
			flex-direction: column;
		}
		
		#column3 .row2:nth-child(2)
		{
			order: -1;
		}
		
		
		h1
		{
			font-size: 30px;
		}
		
		h2
		{
			font-size: 30px;
		}
		
		h3
		{
			font-size: 22px;
		}
		
		h4
		{
			font-size: 18px;
		}
		
		h5
		{
			font-size: 16px;
		}
		
		h6
		{
			font-size: 14px;
		}
		
		
		p
		{
			font-size: 18px;
		}
	
	
	}