@charset "utf-8";

/* CSS Document */

/* General Style Start */



/*table*/
.spacer{
	clear:both;
}
.res-table{

	width:100%;

	overflow:auto;	

}

.res-table table{

	max-width:100%;	

}

table{

	font-size:13px;

	line-height:17px;

	border:0;

	margin:0 auto 16px auto;	

}

.table-striped>tbody>tr:nth-of-type(even){

    background-color:#f2f5f9;

}

.table-bordered{

	border-left:1px solid #d4dbe4;

	border-top:1px solid #d4dbe4;	

}

.table-bordered td{

	border-right:1px solid #d4dbe4;

	border-bottom:1px solid #d4dbe4;	

}

table thead th, table th{

    background:#294c77;

    color:#fff;

    padding:10px 12px;

	border-right:1px solid #4d6188;

	border-bottom:1px solid #4d6188;

	font-size:13px;

    line-height:17px;

    font-weight:600;

	text-align:left;

	vertical-align:bottom;

}

table td{

	padding:6px 12px;

	color:#3c3c3c;

	text-align:left;

	vertical-align:top;	

}

.label-top label{

	display:block;

}	

/*table end*/



.error{

	font-size:13px;

	line-height:17px;

	font-style:italic;

	color:#D8000C;

	font-weight:400;

	display:none;	

}

.error-e .error{

    display:block;

}

.left-align{

	text-align:left !important;	

}

.right-align{

	text-align:right !important;	

}

.center-align{

	text-align:center !important;	

}

.vertical-middle{

	vertical-align:middle !important;	

}

.no-mar{

	margin:0 !important;	

}

.no-pad{

	padding:0 !important;	

}

.no-b-mar{

	margin-bottom:0 !important;	

}

.no-t-mar{

	margin-top:0 !important;	

}

.no-b-pad{

	padding-bottom:0 !important;	

}

.no-t-pad{

	padding-top:0 !important;	

}

.bot-border{

	border-bottom:1px solid #d2d2e4 !important;	

}

.no-border{

	border:none !important;

}

.no-ex-mar{

	font-size:0;

	line-height:0;

}

.link-btn{

	display:inline-block;

    background:#1d6a08;

    margin:10px 0 0;

    color:#fff;

	fill:#fff;

    padding:8px 16px 10px;

    font-weight:400;

	border-radius:4px;

}

.external-link{

	background:url(../images/external-link2-ico.png) no-repeat 2px 0;

	padding-left:25px;

    background-size:16px auto;

}



.sec-wrap{

	padding:20px 0;

	margin:15px 0;

}

.rightpan{

	margin:40px 0 0;

}



/* General Style End */





/* Contact Page Start */

.contact-sec input[type=text], .contact-sec input[type=email], .contact-sec input[type=search], .contact-sec input[type=tel], .contact-sec input[type=password], .contact-sec input[type=number], .contact-sec select, .contact-sec textarea{

	width:100%;

}

.contact-sec label{

	color:#292929;

}

.verify-submit-wrap{

	text-align:right;

}

.security, .submit-wrap{

	display:inline-block;

}

.security label, .security input{

	display:inline-block;

}

.security label{

	margin-right:10px;

}

.security input{

	width:90px !important;

}

.submit-wrap{

	margin-left:20px;

	vertical-align:top;

}

.contact-sec .error{

	text-align:left;

}

.contact-sec h2, .contact-sec .h2{

	font-size:2.5rem;

	line-height:3.3rem;

	color:#2d2d2d;

	text-decoration:underline;

}

.contact-sec .contact-info{

	font-family:'Kaisei Tokumin', serif;

	font-size:1.5rem;

	line-height:2.1rem;

	font-weight:600;

}

.contact-sec .contact-info a{

	color:#2d2d2d;

}

.contact-info p{

	margin-bottom:10px;

}

.contact-info p:first-child{

	margin-bottom:16px;

}

.contact-info a, .contact-info img{

	display:inline-block;

}

.contact-info img{

	position:relative;

	top:3px;

}

.email-big{

	margin-bottom:20px !important;

}

.email-big img{

	width:16px;

}

.img-frame{

	width:100%;

	height:auto;

	border:1px solid #ccc;

	padding:10px;

	background:#fff;

}

/* Contact Page End */

/* People Page End */

.profile{

    margin-bottom:16px;

    border:1px solid #d1d1d1;

    background:#fff;

    padding:8px 12px 14px;

}

.profile:last-child{

	margin-bottom:0;

}

.profile p:last-child{

	margin-bottom:0;

}

.des{

    font-size:1.4rem;

    line-height:1.8rem;

    /*color:#878787;*/

}

/* People Page End */



