/* =CSS Reset
========================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol {
	list-style: decimal;
	margin: 0;
	padding: 0 0 0 20px;
	margin: 0 0 15px;
}

ol li {
	margin: 0;
	padding: 0;
}

ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 0 20px;
	margin: 0 0 15px;
}

ul li {
	margin: 0;
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* =Default Tag & General Classes
========================================================================================*/

html, body {
	-webkit-font-smoothing: antialiased;
	

/*

Fix for webkit rendering */ -webkit-text-size-adjust: 100%;
	height: 100%;
}

body {
	font: 14px/1.610 'Lato', Arial, Helvetica, sans-serif;
	color: #1f3745
}

img {
	vertical-align: top;
	border: 0;
}

a, input[type="button"], input[type="submit"], button {
	-moz-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-webkit-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
	-ms-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
}

.allanim, .photos-slider.owl-theme .owl-nav div.owl-next:after, .photos-slider.owl-theme .owl-nav div.owl-prev:after, .username-row a.next-profile:after, .username-row a.prev-profile:after, .search-tabnav li a, .pagination a.prevpage:after, .pagination a.nextpage:after {
	-moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-o-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	-ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
}

a {
	color: #ee2956;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #5ca8d2;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

a:active {
	background-color: transparent;
}

}

strong {
	font-weight: 700;
}

p {
	margin: 0 0 15px 0;
}

h1,h2, h3, h4, h5, h6 {
	line-height: 1.3;
	margin-bottom: 15px;
	font-weight: 700;
}

h1,h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.cf:before, .cf:after,.wrap:after,.wrap:before, .messagelisting li:after, .messagelisting li:before, .formlisting li:after, .formlisting li:before, .maillisting li:after, .maillisting li:before, .settingslisting li:after, .settingslisting li:before, .pay-pricebox:after, .pay-pricebox:before, .form-list li:after, .form-list li:before, .checkboxlisting li:after, .checkboxlisting li:before {
	content: "";
	display: table;
}

.cf:after,.wrap:after, .messagelisting li:after, .formlisting li:after, .checkboxlisting li:after, .maillisting li:after, .pay-pricebox:after, .mail-info-list li:after, .form-list li:after {
	clear: both;
}

.cf,.wrap, .messagelisting li, .formlisting li, .settingslisting li, .maillisting li, .pay-pricebox, .mail-info-list li, .form-list li {
	zoom: 1;
}

.nodisplay {
	display: none;
}

.nodisplay_strict {
	display: none !important;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

:focus {
	outline: none;
}

.text_cont p {
	padding: 0 0 10px 0;
}

.nopad p, p.nopad {
	padding: 0;
}

.cols {
	*zoom: 1;
}

.cols:before, .cols:after {
	display: table;
	line-height: 0;
	content: "";
}

.cols:after {
	clear: both;
}

.cols2 {
	margin-left: -2%;
}

.cols3 {
	margin-left: -3%;
}

.cols4 {
	margin-left: -2%;
}

.cols .col {
	float: left;
	min-height: 1px;
	margin-left: 30px;
}

.cols2 .col {
	width: 48%;
	margin-left: 2%;
}

.cols3 .col {
	width: 30.3%;
	margin-left: 3%;
}

.cols4 .col {
	width: 23%;
	margin-left: 2%;
}

/* Responsive Menu line icon*/

#menu, .login-trigger {
	display: none;
}

.lines-button {
	padding: 0;
	transition: 550ms;
	cursor: pointer;
	user-select: none;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	color: #e5e5e5;
	font-weight: 600;
}

.lines-button:hover {
	opacity: 1;
}

.lines-button:active {
	transition: 0;
}

.lines {
	display: inline-block;
	width: 25px;
	height: 3px;
	background: #ffffff;
	transition: 550ms;
	position: relative;
	margin: 17px 10px 0 0;
	float: left;
}

.lines:before, .lines:after {
	display: inline-block;
	width: 25px;
	height: 3px;
	background: #ffffff;
	transition: 550ms;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: 0.28571rem center;
	transform-origin: 0.28571rem center;
}

.lines:before {
	top: 8px;
}

.lines:after {
	top: -8px;
}

/* =Layout Width
========================================================================================*/

#wrapper {
	min-height: 100%;
	position: relative;
}

#wrapper > iframe { position:absolute; left:0; bottom:0; }

.wrap {
	max-width: 980px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

#main {
	padding: 10px 0 498px;
}

.home #main {
	padding: 10px 0 471px;
}

#container {
	float: left;
	width: 700px;
}

#primary {
	width: 630px;
	float: left;
}

#sidebar {
	float: right;
	width: 310px;
}

.one-column {
	width: auto !important;
	float: none !important;
}

/* =Form Style
========================================================================================*/

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="submit"], input[type="button"] {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

button, input {
	line-height: normal;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select {
	background: #fff;
	padding: 2px 12px;
	height: 36px;
	line-height: 100%;
	color: #000;
	border: solid 2px #c2c2c2;
	border-radius: 6px;
	width: 100%;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}

textarea {
	width: 100%;
	height: 100px;
	overflow: auto;
	resize: none;
	padding: 8px 11px;
}

select {
	height: auto;
	padding: 6px;
	-moz-appearance: none;
	-webkit-appearance: menulist;
}

input::-moz-focus-inner, button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="button"], input[type="submit"], button {
	background: #5ca8d2;
	color: #fff;
	border: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	padding: 8px 25px;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 500;
	font-size: 17px;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
	background: #5194b8;
	color: #fff;
}

a.search-more {
	background: #5ca8d2;
	color: #fff;
	border: 0;
	cursor: pointer;
	width: 100%;
	overflow: visible;
	padding: 8px 25px;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	border-radius: 6px;
	font-weight: 500;
	font-size: 17px;
	display: block;
}

a.search-more:hover {
	background: #5194b8;
	color: #fff;
}



input[type="checkbox"], input[type="radio"] {
	margin: 4px 8px 0;
	vertical-align: top;
}

.formbox .row {
	margin-bottom: 10px;
}

.formbox .row label {
	padding-bottom: 10px;
}

.formbox {
	max-width: 350px;
	width: 100%;
}

.date {
	margin-left: -1.3333%;
	font-size: 0;
}

.date select {
	width: 32%;
	margin-left: 1.3333%;
	font-size: 13px;
}

/* =Common-Page (common classes for all pages)
========================================================================================*/

#header {
	background: #1f3745;
}

#logo {
	float: left;
	text-align: center;
	margin: 22px 0 4px;
	font-size: 18px;
	color: #ee2956;
}

#logo:hover {
	color: #ee2956;
}

#logo span {
	text-indent: -999em;
	width: 299px;
	height: 36px;
	background-position: 0 0;
	display: block;
}

#mainmenu {
	display: none;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainmenu li {
	line-height: 38px;
}

#mainmenu li a {
	text-decoration: none;
	padding: 0 15px 3px;
	display: block;
	background: #1f3745;
	color: #fff;
	border-top: solid 1px #192d39;
	font-size: 17px;
	font-weight: 500;
}

#mainmenu li a:hover, #mainmenu li.active a {
	color: #fff;
	background: #ee2956;
}

.sprites {
	background-image: url(../images/bgi/sprites.png);
}

.sp-after:after {
	background-image: url(../images/bgi/sprites.png);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	content: '';
	vertical-align: middle;
}

.sp-before:before {
	background-image: url(../images/bgi/sprites.png);
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	content: '';
	vertical-align: middle;
}

.loginform {
	float: right;
	padding-top: 24px;
	margin: 0;
	list-style: none;
}

.loginform li {
	float: left;
	padding-left: 10px;
	width: 194px;
}

.loginform input {
	border: 0;
	padding-left: 34px;
	color: #34495e;
}

.fieldrow {
	position: relative;
}

.conditions, .conditions p  {
	color: #95948a;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;	
}

.loginform li {
	padding-left: 10px;
}

.loginform li .fieldrow:before, .step-form li .fieldrow:before {
	width: 16px;
	height: 17px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	z-index: 2;
	content: '';
	margin: 9px 0 0 0;
}

.username:before {
	background-position: 0 -39px;
}

.password:before {
	background-position: -18px -39px;
}

.email-address:before {
	background-position: -36px -39px;
}

.loginform li input[type="submit"] {
	padding: 8px 25px;
	color: #fff;
}

.forgot-row {
	text-align: center;
	font-size: 13px;
	padding-top: 2px;
}

.forgot-row a {
	color: #fff;
	text-decoration: none;
}

.forgot-row a:hover {
	color: #ee2956;
}

.loginform li input.error {
	border: solid 1px red !important;
}

.error {
	font-size: 13px;
	color: #ee2956;
	display: block;
	text-align: left
}

.loginform li div.error {
	padding-left: 2px;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #1f3745;
	padding: 50px 0 20px;
	color: #fff;
}

.footermenu-block {
	padding-bottom: 110px;
}

.footermenu-block .fmenu {
	width: 25%;
	float: left;
	font-size: 16px;
	font-weight: 500;
}

.footermenu-block .fmenu h4 {
	color: #65b8e7;
	font-size: 18px;
	margin: 0;
}

.fmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fmenu ul li {
	line-height: 1.15;
}

.fmenu ul li a {
	color: #fff;
	text-decoration: none;
}

.fmenu ul li a:hover {
	color: #c3e9ff;
}

.country-box {
	font-size: 0px;
	text-align: center;
}

.country-box span {
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
	line-height: 19px
}

.country-box a {
	display: inline-block;
	margin: 0 2px;
	vertical-align: top;
}

.copyright {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.1;
	color: #fefefe;
	padding: 30px 0 5px 0;
}

/* =Home-Page (only homepage used classes)
========================================================================================*/

.join-stepform .ez-radio, .mysearchbox .ez-radio {
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
	top: -2px;
}

.join-stepform.hidden {
	display: none;
}

.join-formblock {
	background-repeat: no-repeat;
	background-position: 50% 0;
	min-height: 530px;
}

.join-stepform {
	max-width: 410px;
	width: 100%;
	margin: 10px auto;
	background: #f7f7f7;
	box-shadow: 0 1px 6px rgba(0,0,0,0.27);
	font-size: 16px;
	min-height: 530px;
	position: relative;
	padding-bottom: 74px;
	left:  -230px;
}

.stepform-header {
	font-style: italic;
	text-align: center;
	padding: 8px 10px;
	background: #ee2956;
	color: #fff;
	font-size: 18px;
}

.stepform-header h1 {
	margin: 0;
	font-size: 36px;
	line-height: 1.2;
	text-shadow: 1px 3px 0 #a31d3c;
}

