.flex-container{
	display:flex;
	-webkit-display:flex;
	width:100%;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:column;
	flex-direction:column;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
	
	
}
.flex-container1{
	display:flex;
	-webkit-display:flex;
	max-width:1100px;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
}

.footer-container{
	display:flex;
	-webkit-display:flex;
	max-width:980px;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	border:1px solid red;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	//margin:auto;
	border-radius:10%;
	box-shadow:7px 7px 5px pink;
	margin-left:auto;
	margin-right:auto;
	word-wrap:break-word;
	overflow:hidden;
}
.footer-container:after 
{
	content: ''; 
	display: block; 
	clear: both;
}
.footer-item1
{
	<!--text-align:left;
	position:relative
	left:30px;;-->
	max-width:300px;
	padding:10px 20px 0px 0px;
	margin:0px 5px;
	//align-items:center;
	display:inline-block;
	word-wrap: break-word;
	float:left;
	overflow:hidden;
	
}
.footer-item1:after 
{
	content: ''; 
	display: block; 
	clear: both;
}
.fb-follow
{
	display:inline-block;
	
	word-wrap: break-word;
	/*max-width:300px;
	height:auto;*/
}
.twittersign{
	word-wrap: break-word;
	/*max-width:300px;
	height:auto;*/
}
.footer-item2
{
	<!--margin:auto;
	text-align:left;
	position:relative;
	left:-40px;-->
	width:350px;
	margin:0px 5px;
}
.footer-item3
{
	<!--padding-top:8px;
	text-align:left;-->
	width:300px;
	margin:0px 5px;
	
	
	
}
.flex-item22{
	display:flex;
	-webkit-display:flex;
	width:100%;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:column;
	flex-direction:column;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
	
	
}
.flex-item1
{
	max-width:1200px;
	height:auto;
	background-color:white;
	/*#0033cc;
	margin:auto;*/
	color:black;
	
	
}
.flex-item6
{
	max-width:300px;
	
	height:auto;
	/*background-color:white;*/
	/*#0033cc;*/
	padding:10px;
	color:black;
	display:inline;
	margin:auto;	
}


.flex-item3
{
	width:100%;
	height:130px;
	background-color:#188FFF;
	/*#0033cc;*/
	margin:auto;
	text-align:left;
	
}

#sunamilogo img{
	

max-width:100px;
max-height:60px;
position:relative;
top:5px;
	
	}
#examplepix, #examplepix2
{
	margin:10px 10px 10px 20px;
	float:left;
}
.compname{
	display:inline;
	width:770px;	/**/
	text-align:left;
	margin:30px 0px 0px 30px;
	
}

h1{
	display:inline;
	text-align:center;
	
}


.desc{
	text-align:center;
}
.links{
	display:inline;
	width:500px;
	
	
}
.links
{
	background-color:#0033cc;
}
.thelink, li{

	display:inline;
	color:white;
	padding:10px 5px;
	font-size:1.1em;
	
	
}
li{
	background-color:white;
	color:black;
	margin:5px;
	
}
.thelink{
	position:absolute;
	top:25px;
}
a{
	
	text-decoration:none;
	color:#ff0000;
}
.addprop1{
	background-color:pink;
	<!--#0033cc;-->
	color:white;
	border:1px solid white;
}
.dropdown{
	position:relative;
	display:inline-block;
	
	
}
.dropdown-container{
	position:absolute;
	display:none;
	width:250px;
	z-index:1;
	margin-left:-100%;
}
.dropdown1{
	position:relative;
	display:inline-block;
	
	
}
.dropdown-container1{
	position:absolute;
	display:none;
	width:250px;
	z-index:1;
	margin-left:-50%;
}
.dropdown:hover .dropdown-container{
	display:block;
}
.dropdown1:hover .dropdown-container1{
	display:block;
}
.aheadings, .aheadings1
{
	background-color:#188FFF;
	/*#0033cc;*/
	color:white;
	padding:5px 5px;
	margin:2px;
	font-size:1.0em;
	padding:8px;
	
}
.aheadings1 li
{
display:table-cell;
}
.aheadings2
{
	
	/*#0033cc;*/
	color:white;
	padding:3px 3px;
	margin:1px;
	font-size:1.0em;
}
.aheadings3
{
	background-color:#ff850a;
	/*#0033cc;*/
	color:white;
	padding:5px 9px;
	margin:2px;
	font-size:1.0em;
	
}	

