/* CSS Document Make and Used By Parvez Alam */
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	@font-face {
		font-family:'Roboto-Regular'; 
		src: url('../webfonts/Roboto-Regular.ttf');
	}
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */

	/* -------------------- BODY COMMON - CSS  -------------------- */
	
	/* webpage default setting CSS */
	body {
		font-weight: 400;
		line-height: 1;
		word-wrap: break-word;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}
	
	html {
		font-size: 10px;
	}
	
	html {
		font-size: 62.5%;
	}
	
	html {
		font-family: Verdana;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}	

	.webbg
	{
		background-color: #F0EBF8;
	}
		
	.bodybg
	{
		background-color: #FFFFFF;
	}

    .container 
	{
		max-width:750px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
    }
	
    .container-memberlist
	{
		max-width:1150px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
    }
	
	.section
	{
		background-color: #FFFFFF;
		border: solid 1px #DADCE0;
		border-radius: 7px;
		padding:15px 25px;	
		margin: 10px;
	}
	
	.sectionheader
	{
		background-color: #FFFFFF;
		border: solid 1px #DADCE0;
		border-top: #673AB7 solid 12px;
		border-radius: 7px;
		padding:15px 25px;	
		margin: 10px;
	}
	
	.sectiontitle
	{
		font-family: Roboto-Regular;
		color: #0000FF;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.title
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 3.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: capitalize;
		text-decoration: none;
	}
	
	.subtitle
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.5;
		text-transform: capitalize;
		text-decoration: none;
	}
	
	.memberinfo
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 2.5;
		text-transform: capitalize;
		text-decoration: none;
	}
	
	.redstarnotecss
	{
		font-family: Roboto-Regular;
		color: #D93025;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}

	.redstarcss
	{
		font-family: Roboto-Regular;
		color: #D93025;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		margin-left: -10px;
	}
	
	.columntitle
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 2.5;
		text-decoration: none;
	}
	
	.columntitle-list
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 2.5;
		text-decoration: none;
	}
	
	.form-group
	{
		background-color: #FFFFFF;
		border: solid 1px #DADCE0;
		border-radius: 7px;
		padding:15px 25px;	
		margin: 10px;
	}

	.form-control
	{
		display: block;
		width: 100%;
		height: 45px;
		padding: 5px 20px;
		margin-bottom: 1.5rem;
		font-size: 16px;
		line-height: 1.5;
		font-family: Roboto-Regular;
		color: #000000;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ddd;
		border-radius: none;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	
	.form-control-textarea
	{
		height: 130px !important;
	}
	
    .btn-contactform
    {
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: capitalize;
		text-decoration: none;
		padding: 7px 20px;
		border-radius: 5px;
		background-color: #673AB7;
		box-shadow: 1px 12px 30px rgba(102, 46, 255, 0.24);
    }
    .btn-contactform:hover
    {
		background-color: #7349BD;
		color: #FFFFFF;
		transition: .5s;
    }

	.submit-btn
	{
		border: 1px solid transparent;
	}
	
	.copyright
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #202124;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.margintb
	{
		margin: 2rem 0;
	}
	
	.paddingtop10
	{
		padding-top: 1rem;
	}
	
	.photocss
	{
		width: 150px;
	}
	
	.photocss-list
	{
		width: 125px;
	}
	
	.addnewlink
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: underline;
	}
    .addnewlink:hover
    {
		color: #FF0000;
		transition: .5s;
    }
	
	.userdetails
	{
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.table td, .table th 
	{
		padding: .5rem;
	}
	
	.columnwidth35
	{
		width: 35%;
	}
	
	.tabletoggle
	{
		background-color:#F0EBF8;
	}
	
	.member-section
	{
		background-color: #FFFFFF;
		border: solid 1px #DADCE0;
		border-radius: 7px;
		padding:7px 25px;	
		margin: 7px;
		
		font-family: Roboto-Regular;
		color: #202124;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.member-section-marginleft
	{
		margin-left: 25px;
	}
	
	
	
	/* If the screen size is 767 or less, set this CSS */
	@media only screen and (max-width: 767px)
	{
		.subtitle
		{
			text-align:center;
		}
	}
	
	/* CSS Document Make and Used By Parvez Alam */