.stepform-body {
	padding: 12px;
}

.ez-hide {
	opacity: 0;
	filter: alpha(opacity=0);
}

.ez-checkbox, .ez-radio {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.ez-checkbox {
	background: url(../images/bgi/checkbox.png) -20px 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.ez-radio {
	background: url(../images/bgi/checkbox.png) 0 0 no-repeat;
	display: inline-block;
}

.ez-checked {
	background-position: -20px -20px;
}

.ez-selected {
	background-position: 0 -20px;
}

.ez-selected-green {
	background-position: -60px -20px;
}

.ez-checkbox, .ez-radio {
	zoom: 1;
	*display: inline;
	_height: 50px;
}

.ez-checkbox input, .ez-radio input {
	margin: 0;
	width: 20px;
	height: 20px;
}

.step-form {
	margin: 0;
	padding: 0;
	list-style: none;
}

.step-form li {
	padding: 5px 0;
}

.step-form li input[type="text"], .step-form li input[type="email"], .step-form li input[type="password"], .step-form li input[type="tel"] {
	padding-left: 34px;
	font-size: 14px;
	padding-right: 32px;
}

.step-form li input:after {
	content: '';
	border: solid 2px red;
	width: 20px;
	height: 20px;
}

.error .validation-icons {
	width: 16px;
	height: 16px;
	background-position: -75px -39px;
	position: absolute;
	z-index: 2;
	right: 9px;
	top: 10px;
}

.success .validation-icons {
	width: 16px;
	height: 16px;
	background-position: -56px -39px;
	position: absolute;
	z-index: 2;
	right: 9px;
	top: 12px;
}

input.step-submitbtn {
	background: #33c388;
	padding: 8px 65px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}

input.step-submitbtn:hover {
	background: #2dab77;
}

.step-form li .ideal {
	padding: 5px 0 12px 12px;
}

.step-form li p.error {
	padding: 8px 0 12px 13px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 10px;
}

.media-bar {
	background: #ee2956;
	color: #fff;
	padding: 12px;
0
}

.media-bar strong {
	text-align: center;
	display: block;
	line-height: 1;
}

#logo-slider {
	max-width: 768px;
	width: 100%;
	margin: 0 auto;
}

#logo-slider.owl-theme .owl-controls {
	margin: 0;
}

#logo-slider .item {
	margin-left: 25px;
	float: left;
}

#logo-slider.owl-theme .item, #logo-slider .item:first-child {
	margin-left: 0;
}

#logo-slider.owl-theme .item {
	float: none
}

.welcome-info h1 {
	margin: 0;
	font-weight: 400;
	text-align: center;
}

.welcome-info em {
	display: block;
	text-align: center;
	font-size: 16px;
}

.usp-listing {
	padding: 5px 0 15px;
}

.usp-listing .item {
	padding: 10px 15px;
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}

.usp-listing .item:after {
	position: absolute;
	background: #ee2956;
	height: 42%;
	width: 1px;
	content: '';
	left: 0;
	top: 110px;
}

.usp-listing .item:first-child:after {
	display: none;
}

.usp-listing .item h2 {
	font-size: 18px;
	margin: 0 0 -8px;
	font-weight: 700;
}

.usp-listing .item h2 a {
	color: #1f3745;
	text-decoration: none;
}

.usp-listing .item h2 a:hover {
	color: #ee2956;
	text-decoration: none;
}

.usp-listing .item p {
	margin: 20px 0 0 0
}

.usp-listing .item h2:before {
	width: 60px;
	height: 52px;
	margin: 0 auto 15px;
	display: block;
}

.usp-listing.owl-theme .item, .testimonial.owl-theme .item {
	width: 100%;
	float: none;
	padding: 5px 18px;
}

.testimonial.owl-carousel .owl-item {
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-moz-transition: none;
}

.serious-profile-icon:before {
	background-position: -308px 0;
}

.secondlover-icon:before {
	background-position: -373px 0;
}

.direct-flirt-icon:before {
	background-position: -308px -56px;
}

.helping-hand-icon:before {
	background-position: -373px -56px;
}

.testimonial-block {
	background: #3f6f8a;
	padding: 40px 0 26px
}

.testimonial {
	color: #fff;
	font-style: italic;
}

.testimonial .item {
	width: 33.3333%;
	float: left;
	padding: 3px 34px 0 20px;
	font-size: 16px;
	line-height: 1.2;
	position: relative;
}

.testimonial .item p {
	margin: 0 0 20px
}

.testimonial-user {
	display: block;
	text-align: right;
	font-weight: 500;
}

.testimonial-user em {
	color: #65b8e7;
}

.testimonial .item:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background-position: -129px -39px;
}

.sbHolder {
	height: 20px;
	position: relative;
	width: auto;
	line-height: 20px;
}

.sbHolder:focus .sbSelector {
	
}

.sbSelector {
	display: block;
	height: 20px;
	left: 0;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 0 25px 0 10px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
	color: #1f3745;
	outline: none;
	text-decoration: none;
}

.sbToggle {
	background: url(../images/bgi/sprites.png) -93px -39px no-repeat;
	display: block;
	height: 16px;
	outline: none;
	position: absolute;
	right: 5px;
	top: 0;
	width: 16px;
	bottom: 0;
}

.sbToggleOpen {
	background: url(../images/bgi/sprites.png) -111px -39px no-repeat;
}

.sbOptions {
	background-color: #ffffff;
	border: solid 1px #e2e2e2;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	max-height: 220px;
	overflow-y: auto;
}

.sbOptions li {
	padding: 0;
}

.sbDisabled {
	color:  #ffffff;
	background-color: #3f6f8a;
}

.sbOptions a, .sbOptions span {
	border-bottom: solid 1px #caddec;
	display: block;
	outline: none;
	padding: 4px 8px;
}

.sbOptions a:link, .sbOptions a:visited {
	color: #1f3745;
	text-decoration: none;
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
	color: #ffffff;
	background-color: #62a8d1;
}

.join-stepform .sbHolder, .mysearchbox .sbHolder {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.join-stepform .sbHolder .sbSelector, .mysearchbox .sbHolder .sbSelector {
	position: static;
	display: inline-block;
	padding-left: 4px;
}

.join-stepform .sbHolder .sbToggle, .mysearchbox .sbHolder .sbToggle {
	top: 2px;
}

.join-stepform .sbHolder .sbOptions, .mysearchbox .sbHolder .sbOptions {
	width: 62px;
}

.name-selbox {
	display: inline-block; vertical-align:top;
}


.join-stepform .name-selbox .sbHolder .sbOptions, .mysearchbox .name-selbox .sbHolder .sbOptions {
	/*width: 170px;*/
	width: 230px;
}

.join-stepform .gender-selbox .sbHolder .sbOptions, .mysearchbox .gender-selbox .sbHolder .sbOptions {
	/*width: 170px;*/
	width: 300px;
}


.form-infoblock {
	padding: 0 0 22px;
	line-height: 1.8;
}

.form-infoblock.last {
	padding-bottom: 8px;
}

.validation-icons {
	display: none;
}

.error .validation-icons, .success .validation-icons {
	display: block;
}

.banner-picture {
	display: none;
}

input.step-submitbtn {
	width: 274px;
	margin: 0 auto;
	padding: 8px 0;
	text-align: center;
}

.register-fixedbtn {
	position: fixed;
	width: 100%;
	background: #fff;
	padding: 8px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	display: none;
	z-index: 99999;
}

.register-fixedbtn a {
	border-radius: 4px;
	display: block;
	background: #33c388;
	text-align: center;
	line-height: 42px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

.register-fixedbtn a:hover {
	background: #2dab77;
	color: #fff;
}

/* =Page-Profile page
========================================================================================*/

.loggedin #logo {
	margin: 22px 0 18px;
}

.loggedin header {
	height: 64px;
}

.loggedin #logo span {
	width: 75px;
	height: 24px;
	background-position: 0 -123px;
}

.action-menu {
	float: left;
	margin-left: 45px;
}

.action-menu ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.action-menu > ul > li {
	float: left;
	position: relative;
	z-index: 3
}

.action-menu > ul > li > a {
	display: block;
	height: 64px;
	padding: 19px 20px;
}

.action-menu > ul > li > a:hover, .action-menu > ul > li.active > a {
	background: #bfc5ca;
}

.action-menu > ul > li > a > span {
	text-indent: -999em;
	display: block;
	width: 37px;
	height: 28px;
	position: relative;
}

.newmessage-icon {
	background-position: -79px -122px;
}

.newviews-icon {
	background-position: -11px -265px;
}

.newwinks-icon {
	background-position: -119px -122px;
}

.action-menu .subnavbox {
	width: 230px;
	position: absolute;
	left: 0;
	top: 100%;
	background: #bfc5ca;
	z-index: 5;
	font-size: 16px;
	display: none;
}

.action-menu .subnavbox strong {
	font-size: 16px;
	display: block;
	padding: 6px 12px;
}

.action-menu > ul > li a span em {
	text-indent: 0;
	display: block;
	position: absolute;
	border-radius: 100%;
	background: #ee2956;
	right: -13px;
	top: -10px;
	color: #fff;
	width: 23px;
	height: 23px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-style: normal;
}

.action-menu .subnavbox li a {
	line-height: 24px;
	padding: 9px 5px 11px 36px;
	position: relative;
	display: block;
	font-style: italic;
	color: #1f3745;
}

.action-menu .subnavbox li a:hover {
	background: #fff;
}

.action-menu .subnavbox li a:before {
	background: url(../images/bgi/sprites.png) -148px -96px no-repeat;
	content: '';
	width: 16px;
	height: 13px;
	position: absolute;
	left: 12px;
	top: 15px;
}

.action-menu .messages li a:before {
	background: url(../images/bgi/sprites.png) -9px -221px no-repeat;
	width: 18px;
	height: 13px;
	left: 12px;
	top: 15px;
}

.action-menu .winks li a:before {
	background: url(../images/bgi/sprites.png) -29px -221px no-repeat;
	width: 22px;
	height: 13px;
	left: 8px;
	top: 15px;
}

.action-menu .views li a:before {
	background: url(../images/bgi/sprites.png) -77px -219px no-repeat;
	width: 22px;
	height: 17px;
	left: 9px;
	top: 14px;
}

.action-menu .subnavbox li.active a {
	color: #fff;
	background: #1f3745;
}

.action-menu .subnavbox li.active a:before {
	background-position: -166px -96px;
}

.action-menu .messages li.active a:before {
	background-position: -10px -245px;
}