.search{
	text-align:center;
	width:30%;
}
.searchproph2{
	margin:0 3px 3px 5px;
}
.footertitle{
	margin:5px;
	text-align:center;
}

.footertitle1{
	
	text-align:center;
	word-wrap:word-break;
	
}
.searchtable{
	margin:auto;
	text-align:left;
	display:inline;
	
}
.searchtable,td{
	padding:3px;
}
.selectedone
{
	width:100px;
}

.selectedone1
{
	width:80px;
	height:24px;
	font-size:0.7em;
	color:grey;
	text-align:center;

	
}
.alignselect{
	text-align:center;
}
.submit{
	text-align:center;
	padding-top:10px;
}
.signup{
	<!--position:relative;
	top:40%;
	color:white;
	font-size:1em;
	padding-left:8px;
	width:200px;-->
}
.signupmain{
	font-size:1em;
	color:white;
}
.addprop{
	background-color:yellow;
	color:red;
	
	
	/*#ff850a;red;*/
}
.addprop5{
	border:1px solid lightgrey;
}
.addressection, .signupsection
{
	display:inline;
	width:475px;
	float:left;

	color:white;
}
.iconssection
{
	display:inline;
	width:250px;
	float:left;
	text-align:center;
	color:white;
}
.tablesignup, #myform15{
	display:inline-block;
	overflow:auto;
	
}
.tablesignup, tr, th, td
{
border-collapse:collapse;
border:0px solid white !important;

}
.addressection
{
	margin:auto;
	text-align:left;
	position:relative;
	left:-40px;
}
.signupsection
{
	text-align:left;
	position:relative;
	left:30px;
}
.signup1{
	max-width:100px;
	background-color:#ff850a;
	padding:5px;
	text-align:center;
	margin:auto;
}
.aiconssection
{
	padding-top:8px;
	color:white;
}
.aiconssectionfb
{
	
	color:white;
	display:block;
}
.iconssection
{
	padding-top:8px;
	text-align:left;
	
	
	
}

.copyright{
	text-align:center;
}
.trial{
	border:1px solid white;
	background-color:#188FFF;
	text-align:right;
	color:black;
	padding:5px;
}
images{
	font-weight:bold;
}
.homepagedetails{
	font-size:0.8em;
	background-color:#f3f5f8;
	
}
/*
.gallery
{
	display:inline;
	float:left;
	
}*/
.gallery1 {
	
	
	border:1px solid lightgrey;
	width:300px;
	height:auto;
	padding:3px;
	margin:3px;
	font-family:"Times New Roman", Times, serif;
	color:black;
	background-color:#f3f5f8;
	float:left;
	
	
}
.gallery2
{
	max-width:300px;
	height:auto;
	padding:5px;
	margin:5px;
	font-family:"Times New Roman", Times, serif;
	color:black;
	display:inline;
	border:1px solid lightgrey;

}
.gallery2 input{
	border:1px solid lightblue;
	padding:5px;
}

.mypics, .mypics1 {
	width:300px;
	
	text-align:center;
	display:inline-block;
	 vertical-align: middle;
       
}
.caption{
	display:inline;
	width:100%;
	float:left;
	text-align:left;
	pos
}

.propdetail{
	padding:3px;
	background-color:orange;
	color:white;
	
}
.contentsicon{
	display:none;
	
}
.myimage{
		
			
object-fit: contain;
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
		}

