.preloader{width:100%;height:100%;top:0;position:fixed;z-index:999999;background:rgba(247, 247, 247, 0.5)}
	.lds-ripple{display:inline-block;position:relative;width:64px;height:64px;position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}
	.lds-ripple .lds-pos{position:absolute;border:2px solid #65a939;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.1,.5,1) infinite}
	.lds-ripple .lds-pos:nth-child(2){animation-delay:-.5s}
	@keyframes lds-ripple{
		0%{top:28px;left:28px;width:0;height:0;opacity:0}
		5%{top:28px;left:28px;width:0;height:0;opacity:1}
		100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}
	}
	
		a{
			cursor:pointer;
		}
		.gnb_inner_page_containter{
			max-width:100%;
		}
		.grid_div{
    		margin-top:20px;
    	}
    	.error {
			color: red;
			width: 100%;
			display: table;
			font-weight: 400;
			font-size: 10px;
		}
    	.grid_img{
    		height:460px;
    		background-size:cover;
    		width:100%;
    		border-radius:18px;
    		position:relative;
    	}
    	.grid_img .flag{
    		position:absolute;
    		top:10px;
    		right:10px;
    	}
    	.sign_up_inner{
    		border:1px solid #d2d2d2;
    		width:calc(100% - 42px);
    		padding:20px 20px;
    		background-color:#fff;
    		border-radius:15px;
    		display:table;
    		min-height: 602px;
    	}
    	.sign_in .sign_up_inner{
    		min-height: 340px;
    	}
    	.sign_up_inner h2{
    		font-size:24px;
    		font-weight:700;
    		margin-bottom:30px;
    	}
    	.sign_up_inner p{
    		font-size:12px;
    		font-weight:600;
    		margin-bottom:20px;
    	}
    	.sign_up_inner input{
    		background-color:#e8e6e7;
    		border:0;
    		width:100%;
    		font-size:13px;
    		padding:8px 15px;
    		border-radius:3px;
    		margin-bottom:10px;
    		font-weight:300;
    	}
    	.sign_up_inner a{
    		font-size:12px;
    	}
    	.sign_up_inner #mobile_email{
    		margin-top:20px;
    	}
    	.radio_btn_group_inner{
    		margin-bottom:20px;
    	}
    	.sign_up_inner label{
    		margin-top:10px;
    		font-size:12px;
    		font-weight:600;
    		display:table;
    		float:left;
    		margin-right:15px;
    		margin-bottom:5px;
    	}
		/* The container */
		.sign_up_inner label.radio_btn {
			display: block;
			position: relative;
			padding-left: 20px;
			cursor: pointer;
			font-size: 12px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			color:#a2a2a2;
			font-weight:400;
		}
		.sign_up_inner label.theme_color{
			color:#0c2b3f;
		}
		/* Hide the browser's default radio button */
		.radio_btn input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
		}
		/* Create a custom radio button */
		.radio_btn .checkmark {
			position: absolute;
			top: 2px;
			left: 0;
			height: 12px;
			width: 12px;
			background-color: #eee;
			border-radius: 50%;
			border: 1px solid #a5a5a5;
		}
		/* On mouse-over, add a grey background color */
		.radio_btn:hover input ~ .checkmark {
			background-color: #ccc;
		}
		/* When the radio button is checked, add a blue background */
		.radio_btn input:checked ~ .checkmark {
			background-color: #0c2b3f;
		}
		/* Create the indicator (the dot/circle - hidden when not checked) */
		.checkmark:after {
			content: "";
			position: absolute;
			display: none;
		}
		/* Show the indicator (dot/circle) when checked */
		.radio_btn input:checked ~ .checkmark:after {
			display: block;
		}
		/* Style the indicator (dot/circle) */
		.radio_btn .checkmark:after {
			top: 0px;
			left: 0px;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #0c2b3f;
		}
		.sign_up_inner a.default_btn{
			margin:0px auto;
			display:table;
			padding:8px 30px;
		}

		.sign_div .grid_div .grid-item{
			max-width:calc(14.2857% - 10px);
			margin:0 0.25em;
			margin-bottom:8px;
			width:100%;
		}
		.sign_div .grid_div .grid-item .grid_img{
			height:460px;
			background-size:cover;
			width:100%;
			border-radius:18px;
			position:relative;
		}
		.sign_div .grid_div .grid-item .grid_img .flag{
			position:absolute;
			top:10px;
			right:10px;
		}
		.sign_div .grid_div .empty_div_1st{
			height:240px;
		}
		.sign_div .grid_div .empty_div_2nd{
			height:160px;
		}
		.sign_div .grid_div .empty_div_3rd{
			height:80px;
		}
		.new_user{
    		width: 100%;
    		padding: 15px 0;
    		text-align:center;
		}
		.clear{
			clear:both;
		}
		@media(max-width:1920px){
			.sign_div .grid_div .grid-item{
				max-width:calc(20% - 10px);
				margin:0 0.25em;
				width:100%;
				margin-bottom:8px;
			}
			.sign_div .grid_div .grid-item .grid_img{
				height:420px;
			}
			.sign_div .grid_div .empty_div_1st{
				height:240px;
			}
			.sign_div .grid_div .empty_div_2nd{
				height:160px;
			}
			.sign_div .grid_div .empty_div_3rd{
				display:none;
			}
		}
		@media(max-width:1440px){
			.sign_div .grid_div .grid-item{
				max-width:calc(33.3333% - 10px);
				margin:0 0.25em;
				width:100%;
				margin-bottom:8px;
			}
			.sign_div .grid_div .grid-item .grid_img{
				height:420px;
				max-width:400px;
				margin:0 auto;
			}
			.sign_div .grid_div .empty_div_1st{
				height:240px;
			}
			.sign_div .grid_div .empty_div_2nd{
				display:none;
			}
			.sign_div .grid_div .empty_div_3rd{
				display:none;
			}
			.sign_up_inner{
				max-width:360px;
				margin:0 auto;
			}
		}
		@media(max-width:1280px){
			.sign_div .grid_div .empty_div_2nd{
				display:none;
			}
			.sign_div .grid_div .grid-item{
				max-width:calc(33.3333% - 10px);
			}
			.sign_div .grid_div .empty_div_1st{
				height:100px;
			}
			.sign_div .grid_div .grid-item .grid_img{
				height:380px;
				max-width:360px;
				margin:0 auto;
			}
			.home_text h4{
				font-size:30px;
			}
			.home_text h2, .home_text h2 span{
				font-size:42px;
			}
			.sign_up_inner{
				max-width:320px;
			}
		}
		@media(max-width:1080px){
			.sign_div .grid_div .grid_img{
				height:380px;
			}
			.sign_div .grid_div .empty_div_1st{
				height:120px;
			}
			.sign_div .grid_div .empty_div_2nd{
				height:60px;
			}
			.home_text h4{
				font-size:26px;
			}
			.home_text h2, .home_text h2 span{
				font-size:38px;
			}
		}
		@media(max-width:768px){
			.sign_div .grid_div .empty_div_1st{
				display:none;
			}
			.sign_div .grid_div .empty_div_2nd{
				display:none;
			}
			.sign_up_inner{
				max-width:280px;
			}
			.home_text h4{
				font-size:20px;
			}
			.home_text h2, .home_text h2 span{
				font-size:32px;
			}
			.sign_div .grid_div .center_div{
				margin-top:10px;
			}
			.sign_div .grid_div .grid-item{
				width:calc(100% - 10px);
				max-width: 100%;
			}
			.home_text a.default_btn{
				margin: 10px auto;
				padding: 6px 20px;
				font-size: 12px;
			}
			.sign_div .grid_div .grid-item .grid_img{
				height:280px;
				max-width: 320px;
				margin:0 auto;
			}
		}
		@media(max-width:680px){
			.grid_div .center_div{
				margin-top:10px;
			}
			.home_text h4{
				font-size:16px;
			}
			.home_text h2, .home_text h2 span{
				font-size:28px;
			}
			.sign_up_inner h2{
				font-size:18px;
				margin-bottom: 0px;
			}
			.sign_up_inner label{
				font-weight:500;
				font-size:13px;
			}
		}
		@media(max-width:560px){
			.home_text h4{
				font-size:14px;
			}
			.home_text h2, .home_text h2 span{
				font-size:24px !important;
			}
			
		 
		}
		
		@media(max-width:420px){
			.home_text h4{
				font-size:14px;
			}
			.home_text h2, .home_text h2 span{
				font-size:22px !important;
			}
			
			.home_text{
			margin: 0 auto;
			text-align:left;
			width: calc(100% - 30px);
			max-width: 560px;
			}
		}
		
		

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100001; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(255, 255, 255); /* Fallback color */
  background-color: rgba(255, 255, 255, 0.8);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border-radius: 10px;
    width: 500px;
    max-width: 90%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
