/* myleafs style sheet */

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

html{
	
	overflow: hidden;
	
	min-height: 100%;
    height: 100%;
    max-height: 100%;
	
}

body{

	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-align: left;
	
	min-height: 100%;
    height: 100%;
    max-height: 100%;
	
	padding: 0px;
	margin: 0px;
	
	overflow: hidden;
	
	background: #fafafa;

}

	a{
		text-decoration: none;
	}

	div{

		/* Default Transition */
		-webkit-transition: all 0.3s; 
		transition: all 0.3s;

	}
	
	body .errors{
		
		/* Default Errors Style */
		color: #fff;
		font-size: 11px;
		text-align: left;
		
		background: #e74c3c;
		
		padding: 10px 15px 10px 15px;
		margin: 5px -5px 10px 0px;
		
	}
	
	body .success{
		
		/* Default Errors Style */
		color: #fff;
		font-size: 11px;
		text-align: left;
		
		background: #2ecc71;
		
		padding: 10px 15px 10px 15px;
		margin: 5px -5px 10px 0px;
		
	}

	body #create{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		overflow-y: scroll;
		
		background: rgba(0,0,0,0.7);
		z-index: 15;
	}

		body #create #outer-create{
			margin: auto;
			position: fixed;
			top: calc(50% - 200px);
			left: calc(50% - 250px);
			width: 500px;
			height: 275px;
		}

		body #create #outer-create2{
			margin: 100px auto;
			width: 500px;
			/*height: calc(100% - 300px);*/
		}

			body #create #outer-create2 #inner-create{
				
			}

				body #create #outer-create2 #inner-create #create-box{
					padding: 10px 0px;
					background: #fff;
					border-radius: 10px;
					height: 375px;	
				}

				
					body #create #outer-create2 #inner-create #create-box #create-top{
						font-size: 15px;
						color: #333333;
						font-weight: bold;
						text-align: center;

						padding: 6px 15px 10px 15px;
						border-bottom: 1px solid #e1e1e1;
					}

					body #create #outer-create2 #inner-create #create-box #create-middle{
						font-size: 14px;
						color: #333333;
						min-height: 170px;
						height: calc(100% - 145px);

						max-height: 470px;
						padding: 17px 15px 0px 15px;
						background: rgba(223,223,242, 0.3);
					}

						body #create #outer-create2 #inner-create #create-box #create-middle input{
							width: 100%;
							min-height: 28px;
							font-size: 14px;
							margin-bottom: 10px;
							border: 3px solid rgba(223,223,242, 0.8);
							outline: 0 none;
						}

						body #create #outer-create2 #inner-create #create-box #create-middle textarea{
							width: 100%;
							resize: none;
							border: 3px solid rgba(223,223,242, 0.8);
							min-height: 180px;
						}

						
						body #create #outer-create2 #inner-create #create-box #create-middle #input-options{
							padding: 0px 0px;
							display: none;

						}

							body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option{
								display: block;
								margin-bottom: 7px;
							}

								body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option select{
									width: 100%;
								}

								body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option .option-child{
									width: 100%;

									font-size: 12px;

									overflow: hidden;
								}

									body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option .option-child .check-name{
										float: left;
										height: 25px;
										margin-right: 5px;
									}

									body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option .option-child .check-box{
										float:right;
										height: 15px;
									}

										body #create #outer-create2 #inner-create #create-box #create-middle #input-options .option .option-child .check-box input{
											width: 10px;
											height: 10px;	
											vertical-align: -2px;
										}

					body #create #outer-create2 #inner-create #create-box #create-bottom{
						font-size: 14px;
						color: #333333;
						background: rgba(223,223,242, 0.3);
						border-bottom-right-radius: 10px;
						border-bottom-left-radius: 10px;
						padding: 0px 8px 15px 8px;
						min-height: 50px;
						overflow: hidden;
					}

						body #create #outer-create2 #inner-create #create-box #create-bottom .button{
							border: 1px solid rgba(0,0,0,0.05);
							background: rgba(41, 128, 185, 0.2);
							font-weight: bold;
							color: #fff;
							width: 100px;
							text-align: center;
							padding: 6px 4px;
							margin: 0px 10px 0px 0px;
							float: right;
						}

						body #create #outer-create2 #inner-create #create-box #create-bottom .on{
							background: rgba(41, 128, 185, 0.5);
							
							cursor: pointer;

						}

		body #create #outer-create #inner-create{
			
		}

			body #create #outer-create #inner-create #create-box{
				padding: 10px 0px;
				background: #fff;
				border-radius: 20px;
				height: 100%;	
			}

				body #create #outer-create #inner-create #create-box #create-top{
					font-size: 15px;
					color: #333333;
					font-weight: bold;
					text-align: center;

					padding: 6px 15px 10px 15px;
					border-bottom: 1px solid #e1e1e1;
				}

				body #create #outer-create #inner-create #create-box #create-middle{
					font-size: 14px;
					color: #333333;
					min-height: 170px;
					padding: 17px 15px 10px 15px;
					background: rgba(223,223,242, 0.3);
				}

				body #create #outer-create #inner-create #create-box #create-middle input{
					width: 100%;
					min-height: 28px;
					font-size: 14px;
					margin-bottom: 10px;
					border: 3px solid rgba(223,223,242, 0.77);
					outline: 0 none;
				}

				body #create #outer-create #inner-create #create-box #create-middle textarea{
					width: 100%;
					resize: none;
					border: 3px solid rgba(223,223,242, 0.77);
					min-height: 180px;
				}

				body #create #outer-create #inner-create #create-box #create-bottom{
					font-size: 14px;
					color: #333333;
					background: rgba(223,223,242, 0.3);
					padding: 10px 5px;
					min-height: 100px;
				}

				body #create #outer-create #inner-create #create-box #create-bottom #create-button{
					border: 1px solid #e1e1e1;
					background: #eee;
					color: #333333;
					width: 100px;
					text-align: center;
					padding: 6px 4px;
					margin: 0px auto;
				}

	
	body .sideBar{
	
		position: absolute;
		z-index: 5;
		
		right: 0;
		
		width: 0px;
		height: 100%;
		
		background: #eee;
		border-left: 1px solid #ccc;
		
		visibility: hidden;
		
		transition: width 0.3s, height 4s;
		
	}
	
		body .sideBar .inner-sideBar {
			
			padding: 5px 10px 10px 10px;
			
			border-bottom: 1px solid rgb(225, 225, 225);
			
		}
		
			body .sideBar .inner-sideBar a{
			
				text-decoration: none;
				
			}
		
			body .sideBar .inner-sideBar .location-item {
			
				font-size: 12px;
				font-weight: normal;
				color: rgba(0, 0, 0, 0.701961);
				
				cursor: pointer;
				padding: 5px 5px 5px 5px;
				margin: 5px 0px 0px 0px;
				background: transparent;
				
			}
			
				body .sideBar .inner-sideBar .location-item:hover {
					
					background: rgba(0, 0, 0, 0.2);
					
				}
				
			body .sideBar .inner-sideBar .sub-location-item {
				
				font-size: 12px;
				font-weight: normal;
				color: rgba(0, 0, 0, 0.701961);
				height: 0px;
			
				margin: 0px 0px 0px 0px;
				
				background: transparent;
				overflow: hidden;
				
			}
			
				body .sideBar .inner-sideBar .sub-location-item a{
					text-decoration: none;
					color: #333333;
				}
			
				body .sideBar .inner-sideBar .sub-location-item:hover {
					background: rgba(0, 0, 0, 0.2);
				}
			
				body .sideBar .inner-sideBar .sub-location-item .inner-sub-location {
					padding: 5px 5px 5px 25px;
				}
				
			body .sideBar .inner-sideBar .more-locations::after {
				content: " \00bb";
			}
			
		
	body .main{
		
		width: 100%;
		overflow-y: auto;
		
		min-height:100%;
		height: 100%;
		
	}

		body .main .topBar{
			
			width: 100%;
			height: 60px;
			background: transparent;
			position: relative;
			
			top:  0;
			z-index: 3;
			
		}
		
			body .main .topBar .social{
				font-size: 20px;
				font-weight: 300;
				
				margin: 0px auto;
				
				width: 100%;
				/*max-width: 938px;*/
				height: 36px;
				
				padding: 0px 0px 0px 0px;
				position: absolute;
				text-align:left;
				
				border-bottom: 1px solid #e1e1e1;
				
				background-color: #fff;
				color: #fff;
				
				
				top: 0;
				left:0;
				right: 0;
				bottom: 0;
				
				z-index: -1;
			}
			
				body .main .social .inner-social{
				
					max-width: 940px;
					margin: 0px auto;
					
				}
				
				
				body .main .topBar .social .inner-social .no-account-options{
					color: #333333;
					font-size: 14px;
					text-align:center;
					
					height: 36px;
					width: 100%;
					max-width: 150px;
					
					margin: 7px 0px;
					
					float: right;
				}
				
					body .main .topBar .social .inner-social .no-account-options .object{
						font-weight: 400;
						font-size: 10px;
						background-color: #fafafa;
						padding: 4px 5px;
						
						color: rgba(0,0,0,0.5);
						
									
						cursor: pointer;
						
						-webkit-touch-callout: none; /* iOS Safari */
						-webkit-user-select: none; /* Safari */
						-khtml-user-select: none; /* Konqueror HTML */
						-moz-user-select: none; /* Firefox */
						-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none;
						
						width: calc(50% - 16px);
					}
					
					body .main .topBar .social .inner-social .no-account-options .b_left{
						background: #1D628B;
						color: #fff;
						float:left;
						
						margin-right: 6px;
					}
					
					body .main .topBar .social .inner-social .no-account-options .b_right{
						background: #17B090;
						color: #fff;
						float:right;
					}
				
				body .main .topBar .social .inner-social .options{
					color: #333333;
					font-size: 14px;
					text-align:center;
					
					height: 36px;
					width: 110px;
					
					border-left: 1px solid #e1e1e1;
					border-right: 1px solid #e1e1e1;
					
					float: right;
				}
				
				body .main .topBar .social .inner-social .options .username{
					font-weight: 400;
					font-size: 13px;
					background-color: #fafafa;
					padding: 9px 5px;
								
					cursor: pointer;
					
					-webkit-touch-callout: none; /* iOS Safari */
					-webkit-user-select: none; /* Safari */
					-khtml-user-select: none; /* Konqueror HTML */
					-moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none;
				}
				
					body .main .topBar .social .inner-social .options .username:hover{
						background-color: #fafafa;
					
						
						-webkit-transition: all 0.01s; 
						transition: all 0.01s;
						
						color: #666666;
					}
				
				body .main .topBar .social .inner-social .options .select{
					display: none;
					position: relative;
					
					background: #fafafa;
					width: 110px;
					margin-top: 0px;
					/*right: 50px;*/
					margin-left: -1px;
					border: 1px solid #e1e1e1;
					border-top: 1px solid #eee;
				}
				
				body .main .topBar .social .inner-social .options .select a{
					text-decoration: none;
					color: #333333;
				}
				
				body .main .topBar .social .inner-social .options .select .option{
					font-size: 11px;
				
					padding: 10px 5px;
				}
				
					body .main .topBar .social .inner-social .options .select .option:hover{
						background: #f1f1f1;
					}
			
				body .main .topBar .social .inner-social .name{
					font-size: 14px;
					font-weight: 300;
					color: #333333;
					
					max-width: 80px;
					text-align:center;
					height: 18px;
					
					float:left;
					
					
					padding: 9px 20px;
					
					border-bottom: 1px solid rgba(0,0,0,0.8);
					
				}

			body .main .topBar .inner-name{
				float:left;
				padding: 12px 10px 12px 10px;

			}

			body .main .topBar .inner-name .main-name{
				font-size: 17px;
				padding: 7px 15px 7px 15px;

			}

			body .main .topBar .inner-search{
				float:left;
				padding: 14px 10px 14px 10px;
				position: relative;
			}

				body .main .topBar .inner-search .main-sb{
					border: 1px solid #e1e1e1;
					padding: 4px 35px 4px 10px;
					height: 32px;
					border-radius: 20px;
				}

				body .main .topBar .inner-search .main-sb:focus{
					outline:0;	

				}

				body .main .topBar .inner-search .search-button{
					position: absolute;
					top: 13px;
					right: 14px;
					background-image:url(images/icons/search_g.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;

					width: 35px;
					height: 35px;
				}
					

			body .main .topBar .inner-topBar{

				float:right;
				padding: 0px 10px 0px 10px;

			}

				body .main .topBar .inner-topBar .topBar-name{

					font-family: 'Roboto', Helvetica, sans-serif;
					font-weight: 500;
					font-size: 12px;
					color: rgba(0,0,0,0.65);
					
					padding: 8px 10px 8px 10px;
					float:left;

					
				}

					body .main .topBar .inner-topBar .topBar-name .inner-topBar-name{
						
						padding: 3px 14px 3px 14px;
						
					}
				
				body .main .topBar .inner-topBar .topBar-item{
				
					font-family: 'Roboto', Helvetica, sans-serif;
					font-weight: 500;
					font-size: 11px;
					color: #fff;
					
					padding: 6px 12px 6px 12px;
					margin: 15px 2px 12px 2px;
					display: inline-block;
					border-radius: 2px;
					
					background-color: #3498db;
					
				}
				
				body .main .topBar .inner-topBar .topBar-open{	
						
					padding: 6px 8px 6px 8px;
					margin: 15px 2px -12px 5px;
					display: inline-block;
					border-radius: 2px;
					
					height: 18px;
					width: 16px;
					
					cursor: pointer;
					
				}
				
					body .main .topBar .inner-topBar .topBar-open .topBar-open-line{	
					
						margin: 3px 0px 0px 0px;
					
						width: 16px;
						height: 2px;
					
						background: #bbb;
					
					}
					
					/* On Button Hover Change Line Color Inside Button */
					body .main .topBar .inner-topBar .topBar-open:hover .topBar-open-line{	
					
						background: #fff;
					
					}
				
				body .main .topBar .inner-topBar .topBar-open:hover{	
				
					color: #fff;
					
					background: #333333;
					
				}
				
		body .main .main_content{
			
			padding: 30px 15px;
			margin: 10px auto;
			
			min-height: calc(100% - 180px);
			
			width: calc(100% - 20px);
			
			
			max-width: 500px;
		
		}		
		
			body .main .main_content .main_name{
			
				font-size: 30px;
				color: rgba(0,0,0,0.3);
				
				margin: 20px auto 20px auto;
			
			}
			
			body .main .main_content .main_search{
				
				margin: 0px auto 10px auto;
				padding: 0px 1px 0px 1px;
				
				overflow: hidden;
			
			}
			
				body .main .main_content .main_search .search-bar{
				
					padding: 5px 15px 5px 15px;
					
					height: 44px;
					width: calc(100% - 44px);
					max-width: 456px;
					
					background: #fff;
					border: none;
					border-bottom: 6px solid rgba(0,0,0,0.1);
					box-shadow: rgba(0, 0, 0, 0.156863) 0px 1px 4px 0px, rgba(0, 0, 0, 0.0784314) 0px 0px 0px 1px;
				
				}
				
				body .main .main_content .main_search .search-bar-op2{
				
					background: #fff;
					height: 44px;
					width: calc(100% - 44px);
					max-width: 656px;
					border: none;
					
					padding: 5px 15px;
					
					box-shadow: rgba(0, 0, 0, 0.156863) 0px 1px 4px 0px, rgba(0, 0, 0, 0.0784314) 0px 0px 0px 1px;
					border-bottom: 6px solid rgba(0,0,0,0.1);
					
				}
				
				body .main .main_content .main_search .search-button{
				
					padding: 3px 3px 3px 3px;
				
					height: 45px;
					width: 44px;
					
					background-color: #3498db;
					background-image:url(images/icons/search_w_icon.png);
					border: 1px solid rgba(0,0,0,0.1);
					border-bottom: 6px solid rgba(0,0,0,0.1);
					box-shadow: rgba(0, 0, 0, 0.456863) 0px 1px 3px 0px, rgba(0, 0, 0, 0.0784314) 0px 0px 0px 1px;
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				
				}
				
			body .main .main_content .search-pages{	
				min-height: 54px;
				width: 100%;
				max-width: 700px;
				padding: 25px 0px;
				text-align:center;
				margin-bottom: 30px;
			}

			body .main .main_content .search-pages a{	
				text-decoration: none;
				color: #fff;
			}

			body .main .main_content .search-pages .page{	
				background: #7f8c8d;
				color: #fff;
				padding: 8px;
				min-width: 32px;
				font-size: 11px;
				display: inline-block;
				text-align:center;
				margin-bottom: 15px;
				border-bottom: 6px solid rgba(0,0,0,0.1);
			}

			body .main .main_content .search-pages .selected-page{	
				background: rgba(149, 165, 166, 0.85);
			}


			body .main .main_content .search-pages .page:hover{	
				background: rgba(149, 165, 166, 0.85);
			}
			
			body .main .main_content .search-results{	

			}

				body .main .main_content .search-results .total-results{	
					font-size: 11px;
					color: rgba(0,0,0,0.65);
					margin: 10px 0px 10px 0px;
					padding: 14px 0px 14px 0px;
					border-top: 1px solid #eee;
					border-bottom: 1px solid #eee;

				}

				body .main .main_content .search-results .search-item{	
					padding: 10px 0px;
					margin: 10px 0px;
				}

					body .main .main_content .search-results .search-item .item-title{	
						font-size: 16px;
						color: #333333;
						font-weight: 600;
						margin-bottom: 5px;
					}

						body .main .main_content .search-results .search-item .item-title a{	
							text-decoration: none;
							color: rgba(0,0,0,0.75);
						}

					body .main .main_content .search-results .search-item .item-desc{	
						font-size: 12px;
						line-height: 19px;
						color: #666666;
						margin-bottom: 10px;
					}

					body .main .main_content .search-results .search-item .item-link{	
						font-size: 12px;
						color: rgba(0,0,0,0.6);
					}

				
			body .main .main_content .all-selection-boxes{
				    display: -webkit-flex;
				-webkit-flex-direction: row;
				-webkit-flex-wrap: wrap;
				max-width: 515px;
				margin: 0px 0px 0px -12px;
				text-align:center;
				position: relative;
			}	

				body .main .main_content .all-selection-boxes .inprogress{
					background: rgba(0,0,0,0.65);	
					z-index: 0;
					width:  calc(100% - 10px);
					height: calc(100% - 11px);	
					position: absolute;
					top: 0;
					left: 11px;
					color: #fff;
					font-size: 16px;
				}

				body .main .main_content .all-selection-boxes .inprogress #test{
					position: relative;
					top: calc(50% - 20px);
				}

				body .main .main_content .all-selection-boxes .inprogress #test #mini-text{
					font-size: 12px;
				}
			
				body .main .main_content .all-selection-boxes .selection-box{
					
					margin: 0px 0px 12px 12px;
					display:inline-block;
					
					height: 157px;
					min-width: 147px;
					max-width: 250px;
					
					border-bottom: 6px solid rgba(0,0,0,0.1);
					flex: 1;
					
					cursor: pointer;
				
				}
			
				body .main .main_content .all-selection-boxes .box-rate{
				
					background-color: #27ae60;
					background-image:url(images/icons/review_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				body .main .main_content .all-selection-boxes .box-rate:hover{
				
					background-color: rgba(39, 174, 96, 0.85);
					
				}
				
				body .main .main_content .all-selection-boxes .box-forum{
				
					background-color: #c0392b;
					background-image:url(images/icons/forum_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				body .main .main_content .all-selection-boxes .box-forum:hover{
				
					background-color: rgba(192, 57, 43, 0.85);
					
				}
				
				body .main .main_content .all-selection-boxes .box-tournament{
				
				
					background-color: #16a085;
					background-image:url(images/icons/tournament_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				
				body .main .main_content .all-selection-boxes .box-tournament:hover{
				
					background-color: rgba(22, 160, 133, 0.85);
					
				}
				
							
				body .main .main_content .all-selection-boxes .box-build{
				
					background-color: #e67e22;
					background-image:url(images/icons/build_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				
				body .main .main_content .all-selection-boxes .box-build:hover{
				
					background-color: rgba(230, 126, 34, 0.85);
					
				}
				
				body .main .main_content .all-selection-boxes .box-wall{
				
					background-color: #34495e;
					background-image:url(images/icons/wallp_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				
				body .main .main_content .all-selection-boxes .box-wall:hover{
				
					background-color: rgba(52, 73, 94, 0.85);
					
				}
				
				body .main .main_content .all-selection-boxes .box-learn{
				
					background-color: #8e44ad;
					background-image:url(images/icons/gavel_w.png);
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
				}
				
				
				body .main .main_content .all-selection-boxes .box-learn:hover{
				
					background-color: rgba(142, 68, 173, 0.85);
					
				}
			
			body .main .main_content .view-all{
			
				font-size: 18px;
				color: rgba(0,0,0,0.3);
				text-align:center;
			
				padding: 10px 0px 10px 0px;
		
			}

			body .main .main_content .view-all:hover{
			
				color: rgba(0,0,0,0.4);
				
				cursor: pointer;
				
			}

			body .main .main_content .info-design{
				margin: 0px 20px;
				width: calc(100% - 40px);
				height: calc(100% - 60px);
			}

				body .main .main_content .info-design .options{	
					font-size: 14px;
					font-weight: 400;
					color: #333333;
					border-top: 1px solid #eee;
					border-right: 1px solid #eee;
					position: absolute;
					bottom: 0px;
					width: 100%;
				}

				
					body .main .main_content .info-design .options #main-button, body .main .main_content .info-design .options #parent-button, body .main .main_content .info-design .options #edit-button, body .main .main_content .info-design .options #create-button{	
						padding: 13px 7px;
						margin: 0px 0px 0px 0px;			
						width: 50px;
						font-size: 11px;
						text-align: center;
						text-transform: uppercase;
						color:#666666;
						display: inline-block;
						border-left: 1px solid #eee;

						cursor: pointer;
					}

					body .main .main_content .info-design .options #main-button:before, body .main .main_content .info-design .options #parent-button:before, body .main .main_content .info-design .options #edit-button:before, body .main .main_content .info-design .options #create-button:before{
						content: "";
					}

				body .main .main_content .info-design .view-page{	
					/*background: #fff;*/
					min-height: 200px;
					border-top: 1px solid #eee;
					/*box-shadow: 0 1px 2px #CCC;*/
					position: relative;
					padding-bottom: 20px;
				}

					body .main .main_content .info-design .view-page .title{	
						font-size: 24px;
						font-weight: 400;
						padding: 20px 20px 0px 20px;
						position: relative;
					}

					body .main .main_content .info-design .view-page .sub_title{	
						font-size: 18px;
						font-weight: 600;
						padding: 15px 20px;
						position: relative;
					}

					
					body .main .main_content .info-design .view-page .edit_title{	
						border: 1px solid #eee;
						width: calc(100% + 2px);
						height: 30px;
						padding: 5px 8px;
						resize: none;
					}

					body .main .main_content .info-design .view-page .edit{	
						border: 1px solid #eee;
						width: calc(100% - 16px);
						min-height: 150px;
						padding: 5px 8px;
						resize: none;
					}

					body .main .main_content .info-design .view-page #submit{	
						background: #597DF7;
						margin: 10px 0px 15px 0px;
						max-width: 70px;
						padding: 3px 4px;
						
						text-align:center;
						font-size: 12px;
						color: #fff;
					}

					body .main .main_content .info-design .view-page .content{	
						font-size: 15px;
						font-weight: 400;
						color: #545454;
						line-height: 26px;
						padding: 20px 20px 40px 20px;
						white-space: pre-wrap;
					}


			body .main .main_content .info-design .view-topics{	
				padding: 8px 6px 8px 6px;
				font-size: 12px;
				background: #eee;
				border-top: 1px solid #e1e1e1;
				width: calc(100% - 11px);
				border-bottom: 1px solid #e1e1e1;
			}

			body .main .main_content .info-design .view-topics #no-leafs{
				color: #333333;	
				padding: 16px 12px;
			}

			body .main .main_content .info-design .view-topics .topic{	
				display: inline-block;
				margin: 10px 10px 10px 10px;
				padding: 6px 10px;
				border: 1px solid #e6e6e6;
			}

				body .main .main_content .info-design .view-topics .topic:hover{
					background: #e1e1e1;
					border: 1px solid #c1c1c1;
				}
				
				body .main .recovery-content{
					margin: 90px auto 110px auto;
					width: 100%;
					max-width: 400px;
					min-height: calc(100% - 300px);
				}
				
					body .main .recovery-content .help{
						background: #efefef;
						padding: 12px 20px;
						text-align:center;
						color: rgba(0,0,0,0.6);
						margin: 0px -2px 0px 0px;
						font-size: 11px;
						width: calc(100% - 42px);
						max-width: 402px;
						border: 1px solid #e3e3e3;
						border-top: none;
					}
				
				
					body .main .recovery-content .name{	
						font-size: 16px;
						text-align: center;
						color: rgba(0,0,0,0.3);
						margin: 0px auto 20px auto;
					}
					
					body .main .recovery-content .recovery-box{
						
						background: #fff;
						width: calc(100% - 2px);
						
						margin-bottom: 0px;
						
						background: #fff;
						border: 1px solid #eaeaea;
						
						display:inline-block;
						
					}
					
						body .main .recovery-content .recovery-box .inner-recovery-box{
							padding: 20px 20px 25px 20px;
						}
						
							body .main .recovery-content .recovery-box .inner-recovery-box .mini-title{
								font-size: 18px;
								font-weight: 500;
								color: rgba(0,0,0,0.7);
								padding: 0px 0px 15px 0px;
								text-align:center;
							}
						
							body .main .recovery-content .recovery-box .inner-recovery-box .inputs{
								border:1px solid #e1e1e1;
								margin: 0px 10px;
							}
							
								body .main .recovery-content .recovery-box .inner-recovery-box .r-input input[type='text']{
									border:none;
									background: #fafafa;
									border: 1px solid #eaeaea;
									padding: 15px 15px;
									margin-bottom: 12px;
									height: 45px;
									width: 100%;
									font-size: 14px;
									font-family: 'Open Sans', Helvetica, sans-serif;
								}

								body .main .recovery-content .recovery-box .inner-recovery-box .r-input input[type='password']{
									border: 1px solid #eaeaea;
									background: #fafafa;
									padding: 15px 15px;
									height: 45px;
									width: 100%;
									font-size: 14px;
									font-family: 'Open Sans', Helvetica, sans-serif;
								}
								
								body .main .recovery-content .recovery-box .inner-recovery-box .r-input .request_button{
									background-color: #2C82C9;
									border:none;
									margin-top: 10px;
									margin-right: 5px;
									padding: 10px;
									width: 100%;
									color: #fff;
									font-size: 12px;
									font-family: 'Roboto', Helvetica, sans-serif;
								}

				
				
				

				body .main .login-content{
					margin: 120px auto 80px auto;
					width: 100%;
					max-width: 400px;
					min-height: calc(100% - 300px);
				}

					body .main .login-content .name{	
						font-size: 30px;
						color: rgba(0,0,0,0.3);
						margin: 0px auto 20px auto;
					}


					body .main .login-content .subname{	
						font-size: 20px;
						color: rgba(0,0,0,0.3);
						margin-bottom: 15px;
					}

					body .main .login-content .login-box{
						
						background: #fff;
						width: calc(100% - 2px);
						
						margin-bottom: 0px;
						
						background: #fff;
						border: 1px solid #eaeaea;
						border-bottom: none;
						
						display:inline-block;
						
					}

						body .main .login-content .login-box .inner-login-box{
							padding: 20px 20px 20px 20px;
						}

							body .main .login-content .login-box .inner-login-box .inputs{
								border:1px solid #e1e1e1;
								margin: 0px 10px;
							}

							body .main .login-content .login-box .inner-login-box .login-input{
								padding: 0px 0px;
								margin-bottom: 0px;
								font-family: 'Open Sans', Helvetica, sans-serif;
							}

								body .main .login-content .login-box .inner-login-box .login-input input[type='text']{
									border:none;
									background: #fafafa;
									border: 1px solid #eaeaea;
									padding: 15px 15px;
									margin-bottom: 12px;
									height: 60px;
									width: 100%;
									font-size: 14px;
									font-family: 'Open Sans', Helvetica, sans-serif;
								}

								body .main .login-content .login-box .inner-login-box .login-input input[type='password']{
									border: 1px solid #eaeaea;
									background: #fafafa;
									padding: 15px 15px;
									height: 60px;
									width: 100%;
									font-size: 14px;
									font-family: 'Open Sans', Helvetica, sans-serif;
								}

								body .main .login-content .login-box .inner-login-box .login-input .sign-in{
									background-color: #2C82C9;
									border:none;
									margin-top: 15px;
									margin-right: 5px;
									padding: 13px;
									width: calc(50% - 40px);
									color: #fff;
									font-size: 12px;
									font-family: 'Roboto', Helvetica, sans-serif;
									cursor: pointer;
								}

								body .main .login-content .login-box .inner-login-box .login-input .create-account{
									background-color: #16a085;
									border:none;
									margin-top: 15px;
									padding: 13px;
									width: calc(50% - 0px);
									color: #fff;
									font-size: 12px;
									font-family: 'Roboto', Helvetica, sans-serif;
									font-weight: 500;
									text-align: center;
									display: inline-block;
								}

					body .main .login-content .forgot-password{
						background: #efefef;
						padding: 12px 20px;
						text-align:center;
						color: rgba(0,0,0,0.6);
						margin: 0px -2px 0px 0px;
						font-size: 11px;
						width: calc(100% - 42px);
						max-width: 402px;
						border: 1px solid #e3e3e3;
					}
					
					body .main .login-content a{
						text-decoration: none;
						color: rgba(0,0,0,0.6);
					}

					body .main .login-content .viewall{	
						font-size: 18px;
						color: rgba(0,0,0,0.3);
						padding: 10px 0px 10px 0px;
						text-align:center;
					}

						body .main .login-content .viewall:hover{
							color: rgba(0,0,0,0.4);
							cursor: pointer;
						}
			
			body .main .create-content{
				margin: 0px auto 80px auto;
				width: 100%;
				min-height: calc(100% - 185px);
				max-width: 650px;
			}
			
				body .main .create-content .name{
					font-size: 40px;
					color: rgba(0,0,0,0.8);
					font-weight: 500;
					margin: 5px auto 20px auto;
					text-align:center;
				}
				
			body .main .create-content .create-box{	
				background: #fff;
				width: 100%;
				display:inline-block;
				margin-bottom: 10px;
				border: 1px solid #eaeaea;

			}
			
				body .main .create-content .create-box .inner-create-box input[type='text']{
					border:none;
					background: #F0F0F0;
					border: 1px solid #DEDEDE;
					padding: 10px 15px;
					margin: 10px 10px;
					margin-bottom: 12px;
					height: 40px;
					width: calc(100% - 20px);
					font-size: 14px;
					font-family: 'Open Sans', Helvetica, sans-serif;
				}
				
				body .main .create-content .create-box .inner-create-box textarea{
					border:none;
					background: #fcfcfc;
					border: 1px solid #eaeaea;
					padding: 15px 15px;
					margin: 0px 10px;
					margin-bottom: 12px;
					min-height: 250px;
					width: calc(100% - 20px);
					font-size: 14px;
					font-family: 'Open Sans', Helvetica, sans-serif;
					resize: vertical;
				}
				
				body .main .create-content .create-box .inner-create-box input[type='submit']{
					background-color: #3498db;
					border:none;
					margin: 0px 10px 0px 10px;
					padding: 8px;
					width: calc(100% - 20px);
					color: #fff;
					font-size: 13px;
				}

			body .main .register-content{
				margin: 0px auto 80px auto;
				width: 100%;
				min-height: calc(100% - 185px);
				max-width: 400px;
			}

				body .main .register-content .name{	
					font-size: 40px;
					color: rgba(0,0,0,0.8);
					font-weight: 500;
					margin: 5px auto 15px auto;
					text-align:center;
				}

				body .main .register-content .sub-name{	
					font-size: 14px;
					font-weight: 500;
					color: rgba(0,0,0,0.4);
					margin: 0px auto 20px auto;
					text-align:center;
				}

				body .main .register-content .search{
					margin: 0px auto 10px auto;
					padding: 0px 1px 0px 1px;
					overflow: hidden;
				}

				body .main .register-content .subname{	
					font-size: 20px;
					color: rgba(0,0,0,0.3);
					margin-bottom: 15px;
				}

				body .main .register-content .signup-box{	
					background: #fff;
					width: 100%;
					display:inline-block;
					margin-bottom: 10px;
					border: 1px solid #eaeaea;

				}

					body .main .register-content .signup-box .inner-signup-box{
						padding: 20px 20px 20px 20px;
					}

						body .main .register-content .signup-box .inner-signup-box .inputs{
							border:1px solid #e1e1e1;
							margin: 0px 10px;
						}

						body .main .register-content .signup-box .inner-signup-box .signup-input{
							padding: 0px 0px;
							margin-bottom: 0px;
							font-family: 'Open Sans', Helvetica, sans-serif;
						}

							body .main .register-content .signup-box .inner-signup-box .signup-input input[type='text']{
								border:none;
								background: #fafafa;
								border: 1px solid #eaeaea;
								padding: 15px 15px;
								margin-bottom: 12px;
								height: 50px;
								width: 100%;
								font-size: 14px;
								font-family: 'Open Sans', Helvetica, sans-serif;
							}

							body .main .register-content .signup-box .inner-signup-box .signup-input input[type='password']{
								border: 1px solid #eaeaea;
								background: #fafafa;
								padding: 15px 15px;
								height: 50px;
								width: 100%;
								font-size: 14px;
								font-family: 'Open Sans', Helvetica, sans-serif;
							}

							body .main .register-content .signup-box .inner-signup-box .signup-input .sign-in{
								background-color: #3498db;
								border:none;
								margin-top: 15px;
								margin-right: 5px;
								padding: 13px;
								width: calc(50% - 40px);
								color: #fff;
								font-size: 12px;
							}

							body .main .register-content .signup-box .inner-signup-box .signup-input .create-account{
								background-color: #16a085;
								border:none;
								margin-top: 20px;
								padding: 20px;
								width: 100%;
								color: #fff;
								font-size: 16px;
								font-weight: 500;
								cursor: pointer;
								font-family: 'Roboto', Helvetica, sans-serif;
							}

				body .main .register-content .forgot-password{
					background: #fff;
					padding: 20px 10px;
					color: rgba(0,0,0,0.75);
					margin: 10px 0px 0px 0px;
					font-size: 13px;
					text-align:center;
					font-weight: bold;
					border: 1px solid #eaeaea;

				}

				body .main .register-content .forgot-password a{
					color: #2980b9;
					text-decoration: none;
				}

				body .main .register-content .viewall{	
					font-size: 18px;
					color: rgba(0,0,0,0.3);
					padding: 10px 0px 10px 0px;
					text-align:center;
				}

				body .main .register-content .viewall:hover{
					color: rgba(0,0,0,0.4);
					cursor: pointer;
				}
			
		body .main .profile{
			width: 100%;
			max-width: 1000px;
			margin: 0px auto;
			min-height: 100%;
		}	
		
			body .main .profile .inner-profile{
				padding: 0px 30px 0px 30px;
			}
			
				body .main .profile .inner-profile .profile-leafs{
					
					padding: 10px 0px;
				
				}
				
					body .main .profile .inner-profile .profile-leafs a{
						text-decoration: none;
					}
				
					body .main .profile .inner-profile .profile-leafs .post{
						border: 1px solid #e1e1e1;
						background: #fff;
						
						padding: 12px 15px;
						margin: 0px 0px 10px 0px;
					}

						body .main .profile .inner-profile .profile-leafs .post .item-basic-info{	
							min-width: 80px;
							padding: 0px 0px 5px 0px;
						}

							body .main .profile .inner-profile .profile-leafs .post .item-basic-info #creator{	
								font-size: 10px;
								min-width: 80px;
								color: rgba(0,0,0,0.9);
								font-weight: 500;
								
								padding: 0px 5px 0px 0px;
							}

								body .main .profile .inner-profile .profile-leafs .post .item-basic-info #creator a{	
									color: rgba(0,0,0,0.9);
								}

								body .main .profile .inner-profile .profile-leafs .post .item-basic-info #creator a:hover{	
									text-decoration: underline;
								}

							body .main .profile .inner-profile .profile-leafs .post .item-basic-info #time{	
								font-size: 10px;
								font-weight: 400;
								color: rgba(0,0,0,0.7);
							}

						body .main .profile .inner-profile .profile-leafs .post .interactions-data{	
							font-size: 12px;
							padding: 5px 0px 8px 2px;
						}

						body .main .profile .inner-profile .profile-leafs .post .item-content{	
							font-size: 12px;
							min-width: 80px;
							color: rgba(0,0,0,0.75);
							
							padding:5px 0px 5px 0px;
						}
					
						body .main .profile .inner-profile .profile-leafs .post .textarea-content{
							border: 1px solid #e1e1e1;
							background: #fff;
							
							padding: 20px 20px;
							width: 100%;

							min-height: 100px;
							max-height: 500px;

							resize: vertical;
						}

						body .main .profile .inner-profile .profile-leafs .post .no-login-option{
							font-size: 11px;
							padding: 20px 0px 14px 2px;
							border-top: 1px solid #eee;
							width: 100%;
							max-width: 300px;
							display: inline-block;
						}

							body .main .profile .inner-profile .profile-leafs .post .no-login-option a{
								color: rgba(0,0,0,0.9);
							}

							body .main .profile .inner-profile .profile-leafs .post .no-login-option #title{
								font-size: 12px;
								font-family: 'Roboto', Helvetica, sans-serif;
								font-weight: 400;
								color: rgba(0,0,0,0.85);
								padding: 2px 0px 14px 2px;
							}

							body .main .profile .inner-profile .profile-leafs .post .no-login-option #sign-in{
								font-weight: 400;
								border: 1px solid rgba(0, 0, 0, 0.2);
								padding: 8px 10px;
								background-color: #fafafa;
								color: rgba(0, 0, 0, 0.71);

								margin-bottom: 16px;
							}

							body .main .profile .inner-profile .profile-leafs .post .no-login-option #create-account{
								font-weight: 400;
								border: 1px solid rgba(0, 0, 0, 0.2);
								padding: 8px 10px;
								background-color: #fafafa;
								color: rgba(0, 0, 0, 0.71);

							}

						body .main .profile .inner-profile .profile-leafs .post .intresting-posts{
							display: inline-block;

							min-width: 450px;
							max-width: 700px;
						}

							body .main .profile .inner-profile .profile-leafs .post .intresting-posts .post{
								
							}
						
						body .main .profile .inner-profile .profile-leafs .submit-content{
							
							padding: 20px 20px;
							
							background-color: #3498db;
							border:none;
							margin-top: 15px;
							margin-right: 5px;
							
							color: #fff;
							font-size: 12px;
								
							width: 100%;
						}
					
						body .main .profile .inner-profile .profile-leafs .post .post-title{
							font-size: 14px;
							font-weight: 400;
							
							color: #2F79C3;
						
						}
						
						body .main .profile .inner-profile .profile-leafs .post .post-subtitle{
							font-size: 11px;
							font-weight: 300;
						
							color: #b9b9b9;
						}
						
						body .main .profile .inner-profile .profile-leafs .post .post-subtitle a{
							color: #2C82C9;
							text-decoration: none;
						}
						
							body .main .profile .inner-profile .profile-leafs .post .post-subtitle a:hover{
								text-decoration: underline;
							}
			
				body .main .profile .inner-profile .profile-tabs{
					border: 1px solid #e1e1e1;
					background: #fff;
					
					padding: 5px 15px;
				
				}
				
					body .main .profile .inner-profile .profile-tabs .tab{
						padding: 5px 0px 5px 0px;
						border-bottom: 3px solid #71BA51;
						
						font-size: 18px;
						color: #333333;
						
					
					}
					
				body .main .profile .inner-profile .profile-box{
					
					border: 1px solid #e1e1e1;
					
					background: #fff;
					
					padding: 25px 20px;
					margin: 0px 0px 20px 0px;
					
					min-height: 100px;
					
				}	
				
				body .main .profile .inner-profile .profile-box .profile-icon{
					background-color: #e67e22;
					background-image:url(profileicon.png);
					
					border-radius: 50px;
					
					height: 100px;
					width: 100px;
					
					margin-right: 15px;
					margin-bottom: 10px;
					
					-o-background-size: 60%; 
					-moz-background-size: 60% auto; 
					-webkit-background-size:60%; 
					background-size: 60%; 
					
					background-repeat: no-repeat;
					background-position: center center;
					
					float:left;
				}
			
				body .main .profile .inner-profile .profile-box .profile-info{
					padding: 0px 0px 10px 0px;
				}

					body .main .profile .inner-profile .profile-box .profile-info a{
						color: #666666;
					}
		
					body .main .profile .inner-profile .profile-box .profile-info .profile-name{
						font-size: 28px; 
						font-weight: 700;
						color: #111111;
						
						
					}
					
					body .main .profile .inner-profile .profile-box .profile-info .profile-username{
						font-size: 15px; 
						font-weight: 300;
						color: #666666;
						
						margin-bottom: 10px;
						
						
					}
					
					body .main .profile .inner-profile .profile-box .profile-info .profile-desc{
						font-size: 13px; 
						font-weight: 300;
						color: #666666;
						
						margin-bottom: 10px;
						
						
					}
		
		body .main .create_content{
			
			padding: 0px 5px;
			margin: -25px auto;
			
			width: calc(100% - 20px);
			max-width: 100%;
			
			position: relative;
			z-index: 0;
		
		}	
		
		body .main .create_content .top-bar{
		
		}
		
			body .main .create_content .side-left{
				padding: 0px 10px;
				width: calc(50% - 30px);
				overflow: hidden;
				float:left;
			}
			
				body .main .create_content .side-left .url-bar{
					color: #fff;
				
					margin: 0px 2px 0px 0px;
					
					background: #1A527A;
					border: 1px solid #1A527A;
					border-bottom: 1px solid rgba(0,0,0,0.2);
					
				}
				
					body .main .create_content .side-left .url-bar .item{
						font-size: 12px;
						color: #fff;
					
						padding: 6px 12px 6px 12px;
						
						border-right: 1px solid #1A527A;
						
						display: inline-block;
					}
					
					body .main .create_content .side-left .url-bar .core{
						padding: 4px 4px;
						float: right;
						
					}
					
						body .main .create_content .side-left .url-bar .core:hover{
							background-color: rgba(0,0,0,0.4);
						}
					
					body .main .create_content .side-left .url-bar .close{
				
						height: 20px;
						width: 20px;
					
						background-image:url(images/icons/close_w.png);
					
						-o-background-size: 70%; 
						-moz-background-size: 70% auto; 
						-webkit-background-size:70%; 
						background-size: 70%; 
						
						background-repeat: no-repeat;
						background-position: center center;
					}		
					
					
					body .main .create_content .side-left .url-bar .fs{
					
						height: 20px;
						width: 20px;
					
						background-image:url(images/icons/fs_w.png);
					
						-o-background-size: 70%; 
						-moz-background-size: 70% auto; 
						-webkit-background-size:70%; 
						background-size: 70%; 
						
						background-repeat: no-repeat;
						background-position: center center;
					}		
				
				body .main .create_content .side-left .tool-bar{
					color: #fff;
				
					margin: 0px 2px 0px 0px;
					
					background: #2C82C9;
					
				}
				
					body .main .create_content .side-left .tool-bar .item{
						font-size: 12px;
						color: #fff;
					
						padding: 7px 13px 7px 13px;
						
						border-right: 1px solid #2C82C9;
						
						display: inline-block;
					}
					
						body .main .create_content .side-left .tool-bar .item:hover{
							background: rgba(0,0,0,0.8);
						}			
			
				body .main .create_content .side-left .textarea{
					padding: 10px 10px 10px 10px;
				
					width: calc(100% - 24px);
					height: calc(100% - 190px);
					
					border: 1px solid #e1e1e1;
					border-top: none;
					
					
					overflow-y: auto;
					outline: none;
					resize: none;
				}
				
				body .main .create_content .side-left .bottom-bar{
					font-size: 11px;
					color: #666666;
				
					margin: 0px 2px 50px 0px;
					
					background: #f3f3f3;
					border: 1px solid rgba(0,0,0,0.1);
					border-top: none;
					
				}
				
					body .main .create_content .side-left .bottom-bar .character-count{
						padding: 6px 10px;
					}
			
			body .main .create_content .side-right{
				margin: 0px 10px 0px 0px;
				overflow: hidden;
				width: calc(50% - 10px);
				float: right;
			}
			
				
				body .main .create_content .side-right .preview-content{
				
					color: rgba(0,0,0,0.75);
					
					padding: 10px 10px 10px 10px;
					height: calc(100% - 150px);
					

					background: #eaeaea;
					border: 1px solid #ccc;
					border-top: none;
					
				}
				
					body .main .create_content .side-right .top-bar{
					
						font-size: 11px;
						color: #fff;
						
						padding: 6px 13px;
						margin: 0px 0px 0px 0px;
						
						background: #333333;
						border: 1px solid rgba(0,0,0,0.1);
						
					}

		
		body .main .footer{	
		
			font-size: 12px;
			color: rgba(0,0,0,0.6);
			text-align:center;
			
			padding: 11px 0px 11px 0px;
			
			width: 100%;
					
			background: #ecf0f1;
			border-top: 1px solid #eee;
			
			position: relative;
			bottom: 0;
			left:0;
			z-index: 1;

		}

			body .main .footer a{
				color: #3498db;
				text-decoration: none;
			}
			