.image
	{
	display:flex;
	-webkit-display:flex;
	max-width:920px;
	height:auto;

	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
	margin-bottom:5px;
}
.image5
	{
	display:flex;
	-webkit-display:flex;
	max-width:920px;
	height:auto;
	//border:1px solid black;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	margin:auto;
	margin-bottom:-25px;
	text-align:center;
	padding:0px 5px;
	align-items:center;
}
.sunaminametitle5
{
	display:table;
	width:70%;
}
.sunaminame5
{
	display:table-cell;
	vertical-align:middle;
	
}
.loginplace5
{
	display:table;
	width:10%;
	//border:1px solid black;
}
.logons5
{
	display:table-cell;
	vertical-align:middle;
	 position: relative;
    display: inline-block;
	background-color:#188FFF;
	color:white;
	text-align:center;
	padding:3px;
	

}
.menucover5
{
	display:table-cell;
	vertical-align:middle;
}
.sunamilogo5
{
	width:100%;
	max-width:100px;
	max-height:60px;
display:block;
margin-top:auto;
margin-bottom:auto;


}
h2.sunamititleh1
{
margin:0;
padding:0;
	position:relative;
	bottom:-18px;
}
.othertitles5
{
	
}
.logoplace5
{
	
	//border:1px solid black;
	width:10%;
}
.whatsapptable
{
display:none;
}
body{
		background-color:#f3f5f8;

}
.mobilebottom
{
display:none;
}
.propdiff, .propdifff, .propdiffy, .propdiffnew, .propdifffnew, .propdifffnew
	{
		max-width:60px;
		font-size:0.8em;
	}
@media only screen and (max-width: 700px)
{
	.gallery1{
		display:block;
		height:auto;
		width:auto;
		
	}
	.mypics1, .mypics{
		width:auto;
	}
	body{
		font-size:0.8em
		
	}
	
	/*#sunamilogo{
		max-width:40%;
	}*/
	#sunamilogo{
	vertical-align:middle;

	}
	
	input{
		width:80%;
	}
	.aheadings1
	{
		display:block;
		max-width:150px;
		height:auto;
		padding:10px;
		
	}
	.footer-container{
		/*border:0px;*/
		box-shadow:none;
		
	}
	.signup{
		text-align:center;
		max-width:250px;
	}
	.footer-item0{
		/*width:90%;*/
	}
	.listofitems li, .listofitems1 li, .star, .listofitems2
	{
		display:none !important;
	}
	
	.contentsicon
	{
		display:inline-block;
		height:auto;
		position:absolute;
		left:5%;
		top:10%;
	}
	.contentsicon:hover .listofitems5{
		color:red;
		display:block;
		z-index:3;
	}
	
	<!--mysearchform-->

	
	.flex-item1{
		
		height:20px;
		margin:2px;
	}
	
	
	h2.sunaminame 
	{
		font-size:1.2em;
		word-break:break-word;
		word-wrap:wrap;
		line-height:12px;
		
		margin:0px;
		padding:0px;

		
	}
	 .signupclass, .loginclass, .example1
	{
		display:none !important;
		
	}
	.compname{
	
	width:65%;
	}
	.whatsapptable
 	{
	display:block;
	}
	.firstpageimages225
	{
	background-color:#c6ff1a;
	}
	.landplacebackground
	{
	background-color:#ff4dff;
	
	}
	.image
	{
	position:fixed;
	top:0px;
	background-color:lightgrey;
margin-bottom:5px;
padding-bottom:10px;

	}
	.image5
	{
	position:fixed;
	top:0px;
	background-color:lightgrey;
margin-bottom:5px;
padding-bottom:10px;

	}
.mobilebottom
{
display:none;
//display:inline-block;
background-color:lightgrey;
position:fixed;
bottom:0px;
height:auto;
width:100%;
margin:auto;
text-align:center;
}
.whatsapptableindex
{
display:inline-table;
max-width:700px;

}
.mywriteupcontainer
{
padding-top:10%;
}
}