.action-menu .winks li.active a:before {
	background-position: -30px -245px;
}

.action-menu .views li.active a:before {
	background-position: -77px -243px;
}

.userlogin-box {
	float: right;
	margin: 10px 5px 10px 0;
	border-radius: 6px;
	width: 300px;
	background: #77b0d2;
	position: relative;
	z-index: 3
}

.user-trigger figure {
	float: left;
	position: relative;
	z-index: 7
}

.user-trigger figure img {
	border-radius: 6px;
}

.userlogin-box > ul {
	position: absolute;
	top: 38px;
	left: 0;
	background: #77b0d2;
	padding: 9px 0;
	margin: 0;
	list-style: none;
	z-index: 6;
	width: 100%;
	border-radius: 0 0 6px 6px;
	display:none ; 
}

.userlogin-box ul li {
	
	text-align: right;
	position:relative;
}

.userlogin-box ul li a { 
	position:relative;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 0 8px;
	margin:0 38px;
	display: block;
	border-top: solid 1px #aacce1;
	/*border-bottom: solid 1px #6698b5;*/
}

.userlogin-box ul li a:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 1px;
	background: #6698b5;
}

.userlogin-box ul li a:hover, .userlogin-box ul li.active a {
	color: #1f3745;
}

.userlogin-box ul ul {
	margin: 0 0 -1px;
	padding: 0;
	list-style: none;
	background: #1f3644;
	border: solid 1px #b2d3e6;
	border-left: 0;
	border-right: 0;
	display: none;
}

.userlogin-box ul ul li a {
	border-top: solid 1px #1c2e3c;
	border-bottom: solid 1px #718391;
}

.userlogin-box ul ul li a:hover {
	color: #77b0d2;
}

.userlogin-box ul ul li a:before {
	top: -1px;
	background: #1c2e3c;
}

.userlogin-box ul ul li:last-child a {
	border-bottom: 0;
}

.userlogin-box .arrowbox {
	position: absolute;
	width: 38px;
	height: 38px;
	right: -38px;
	top: 0;
	cursor: pointer;
	z-index: 6;
}

