/* FONT LICENSE 2018 sE6N-HUh8-b3lm-fSPY */

	* { 
		box-sizing: border-box; 
	}
	
	@font-face {
   	font-family: quoteFont;
   	src: url('/root/if only.ttf');
	}	
	body {
		margin : 0px;
		background-color: white;
		font-size: 15px;
		font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
		color: #202020;
		scroll-behavior: smooth;
	}
	
	img {
		border-radius: 4px;	
	}
	
	.image_300 {
		width: 300px !important;
		margin-left : calc(50% - 150px);	
	}

	.image_360 {
		width: 360px !important;
		margin-left : calc(50% - 180px);	
	}

	.image_380 {
		width: 380px !important;
		margin-left : calc(50% - 190px);	
	}

	.image_400 {
		width: 400px !important;
		margin-left : calc(50% - 200px);	
	}

	.left {
		text-align: left !important;	
	}
	
	.center {
		text-align: center !important;
	}	
	
	.blue {
		color: #234172 !important;
	}

	h1 {
		font-size: 300%;
		font-weight: 500;	
		margin: 10px auto;	
	}

	h2 {
		font-size: 200%;
		font-weight: 400;	
		margin: 0 auto;
		line-height: 1.1em;
		padding: 0;
	}
	

	h3 {
		font-size: 140%;
		font-weight: 400;
		margin: 5px auto;	
		padding: 0 0 5px 0;
		text-align: left;
	}
	
	.review h3, .review h4 {
		padding: 5px 0 0 0;
		margin : 0px;
	}

	h4 {
		color: #3f5984;
		font-size: 110%;
		font-weight: 400;
		margin: 5px auto;	
	}
	
	.white {
		color: white;
	}

	.workshop {
		display: inline-block;
		float: right;
		color: gray;	
	}
		
	a, a:visited {
		color: #202020;
		text-decoration: none;
	}
	
	.link {
		color: #234172 !important;
		text-decoration: underline;
	}

	/* top bar, hides when scrolling */
	#top {
		position: relative;
		width: 100%;
	}
	
	/* logo on top bar */
	
	#top_img {
		display: block;
		float:	left;
		clear: both;
		margin: 10px;
		width : 340px;
	}