.listofitems{
	
	display:flex;
	-webkit-display:flex;
	max-width:980px;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
}
.listofitems1{
	
	display:flex;
	-webkit-display:flex;
	max-width:980px;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
	text-align:center;
}
.listofitems2
{
	
	
	height:auto;
	display:inline;
	padding:3px 3px 8px 3px;
	border-radius:5px;
	margin:auto;
	text-align:center;
	
}


#noofbathrooms, #typeofprop, #noofbedrooms, #floorsizead, #price, #proploc, #town, #town1, #ownership, #div15, #div25, #div35, #div4, #div5, #div6, 
#noofunits, #floorsizead 
{
	max-width:170px;
	
}
#div4, #div5, #div6, #div15, #div25, #div35
{
	
	text-align:center;
}
#typeofproperty,  #numberofbathrooms, #floorsize, #minimumprice, #maximumprice, #selectlocation, #selecttowncity,  
{
	max-width:90px;
	
}
#imageupload
{
	max-width:180px;
	
}
#description
{
	resize: none;
	max-width: 260px;
}


.signupclass, .loginclass{
	display:inline;
	border:1px solid lightgrey;
	padding:5px 8px;
	float:left;
	margin-top:2%;
	position:relative;
	top:30%;
	left:13%;
	background-color:#188FFF;
	
	}
/*#signupname{
	position:relative;
	left:40px;
}*/

<!--STYLE FOR SIGN UP TABLE FROM sunamisignuppage.php -->


.firstpart
{
	width:130px;
	
}
/*
.secondpart{
	width:150px;
		
}*/
p
{
	display:inline;
}
.logintable, .logintable td, .logintable th{
border-collapse:collapse;
	
	
}

.logintable tr{
	
	padding:5px;
	
}
.logintable1{
	display:inline;
	width:300px;
	
	
	
}
.submitdata{
	text-align:center;
	
}
.labelpart{
	text-align:center;
	width:300px;
}
.submitdesign
{
	padding:3px 10px;
}

@media only screen and(max-width:300px)
{
	<!--font-size:0.7em;
	width:50%;-->
	.fa
	{
	font-size:18px;
	}
}
h3{
	margin:3px;
}
/*.inputdesign{
	width:160px;
}*/
.titleh4{
	position:absolute;
	top:20px;
	left:40%;
}
.gallery3{
	
	vertical-align:top;
	border:1px solid lightgrey;
	max-width:300px;
	word-wrap:break-word;
	margin:5px;
	display:inline-block;
	font-size:1em;
	padding:10px;
	
}
.gallery4{
	
	vertical-align:top;
	border:1px solid lightgrey;
	max-width:250px;
	display:inline-block;
	margin:5px;
	padding:10px;
}
.gallery4 input{
	padding:5px;
}
.contactus:hover, #contactus:hover, .home:hover, #home:hover, .homepage:hover, #homepage:hover, .forsale:hover, #forsale:hover, .tolet:hover, 
#tolet:hover, .businessesforsale:hover, #businessesforsale:hover, #signupnow:hover, #login:hover{
	background-color:#37bc9b;
}
.addpic:hover, #addpic:hover{
	background-color:#37bc9b;
<!--green;-->
	
}
.getmeaproperty:hover, #getmeaproperty:hover{
	background-color:#37bc9b;
	<!--green;-->
}
.getmeaproperty, #getmeaproperty
{
	background-color:red;
}
 .flex-item3{
		width:1050px;
		
	}
	.flex-item1, .flex-item2, .flex-item15, .flex-item20, .moredetails, .facebookarea, .flex-item200, .flex-item500, .moddisplay
	{
		
		display:flex;
	-webkit-display:flex;
	max-width:980px;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin-left:auto;
	margin-right:auto;
	border:0px solid grey;
	text-align:center;

	}