.model h3{
	font-family:OpenSansBold;
}
/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 19px;
    font-weight: bold;
    /*background: #e0e0e0;*/
    /*padding: 0 8px;*/
    /*border-radius: 50%;*/
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 14px 16px;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
}

.modal-header-alert {
  border-bottom: none !important;
}

.modal-body {padding: 2px 16px;}

.modal-footer {	
    padding: 14px 16px;	
}
.modelsec{
	margin-top:20px;
}
.invite_friends_list{
	text-align:center;
}
.invite_friends_list img{
	width:250px;
	max-width:90%;
    margin: 7px;
}

.button_delete{
    border: none;
    background: #ef0000;
    color: #fff;
    padding: 4px 20px;
    border-radius: 3px;
    border: 1px solid #ef0000;
    margin: 12px 5px;
}
.button_cancel{
    border: none;
    background: #fff;
    color: #000;
    padding: 4px 20px;
    border-radius: 3px;
    border: 1px solid #a2a2a2;
    margin-left: 5px;
}
.mynotice_main_div a.add_notice_btn_img {
    background-color: #e8e6e7;
    padding: 8px 20px;
    border-radius: 10px;
}
.mynotice_main_div a.add_notice_btn_img:before {
    background-image: url(../img/wr.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    padding: 0 0px 0 23px;
}


.notification_alerts{
	display: none;
	top: 0;   
	font-size: 16px;
	color: #000;
	margin: 0px auto;
	width:100%;
	height:62px;
	line-height:62px;
	text-align:center; 
	position: fixed;/*position: absolute;*/
	font-weight:bold;
	z-index:1000001;  
}
.notification_alerts i{
	color: #FFF;
}

.notification_alerts.success{
    border-bottom: 5px solid #007f00;
    background: #529b50;
    color: #FFF;
}

.notification_alerts.processing{
    border-bottom: 5px solid #081419;
    background: #173644;
    color: #FFF;
}

.clear_both{
	clear:both;
}
/**instant notifications **/