@media (max-width: 650px){		
	
	body .main .create_content .side-left{
		width: calc(100% - 20px);
	}
	
	body .main .create_content .side-right{
		width: calc(100% - 20px);
		margin: 0px 10px 0px 0px;
	}			
}		
			
@media (max-width: 550px){
	
	body .main .login-content{
		margin: 20px auto 80px auto;
					
	}
	
	body .main .create-content .name{	
		margin: 30px 25px 20px 25px;
		font-size: 14px;
		text-align:center;
	}

	body .main .outer-display .inner-display .register-content{
		padding: 0px 5px;
	}

	body .main .outer-display .inner-display .register-content .signup-box{	
		margin: 10px auto 10px auto;
	}
	
	body .main .outer-display .inner-display .register-content .name{	
		margin: 50px 25px 20px 25px;
		text-align:center;
	}
	body .main .outer-display .inner-display .register-content .search{
		margin: 0px 25px 15px 25px;
		box-shadow: rgba(0, 0, 0, 0.156863) 0px 1px 4px 0px, rgba(0, 0, 0, 0.0784314) 0px 0px 0px 1px;
	}	
	
	body .main .outer-display .inner-display .register-content .viewall{	
		padding: 10px 0px 50px 0px;
	}

	body .main .create_content{
		margin: 20px auto -30px auto;
	}

	body .main .main_content .view-all{
		margin: 10px 0px 100px 0px;
	}

	body .main .main_content{
			padding: 20px 10px;
	}
	
	body .main .main_content .main_name{
	
		text-align:center;
		
		margin: 20px 25px 20px 25px;
	
	}
	
	body .main .main_content .main_search{
	
		margin: 0px 25px 10px 25px;

	}
	
	body .main .main_content .all-selection-boxes{	
		margin: 0px 20px 0px 20px;
	}
	
	body .main .main_content .all-selection-boxes .selection-box{
	
		margin: 0px 5px 10px 5px;
	
		height: 163px;
		width: calc(50% - 13px);
		max-width: 300px;
		
		display:inline-block;
		border-bottom: 6px solid rgba(0,0,0,0.1);
		
	}
	
	body .main .main_content .search-results{	
		margin: 0px 25px 10px 25px;
	}
	
	body .main .main_content .search-pages{	
		margin: 0px 0px 80px 0px;
	}

	body .main .main_content .all-selection-boxes .inprogress{
		width:  calc(100% - 9px);
		left: 4px;
	}

}

@media (max-width: 350px){

	body .main .register-content .signup-box{	
		margin: 10px 10px 10px 10px;
	}

	.main .login-content .name{	
		margin: 30px 25px 20px 25px;
		text-align:center;
	}
	
	.main .login-content .box{	
		height: 203px;
		width: calc(100% - 10px);
		display:inline-block;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 6px solid rgba(0,0,0,0.1);
	}
	
	.main .login-content .footer{	
		font-size: 11px;
	}


	body .main .main_content .main_name{
	
		text-align:center;
		
		margin: 30px 25px 20px 25px;
	
	}
	
	body .main .main_content .all-selection-boxes .selection-box{
		height: 203px;
		width: calc(100% - 10px);
		display:inline-block;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 6px solid rgba(0,0,0,0.1);
	}
	
	.content .footer{	
		font-size: 11px;
	}
}

@media (max-height: 650px){
	
	body .main .main_content .view-all{
		margin: 10px 0px 100px 0px;
	}
}

@media (max-height: 684px), (max-width: 550px){

	body {
		overflow-y: auto;
	}
	
	.main .login-content .name{	
		margin: 50px 25px 20px 25px;
		text-align:center;
		padding-top: 60px;
	}


	
	body .main .footer{	
		display: none;
	}
	
}