@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);


@import url("https://fonts.googleapis.com/css?family=Raleway:100i,400");



html {
	display: table;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0; 
	clear: both;     
	border: 0px; 
	overflow-x: hidden;
      	scroll-behavior: smooth;  
	background-color: #17151d !important;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important;
	}

7878* {
  	11111font-family: 'Open Sans' !IMPORTANT;
  	line-height: 170%;
  	111color: #444;
  	box-sizing: border-box;
	}


* {
  	font-family: 'Open Sans' !IMPORTANT;
  	line-height: 170%;
  	color: #444;
  	box-sizing: border-box;
	}

body { 
  	color: #8f8f8f; color: #000000;
	background-color: #17151d;
	font-family: "Raleway";
  	font-weight: 300;
  	-webkit-font-smoothing: antialiased;
	display: table;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;  
	}
			
html, body {
	width: 100vw !important;
	overflow-x: hidden !important;
	}

a {
  	text-decoration: none;
	}




.container {
	display: table;
	width: 100%;  
	height: auto;
	margin: 0 !important;
	padding: 0;
	11box-sizing: border-box;  
	clear: both;     
	border: 0px; 
	}

.canvas-authorship-key-verse {
	display: table;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;  
	clear: both;     
	border: 0px; 
	}

.canvas {
	width: 100%;
	height: auto; 
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	;
	}

.authorship {
	width: 100%;
	height: auto;  
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.key-verse {
	width: 100%;
	height: auto;  
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.related-content {
	width: 100%;
	height: auto;  
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.comment-box {
	width: 100%;
	height: auto;  
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.the-best-way-to-see-the-Word {
	width: 100%;
	height: auto;  
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.the-Word-in-the-visual-art {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.weekly-pick {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.trending {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.game-section {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.trail {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.the-science-and-the-art-of-ethics {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.ethicpolis {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.ethics-galore {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.Nsim-purpose-and-description {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.main-categories-navigation {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}

.bottom-navigation {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;  
	clear: both;     
	border: 0px;
	}










/**WEEKLY PICK**/
.weekly-pick-display-body {
	width: 100%; 
	height: 100%; 
	6666666666666666666top: 0; 
	margin-top: 0px; 
	left: 0; 
	margin-left: 0px; 
	66666666666position: absolute;
	}
/** END OF WEEKLY PICK**/



#follow-our-trends {
	width: 100%; 
	111margin-top: 35px; 
	7777height: 70vh !important; 
	HEIGHT: 100VH !IMPORTANT; 
	float: left; 
	border: 0px;
	}

.trending-quick-display-body {
	width: 100%; 
	height: 100%; 
	top: 0; 
	margin-top: 0px; 
	left: 0; 
	margin-left: 0px; 
	111position: absolute;
	}
/**END OF WEEKLY PICK**/










/**GAME SECTION AND TITLE**/
.your-site-your-choice {
	margin-top: 3px; 
	float: left; 
	height: 12em; 
	height: auto; 
	border: 0px;
	}

#intro-game {
	MARGIN-TOP: 0PX; 
	width: 100%; 
	height: 55px;
	}

.learn-as-you-play {
	margin-top: 0;  
	margin-top: -5px; 
	padding-top: 0
	}

.game-container-place {
	width: 100%;
	height: 88vh !important;  
	margin-top: 0px; 
	float: left; 
	border: 0px
	}

#container-for-game {
	width: 100%; 
	height: 100%; 
	top: 0; 
	margin-top: 0px; 
	left: 0; 
	margin-left: 0px; 
	66666position: absolute;
	}
/** END OF GAME SECTION AND TITLE**/










/** TRAIL **/
.trail-center {
	margin-top: 35px; 
	width: 100%; 
	height: 88vh !important; 
	float: left; 
	padding-top: 0px;
	padding-bottom: 0px; 
	overflow: hidden; 
	border: 0px; 
	}
/** END OF TRAIL **/