.userlogin-box .arrowbox:after,.userlogin-box .arrowbox:before {
	top: 50%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.userlogin-box .arrowbox:after {
	border-color: rgba(120, 176, 211, 0);
	border-top-color: #78b0d3;
	border-width: 5px;
	margin-left: -5px;
	margin-top: -1px
}

.userlogin-box .arrowbox:before {
	border-color: rgba(223, 255, 255, 0);
	border-top-color: #dfffff;
	border-width: 6px;
	margin-left: -6px;
	margin-top: -1px
}

.userlogin-box .open .arrowbox:after {
	border-color: rgba(120, 176, 211, 0);
	border-bottom-color: #78b0d3;
	border-width: 5px;
	margin-left: -5px;
	margin-top: -6px
}

.userlogin-box .open .arrowbox:before {
	border-color: rgba(223, 255, 255, 0);
	border-bottom-color: #dfffff;
	border-width: 6px;
	margin-left: -6px;
	margin-top: -8px
}

.user-trigger {
	display: block;
	background: #77b0d2;
	position: relative;
	border-radius: 6px;
	color: #fff;
	padding-right: 38px;
	width: 100%;
	text-align: right;
	height: 44px;
	font-style: italic;
	line-height: 1;
}

.user-trigger:after {
	top: 18px;
	right: 12px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}

.user-trigger strong {
	display: block;
	font-size: 17px;
	line-height: 1;
	padding-top: 6px;
	font-style: normal;
}

.user-trigger:hover {
	color: #fff;
}

.username-row {
	position: relative;
	background: #1f3745;
	padding: 9px 45px;
	line-height: 1;
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	text-shadow: 1px 2px 1px rgba(0,0,0,.75);
	font-style: italic;
	text-align: center;
}

.username-row a.prev-profile, .username-row a.next-profile {
	position: absolute;
	top: 14px;
	width: 18px;
	height: 20px;
	text-indent: -999em;
}

.username-row a.next-profile {
	right: 13px;
}

.username-row a.prev-profile {
	left: 10px;
}

.username-row a.next-profile:after {
	right: 0;
	top: -2px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(230, 231, 231, 0);
	border-left-color: #e6e7e7;
	border-width: 11px 16px;
	margin-right: -17px;
	-moz-transform: scale(.9999);
}

.username-row a.next-profile:hover:after {
	border-left-color: #ee2956;
}

.username-row a.prev-profile:after {
	right: 0;
	top: -2px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: transparent;
	border-right-color: #e6e7e7;
	border-width: 11px 16px;
	margin-left: -17px;
	-moz-transform: scale(.9999);
}

.username-row a.prev-profile:hover:after {
	border-right-color: #ee2956;
}

.online span.sp-after:after {
	width: 25px;
	height: 27px;
	background-position: -178px -154px;
	top: -1px;
	position: relative;
}

.user-access-row {
	background: #def0fb;
	padding: 10px;
}

.accessicon-nav {
	font-size: 0;
	text-align: center;
}

.accessicon-nav a {
	width: 32px;
	height: 27px;
	text-indent: -999em;
	display: inline-block;
	margin: 0 4px;
}

.profile-icon {
	background-position: -253px -154px;
}

.profile-icon:hover, .profile-icon.active {
	background-position: -253px -184px;
}

.message-icon {
	background-position: 0 -154px;
}

.message-icon:hover, .message-icon.active {
	background-position: 0 -184px;
}

.flag-icon {
	background-position: -488px -216px;
}

.flag-icon:hover, .flag-icon.active {
	background-position: -488px -236px;
}

.view-icon {
	background-position: -36px -154px;
}

.view-icon:hover, .view-icon.active {
	background-position: -36px -184px;
}

.buddy-icon {
	background-position: -72px -154px;
}

.buddy-icon:hover, .buddy-icon.active {
	background-position: -72px -184px;
}

.favorite-icon {
	background-position: -108px -154px;
}

.favorite-icon:hover, .favorite-icon.active {
	background-position: -108px -184px;
}

.delete-icon {
	background-position: -144px -154px;
}

.delete-icon:hover, .delete-icon.active {
	background-position: -144px -184px;
}

.trash-icon {
	background-position: -332px -202px;
}

.trash-icon:hover, .trash-icon.active {
	background-position: -332px -232px;
}

.profile-infobox {
	padding: 15px 10px;
	margin-bottom: 15px
}

.profile-thumb {
	float: left;
	margin-right: 10px;
}

.profile-thumb img {
	border-radius: 10px;
}

.user-proinfo-section {
	display: inline-block;
	margin: 0 10px 10px 0;
	border-radius: 10px;
	font-weight: 400;
	color: #fff;
	background: #5ca8d2;
	padding: 6px 12px;
	font-size: 16px;
}

.profile-infobox p {
	border-radius: 10px;
	font-weight: 400;
	color: #fff;
	background: #5ca8d2;
	padding: 8px 12px;
	margin-bottom: 10px;
	overflow: hidden;
	font-style: italic;
	font-size: 16px;
	line-height: 1.2;
}

.section-title {
	font-size: 24px;
	font-style: italic;
	color: #1f3745;
	background: #def0fb;
	padding: 7px 10px;
	text-align: center;
}

.photobox {
	margin-bottom: 15px;
}

.photslideouter {
	position: relative;
	padding: 4px 45px;
}

.photos-slider figure img {
	border-radius: 10px;
}

.photos-slider.owl-theme .owl-controls {
	margin: 0;
}

.photos-slider.owl-theme .owl-nav div {
	font-size: 0;
	width: 26px;
	height: 30px;
	background: none;
	border-radius: 0;
	top: 50%;
	position: absolute;
	margin: -15px 0 0 0;
}

.photos-slider.owl-theme .owl-nav div:hover {
	background: none;
}

.photos-slider.owl-theme .owl-nav div.owl-prev {
	left: -36px;
}

.photos-slider.owl-theme .owl-nav div.owl-next {
	right: -36px;
}

.photos-slider.owl-theme .owl-nav div.owl-next:after {
	left: 0;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(92, 168, 210, 0);
	border-left-color: #5ca8d2;
	border-width: 15px 25px;
	margin-top: 0;
	-moz-transform: scale(.9999);
}

.photos-slider.owl-theme .owl-nav div.owl-prev:after {
	right: 0;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(92, 168, 210, 0);
	border-right-color: #5ca8d2;
	border-width: 15px 25px;
	margin-top: 0;
	-moz-transform: scale(.9999);
}

.photos-slider.owl-theme .owl-nav div.owl-next:hover:after {
	border-left-color: #ee2956;
}

.photos-slider.owl-theme .owl-nav div.owl-prev:hover:after {
	border-right-color: #ee2956;
}

.photos-slider.owl-theme .owl-nav div.owl-prev.disabled, .owl-theme .owl-nav div.owl-next.disabled {
	opacity: 0.5;
	cursor: default;
	display: none !important;
}

.messagelisting {
	margin: 0;
	padding: 0;
	list-style: none;
}

.messagelisting li {
	padding: 5px 0;
	font-size: 16px;
}

.messagelisting li a {
	text-decoration: none;
	color: #1f3745;
}

.messagelisting li a:hover {
	color: #ee2956;
}

.messagelisting li.even {
	background: #f3f3f3;
}

.messagelisting li .mes-col {
	float: left;
	padding: 0 10px;
}

.mes-colone {
	width: 20.952380952380953%;
	/* 132 / 630 */
}

.mes-coltwo {
	width: 20.634920634920634%;
	/* 130 / 630 */
}

.mes-colthree {
	width: 51.42857142857142%;
	/* 324 / 630 */
}

.mes-colfour {
	width: 6.984126984126984%;
	/* 44 / 630 */
}

.messagelisting li span.sprites, .messagelisting li a.sprites {
	text-indent: -999em;
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin: 0 5px;
}

.replyicon {
	background-position: -220px -94px;
}

.replyicon.active {
	background-position: -220px -114px;
}

.forwardicon {
	background-position: -201px -94px;
}

.quick-replyicon {
	background-position: -220px -114px;
}

.flagicon {
	background-position: -239px -94px;
}

.flagicon.active {
	background-position: -239px -114px;
}

.noflagicon {
	background-position: -239px -94px;
	filter: alpha(opacity="20");
	opacity: 0.2;
}

.mesicon {
	background-position: -258px -94px;
}

.mesicon.active {
	background-position: -258px -114px;
}

.delicon {
	background-position: -277px -94px;
}

.delicon.active, a.delicon:hover, a.delicon.active {
	background-position: -277px -114px;
}

.messagelistbox {
	margin: 0 0 10px;
}

.messagelistbox .section-title {
	margin-bottom: 10px;
}

.commanbox {
	margin-bottom: 15px;
	font-size: 16px;
}

.section-body {
	padding: 0 10px 0;
}

.section-body strong {
	margin: 0 0 3px;
	display: inline-block;
}

.row {
	padding: 0 0 7px;
}

.profilematchbox .user-proinfo-section {
	margin: 0 7px 7px 0;
}

.profilematchbox p {
	border-radius: 10px;
	font-weight: 600;
	color: #fff;
	background: #5ca8d2;
	padding: 8px 12px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 1.2;
}

.box-title {
	background: #1f3745;
	margin: 0;
	text-align: center;
	font-style: italic;
	position: relative;
	background: #1f3745;
	padding: 4px 45px 6px;
	line-height: 1;
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	text-shadow: 1px 2px 1px rgba(0,0,0,.75);
	font-style: italic;
	text-align: center;
	line-height: 36px;
}

.mysearchbox {
	margin: 0 0 10px;
	background: #e6e7e7;
	padding: 10px;
	font-size: 16px;
}

/*.mysearchbox .sbOptions { background:#fff; }*/

.mysearchbox .step-form li .ideal {
	padding-bottom: 0;
}

.mysearchbox .step-form li input[type="submit"] {
	width: 100%;
}

.mysearchbox .step-form li.submitrow {
	padding: 3px 11px 10px;
}

.search-trigger {
	background-position: -206px -137px;
	width: 44px;
	height: 44px;
	float: right;
	margin: 10px 0 0 0;
}

/* =Page-Guest list page
========================================================================================*/

.guestmember-listing {
	margin: -5px -5px 17px;
	padding: 0;
	list-style: none;
}

.guestmember-listing li {
	width: 50%;
	padding: 5px;
	float: left;
}

.graybox {
	background: #f7f7f7;
}

.guestmember-listing li figure {
	float: left;
	margin-right: 22px;
	width: 55px;
}

.guestmember-listing li figure img {
	border-radius: 5px;
}

.guestmember-listing li h4 {
	margin: 2px 0 5px;
	font-style: italic;
}

.guestmember-listing li a {
	color: #1f3745;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 113px;
}

.guestmember-listing li a:hover {
	color: #ee2956;
}

.guestmember-listing li p {
	font-style: italic;
	overflow: hidden;
	margin: 0;
	color: #4c7c99;
	line-height: 1.15;
	font-size: 16px;
}

.guestmember-listing li .graybox,.search-userlist li .graybox {
	box-shadow: 1px 3px 6px #e6e6e6;
	box-shadow: 1px 3px 6px rgba(0,0,0,0.12);
}

.testimonials-slider {
	font-size: 16px;
	font-style: italic;
	color: #363636;
	line-height: 1.28;
	margin-top: 22px;
}

.testimonials-slider .item {
	padding: 5px 35px 0 25px;
	position: relative;
}

.testimonials-slider .item:before {
	content: '';
	background: url(../images/bgi/sprites.png) -147px -39px no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 2px;
	top: 2px;
}

.testimonials-slider .testimonial-user {
	font-weight: 700;
}

/* =Page-Membership page
========================================================================================*/

.pinkbox {
	background: #ee2956;
	border-radius: 8px;
	padding: 12px;
	color: #fff;
}

.pricelist {
	margin: 10px -5px 20px;
	padding: 0;
	list-style: none;
	padding-top: 15px;
}

.pricelist li {
	padding: 0 5px;
	float: left;
	width: 25%;
}

.pricelist .pinkbox {
	text-align: center;
	min-height: 340px;
	position: relative;
}

.ordernow {
	background: #1f3745;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	line-height: 32px;
	padding: 5px 15px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
}

.ordernow:hover, .ordernow.active {
	background: #5ca8d2;
	color: #fff;
}

.pricelist li h3 {
	font-size: 30px;
	border-bottom: solid 1px #fff;
	margin: 0;
	padding: 3px 0 12px;
	font-weight: 400;
}

.pricelist li h4 {
	margin-bottom: 10px;
}

.pay-pricebox {
	padding-left: 7px;
}

.pay-pricebox.overhundred {
	padding-left: 0;
}

.pay-pricebox span {
	position: relative;
	top: 4px;
}

.pay-pricebox {
	font-size: 21px;
	border-top: solid 1px #9b1b38;
	position: relative;
	padding-bottom: 17px;
	text-align: left;
}

.pay-pricebox small {
	font-size: 10px;
	margin: 0 0 0 2px;
	position: relative;
	top: 5px;
	position: absolute;
	top: 35px;
	padding-left: 6px;
}

.pay-pricebox strong {
	font-size: 32px;
	font-weight: 400;
	letter-spacing: -0.08em;
	vertical-align: middle;
	line-height: 1.25;
	padding-right: 0px;
}

.pay-pricebox.overhundred span.cent {
	padding-left: 0;
}

.pay-pricebox span.cent {
	position: absolute;
	top: 9px;
	padding-left: 6px;
}

.pricelist li p {
	margin: 0 -10px;
	line-height: 1.2;
	font-size: 15px;
}

.pricelist li .btnbox {
	position: absolute;
	bottom: 17px;
	width: 100%;
	left: 0;
	padding: 0 19px;
}

.pricelist li .ordernow {
	display: block;
}

.overhundred.pay-pricebox small {
	right: -9px;
}

.overhundred.pay-pricebox strong {
	position: relative;
	left: -6px;
}

.promo:after {
	position: absolute;
	width: 82px;
	height: 82px;
	background-position: -297px -111px;
	right: -4px;
	top: -4px;
}

.priceinfo {
	line-height: 1.25;
	font-style: italic;
	font-size: 15px;
	padding: 20px 0 15px;
}

.payment-optlist {
	margin: 35px 0;
	padding: 0;
	list-style: none;
}

.payment-optlist li {
	padding: 8px 0;
	position: relative;
	padding-left: 58px;
}

.payment-optlist li .ez-radio {
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 16px;
}

.pay-methodbox {
	font-size: 16px;
	padding: 5px 0 35px;
}

.buttonrow {
	text-align: center;
}

.buttonrow input {
	padding: 9px 35px;
}

/* =Page-Serach result page
========================================================================================*/

.search-tabnav {
	margin: 0 -3px 10px;
	padding: 0;
	list-style: none;
}

.search-tabnav li {
	padding: 0 3px;
	width: 33.3333%;
	float: left;
	font-size: 22px;
}

.search-tabnav li a {
	display: block;
	line-height: 38px;
	text-align: center;
	border: solid 2px #5ca8d2;
	border-radius: 4px;
	padding-bottom: 4px;
	color: #5ca8d2;
}

.search-tabnav li a:hover, .search-tabnav li.active a {
	border-color: #ee2956;
	color: #ee2956;
}

.sortingbox {
	background: #e6e7e7;
	padding: 10px 15px;
	font-size: 16px;
	color: #868788;
	line-height: 25px;
}

.sortingbox .sortcolumn {
	width: 50%;
	float: left;
}

.sortingbox label {
	color: #868788;
	width: 35%;
	vertical-align: top;
	float: left;
	padding-bottom: 2px;
}

.sortingbox .sortcolumn .sbHolder {
	width: 65%;
	display: inline-block;
	font-style: italic;
	float: left;
	height: 25px;
}

.sortingbox .sortcolumn .sbHolder .sbSelector {
	height: 25px;
	line-height: 25px;
}

.sortingbox .sortcolumn .sbHolder .sbToggle {
	margin-top: 4px;
}

.sortingbox .sortcolumn.paging {
	text-align: right;
}

.paging a {
	display: inline-block;
	margin: 0 3px;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	line-height: 25px;
	color: #1f3745;
	width: 32px;
	font-size: 15px;
	font-weight: 700;
	vertical-align: middle;
}

.paging a:hover {
	background: #1f3745;
	color: #fff;
}

.paging a.selected {
	background: #1f3745;
	color: #fff;
}

.search-userlist {
	margin: 5px -5px;
	padding: 0;
	list-style: none;
}

.search-userlist li {
	padding: 5px;
	width: 50%;
	float: left;
}

.search-userlist li h4 {
	background: #85c6ee;
	text-align: center;
	font-size: 20px;
	padding: 9px 30px;
	line-height: 1.35;
	position: relative;
	margin: 0;
}

.search-userlist li h4 a {
	color: #1f3745;
}

.search-userlist li h4 a:hover {
	color: #000;
}

.online-user {
	background-position: -186px -37px;
	width: 21px;
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 10px auto 0;
}

.search-userthumb {
	position: relative;
	width: 100px;
	float: left;
	margin-right: 10px;
}

.search-userthumb img {
	border-radius: 10px;
}

.search-userthumb span {
	position: absolute;
	width: 100%;
	background: #ee2956;
	color: #fff;
	padding: 5px 8px;
	text-align: center;
	font-size: 13px;
	left: 0;
	bottom: 0;
	font-weight: 700;
	border-radius: 0 0 10px 10px;
}

.search-userthumb span:before {
	width: 18px;
	height: 16px;
	background-position: -165px -39px;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.user-detailinfo {
	height: 150px;
	overflow: hidden;
	line-height: 1.2;
	font-size: 16px;
	color: #4c7c99;
	padding-top: 2px;
}

.user-searchresultbody {
	padding: 10px;
}

.search-userlist li .accessicon-nav {
	padding: 2px 0 12px;
}

.pagination {
	background: #bfc5ca;
	padding: 8px 47px;
	clear: both;
	margin: 5px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	position: relative;
	margin-bottom: 25px;
}

.pagination strong {
	color: #1f3745;
	margin: 0 2px;
	position: relative;
	top: 2px;
}

.pagination a.prevpage, .pagination a.nextpage {
	width: 13px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	text-indent: -999em;
}

.pagination a.prevpage:after {
	right: 0;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #f7f7f7;
	border-width: 9px 14px;
	-moz-transform: scale(.9999);
}

.pagination a.prevpage:hover:after {
	border-right-color: #1f3745;
}

.pagination a.nextpage:after {
	left: 0;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #f7f7f7;
	border-width: 9px 14px;
	-moz-transform: scale(.9999);
}

.pagination a.nextpage:hover:after {
	border-left-color: #1f3745;
}

.pagination a.prevpage {
	left: 16px;
}

.pagination a.nextpage {
	right: 16px;
}

.formlisting, .settingslisting, .checkboxlisting {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.formlisting > li,  .settingslisting > li, .checkboxlisting > li {
	padding: 5px 0;
	font-size: 16px;
}

.formlisting > li textarea, .settingslisting > li textarea {
	height: 120px;
}

.formlisting > li > label, .settingslisting > li > label, .checkboxlisting > li > label {
	float: left;
	padding: 9px 12px 8px 12px;
	line-height: 1.2;
}

.formlisting > li > label {
	width: 40.95238095238095%;
}

.settingslisting > li > label {
	width: 75.95238095238095%;
}

.checkboxlisting > li > label {
	width: 1%;
}

.formlisting > li > .fieldbox, .settingslisting > li > .fieldbox, .checkboxlisting > li > .fieldbox {
	float: left;
	padding-right: 12px;
}

.formlisting > li > .fieldbox {
	width: 59.04761904761905%;
}

.settingslisting > li > .fieldbox {
	width: 24.04761904761905%;
}

.checkboxlisting > li > .fieldbox {
	width: 99%;
}

.require {
	color: #ee2956;
	position: relative;
	top: -3px;
}

.formlisting > li.error > label, .settingslisting > li.error > label {
	color: #ee2956;
}

.year-selbox, .formname-selbox, .date-selbox {
	display: inline-block;
	width: 65px;
	padding: 6px 0 0 0
}

.year-selbox .sbToggle, .formname-selbox .sbToggle, .date-selbox .sbToggle {
	top: 2px;
}

.year-selbox .sbSelector, .formname-selbox .sbSelector, .date-selbox .sbSelector {
	padding-left: 2px;
}

.year-selbox .sbOptions {
	width: 65px;
}

.formlisting > li .ez-radio, .formlisting > li .ez-checkbox, .settingslisting > li .ez-radio, .settingslisting > li .ez-checkbox, .checkboxlisting > li .ez-radio, .checkboxlisting > li .ez-checkbox {
	top: -1px;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
}

.formname-selbox, .formname-selbox .sbOptions {
	width: 135px;
}

.radiobox {
	padding: 5px 0;
}

.formlisting > li.emailrow, .settingslisting > li.emailrow {
	padding-bottom: 50px;
}

.date-selbox {
	width: auto;
	display: block;
}

.date-selbox .sbHolder {
	width: 45px;
	display: inline-block;
	vertical-align: middle;
}

.date-selbox .sbOptions {
	width: 50px;
}

.checkboxlist {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
}

.checkboxlist li {
	padding: 7px 0 8px;
	line-height: 1.2;
}

.checkboxlist li .ez-checkbox, .checkboxlist li .ez-radio {
	vertical-align: top;
	position: relative;
	top: 2px;
}

.checkboxlist li label {
	overflow: hidden;
	display: inline-block;
	width: 80%;
}

.note {
	font-size: 16px;
	display: block;
	padding: 5px 0 20px 0;
}

.editprofile-form {
	padding: 0 0 50px;
}

.editprofile-form div.error {
	font-size: 16px;
	line-height: 1.35;
	/*padding: 0 0 40px;*/
}

.editprofile-form input[type="submit"] {
	padding: 8px 55px;
	color: #fff;
}

/* =Page-mail List page
========================================================================================*/

.maillisting {
	margin: 22px 0 0 0;
	padding: 0;
	list-style: none;
}

.maillisting li {
	padding: 7px 0;
	font-size: 16px;
}

.maillisting li a {
	text-decoration: none;
	color: #1f3745;
}

.maillisting li a:hover {
	color: #ee2956;
}

.maillisting li.odd {
	background: #f3f3f3;
}

.maillisting li .mlist-col {
	float: left;
	padding: 0 5px;
}

.mlist-col a:hover {
	color: #ee2956;
}

.mlist-colone {
	width: 16.19047619047619%;
	/* 102 / 630 */
}

.mlist-coltwo {
	width: 16.19047619047619%;
	/* 102 / 630 */
}

.mlist-colthree {
	width: 23.809523809523808%;
	/* 150 / 630 */
}

.mlist-colfour {
	width: 38.73015873015873%;
	/* 244 / 630 */
}

.mlist-colfive {
	width: 5.0793650793650794%;
	/* 32 / 630 */
}

.maillisting li span.sprites, .maillisting li a.sprites {
	text-indent: -999em;
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin: 0 5px;
}

.maillisting li a.sprites.delicon {
	margin: 0;
}

.maillisting li span.sprites.hidden, .maillisting li a.sprites.hidden {
	visibility: hidden;
}

.maillisting li.header, .maillisting li.header a {
	color: #ee2956;
	font-weight: 700;
}

.maillisting li .ez-checkbox {
	position: relative;
	top: -2px;
}

.maillisting li.header .ez-checkbox {
	background-position: -40px 0
}

.maillisting li.header .ez-checkbox.ez-checked {
	background-position: -40px -20px;
}

.maillisting li.header .mesicon {
	background-position: -258px -114px
}

.mobile-only {
	display: none;
}

.totalmessage {
	text-align: center;
	margin-top: -22px;
	font-size: 16px;
	font-style: italic;
}

.notification-message {
	padding: 25px 0 25px 9px;
}

.notification-message ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
}

.notification-message ul li {
	padding: 5px 0 5px 45px;
	position: relative;
	margin-bottom: 5px;
}

.notification-message ul li span.sprites {
	width: 16px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 12px;
}

.notification-message ul li a {
	color: #1f3745
}

.notification-message ul li a:hover {
	color: #ee2956;
}

.aboveicon {
	background-position: -211px -40px;
}

.markicon {
	background-position: -239px -114px;
}

.nomark-icon {
	background-position: -239px -114px;
	filter: alpha(opacity="20");
	opacity: 0.2;
}

.unreadicon {
	background-position: -258px -94px;
}

.readicon {
	background-position: -258px -94px;
	filter: alpha(opacity="20");
	opacity: 0.2;
}

.removeicon {
	background-position: -277px -94px;
}

/* =Page-mail Green infobox css
========================================================================================*/

.greeninfobox {
	background: #97cb45;
	color: #fff;
	margin-bottom: 10px;
}

.greeninfobox .box-title {
	background: #aaec42;
	text-shadow: none;
	color: #000;
	position: relative;
	padding-left: 45px;
	padding-right: 45px;
}

.info-content {
	padding: 15px 15px 5px 15px;
	line-height: 1.25;
	font-size: 16px;
}

.closebox {
	position: absolute;
	right: 10px;
	top: 10px;
	background-position: -178px -184px;
	width: 27px;
	height: 27px;
	text-indent: -999em;
}

.closebox:hover {
	background-position: -146px -184px;
}

.step-form .fieldrow.username {
	position: relative;
}

.resetbtn {
	position: absolute;
	right: 9px;
	top: 9px;
	z-index: 2;
	background-position: -207px -184px;
	width: 18px;
	height: 18px;
	text-indent: -999em;
	display: none;
}

.resetbtn:hover {
	background-position: -227px -184px;
}

/** 

Mail

**/

.form-message-result.hidden {
	display: none;
}

/* =Mail-Detail Page
========================================================================================*/

.mail-listing-label {
	width: 100px;
	float: left;
	margin-right: 12px;
	font-size: 16px;
	font-weight: 700;
	color: #ee2956;
	line-height: 1.25;
}

.mail-info-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mail-listing-detail, .mail-info-list {
	overflow: hidden;
}

.maildetail-infobox .profile-thumb {
	float: right;
	margin: 0 0 0 20px;
}

.maildetail-infobox {
	margin: 10px 12px 4px 20px;
}

.mail-listing-detail {
	line-height: 1.25;
	font-size: 16px;
}

.view-all-post {
	font-size: 14px;
	font-style: italic;
	margin-left: 15px;
	display: inline-block;
}

.mail-info-list li {
	margin-bottom: 10px;
}

.mail-info-list {
	margin: 5px 0 0;
}

.mail-listing-detail p {
	line-height: 1.25;
}

.write-comment {
	background: #5ca8d2;
	font-size: 17px;
	position: relative;
	font-weight: 500;
	color: #fff;
	padding: 8px 22px 8px 37px;
	border-radius: 6px;
	display: inline-block;
	margin: 10px 0 0;
}

.write-comment:hover, .reaction:hover {
	background: #5194b8;
	color: #fff;
}

.write-comment:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -6px;
	width: 16px;
	height: 12px;
	background: url(../images/bgi/sprites.png) -371px -211px no-repeat;
}

.reaction {
	background: #5ca8d2;
	font-size: 17px;
	position: relative;
	font-weight: 500;
	color: #fff;
	padding: 8px 33px 8px 44px;
	border-radius: 6px;
	display: inline-block;
	margin: 17px 0 0 14px;
}

.reaction:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -8px;
	width: 13px;
	height: 16px;
	background: url(../images/bgi/sprites.png) -371px -226px no-repeat;
}