/* menu */

	.sticky_menu {
		position : fixed;
		top: 0px;	
	}

	@media screen and (max-width: 360px) {
		#login_banner {
			padding: 9px 2px 0px 25px;
			background-position : 2px 8px;
			background-size : 20px 20px;
		}
		#menu > ul {
			display: none;
			padding : 0 0 10px 0;
			margin: 0;
		}
		#menu > ul > #who_are {
			display: none;		
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: calc(-1em - 10px) 0 0 9em;
			width: 13em;
		}
		.menu_fixed {
			display : none;
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}				
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 5px;	
		}
		
		.duo ~ .duo, .tripple ~ .tripple, ., .two_third ~ .tripple, .tripple ~ . , .two_third {
			margin-bottom : 10px;	
		}
		#top_img {
			width : 180px;		
		}
		#footer > div {
			margin: 0 auto;		
		}
		#close {
			font-size : 400%;		
		}
		.stars_div {
			right: 15px;
			margin-top: calc(1em + 12px);		
			font-size: 1.5em;		
		}
		#twitter_div {
			display : none !important;
		}
		#contact_footer {
			display: initial;		
		}
	}
	
	@media screen and (min-width: 361px) and (max-width: 767px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menu > ul {
			display: none;
			padding : 0 0 10px 0;	
			margin: 0;
		}
		#menu > ul > #who_are { 
			display: none;
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: 0px; 			
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: calc(-1em - 15px) 0 0 9em;
			top: -500px;	
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.menu_fixed {
			display : none;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 10px;	
		}
		.duo ~ .duo, .tripple ~ .tripple, .tripple ~ .two_third, .two_third ~ .tripple {
			margin-bottom : 10px;		
		}
		#top_img {
			width : 215px;		
		}
		#footer > div {
			margin: 0 auto;		
		}
		#footer + div {
			display: none;		
		}
		#close {
			font-size : 400%;		
		}
		.stars_div {
			right: 15px;
			margin-top: calc(1em + 12px);		
			font-size: 1.5em;		
		}
		#twitter_div {
			display : none !important;
		}
		#contact_footer {
			display: initial;		
		}
	}
	
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;
			padding : 15px 0 10px 0;	
			margin: 0 auto;
		}
		#menu ul li {
			display : inline;
		}
		#menu > ul > #who_are { 
			display: none;			
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;
		}
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: 9.15em;
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 10px;	
		}
		.duo ~ .duo, .tripple ~ .tripple, .tripple ~ .two_third, .two_third ~ .tripple {
			margin-bottom : 10px;		
		}
		#footer .facebook {
			display: inline-block;
			margin: 15px auto;
		}
		#close {
			font-size : 500%;		
		}
		.stars_div {
			right: 25px;		
			font-size: 2em;		
		}
		#contact_footer {
			display: initial;		
		}

	}

	@media screen and (min-width : 1025px) and (max-width: 1170px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;	
			padding : 15px 0 10px 0;	
			margin: 0 auto;			
		}
		#menu ul li {
			display : inline;
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;	
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: 9.15em;
		}
		.container {
			width : 1024px;
			margin: 5px 0 5px calc(50% - 512px);
			padding: 5px 15px;	
		}
		.container_border {
			width: calc(1024px - 30px);
			margin: 5px 0 5px calc(50% - 496px);
		}

		.duo {
			width: calc(50%);
			margin: 30px 15px;
			padding: 15px;
		}
		.tripple {
			width: calc(33.33%);
			margin: 30px 15px;
			padding: 15px;
		}
		.two_third {
			width: calc(66.67%);
			margin: 30px 15px;
			padding: 15px;
		}
		#footer > div {
			margin: 10px;
			display: inline-block;
			height: calc(350px + 1em + 30px);
		}
		#contact_footer div {
			height: 300px;		
		}
		#close {
			font-size : 500%;		
		}
		.stars_div {
			right: 25px;		
			font-size: 2em;		
		}
		.break_1 {
   		padding-top : 1em;
   	}

   	.break_2 {
   		padding-top : 2em;
   	}
	}
		
	@media screen and (min-width: 1171px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;	
			padding : 15px 0 10px 0;
			margin: 0 auto;
		}
		#menu ul li {
			display : inline;
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: 9.15em;
		}
		
		.container {
			width: 1024px;
			margin: 5px 0 5px calc(50% - 512px);
			padding: 5px 15px;	
		}
		.container_border {
			width: calc(1024px - 30px);
			margin: 5px 0 5px calc(50% - 496px);
		}

		.duo {
			width: calc(50%);	
			margin: 30px 15px;
			padding: 15px;
		}
		.tripple {
			width: calc(33.33%);
			margin: 30px 15px;
			padding: 15px;
		}
		.two_third {
			width: calc(66.67%);	
			margin: 30px 15px;
			padding: 15px;
		}

		#footer > div {
			margin: 10px;
			display: inline-block;
			height: calc(350px + 1em + 30px);
		}
		#contact_footer div {
			height: 300px;		
		}
		#close {
			font-size : 500%;		
		}		
		#stars {
			right: 25px;
			right: 25px;
			font-size: 2em;		
		}

		.break_1 {
   		padding-top : 1em;
   	}

   	.break_2 {
   		padding-top : 2em;
   	}

	}
	
	.mail {
		margin : 0 !important;
		display: inline !important;	
	}

	.mail:before {
		content: "@";	
	}
	
	.mail:after {
		content: ".";	
	}

	#social_media {
		position: fixed;
		z-index: 2;
	}
	
	#social_media div {
		display: block;
		float: left;
		clear: both;
		padding : 5px 5px 4px 5px;
		background-color: white;
		border-right: 1px solid #E0E0E0;
	}

	#social_media div:first-child {
		border-top-right-radius: 4px;
		border-top: 1px solid #E0E0E0;
	}	
	
	#social_media div:last-child {
		border-bottom-right-radius: 4px;	
		border-bottom:  1px solid #E0E0E0;
		padding-bottom : 5px;
	}	

	#social_media img {
		opacity: 1;
		display: block;	
		width: 32px;
		height : 32px;	
	}
		
	#social_media img:hover {
		opacity: .6;
	}
	
	#menu {
		position: sticky;
		display: table;
		z-index: 3;
		width : 100%;
		border-bottom : 2px solid #F0F0F0;
		background-color: white;
		top: -4px;
	}
	
	#menuButton {
		padding : 10px 0 10px 10px;
		border-bottom : 1px solid #F0F0F0;
	}

	#menu > ul { /* ul waarvan de parent .menu is */
		list-style: none;
	}
	
	#menu > ul > li { /* li waarvan de parent ul is en daar de parent #menu is */
		padding : 10px 8px;	
		transition: background .5s ease-out .1s;
		margin: 0 1px;
	}
	
	.menu li:hover, .hover {
		background: #F0F0F0;	
		border-radius : 4px;
	}
			
	.current {
		background-color : #D0D0D0;
		border-radius : 4px;
	}
	
	#menu a img { /* drop down image */
		margin: 2px 0px 1px 2px;
	}
	
	/* drop down menu */	
	li > ul { /* alle ul waarvan de parent een li is */
		position : absolute;
		background-color: white;
		z-index : 2;
		opacity : 0;	
		border: 1px solid #91a0b9;
		border-radius: 4px;
		list-style: none;
		padding : 0px;
		transition: background .5s ease .1s;
		transition: height .5s ease .1s;
	}
	
	a ~ ul li { /* alle li dit na een ul na a komen */ 
		padding : 10px;
		display: block !important;
		transition: background .5s ease-out .1s;
	}
	
	li {
		cursor: pointer;
	}
	