@-webkit-keyframes example3
{
	from{left:15%x;
	
	color:red;}
	to{left: 80%px;

	color:red;}
}
@keyframes example3
{
	from{left: 15%;
	
	color:red;}
	to{left: 60%;

	color:red;}
}
.example1
{
	width:250px;
	height:20px;
	margin:35px 15px 5px;
	
	text-align:center;
	position:relative;
	-webkit-animation-name: example3;
	
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-direction:alternate;
	animation-name: example3;
	animation-duration: 10s;
	
	animation-direction:alternate;
	animation-iteration-count: infinite;
	animation-timing-function:linear;	
}


.example{
	position:relative;
	-webkit-animation-name: promo;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	width:100px;
	color:red;
	background-color:yellow;
	text-align:center;
	
}
@-webkit-keyframes promo1
{
	from{left: 0px;}
	to{left: 80%;}
}
@keyframes promo1
{
	from{left: 0px;}
	to{left: 80%;}
}

.pagesearch1
{
	height:auto;
	width:1000px;
	margin:auto;
	text-align:center;
}	
.pagination, .pagination1{
	display:inline;
}
.paginationy a, .pagination1 a, .paginationn a{
	
	color:white;
	
	text-decoration:none;
	margin:1px auto;
	font-size:0.7em;
}
.paginationy a:hover, .pagination1 a:hover, .paginationn a:hover{
	
	background-color:#37bc9b;
	<!--#ff850a;-->
	color:white;
}
.paginationy li:hover, .pagination1 li:hover, .paginationn li:hover{
	background-color:#37bc9b;
	<!--#ff850a;-->
	color:white;
	
	
}
.pagination1 li, .paginationn li, .paginationy li{
	border:1px solid lightgrey;
	color:white;
	background-color:#188FFF;
	height:10px;
	
}

.listofitems5{
	display:none;
	
}
.listofitems5 li{
	display:block;
	list-style-type:none;
}

.contactus{
	border-radius:5px;
}
select{
	border:0px solid grey;
}
.firstpageimages
{ 
max-width:300px; 
height:auto; 
float:left;
margin:5px;
border:1px solid lightgrey;
padding:5px;


}

.mysearchcontent
{
	margin:auto;
	text-align:center;
}


.propsalepics
{
	max-width:280px;
	max-height:200px;
}
.flex-item15, .flex-item30, .flex-item20
{
	max-width:460px;
	max-height:260px;
	border:1px solid lightgrey;
	
}
.leftitem15, .leftitem30, .leftitem20
{
	max-width:270px;
	max-height:250px;
}
.rightitem15, .rightitem30, .rightitem20
{
	max-width:170px;
	max-height:220px;
}
.rightitem2020
{
	max-width:270px;
	max-height:250px;
}
.landplacetitle
{
	margin:3px 3px 0px;
}
.mydetailstable
{
	display:inline;
	text-align:left;
	
	
}
.pricerentpersqft
{
	//display:inline;
}


.flex-item6 select{
	border:1px solid lightgrey;
	width:80%;
}
#youremail, #yourname, #yourfone, #ownership, #yourname5, #youremail5, #yourfone5, #yourcomments5, #signupemail, #signupname, 
#username, #fullname, #theemail, #thepassword 
{
	max-width:170px;
}
#submit3, #interestinproperty, #thesubmit, #thesubmit5, #submit10, .interestinproperty1{
	max-width:90px;
	
}
.proponsalepic
{
	max-width:280px;
	height:auto;
}



