/*======================================== 
	NORMALIZE CSS
/*======================================*/

* { margin: 0; padding: 0; }
body { background: #8FBC8B; font: normal 15px Arial, sans-serif; line-height: 1em; color: #181e23; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, #nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not ([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html, button, input, select, textarea { font-family: sans-serif; }
code, kbd, pre, samp { font-family: monospace, serif; font-size:1em }
pre { white-space: pre-wrap; word-wrap: break-word; }
input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; }
button[disabled],input[disabled] { cursor: default }
input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; 
	-ms-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border: 0; }
textarea { overflow: auto; vertical-align: top;  }
table { border-collapse: collapse; border-spacing: 0; }

/*======================================== 
	BASIC CSS
/*======================================*/

/* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; 
	-ms-box-sizing: border-box; box-sizing: border-box; }*/
a { color: #016fb2; outline: none; text-decoration: none; }
a:active, a:hover { outline: 0; }
dfn { font-style: italic; }
hr { clear: both; border: 0; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; max-width: 100%; display: block; }
svg:not(:root) { overflow: hidden; }
ol, ul, li { list-style: none; line-height: 1em; } 

/**/
.clr { clear: both; line-height: 0; margin: 0; padding: 0; }

/**/
::selection { background: #42424; color: #4b184c; }
::-moz-selection { background: #FFF; color: #4b184c; }

a:link.bot2, a:visited.bot2, a:hover.bot2 {color: #E5FFE3; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:none;} 

/* paging */
.paging {
  text-align: right; color: #000000;
}
.paging img, .paging select, .paging input {
  vertical-align: middle; color: #000000;
}

#paging a:link, a:visited, a:hover {color: #000000; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:underline;}  

#page5 a:link, a:visited, a:hover {color: #000000; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:underline;}  

h3 a:link, a:visited, a:hover {color: #000000; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:23px; text-decoration:underline;}  

h3 a:hover {color: #8FBC8B; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:23px; text-decoration:underline;}  


/*======================================== 
	TYPOGRAPHY CSS
/*======================================*/

p { line-height: 20px; }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: normal; }
h1 { font-size: 18px; line-height: 18px; }
h2 { font-size: 18px; line-height: 18px; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 28px; line-height: 18px; }
h5 { font-size: 18px; line-height: 18px; }
h6 { font-size: 18px; line-height: 18px; }

.clearfix:before, .clearfix:after { display: block; content: ''; clear: both; width: 100%; }


/*==============================================
	INDEX PAGE 
==============================================*/

#wrapper { width: 100%; margin: 0px auto; }
.wrap { max-width: 1180px; margin: 0px auto; } 
 
/*--// header */
#header { border-top: 25px solid #3E683C; background: #DC143C; padding: 10px 0; }

/**/
.logo { float: left; }

/**/
.searchbox { background: #3E683C; width: 40%; height: 44px; float: right; margin-top: 11px;
	border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
.searchbox .button { background: url(https://www.matchlane.com/images/search.png) no-repeat center center; width: 44px; height: 44px; position: absolute;
	right: 0px; top: 0px; }
.searchbox .txtbox { line-height: 44px; border-radius: 5px; -webkit-border-radius: 5px; width: 88%; float: left;
	padding: 0 10px; }

/**/
.content { background: #8FBC8B; position: relative; }
.content .wrap { position: relative; z-index: 99; }
.content .banner { background: url(https://www.matchlane.com/images/match-dating.png) no-repeat center top #FFFF9A; position: absolute; 
	height: 195px; width: 100%; top: 0px; left: 0px; }
.article { float: left; width: 66.93877551020408%; }
.article2 { float: center; width: 100%; }
.aside { float: right; width: 30.61224489795918%; }

/**/
.breadcrumb { overflow: hidden; color: #3e3e3e; padding: 45px 0 10px 0; }
.breadcrumb h1 { font-size: 48px; line-height: 50px; margin-bottom: 10px; }
.breadcrumb p { margin-bottom: 10px; }
.breadcrumb a { color: #3e3e3e; font-size: 15px; margin: 0 5px; text-decoration: underline; }

/**/
.box { background: url(https://www.matchlane.com/images/corner.jpg) no-repeat right bottom #e9e9e9; border-top: 2px solid #3E683C; 
	overflow: hidden; margin-bottom: 8px; position: relative; }
.desc { background: url(https://www.matchlane.com/images/halfcircle.jpg) no-repeat right center #fff; float: left; 
	padding: 20px; width: 69.35975609756098%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.desc h3 { font-size: 24px; font-weight: 400; line-height: 30px; }
.desc span { color: #145e8c; text-decoration: none; }
.desc h3 { margin: 0 0 15px 0; text-decoration: underline; }
.desc p { margin: 0 0 10px 0; }
.desc p:last-child { margin: 0 0 0px 0; }

.box3 { background: url(https://www.matchlane.com/images/corner.jpg) no-repeat right bottom #e9e9e9; border-top: 2px solid #3E683C; 
	overflow: hidden; margin-bottom: 8px; position: relative; margin-right: 10px;}
.desc3 { background: url(https://www.matchlane.com/images/halfcircle.jpg) no-repeat right center #fff; float: left; 
	padding: 20px; width: 69.35975609756098%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.desc3 h3 { font-size: 24px; font-weight: 400; line-height: 30px; }
.desc3 span { color: #145e8c; text-decoration: none; }
.desc3 h3 { margin: 0 0 15px 0; text-decoration: underline; }
.desc3 p { margin: 0 0 10px 0; }
.desc3 p:last-child { margin: 0 0 0px 0; }

.txt18 { font-size: 18px; }
.txt14 { font-size: 15px; }
.txt21 { color: #FFFFFF }


/**/
.btnholder { right: 0px; text-align: center; width: 30.64024390243902%; position: absolute; height: 100%; }
.btnholder a { background: #e9e9e9; border: 3px solid #3E683C; line-height: 44px; position: absolute; top: 50%;
	margin-top: -25px; left: 50%; margin-left: -88px;
	display: block; padding: 0 25px; font-size: 20px; border-radius: 25px; -webkit-border-radius: 25px; }

.btnholder3 { right: 0px; text-align: center; width: 30.64024390243902%; position: absolute; height: 100%; }
.btnholder3 a { background: #e9e9e9; border: 3px solid #3E683C; line-height: 44px; position: absolute; top: 50%;
	margin-top: -25px; left: 50%; margin-left: -72px;
	display: block; padding: 0 25px; font-size: 20px; border-radius: 25px; -webkit-border-radius: 25px; }

a:link.btn11, a:visited.btn11, a:hover.btn11 {color: #016fb2; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:none;} 
a:link.btn12, a:visited.btn12, a:hover.btn12 {color: #016fb2; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:none;} 
.btn11 {color: #016fb2; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:15px; text-decoration:none;} 





/**/
.block { background: #e9e9e9; border-top: 3px solid #3E683C; margin-bottom: 8px; padding: 10px; }
.block h5 { background: url(https://www.matchlane.com/images/bdr.png) repeat-x left bottom; padding: 0 0 10px 0; 
	text-align: center; margin: 0 20px 8px 20px; }
.letters { font-size: 30px; line-height: 30px; display: block; text-align: justify; padding: 8px 0 0 0; }
.letters a { color: #1a1a1a; display: inline-block; margin: 0 17px 3px 0; }

.social { text-align: center; }
.social a { display: inline-block; text-align: center; }
.links li { display: block; line-height: 20px; padding: 0 0 0 20px; }
.links a { font-size: 18px; color: #000; }

a:link.subbb1 {color: #E5FFE3; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:16px; text-decoration:none;} 
a:visited.subbb1 {color: #E5FFE3; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:16px; text-decoration:none;} 
a:hover.subbb1 {color: #3E683C; font-weight: normal; font-face:Tahoma,Arial,Helvetica; font-size:16px; text-decoration:none;} 

/**/
#footer { font-size: 18px; color: #000000;	text-align: center; overflow: hidden; }
.ftop { background: #FFFF9A; padding: 20px 0px; }
.copyright { background: #85BF3A; padding: 40px 0px; }

@media only screen and (max-width:980px) {

/**/
.wrap { padding: 0 20px; }

/**/
.article { float: none; width: 100%; margin-bottom: 20px; }
.aside { float: none; width: 100%; }
.page5 { float: none; width: 200px; color: #FFFFFF;}

/**/
.logo { float: none; text-align: center; }
.logo img { margin: 0px auto; }

/**/
.searchbox { width: 100%; }

/**/
.ftop { padding: 20px; }
.copyright { padding: 40px 20px; }

}

@media only screen and (max-width:650px) {
	
.desc { background: #fff; float: none; padding: 20px; width: auto; }
.desc3 { background: #fff; float: none; padding: 20px; width: auto; }
.btnholder { padding: 20px; width: auto; position: static; }
.btnholder a { position: static; display: inline-block; margin: 0px; }
.btnholder3 { padding: 20px; width: auto; position: static; }
.btnholder3 a { position: static; display: inline-block; margin: 0px; }


.breadcrumb h1 { font-size: 40px; }

}

@media only screen and (max-width:360px) {
	
.desc { background: #fff; float: none; padding: 20px; width: auto; }
.desc3 { background: #fff; float: none; padding: 20px; width: auto; }
.btnholder { float: none; padding: 20px; width: auto; }
.btnholder3 { float: none; padding: 20px; width: auto; }


.breadcrumb h1 { font-size: 40px; }
.searchbox .txtbox { width: 85%; }

}

/* search highlighting */
.searchhl-1 {
  background: #f6edb6;
}
.searchhl-2 {
  background: #b6c7f6;
}
.searchhl-3 {
  background: #f6b6ee;
}
.searchhl-4 {
  background: #c8f6b6;
}
.searchhl-5 {
  background: #f2f6b6;
}

.search44 li { font-size: 18px;   margin: 10px 0; }