/* content */
	#content {
	position: relative;
	width: 100%;
	z-index: 1;
	}
	
	#img_bar {
		position: relative;
		width: 100%;
		overflow: hidden;
		margin-bottom : 10px;
	}
	
	#img_bar h1 {
		position	: absolute;
		bottom: 0px;
		color: white;
		padding: 10px;
		width: 100%;
		text-align: center;
		background-color: rgba(0,0,0,.5);
		margin: 0 auto;
	}

	#image_container {
		position: relative;
	}	
	
	#image_container img {
		border-radius: 0px !important;
	}
	
	[id^='img_'], #img_3 img {
		width: 100%;
		position: absolute;
		top: 0px;
		height: 420px;
		object-fit : cover;
		opacity: 1;
		transition: opacity 1.5s linear 0s;
	}
	
	#login_container {
		font-size: 100%;
		width : calc(20em + 30px);
		position: absolute;
		top : 20px;
		padding: 15px;
		left : calc(50% - 10em - 15px);
		background-color: rgba(255,255,255,0.95);
		text-align: center;
		border: 1px solid #F0F0F0;
		border-radius: 4px;
		opacity: 0;
		transition: opacity .5s linear 0s;
		z-index: 5;
		display : none;
	}
		
	#password {
		display: block;
	}
	#eye {
		position: absolute;		
		opacity: 0;
		transition-duration: .5s;
		margin-top : 7px;
		right: 24px;
		cursor: text;	
		z-index : 1;
	}

	#device {
		position: absolute;		
		width : 24px;
		transition-duration: .5s;
		margin-top : 7px;
		right: 19px;
		cursor: pointer;
		display : none;	
	}

	input, textarea {
		background-color: #fff;
		color: #555;
		height: 2.5em;
		width : 20em;
		line-height: 1.43;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	   border: 1px solid #c6c6c6;
      border-radius: 4px;
      display: block;
      font-size: inherit;
	}
	
	input:focus, textarea:focus {
   	 outline: 0 none; 
   	 border: 1px solid #7688a7;
   	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(35, 65, 114, 0.6);	 
	}

   input.placeholder::placeholder {
   	color : red;
   }
   
   input.placeholder::-ms-input-placeholder  {
   	color: red;
	}

	.required {
   	 outline: 0 none; 
   	 border: 1px solid rgba(242, 62, 37, 0.5);
   	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(242, 62, 37, 0.6);	 
	}

	#login_form .check_box {
		font-size : 90%;				
	}

	#login_form input {
		margin : 5px auto;
	}
	
	#login_banner {
		position: absolute;
		right : 10px;
		top :10px;	
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAIUSURBVEjHldPLb01RFMfxT+/1TprqoBVFkKhWJSX1mHkMEON6TURigj/AzEBCYsCUmYiBECOREI9oYyAh8UglVIJ4xKNFFOkt6tZdBlq92nPPvV17tH6/vb577XP2qlIqqm3WpgHvPXBVvwnELCf8FEXrp+Pqk7ZWJWgbnVeLD254i3k2qEefHW6UP32rvPBUu8w/LWOr50Jee7ny5QaEy6rHOTWuCDmt6YBbwj0zEr1p7gi3E689HJuFvMUl/WZ5YVNpwCnhTGqHZ4WTpe03wpZUwDbhdSlzkiGhKRXQIgzJjgqZIrNGFt9SAV+QNTMZ0C9QlwqoQ6H4kGLAL8+xMhWwGk8NJQPowI5UwHZ0pvFDWFPSXy9Eeo8XhVfJc2eW18KF1A41+Cg8tmic06hb6DVbmVjli5BzyJx/2lyH5YQ+K8qVwxIPhVDwyCWXPFIQQlfSI5uUAMjp0IoqSy0t0jt9H7957GhOd8B+U/HbXc98Qp1Gq2Qx6JgjfpRufqEuIXTbrfY/p9ZuT4YvsqBUeYuPQs6eMc9rJDL2ygm9mpPsOd4JL8pMY5MXwlsNY42sm8JL88v+o/leCTeLRxr2CXmry5ZDm0Fhz//fvkc4WFE5HBR6TB8Vdglf1VQMqNYn7BwVrgtHKy6HY8K1kWSyAWHthADrhAFT/iatQm4kqTAm6xeWkcVn1U67PyFAQY+Xzin8AUfOr6tBuIXGAAAAAElFTkSuQmCC');
		background-repeat: no-repeat;
		height: 40px;
		border-radius: 3px;
		transition: background .5s ease .1s;
	}
	
	#login_banner:hover {
		background-color: #F0F0F0;	
	}

	#login_form {
		display : block;	
	}
	
	#login_message {
		display : none;	
		padding-top: calc(50% - .5em);
	}
	