#mysubmit10
{
	text-align:center;
}
#myrptpassword10, #mypassword10, #mytelephone10, #myemail10, #lname10, #fname10
{
	max-width:200px;
	
}
#mysubmit10
{
	max-width:100px;
}
.uploadpart
{
	font-size:0.9em;
}
.uploadpart input, .uploadpart select
{
	border:1px solid lightblue;
}
.flex-item8{
	margin-left:auto;
}
/*
#signupnow, #login, #logout{

	padding:5px;
	margin:5px;
	max-height:20px;
	max-width:60px;
	display:inline-block;
	
}*/
#originala
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.aheadings5
{
	background-color:yellow;
		color:white;
	padding:5px 5px;
	margin:2px;
	font-size:1.0em;
}
.sunamidashboardmain{
	border:1px solid lightgrey;
	max-width:1000px;
	height:auto;
	margin:auto;
	border-radius:8px;
	background-color:#f2f2f2;
	display:table;
	padding:0px;
	}

	.flex-container5{
	display:flex;
	-webkit-display:flex;
	max-width:100%;
	height:auto;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:row;
	flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:auto;
	text-align:center;
	font-size:0.9em;
}
.dashboardtable1
{
	display:inline-block;
	max-width:220px;
	margin:15px;
	
}
.dashboardtitle
{
	text-align:center;
	padding:0px 5px 5px;
	background-color:#188FFF;;
	color:white;
	
}

.reportsactions, .databaseactions
{
	border:1px solid lightgrey;
	padding:10px 10px 10px 100px;
	margin-top:20px;
	
	max-width:600px;
	display:inline-block;
}
.reportsactions option
{
border:1px solid lightgrey;	
}
.dashboardh5
{
	margin:5px;
}
.submitdashboard1, .submitdashboard2
{
	max-width:80px;
	margin-top:10px;
}
.dashboardfirstpart
{
	text-align:left;
}
.databaseinput, .dashboardfirstpart 
	max-width:200px;
	word-wrap:break-word;
}
select.reporttitle 
{
	max-width:200px;
		
	}
@media only screen and (max-width: 300px)
{
	.logintable{
	font-size:0.8em;
	}
	.submitdashboard1, .submitdashboard2, .dashboardtitle, .dashboardh5
{
	font-size:0.7em;
}

}
.titlesidebar
{
	
text-align:left;
color:green;
}
.sidebar
{
	width:600px;
	
}


.signuptable, .logouttable
{
	
	width:980px;
	height:auto;
	border:1px solid lightgrey;
	margin:auto;
	border-radius:8px;
	text-align:center;
}
.loginpage
{
	
	border:1px solid lightgrey;
	width:300px;
	height:auto;
	
	padding:8px;
	
	margin:5px auto;
}

.flex-item15, .flex-item20
{
	display:inline-block;
}

textarea
{
	font-size:0.9em;
	font-style:italic;
	color:grey;
	border:1px solid lightblue !important;
}

.themenu
{
	display:none;
}
#fb-root
{
	display:inline-block;
}
.loginplace
{
	
	display:inline-block;
vertical-align:middle;
	
}
@media only screen and (max-width:300px)
{

 .footer-item1, .aiconssection
{
	
	font-size:0.7em;
}
.twittersign, .fb-follow, .socialmedia
{
	
	display:none;
}
#sunamilogo img{
	

min-width:80px;
min-height:50px;

	
	}
}

.menucover, .fa1{

	display:none;
	padding:3px;
	
}
.fa{
	
	display:none;
}

.fa1
{
	display:inline-block;
	position:relative;
	
	
}
.dropdown-content15{
	position:absolute;
	display:none;
	max-width:200px;
	height:auto;
	right:0px;
	z-index:1;
	padding:0px;
	background-color:red;
	color:white;
	
}
.fa1:hover .dropdown-content15
{
	display:inline-block;
}
.dropdown-content15 ul li{
	font-size:0.9em;
	padding:2px;
	width:100px;
	font-weight:bold;
	border:1px solid white;
}

.dropdown-content15 ul li:hover{
}
.dropdown-content15 ul{
	list-style-type:none;
	padding-left:5PX;
	text-align:left;
}