/* Friends Page Start */

.friends-page{

	background:url(../images/friends-bg-mob.jpg) center 0 no-repeat;

	background:url(../images/friends-bg-mob.webp) center 0 no-repeat;

	background-size:cover;

	text-align:center;

	padding:0;

}

.friends-page .page-title{

	color:#d9002d;

}

.friends-mid-sec{

	background:rgba(0, 0, 0, .4);

	width:100%;

	max-width:100%;

	margin:0 auto;

	padding:6% 1.5%;

	color:#ddd;

	min-height:87.65vh;

}

.friends-mid-sec .h2{

	color:#ddd;

}

/* Friends Page End */



/* Events Page Start */

.event-sec{

    border:1px solid #d1d1d1;

    background:#fff;

	align-items:center;

}

.event-sec .leftpan{

    padding:8px 12px 14px !important;

}

.event-sec .rightpan{

    margin:20px 0 0;

}

.w-ico img{

	float:left;

	margin-right:14px;

	width:18px;

	height:auto;

}

.w-ico:after{

	content:"";

	clear:both;

	display:table;

}

.event-img{

	border:8px solid #fff;

	display:block;

}

.event-info-box{

	padding:20px !important;

	background:rgba(255, 255, 255, .4);

	border:1px solid #ddd;

}

/* Events Page End */

@media only screen and (min-width:768px){

	/* General Style Start */

	.sec-wrap{

		padding:30px 0;

		margin:25px 0;

	}

	.contact-sec .contact-info{

		font-size:1.6rem;

		line-height:2.2rem;

	}

	.email-big{

		margin-bottom:26px !important;

	}

	.email-big img{

		width:18px;

	}

	.des{

		font-size:1.6rem;

		line-height:2rem;

	}

	/* General Style End */

}



@media only screen and (min-width:921px){

	/* General Style Start */

	.sec-wrap{

		padding:40px 0;

		margin:30px 0;

	}

	.friends-page{

		background:url(../images/friends-bg-tab.jpg) center 0 no-repeat;

		background:url(../images/friends-bg-tab.webp) center 0 no-repeat;

		background-size:cover;

	}

	/* General Style End */

}

@media only screen and (min-width:1023px){

	/* General Style Start */

	.sec-wrap{

		display:-ms-flexbox;

		display:flex;

		-ms-flex-wrap:wrap;

		flex-wrap:wrap;

		justify-content:space-between;

	}

	.leftpan, .rightpan{

		width:46%;

		margin-top:0;

	}

	.sec-wrap-60-40 .leftpan{

		width:56%;

	}

	.sec-wrap-60-40 .rightpan{

		width:36%;

	}

	.sec-wrap-40-60 .leftpan{

		width:38.5%;

	}

	.sec-wrap-40-60 .rightpan{

		width:58.5%;

	}

	.sec-wrap-70-25 .leftpan{

		width:68.5%;

	}

	.sec-wrap-70-25 .rightpan{

		width:25%;

	}

	.sec-wrap-no-f{

		display:block;

	}

	/* General Style End */

	.w-ico img{

		width:24px;

		height:auto;

	}

	.event-info-box{

		padding:30px !important;

	}

	.event-sec .rightpan{

		margin-top:0;

	}

	.img-frame{

		width:360px;

	}

	.img-frame2{

		width:522px;

	}

}



@media only screen and (min-width:1025px){

	

	/* General Style Start */

	.sec-wrap{

		padding:40px 0;

	}

	/* General Style End */

	

	/* Contact Page Start */

	.contact-sec input[type=text], .contact-sec input[type=email], .contact-sec input[type=search], .contact-sec input[type=tel], .contact-sec input[type=password], .contact-sec input[type=number], .contact-sec select, .contact-sec textarea{

		width:79%;

	}

	.contact-sec textarea{

		width:100%;

	}

	/* Contact Page End */

	.profile{

		margin-bottom:30px;

		padding:12px 16px 18px;

	}

	.contact-sec .contact-info{

		font-size:1.8rem;

		line-height:2.4rem;

	}

	.email-big{

		margin-bottom:32px !important;

	}

	.email-big img{

		width:20px;

	}

	.event-sec .leftpan{

		padding:20px 26px 22px !important;

	}

	.des{

		font-size:1.8rem;

		line-height:2.2rem;

	}

	.friends-page{

		background:url(../images/friends-bg-desk.jpg) center 0 no-repeat;

		background:url(../images/friends-bg-desk.webp) center 0 no-repeat;

		background-size:cover;

	}

}



@media only screen and (min-width:1200px){

	/* General Style Start */

	.sec-wrap{

		padding:50px 0;

		margin:30px 0;

	}

	/* General Style End */

}