@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
	}

	#login_message span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    position: inherit;
    padding: 0px;
    color: black;
    background-color: transparent;
    font-size: 200%;
}

	#login_message span:nth-child(1) {
   	animation-delay: .2s;
	}

	#login_message span:nth-child(2) {
   	animation-delay: .4s;
	}

	#login_message span:nth-child(3) {
   	 animation-delay: .6s;
	}	
	
	#login_code {
		display : none;
	}
	#otp {
    padding: 5px 0;
    display : inline-block;	
	}

	#login_proceed {
		margin : 20px auto;	
	}

	.pin {
   	border-color: #AAAAAA #D4D4D4 #F1F1F1 #D5D5D5;
   	border-image: none;
   	border-radius: 2px;
   	border-style: solid;
   	border-width: 1px;
   	box-shadow: 0 1px 2px 0 #CCCCCC inset;
   	outline: 0 none;
   	display: inline-block;
   	font-size: 1.428em;
   	margin: 0 0px;
   	padding: 4px 0 0; 
   	text-align: center;
   	width: 28px;  
   	height : 28px;
	}

	.pin_ipad {
   	border-color: #AAAAAA #D4D4D4 #F1F1F1 #D5D5D5;
   	border-image: none;
   	border-radius: 2px;
   	border-style: solid;
   	border-width: 1px;
   	box-shadow: 0 1px 2px 0 #CCCCCC inset;
   	outline: 0 none;
   	display: inline-block;
   	font-size: 1.428em;
   	margin: 2px 6px 0 0;
   	padding: 0 0 0 4px; 
   	text-align: left;
   	width: 6em;  
   	height : 25px;
   	text-align: center;
	}	


	.pin:focus, .pin_ipad:focus {
		background-color : #FFFFB0;
	}

	.nocheck {
	  	background: transparent url(/images/checkbtn.gif) no-repeat;
  		background-position : 1px -23px;
  		padding-left : 20px;
  		padding-bottom : 2px;
  		cursor : default;
	}

	.checked {
  		background: transparent url(/images/checkbtn.gif) no-repeat;
  		background-position : 1px -101px;
  		padding-left : 20px;
  		cursor : default;
  		padding-bottom : 2px;
	}
	
	.nocheck:hover { 
		background-position : 1px -49px; 
	}

	.checked:hover { 
		background-position : 1px -127px; 
	}

	.button {
		background-color : #F0F0F0;	
  		border : 1px solid #D0D0D0;
  		border-radius : 2px;
  		cursor	: pointer;
 		display	: block;
  		color 	: #303030;  		
  		width : 10em;
		padding : .4em;
		border-radius : 4px;
		text-align: center !important;
		clear: left;
		margin-top : 20px;	
	}
	
	.button:hover {
		background-color : #D0D0D0;	
	}
	
	#login_button {
		margin: 20px auto 0 auto;	
	}
	
	/* block moet interactief op scherm resolutie */
	
	.full {
		position: relative;	
	}

	
  /* default container without border */	
	.container {
		display: block;
		float: left;
		clear: both;	
		text-align: center;	
		line-height: 1.6em;
	}
		
	/* default container with border */	
	.container_border {
		display: block;
		float: left;
		clear: both;	
		padding : 0px;
		border-radius: 4px;
		border: 1px solid #E0E0E0;
	}
	
	.container_parent {
		width: 100%;
		display: block;
		float: left;
		clear: both;	
		padding : 0px;
		border-radius: 4px;
		text-align: center;
	}
	
   /* default container for h2 only */	
	.container_parent_h2 {
		display: block;
		float: left;
		clear: both;	
		text-align: center;	
		line-height: 1.6em;
		margin: 15px auto 5px auto;
		width: 100%;
		padding: 0 calc(50% - 512px);
	}
	
	.container_parent_h2 h2 {
		padding : 20px 0;	
	}
		
	.dark {
		background-color: #E0E0E0;	
	}
	
	.yellow {
		background-color: yellow;	
	}
	
	.gray {
		color : gray !important;	
	}

	.single {
		padding: 15px;	
		text-align: justify;
	}

	.duo, .tripple, .two_third {
		display: block;
		float: left;
		border: 1px solid #E0E0E0;
		overflow: hidden;
		border-radius: 4px;
		line-height: 1.6em;
		text-align: justify;
	}
	
	.container_border .duo, .container_border .tripple, .container_border .two_third {
		border-width: 0px; 
		margin: 0px;
	}

	.duo img, .tripple img, .two_third img {
		object-fit: cover;
		width: 100%;	
	}
			
	.no-border {
			border : 1px solid white;
			margin : 0px;
	}

	.border-left {
			border-top-left-radius: 4px;
			border-top-right-radius: 0px;
			border-bottom-left-radius : 4px;
			border-bottom-right-radius: 0px;
			border-top : 1px solid #E0E0E0;
			border-left : 1px solid #E0E0E0;
			border-bottom : 1px solid #E0E0E0;
			border-right-width: 0px;			
	}

	.border-right {
			border-top-left-radius: 0px;
			border-top-right-radius: 4px;
			border-bottom-left-radius : 0px;
			border-bottom-right-radius: 4px;
			border-top : 1px solid #E0E0E0;
			border-left-width: 0px;
			border-right : 1px solid #E0E0E0;
			border-bottom : 1px solid #E0E0E0;			
	}

	.quote, .noquote {
		color: #234172;	
		text-align: center;
		font-family: quoteFont;
		font-size : 250%;
	}
	
	.tripple .noquote  {
		font-size : 170%;
		line-height: 1.05em;
	}

	.quote:before {
		content: "\201C";		
	}	

	.quote:after {
		content: "\201D";
	}	
	
	#content ul, .free { /* ul waarvan de parent .menu is */
		list-style: none;
		padding: 0px;		
	}
	
	.free li::before {
		content: "\2713\0020";
		color	: green;
		padding: 0 10px 0 5px;
		font-size: 120%;
	}
	
	.free li {
		padding : 0px;
		cursor : default;	
	}

	
	#content li span {
		display: block;
		margin : -1.65em 0 7px calc(1em + 10px);
		text-align: left;	
	}

	#footer h3 {
		padding: 0 0 10px 0;
		display: block;	
	}
	
	#footer > div {
		padding: 0;
		width: 306px;
		overflow: hidden;
	}
	
	.facebook  {
		height: calc(350px + 1em + 30px);
	}
	
	#footer iframe {
		display: block;
		width: 100%;
		height: 350px;
		border-radius : 4px;
	}
	
	#contact_footer div {
		background : white;
		border-radius : 6px;
		height: 350px;;	
	}

	.container textarea {
		height: 8em; 
		resize: none;
		width: 100%;
		margin : 5px auto;
	}
	.container input {
		height: 2.5em;
		width: 100%;	
		margin : 15px auto;
	}
	
	p {
		margin : 0px;
		color : #888;	
	}
	
	