.dropdown-content15 li{
	display:list-item;
	background-color:red;
	color:white;
	font-weight:bold;
}
.dropdown-content15 a{
	background-color:red;
	color:white;
}
#signupnow a{
	
	color:white;
}
.logons{
	display:inline-block;
	position:relative;
	max-width:100px;
	max-height:25px;
	background-color:#188FFF;
	color:white;
	text-align:center;
	padding:3px;
	right:50%;
	top:20%;
}
.logondetails::before{
	
	content:'';
	position:absolute;
	bottom:100%;
	left:70%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:transparent transparent red transparent;
	
}
.logondetails
{
	position:absolute;
	display:none;
	max-width:100px;
	height:auto;
	right:0px;
	z-index:1;
	padding:0px;
	background-color:red;
	color:white;
	font-size:0.9em;
		
}

.logons:hover .logondetails
{
	display:block;
}
.logons5:hover .logondetails
{
	display:block;
}
.logondetails li{
	display:list-item;
	background-color:red;
	color:white;
	font-weight:bold;
}
.logondetails ul{
	list-style-type:none;
	padding-left:5px;
	text-align:left;
}
.logondetails a{
	background-color:red;
	color:white;
}
.logondetails ul li{
	font-size:0.9em;
	padding:2px;
	width:75px;
	font-weight:bold;
	border:1px solid white;
}

.uploadpart input
{
padding:5px;
}
.uploadpart select
{
padding:5px;
}
.uploadpart
{

border:1px solid lightgrey;
margin:5px;
padding:5px;
}
@media only screen and (max-width: 500px)
{
@keyframes example3
{
	from{left: 5%;
	
	color:red;}
	to{left: 15%;

	color:red;}
}	

.examplemenu
{
	display:none;
}
.menucover, .fa1
{
	display:block;
}
#signupnow, #login,#logout
{
	display:none !important;
}
.fa{
	
	display:block;
}
.logons
{
	display:none;
}
.logons5
{
	display:none;
}

.sunaminametitle
{
	
	position:absolute;
	top:15px;
	

	
}
.sunamilogo5
{
min-width:50px;
height:auto;	
}



}
@media only screen and (max-width: 840px)
{
	
	.othertitles{
	display:none;
	}
	.othertitles5{
	display:none;
	}
	
	
}

.footer-item1 input
{
	border:1px solid lightblue;
	padding:5px;
}

.responsivelist
{
	display:inline-block;
	
}
.sunaminametitle
{
	display:inline;
	position:absolute;
	
	min-width:40%;

	
}
.sunaminame
{
	
	max-width:350px;
	position:absolute;
	
}

.sunamilogo, .sunaminametitle{
	margin-right:auto;
}
.othertitles{
	font-size:0.9em;
	position:absolute;
	top:45px;
	
	font-style:italic;
	
}


@media only screen and (max-width:500px)
{
	.sunaminame h2{
	font-size:0.9em;

}

.sunaminametitle
{
	
	

	position:absolute;
	top:10px;

	
}

}
html {
    /* To make use of full height of page*/
    min-height: 100%;
    margin: 0;
}
body {
    min-height: 100%;
    margin: 0;
}
.image{
	/*border-bottom:15px solid #FC0;*/
}
.aheadings2
{
	padding:3px 8px;
	border:1px solid lightblue;
	padding:6px 2px;
	z-index:3;
	margin:5px 0px;
}
select, input{
	border:0px solid transparent;
}
.contactustable, .contactustable th, .contactustable td
{
border-collapse:collapse;

}
.contactustable input
{
border:1px solid lightblue;
width:150px;
margin-right:5px;
}
.contactustable
{
padding:10px;
}
.result input, .logintable input
{
border:1px solid lightblue;
}
.logintablee input
{
border:1px solid lightblue;
}
.formmysearch
{
display:inline;
}
.mywriteupcontainer
{
max-width:950px;
	height:auto;	
margin:auto;
border:1px solid lightgrey;	
	
}
.mywriteupcontainer1
{
display:flex;
	-webkit-display:flex;

	max-width:950px;
	height:auto;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	//margin:auto;
	margin-left:auto;
	margin-right:auto;
padding-bottom:10px;

}
.mywriteupitem1
{
	max-width:550px;
	padding:10px;
	margin:0px;
	//align-items:center;
	
	word-wrap: break-word;
	display:inline-block;
	overflow:hidden;

/*START OF ADDITION FOR TESTING MULTI COLUMN -->
-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	color:black;
	column-width:250px;
	-webkit-column-width:250px;
	-moz-column-width:250px;
	font-size:0.9em;
	padding:5px;
	
//END OF ADDITION FOR TESTING MULTI COLUMN -->*/
	
}
.mywriteupitem2
{
	max-width:250px;
	padding:10px;
	margin:0px;
	//align-items:center;
	
	word-wrap: break-word;
	display:inline-block;
	overflow:hidden;
border-left:1px dashed lightgrey;


	
}