.back-to {
	width: 17px;
	height: 19px;
	position: absolute;
	background: url(../images/bgi/sprites.png) -390px -219px no-repeat;
	left: 0;
	top: 50%;
	margin-top: -10px;
	text-indent: -999em;
	left: 12px;
}

.back-to:hover {
	background-position: -409px -219px;
}

.response-form h3.box-title, .response-list h3.box-title {
	background: #e6e7e7;
	color: #1f3745;
	text-shadow: none;
	font-weight: 700;
}

.close-btn {
	position: absolute;
	right: 12px;
	top: 50%;
	width: 19px;
	height: 19px;
	margin-top: -9px;
	background: url(../images/bgi/sprites.png) -260px -222px no-repeat;
	text-indent: -999em;
}

.close-btn:hover {
	background-position: -260px -246px;
}

.response-form .note {
	font-size: 16px;
	color: #ee2956;
	margin: 4px 14px;
	line-height: 1.25;
}

.form-list {
	margin: 0 14px;
}

.form-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.form-list li {
	margin: 0 0 9px;
}

.form-list li textarea {
	height: 350px;
}

.form-list li input[type="text"], .form-list li textarea {
	font-size: 16px;
	color: #1f3745;
}

.form-list li textarea {
	line-height: 1.25;
}

.form-list li.submitrow {
	margin: 34px 0 35px;
}

.form-list li input[type="button"], .response-list .messagelisting li.even.submitrow input[type="button"] {
	width: 274px;
	height: 40px;
	float: left;
	background: #cecece;
	font-size: 17px;
	font-weight: 700;
	color: #1f3745;
	border-radius: 6px;
}

.form-list li input[type="button"]:hover, .response-list .messagelisting li.even.submitrow input[type="button"]:hover {
	background: #1f3745;
	color: #fff;
}