/* recention */
	.review {
		text-align: left;
		border: 1px solid #E0E0E0;
		padding: 0 10px 10px 10px;
		margin: 10px auto;
		border-radius: 10px;
	}
	.review p:before {
		content: "'";		
	}	

	.review p:after {
		content: "'";
	}	
	
	.review p {
		margin: 0px;	
	}

	.stars_div {
		display:	block;
		float: right;
		top: 5px;
		margin-top : 8px;
	}

	.stars_none:before {
		margin: 0px;
		display: block;
		float: left;
		content: "\2605";
		color: #ddd;
	}

	.stars_full:before {
		margin: 0px;
		display: block;
		float: left;
		content: "\2605";
		color: #FFED85; 
	}
			
/* rating */	
	fieldset, label { 
		margin: 0; 
		padding: 0; 
	}

	.rating { 
  		border: none;
  		float: left;
  		display: inline-block;
  		margin-top: 10px;
	}

	.rating > input {
		display: none; 
	}
	 
	.rating > label:before { 
		margin: 0px;
		font-size: 2.5em;
		display: inline-block;
		content: "\2605";
	}

	.rating > label { 
  		color: #ddd; 
 		float: right; 
	}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


#imageBox 
{
  background-color: rgba(0, 0, 0, .8);
  display : none;
  clear : both;
  position : fixed;
  z-index : 99;
  width : 100%;
  height : 100%;
  opacity: 0;
  transition: opacity 0.5s; 
}