.h3title{
	column-span:all;
	margin:auto;
	padding-bottom:5px;

}
.postimage
{
	max-width:250px;
	max-height:150px;
}
.postimage5
{
	max-width:250px;
	max-height:180px;
}
.postcontainer
{
	border:1px solid lightgrey;
width:900px;
	margin:auto;
}
.posttitle
{
	max-width:600px;
	max-height:30px;
	border:1px solid lightgrey;
	
}
.contentarea
{
	max-width:600px;
	max-height:300px;
}
.designlooks{
	position: relative;
	border:1px solid #b3b3b3;
	max-width:110px;

	display:inline-block;
	background-color:#f2f2f2;
	border-radius:2px;
	overflow: hidden;
	color: #666;

}
.designlooks input.uploadme {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.pagecover{
	border:1px solid lightgrey;
	padding:5px;
	max-width:650px;
	height:auto;
	margin:auto;
	background-color:#ffffcc;
}
ul.ulmorestories li
{
display:list-item;
list-style-type:circle;
margin-left:-5px;
background-color:#f3f5f8;
font-size:0.9em;
margin: 0;
padding: 0.2em;

}
.ulmorestories a
{
color:black;
background-color:#f3f5f8;
}
.whatsappicon, .twittericon
{
max-width:30px;
max-height:30px;
}
#firstimageenewh4, .firstimageenewh4, .datafix
{
margin:0px;
color:white;
padding:0px;
border:0px;
//color: yellow;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.firstimageenewh45
{
margin:0px;
color:white;
padding:0px;
border:0px;

text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px blue;

}
#firstimagey1h4
{
margin:0px;
color:white;
padding:0px;
border:0px;
//color: yellow;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#firstpageimages225
{
background-color:#e5ff80;
}
#landplacebackground
{
background-color:#ffb3ff;

}
body
{
width:100%;
height:100%;
}
//Added for testing
#modcontent{
	width:1000px;
	

     position:fixed;
	
	top:15%;
	margin:auto;
	
	z-index:1040;
	background-color:red !important;
	color:white;
	text-align:center;
	overflow: auto;
	
}
/*#moddisplay
{
	
    width: 900px;
color:white;
background-color:black;
margin: auto;

}*/
#modtrigger{
	background-color:blue;
	padding:5px;
	color:white;
}
#getmeout{
	float:right;
	padding-right:10px;
	font-weight:bold;
	font-size:30px;
}
#getmeout:hover, #getmeout:focus
{
	color:black;
	cursor:pointer;
	text-decoration:none;
}
//end of adding for testing

body {
    display: flex;
    flex-direction: column;
}
.myx
{
position:relative;
right:15px;
top:5px;
text-align:right;
font-weight:bold;
font-size:20px;
margin:0px;

}
.myx span
{

border:1px solid white;
border-radius:25px;
background-color:black;
color:white;
padding:0px 5px;

}
.myx span:hover
{
cursor:pointer;
background-color:red;
}
#firstimagey3newmodal, #firstimagey3newmodal5
{
max-width:300px;
}

.closeicon
{
max-width:30px;
height:auto;
margin-top:5px;
}
.fa10
{
display:inline-block;
}