.form-list li input[type="submit"],.response-list .messagelisting li.even.submitrow button, .form-list li button {
	width: 274px;
	height: 40px;
	float: right;
	font-size: 17px;
	font-weight: 700;
}

.form-list li {
	font-size: 16px;
}

.select-example {
	background: #f6f7f7;
	padding: 8px 12px 10px;
	margin: 10px 0 0;
}

.select-example label {
	font-size: 16px;
	overflow: hidden;
}

.select-example .fieldrow {
	float: right;
	width: 405px;
}

.select-example .sbSelector, .select-example .sbHolder {
	height: 27px;
	line-height: 27px;
}

.select-example .sbSelector {
	font-size: 16px;
}

.select-example .sbToggle {
	height: 20px;
	background-position: -93px -34px;
}

.select-example .sbOptions {
	width: 100%;
}

.manage-reaction {
	text-align: center;
}

.manage-reaction a {
	font-size: 16px;
	position: relative;
	display: inline-block;
	color: #1f3745;
	padding-left: 22px;
}

.manage-reaction a:hover {
	color: #ee2956;
}

.manage-reaction a:before {
	content: "";
	width: 14px;
	height: 16px;
	background: url(../images/bgi/sprites.png) -228px -223px no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.manage-reaction a:hover:before {
	background-position: -228px -245px;
}

.response-list {
	margin: 0 0 40px;
}

.response-list .mes-coltwo, .response-list .mes-colthree, .response-list .mes-colfour {
	width: 6.984126984126984%;
}

.response-list .mes-colone {
	/*width: 86.03174603174603%;*/
	width: 79.04761904761906%;
}

.edit-icon {
	width: 16px;
	height: 16px;
	background-position: -205px -224px;
}

.edit-icon:hover {
	background-position: -205px -245px;
}

.response-list .note {
	padding: 5px 0 10px 0;
	margin: 4px 14px;
	font-size: 16px;
	line-height: 20px;
}

.response-list .messagelisting li.even.submitrow, .response-list .messagelisting li.even.buttonrow {
	background: #fff;
	margin: 26px;
}

.response-list .messagelisting li {
	padding: 7px 0 8px;
}

.response-list .messagelisting li.even.submitrow button:before, .form-list li button:before {
	content: "";
	width: 14px;
	height: 16px;
	background: url(../images/bgi/sprites.png) -187px -223px no-repeat;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.form-list li button:before {
	margin-right: 5px;
}

.response-form {
	
}

.response-form .note.grey {
	color: #1f3745;
}

.form-list li .fieldrow .ez-checkbox, .form-list li .fieldrow.notify-by input[type="checkbox"] {
	float: left;
	width: 20px;
	margin: 4px 10px 0 0;
}

.form-list li .fieldrow.notify-by label {
	overflow: hidden;
	display: block;
	line-height: 1.25;
	position: relative;
	top: 2px;
}

.ribbon {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bgi/sprites.png) -384px -111px no-repeat;
	width: 82px;
	height: 82px;
}

.photos-slider figure a {
	padding-top: 4px;
	position: relative;
	display: block;
}

.private:after {
	background-position: -384px -111px;
	width: 82px;
	height: 82px;
	position: absolute;
	right: -4px;
	top: 0;
}

/* 
========================================
Upload
========================================
*/

/*
.progress { 
	position:relative; 
	width:400px; 
	border: 1px solid #ddd; 
	padding: 1px; 
}

.bar { 
	background-color: #150203; 
	width:0%; height:4px; 
}

.percent { 
	position:absolute; 
	display:inline-block; 
	top:10px; 
	left:48%;
}
*/

.progress { 
	max-width:350px; 
	margin:0 auto; 
	width:100%; 
	padding:1px; 
	border:solid 1px #b6b6b6; 
	border-radius:4px; 
}

.progress .bar { 
	background:#ee2956; 
	height:4px; width:0%; 
	border-radius:6px; 
}

.percent { 
	position:absolute; 
	display:inline-block; 
	top:10px; 
	left:48%; 
	font-size:14px; 
}

.name-selbox.error { color: #1f3745; display: inline-block; font-size: 16px; text-align: left; } 

.delete-button {
	background: #ee2956;
	color: #fff;
	border: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	padding: 8px 25px;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 500;
	font-size: 17px;
}

.delete-button:hover {
	background: #c32045;
	color: #fff;
}

/* 9th March 2016 Added new CSS style 
-----------------------------------------------------------------------------*/

.pay-methodbox {
	font-size: 16px;
	padding: 5px 0 35px;
}

#logo {
	margin: 14px 0;
}

.graybox-lighter {
	background: #fafafa;
	margin-bottom: 10px;
	padding: 10px;
}

.tab-data .tabnav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.tab-data .tabnav li {
	float: left;
	margin: 0 14px 14px 0;
}

.tab-data .tabnav li .tabtrigger, .tab-data .tabMobiletrigger {
	border: solid 2px #929292;
	border-radius: 4px;
	display: block;
	-moz-transition: border-color 350ms ease-in;
	-webkit-transition: border-color 350ms ease-in;
	transition: border-color 350ms ease-in;
	cursor: pointer;
	background: #fff;
}

.tab-data .tabnav li .tabtrigger img, .tab-data .tabMobiletrigger img {
	border-radius: 3px;
}

.tab-data .tabnav li .tabtrigger:hover, .tabnav li.active .tabtrigger, .tab-data .tabMobiletrigger.active {
	border-color: #5ca8d2;
}

.tab-data .tabnav li.active .tabtrigger img.BWFilter.BWfade, .tab-data .tabMobiletrigger.active img.BWFilter.BWfade {
	opacity: 0 !important;
}

.tab-data .tabnav li .tabtrigger .ez-radio, .tab-data .tabMobiletrigger .ez-radio {
	margin: 11px;
	margin-bottom: 10px;
}

.tab-data .tabnav li.active .tabtrigger .ez-radio, .tab-data .tabMobiletrigger.active .ez-radio {
	background-position: 0 -20px;
}

.tabtrigger label {
	cursor: pointer;
	position: relative;
	height: 41px;
	display: inline-block;
	vertical-align: top;
}

.tabtrigger label img.BWFilter {
	left: 0 !important;
	top: 0 !important;
}

.tab-data .tabcontent {
	display: none;
}

.tab-data .tabcontent {
	font-size: 16px;
	padding: 5px 10px;
}

.tab-data .tabcontent .payment-optlist {
	margin: 5px 0 40px;
}

.tab-data .tabcontent .payment-optlist li {
	width: 50%;
	float: left;
}

.tab-data .tabcontent p label {
	overflow: hidden;
	display: inline-block;
	width: 90%;
	line-height: 2.0;
	/* line-height: 1.3; */
}

.tab-data .tabcontent p .ez-checkbox {
	vertical-align: top;
	margin: 3px 10px 0 0;
}

.tab-data .tabcontent .ez-checkbox {
	background-position: -80px 0;
}

.tab-data .tabcontent .ez-checkbox.ez-checked {
	background-position: -80px -20px;
}

.tab-data .tabcontent .buttonrow {
	margin: 10px 0;
}

.tab-data .tabcontent .buttonrow button {
	background: #33c388;
	line-height: 1.1;
	min-width: 274px;
	font-weight: 700;
	height: 40px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.tab-data .tabcontent .buttonrow button:hover {
	background: #23b177;
}

.tab-data .tabcontent .buttonrow button.lockicon:before {
	background-position: -440px -2px;
	width: 15px;
	height: 20px;
	position: relative;
	top: -1px;
}

.checklist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.checklist li {
	position: relative;
	padding: 0 0 10px 32px;
	margin: 10px 0;
	line-height: 1.25;
}

.checklist li:before {
	content: '';
	background: url(../images/bgi/sprites.png) -439px -26px no-repeat;
	width: 17px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 4px;
}

.pay-methodbox h5 {
	color: #ee2956;
	margin: 7px 0 22px;
}

.tab-data .tabMobiletrigger {
	margin-bottom: 15px;
}

/* Cookie Balk */
.cookie-bar {
	padding: 0 0 4px;
	background: #f7f7f7;
}

.cookie-footer p {
	width: 738px;
	float: left;
	font-size: 14px;
	line-height: 16px;
	color: #1d1d1b;
	margin-top: 20px;

}

.cookie-footer .wrap {
	position: relative;
}

.cookie-footer button.button {
	position: absolute;
	bottom: 11px;
	right: 0;
	padding: 0 10px;
}	

button.button { 
	height:30px; 
	line-height:normal; 
	background:#33c388; 
	color:#fff; 
	font-size:16px; 
}

button.button:hover { 
	background:#23b177; 
}


/* Password hide/show */
.show-password { width:24px; height:20px; background-position:-108px -216px; position:absolute; right:8px; top:8px; text-indent:-999em; z-index: 1; }
.show-password.visible { background-position:-108px -239px; }
.loginform .password input { padding-right:36px; }

/* WP Footer content */
.footermenu-block { float: left; width: 50%; margin-top: -30px; }
.footermenu-block .fmenu { width: 50%; margin-top: 30px; }
.footermenu-block .fmenu:nth-child(2n+1) { clear: left; }
.footermenu-block .fmenu:nth-child(2n) { clear: right; }
.footer-content-col { float: left; width: 50%; padding-left: 30px; }
.footer-content-col h4 { color:#65b8e7; font-size:18px; margin:0 0 5px; }
.footer-content-col img { margin-bottom: 10px; }
.footer-content-col p {line-height: 1.2; margin-bottom: 5px; }
.read-more { color:#65b8e7; }
.read-more:hover { color:#ee2956; }

/* Mail Application CSS style start
-----------------------------------------------------------------------------*/
.loggedin #header { position: relative; z-index: 9; }
.title-box { position:relative; background:#def0fb; padding:10px; min-height:45px; }
.title-box h3 { margin:0; font-size:18px; font-weight:bold; font-style:italic; color:1f3745; text-align:center; padding:0 80px; }
.plus-icon, .back-icon { height:15px; width:15px; position:absolute; top:0; bottom:0; left:25px; margin:auto; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-134px -213px; text-indent:-999em; }
.plus-icon:hover { background-position:-134px -230px; }
.action-btn-box, .action-btn-box-msg { position:absolute; top:9px; right:0; display: none; }
.action-btn-box.show { display: inline; }
.action-btn-box a, .action-btn-box-msg a { height:20px; width:19px; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; margin-right:20px; }
.action-btn-box .quick-reply-icon { background-position:-390px -244px; position: relative; top: 1px; }
.action-btn-box .quick-reply-icon:hover { background-position:-390px -266px; }
.action-btn-box .delete-icon { background-position:-411px -244px; width: 16px; height: 20px; position: relative; top: 1px; }
.action-btn-box .delete-icon:hover { background-position:-411px -266px; }
.action-btn-box .bookmark-icon { background-position:-430px -244px; position: relative; top: 2px; margin-right: 16px; }
.action-btn-box .bookmark-icon:hover { background-position:-430px -266px; }
.action-btn-box .moredetail-icon { background-position:-448px -244px; position: relative; top: 1px; }
.action-btn-box .moredetail-icon:hover { background-position:-448px -266px; }
.action-btn-box-msg { display: block; } 

.mail-row, .mail-thread-wrap { border-bottom:1px solid #1f3745; padding:12px; position:relative; overflow: hidden; }
.mail-row:after, .mail-thread-wrap:after { content:""; display:table; clear:both; }
.mail-row:last-child { margin-bottom:12px; border-bottom:0; }
.mail-list-box { position:relative; overflow:hidden; }
.color-a { background:#f47721; }  
.color-b { background:#00a78e; }
.color-c { background:#3369e7; }
.color-d { background:#8e43e7; }
.color-e { background:#b84592; }
.color-f { background:#d0e100; }
.color-g { background:#00bce4; }
.color-h { background:#ed1c24; }
.color-i { background:#146eb4; }
.color-j { background:#002663; }
.color-k { background:#6d6e70; }
.color-l { background:#7ac143; }
.color-m { background:#56a0d3; }
.color-n { background:#a71930; }
.color-o { background:#013ca6; }
.color-p { background:#b3dcff; }
.color-q { background:#e04646; }
.color-r { background:#ff0000; }
.color-s { background:#00bce4; }
.color-t { background:#8f8f8c; }
.color-u { background:#004977; }
.color-v { background:#84754e; }
.color-w { background:#522d80; }
.color-x { background:#204056; }
.color-y { background:#689550; }
.color-z { background:#d9e506; }
.mail-avatar { position:absolute; left:1px; top:1px; height:45px; width:45px; color:#fff; font-size:30px; font-weight:bold; line-height:43px; text-align:center; text-transform:uppercase; cursor:pointer; }
.mail-avatar img { border-radius: 50%; width:100%; height: auto; }
.mail-details-box { padding:0 40px 0 60px ; }
.mail-details-box h5, .mail-details-box h6 { margin:0; font-size:18px; color:#000; padding-right:30px; display: inline-block; cursor: pointer; }
.mail-details-box h5:hover { color:#5ca8d2; }
.mail-details-box a > span { font-size:15px; color:#000; display: block; font-weight: bold; }
.mail-details-box p { color:#4f4f4f; margin:0; }
.mail-row .mail-details-box p, .mail-row .mail-details-box span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.mail-row .mail-details-box > a { display: block; }
.mail-info-box { position:absolute; top:0; right:0; bottom:0; padding-bottom:30px; }
.mail-time, .mail-date { display:block; color:#ee2956; font-size:12px; }
.mail-info-box .favorite-icon { height:24px; width:24px; display:block; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-434px -42px; }
.mail-info-box .favorite { background-position:-434px -68px; }

.mail-info-box .read-icon { height:24px; width:24px; display:block; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position: -562px -69px; }

.notification { background:#9ea2a5; border-radius:50px; color:#fff; font-size:9px; font-weight:bold; height:19px; left:-30px; line-height:19px; position:absolute; text-align:center; top:0; width:19px; }
.swipe-box { position:absolute; top:0; bottom:0; font-size:0; 
	-webkit-transition:all 450ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1);  
}
.mail-list-box {
	-webkit-transition:all 450ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1);  
}
.swipe-box.archive { left: -64px; }
.swipe-right .swipe-box.archive { left: 0; }
.swipe-right .mail-list-box  {
	-webkit-transform: translateX(64px);
	transform: translateX(64px);
}
.swipe-left .mail-list-box { 
	/*margin-right:195px;*/
	-webkit-transform: translateX(-195px);
	transform: translateX(-195px);
}
.swipe-left .swipe-box.archive { left: -259px; }
.swipe-box.action { right: -128px; width: 128px; }
.swipe-right .swipe-box.action { right: -256px;}
.swipe-left .swipe-box.action { right: 0; }
.swipe-box span { height:100%; width:64px; display:inline-block; position:relative; text-indent:-999em; }
.swipe-box span:before { content:""; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; height:16px; width:16px; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; }
.swipe-box > span { cursor: pointer; }
.swipe-box .flag-icon { background:#ffba00; }
.swipe-box .flag-icon.active { background: #16d0ea; }
.swipe-box .more-icon { background:#33c2e1; }
.swipe-box .swipe-quick-reply-icon { background:#ffba00; }
.swipe-box .swipe-delete-icon { background:#ee2956; }
.swipe-box .flag-icon:before { background-position: -10px -242px; }
.swipe-box .flag-icon.active:before { background-position: -488px -236px; }
.swipe-box .more-icon:before { background-position:-151px -231px; }
.swipe-box .swipe-quick-reply-icon:before { background-position:-151px -249px; }
.swipe-box .swipe-delete-icon:before { background-position:-151px -267px; }

.side-option { position:fixed; background:#1f3745; top:72px; left:0; height:calc(100% - 72px); max-width:212px; width:100%; z-index:99; overflow-y:auto;
	-webkit-transform: translateX(-110%);
	transform: translateX(-110%);
	-webkit-transition:transform 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	transition: transform 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  
}

.scrolled .side-option { top:0; height:100%; }

body:after { content: ""; -webkit-transition: opacity; -o-transition: opacity; transition: opacity; -moz-transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1);
  -ms-transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: opacity 550ms cubic-bezier(0.45, 1, 0.32, 1); opacity: 0; width: 0; height: 0;
}

body.profilenav { overflow: hidden; }
/*body.profilenav:after, body.sidenav:after { position: fixed; content: ''; width: 100% ; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: rgba(255,255,255,0.6); opacity: 1; }*/
.profilenav #mail-profile, .sidenav #mail-option {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.profilenav #header, .sidenav #header { z-index:  99999; position: relative; }

.side-option ul { margin:0; padding:0; list-style:none; }
.side-option li { display:block; }
.side-option li a { color:#fff; font-size:15px; display:block; padding:12px; }
.side-option li a:hover, .side-option li.active a { background:#ee2956; }
.side-option a:before { content:""; height:20px; width:20px; display:inline-block; vertical-align:middle; margin:-6px 15px 0 0; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; }
.inbox-icon a:before { background-position:-479px 0; }
.sent-icon a:before { background-position:-501px 0; }
.garbage-icon a:before { background-position:-523px 0; }
.friends-icon a:before { background-position:-545px 0; }
.user-icon a:before { background-position:-545px -22px; }
.important-icon a:before { background-position:-479px -22px; }
.message-icon a:before { background-position: -6px -241px; }
.unread-icon a:before { background-position:-501px -22px; }
.help-icon a:before { background-position:-523px -22px; }
.close-icon a:before { background-position:-567px 0; }
.divider { height:1px; background:#fff; }

#mail-profile { max-width:290px; }
.user-profile-box { padding:10px; }
.user-img-box { margin-bottom:10px; }
.user-img-box img { max-width:50px; width:100%; border-radius:5px; }
.user-detail-box { color:#fff; padding-left:40px; position:relative; }
.user-detail-box:before { content:""; height:20px; width:20px; position:absolute; left:0; top:0; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-545px -22px; }
.user-detail-box h5 { font-size:15px; margin-bottom:5px; }
.user-detail-box h5 span { color:#ffba00; }
.user-country { font-size:15px; }
.user-country img { max-width:16px; width:100%; margin:0 6px 0 0; display:inline-block; vertical-align:middle; }
.user-detail-box p { font-size:12px; margin:0; font-style:italic; }

.quick-reply-options-window { background:rgba(31, 55, 69, 0.9); bottom:0; right:0; top:0; left:0; height:100%; overflow-y:auto; position:fixed; display: none; padding-top: 64px; z-index: 8; }
.pop-close { display:block; height:46px; width:46px; background:#fff; border-radius:100px; position:absolute; cursor:pointer; right:13px; top:77px; }
.pop-close:before { content:""; position:absolute; top:2px; right:0; left:0; bottom:0; margin:auto; height:16px; width:16px; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-108px -261px; }
.pop-close:hover { background:#ee2956; }
.pop-close:hover:before { background-position:-108px -279px; }
.messages-box { margin:80px 0 0; padding:0; }
.message { display:block; margin:0 0 15px; }
.message:after { content:""; display:table; clear:both; }
.msg-icon {  float:left;  }
.msg-icon { height:45px; width:45px; background:#52a048; border-radius:50%; position:relative; margin:0 10px 0 0; display: block; font-size: 0; }
.msg-icon:before { content:""; height:16px; width:16px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; }
.like-icon:before { background-position:-126px -261px; top:-1px; }
.dislike-icon:before { background-position:-126px -279px; bottom:-3px; }
.text-wrapper-box { position:relative; overflow:hidden; }
.text-wrapper-box .text a { background:#52a048; border-radius:5px; display:block; margin:0 0 10px; color:#fff; font-size:15px; padding:5px 10px; }
.even .msg-icon, .even .text-wrapper-box .text a { background:#ee2956; }

.text-wrapper-box .text a:hover { background:#72c068; }
.even .text-wrapper-box .text a:hover { background:#ff6996; }

.mail-list-wrapper { position:relative; }
.mail-list-wrapper .mail-list-row { background: #fff; }
.pull-loader { text-align: center; position: absolute; left: 0; right: 0; margin: auto;  }
.pull-loader img { width: 28px; height: 28px; margin: 20px 0; }

/* Mobile Mail Thread CSS style 
-----------------------------------------------------------------------------*/
.action-btn-box .golink-icon, .action-btn-box-msg .golink-icon { background-position:-366px -244px; width:22px; height:19px; }
.action-btn-box .golink-icon:hover, .action-btn-box-msg .golink-icon:hover { background-position:-366px -266px; }
.back-icon { background-position:-481px -64px; width:13px; height:20px;   }
.back-icon:hover { background-position:-481px -85px; }
.mailthread-header { position:relative; margin-top:16px; padding:0 16px 16px 16px; border-bottom:1px solid #1f3745; }
.mailthread-header .favorite-icon { height:24px; width:24px; display:block; position:absolute; right:18px; top:3px; cursor:pointer; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-434px -42px; }
.mailthread-header .favorite { background-position:-434px -68px; }
.mail-tag { background:#33c3e1; color:#000; text-transform:uppercase; font-size:15px; display:inline-block; vertical-align:middle; padding:3px 8px; margin-left:10px; }
.mail-tag:hover { background:#1ea7c4; color:#000; }
.mailthread-header h4 { font-size:15px; display:inline-block; vertical-align:middle; margin-bottom:0; }
.expand-icon, .bud-icon { background:url(../images/bgi/sprites.png) no-repeat -481px -43px; width:21px; height:20px; display:inline-block; vertical-align:middle; text-indent:-999em; margin: 0 0 0 5px; }
.expand-icon, .fav-icon { background:url(../images/bgi/sprites.png) no-repeat -500px -70px; width:23px; height:23px; display:inline-block; vertical-align:middle; text-indent:-999em; margin: -3px 0 0 5px; }
.expand-icon, .ban-icon { background:url(../images/bgi/sprites.png) no-repeat -528px -70px; width:22px; height:22px; display:inline-block; vertical-align:middle; text-indent:-999em; margin:0 0 0 5px; }
.mail-details-box .sentmail-name { font-size:15px; color:#7d7d7d; display:block; margin-top:-3px; }
.expand-area { text-align:center; }
.expand-icon { background-position:-503px -43px; width:18px; height:8px; margin:0 auto; }
.expand-area p { text-align:left; }
.reply-btn, .shipping-btn { background:#def0fb; display:block; position:fixed; bottom:30px; font-size:15px; color:#1f3745; text-align:center; padding:8px 0; width:100%; }
.reply-btn:hover, .shipping-btn:hover { background:#bacdd8; color:#1f3745; }
.shipping-btn:before, .reply-btn:before { content:''; position:relative; top:-2px; display:inline-block; vertical-align:middle; background:url(../images/bgi/sprites.png) no-repeat -503px -52px; width:17px; height:14px; margin:0 8px 0 0; }

.mail-list-row { position:relative; -webkit-transition:transform 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);
	transition: transform 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);   }
.mail-list-row .mail-row { border-bottom: 1px solid #1f3745; }
.mailthread-row { padding:0 0 60px; margin-bottom: 20px; }
.reply-btn { position:absolute; }

.message-write.hidden {
	visibility: hidden;	
	display: none;
}

.message-view.hidden {
	visibility: hidden;	
	display: none;
}


/* Mobile Mail Message CSS style 
-----------------------------------------------------------------------------*/
.action-btn-box .golinkarrow-icon, .action-btn-box-msg .golinkarrow-icon { background:url(../images/bgi/sprites.png) no-repeat -522px -43px; width:16px; height:12px; }
.action-btn-box .golinkarrow-icon:hover, .action-btn-box-msg .golinkarrow-icon:hover { background-position:-522px -56px; }
.shipping-btn:before { background-position:-522px -43px; height:12px; }
.mail-message-box textarea { border:0; border-radius:0; padding:0; min-height:294px; font-size:15px; }

.mail-avatar-pic { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; position: absolute; left:1px; top:1px; height:45px; width:45px; }
.mail-avatar-pic .mail-avatar.checked .flipper,.mail-avatar-pic .mail-avatar.checked  .flipper { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.flipper { -webkit-transition: 0.5s; -webkit-transform-style: preserve-3d; transition: 0.5s; transform-style: preserve-3d; position: relative; }
.front, .back { width:45px; height:45px; text-align:center; position:absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.front { border-radius: 50%; }
.front img { max-width:100%; height:auto; }
.back { -webkit-transform: rotateY(180deg);	transform: rotateY(180deg); }
.flipper .back:before { content:""; background:#b8b8b8; position:absolute; left:-1px; top:-1px;  width:47px; height:47px; border-radius: 50%;  }
.flipper .back:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; height:12px; width:16px; background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; background-position:-183px -96px; }

.msg-icon.like-icon a:hover { background:#72c068; }
.msg-icon.dislike-icon a:hover { background:#ff6996; }
.expandbox { display: none;} 
.mail-thread #footer, .mail-message #footer { padding-bottom: 45px; }
#fade { background: rgba(255,255,255,0.6); position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 35;   }
.expandable { cursor: pointer; }

.read .mail-details-box h5, .read .mail-details-box a > span { font-weight: normal; }

.notification-messageapp { background: #e6e7e7; padding: 15px 15px 10px 15px; margin: 10px 0; }
.notification-messageapp a { float: right; color: #1f3745; text-transform: uppercase; font-weight: 700; }
.notification-messageapp a:hover { color: #ee2956; }
.notification-messageapp:after { display: table; content: ''; clear: both; }
@media (min-width:1024px){
	.hide-desktop { display: none !important; }
}
@media (max-width:1024px){
	.hide-device { display: none !important; }
}

/* Scroll to top button */
#button-top {
    /*display: none;*/ /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none; 
    outline: none; 
    background-color: #ffba00;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    width: 40px;
}

#button-top:hover {
    background-color: #ee2956; 
}

.button-top-icon { 
	position:absolute; 
	top:0; 
	bottom:0; 
	left:11px; 
	margin:auto; 
	background-image:url(../images/bgi/sprites.png); 
	background-repeat:no-repeat; 
	color:white;
	text-indent:-999em;
	background-position: -390px -219px; 
	width:17px; 
	height:19px;
	transform: rotate(90);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);	 
}

.button-top-icon:hover { 
	/*background-position:-481px -85px;*/ 
}


/* New CSS */
.step-form .anniversary-box { padding-top: 20px; margin-bottom: -30px; }
.anniversary-box { text-align: center; max-width: 300px; margin: 0 auto; }
.anniversary-box h5 { text-transform: uppercase; font-size: 15px; letter-spacing: 0.10em; margin-bottom: 5px; }
.anniversary-box p { font-size: 13px; font-weight: 600; }
.footer-logos { float: left; width: 50%; padding-left: 30px; margin-top: 80px; margin-bottom: 20px; }
.footer-logos h4 { font-weight: 500; margin-bottom: 10px; }
.footer-logos figure { max-width: 257px; }
.footer-logos img { width: 100%; }

.visitor-row { position: relative; padding: 46px 20px; }
.scroll-contain-block { height: 140px; }
.scrollbar { height: 100%; }
.visitor-row .scrollbar .mCSB_scrollTools .mCSB_draggerContainer { opacity: 0; visibility: hidden; }
.visitor-row .mCSB_container { margin: 0; }
.scroll-contain-block .up-scroll, .scroll-contain-block .down-scroll { height: 23px; width: 23px; position: absolute; left: 0; right: 0; margin: auto; border-right: 4px solid #f56184; border-bottom: 4px solid #f56184; transition: 350ms all; }
.scroll-contain-block .up-scroll { transform: rotate(-135deg); top: 18px; }
.scroll-contain-block .down-scroll { transform: rotate(45deg); bottom: 18px; }
.scroll-contain-block .up-scroll:hover, .scroll-contain-block .down-scroll:hover { border-color: #fff; }
.visitor-row h4 { font-size: 24px; font-style: italic; margin-bottom: 8px; }
.visitor-row p { font-size: 16px; font-style: italic; line-height: 1.35; }

.anniversary-box figure { max-width: 97px; margin: 0 auto 10px; display: block; }
.anniversary-box figure img { width: 100%; }

@media only screen and (max-width:767px) {
	.step-form .anniversary-box { padding-top: 15px; }
	div.footer-content-col { margin-bottom: 35px; }
	.footer-logos { float: none; width: auto; padding-left: 0; margin-top: 0; }
	
	.visitor-row h4 { font-size: 22px; text-align: center; }
	.visitor-row p { text-align: justify; }
}

/* Winners Animation CSS */
@font-face {
    font-family: 'pacificoregular';
    src: url('fonts/pacifico-webfont.eot');
    src: url('fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pacifico-webfont.woff2') format('woff2'),
         url('fonts/pacifico-webfont.woff') format('woff'),
         url('fonts/pacifico-webfont.ttf') format('truetype'),
         url('fonts/pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.anniversary-block { background-color:#22536d; color:#fff; padding:10px 30px 14px; text-align:center; font-size:18px; margin-bottom:10px; position:relative; overflow:hidden; }
.anniversary-block h3, .anniversary-block p { margin: 0 0 5px 0; }
.anniversary-block h3 {  font-family: 'pacificoregular'; font-size:33px; position: relative; z-index:1; display:inline-block;
	background-image: -moz-linear-gradient(90deg, rgba(19,210,255,1) 0%, rgba(19,210,255,1) 20%, rgba(251,253,80,1) 50%, rgba(251,253,80,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251,253,80,1)), color-stop(50%, rgba(251,253,80,1)), color-stop(80%, rgba(19,210,255,1)), color-stop(100%, rgba(19,210,255,1)));
	background-image: -webkit-linear-gradient(90deg, rgba(19,210,255,1) 0%, rgba(19,210,255,1) 20%, rgba(251,253,80,1) 50%, rgba(251,253,80,1) 100%);
	background-image: -o-linear-gradient(90deg, rgba(19,210,255,1) 0%, rgba(19,210,255,1) 20%, rgba(251,253,80,1) 50%, rgba(251,253,80,1) 100%);
	background-image: -ms-linear-gradient(90deg, rgba(19,210,255,1) 0%, rgba(19,210,255,1) 20%, rgba(251,253,80,1) 50%, rgba(251,253,80,1) 100%);
	background-image: linear-gradient(0deg, rgba(19,210,255,1) 0%, rgba(19,210,255,1) 40%, rgba(251,253,80,1) 50%, rgba(251,253,80,1) 100%);
	background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
	
}

.anniversary-block h3:after { 
	content:attr(data-text); 
	margin:auto; 
	z-index:-1; 
	background:none; 
	mix-blend-mode:screen; 
	text-shadow:0 2px 4px rgba(30,55,68,0.7); 
	position:absolute; 
	left:0; 
	right:0; 
	top:0; 
	text-align:center; 
 
}

.anniversary-winner h3 { padding-bottom: 10px; margin-bottom: -5px; }

.anniversary-block p:last-child { margin-bottom:0; }
.anniversary-block h3, .anniversary-block p { position:relative; }
.anniversary-block h3 + p { line-height:1.2;  }
.anniversary-winner { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; z-index:1; padding:10px 30px 14px; opacity:0; }

.anniversary-text-one .anniversary-text-two { opacity:0; visibility:hidden; }

/** Pre code **/
code {font-size: 120%;}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre code {
	background-color: #eee;
	border: 1px solid #999;
	display: block;
	padding: 20px;
}

span.affiliate {
	font-size: 12px;
	font-style: italic;
	color: #d35477;
	
}