#imageContainer {
	position: absolute;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	width : 0px;
	height : 0px;
	left : 50%;
	top: 50%;
	overflow: hidden;	
}

#close {
	color: white;
	font-weight: 200;
	margin: -10px -10px 0 0;
	position: inherit;
	top: 10px;
	right: 10px;
	z-index: 2;
	cursor: pointer;
	transform: rotate(45deg);
	transform-origin: .4em .3em;
	font-size: 800%;
}

td {
	padding: 3px 10px 3px 0;
}

td:nth-child(even) {
	padding-right: 10px;
	text-align: right;
}

#ip {
	display  :block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	color : #606060;
	padding : 3px 0 3px 0;
}

.accountbtn {
	border-radius  : 5px;
	background : #234172;
	color : white;
	font-size : 22px;
	font-weight: 600;
	padding : 10px;
	margin : 5px auto;
	display: block;
	clear : both;
	text-align: center;
	max-width : 15em;
	cursor: pointer;
	transition: background .4s;
	
}

.accountbtn:hover {
	background : #1A61D4;	
}


#required {
	display : none;
	padding : 20px 0 0 20px;
}

#go2top {
	background : #F8F8F8;
	border : 1px solid #888;
	position : fixed;
	bottom : 20px;
	right : 30px;
	width : 100px;
	height : 43px;
	text-align: center;
	padding : 11px;
	transition: opacity 1.2s;
	opacity: 0;
	border-radius : 33px;
	cursor : pointer;
	display : none;
}

#go2top img {
	margin : 0 0 1px 1px;
}

.abo {
	width : 100%;
	border-radius : 3px;
	background-color: #EEE;
	margin : 10px 0px;
	padding : 10px;
}

.selected {
	border : 2px solid #1A61D4;
	padding : 8px;
}

#div_BASIC, #div_BEAUTY {
	display : none;
} 

.devider {
  border-top: solid 1px #CCC;
  padding: 5px;
}