.facetwp-page.active {
    cursor: default;
    font-weight: bold;
    box-shadow: none;
    color: black;
}
.z-link-no-style,.z-link-no-style:hover {
	text-decoration: none;
}
.main-logo {
	width: 225px;
	height: 70px;
	overflow: hidden;
	margin-bottom: -23px;
	background: #FFFFFF;
	width: 100%;
	position: fixed;
	top: 0px;
}

/*.innerpage-search .main-logo {
	width: 225px;
	height: 72px;
	overflow: hidden;
	margin-bottom: -23px;
	background: none;
	width: 100%;
	position: relative;
	top: 0px;
}*/

.main-logo a img {
	width: 100%;
	height: 100%;
}

.main-logo a {
	display: inline-block;
}

.title-page-no {
	color: #AAAAAA;
}

.names-template .gender_boy {
	text-decoration: underline;
	color: rgb(51, 100, 197);
}

.names-template .gender_boy:hover {
	text-decoration: underline;
	color: #c2a5d9 !important;
}

.names-template .gender_boy:visited {
	text-decoration: underline;
	color: #9fbcf5;
}

.names-template .gender_girl {
	text-decoration: underline;
	color: rgb(184, 1, 78);
}

.names-template .gender_girl:hover {
	text-decoration: underline;
	color: #c2a5d9 !important;
}

.names-template .gender_girl:visited {
	text-decoration: underline;
	color: #ff8eb2;
}

.mainpage-location .gender_boy {
	text-decoration: none;
	color: rgb(51, 100, 197);
}

.mainpage-location .gender_boy:hover {
	text-decoration: none;
	color: #c2a5d9 !important;
}

.mainpage-location .gender_boy:visited {
	text-decoration: none;
	color: #9fbcf5;
}

.mainpage-location .gender_girl {
	text-decoration: none;
	color: rgb(184, 1, 78);
}

.mainpage-location .gender_girl:hover {
	text-decoration: none;
	color: #c2a5d9 !important;
}

.mainpage-location .gender_girl:visited {
	text-decoration: none;
	color: #ff8eb2;
}

@media ( min-width :500px) {
	.z-container-outer-custom {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
}

/* CSS for color checkbox tick */
.facetwp-color.checked::after {
	box-shadow: -2px 2px 1px 0px !important;
}

.facetwp-type-deselector {
	cursor: pointer;
}

.breadcrumb-deselector {
	padding: 5px 10px;
    border: solid 1px #ccc;
    margin: 2px 5px;
    vertical-align: middle !important;
}

.facetwp-type-custom-deselector {
	padding: 5px 10px;
	border: solid 1px #ccc;
	margin: 1px;
}

.facetwp-radio {
	font-size: 18px;
}

.custom-drawer-menu button{
	display:none;
}

@media screen and (min-width:1011px) and (max-width:1200px) {
	.search-on-scroll {
		left: 16% !important;
	}
	.facetwp-search-wrap {
		margin: 35px 270px !important;
	}
	.search-on-scroll .facetwp-search-wrap{
		margin:0 !important;
	}
}

@media screen and (min-width:1200px) and (max-width:1300px) {
	.search-on-scroll {
		left:18% !important;
	}
	.facetwp-search-wrap {
		margin: 2em 18em !important;
	}
	.search-on-scroll .facetwp-search-wrap{
		margin:0 !important;
	}
}

@media screen and (min-width:1600px) and (max-width:1700px) {
	.search-on-scroll {
		left:27% !important;
	}
	.facetwp-search-wrap {
		margin: 2em 485px !important;
	}
	.search-on-scroll .facetwp-search-wrap{
		margin:0 !important;
	}
}

@media screen and (min-width:1701px) and (max-width:3000px) {
	.search-on-scroll {
		left:30% !important;
	}
	.facetwp-search-wrap {
		margin: 2em 34em !important;
	}
	.search-on-scroll .facetwp-search-wrap{
		margin:0 !important;
	}
}

@media screen and (min-width:300px) and (max-width:992px) {
	.breadcrumb>li {
		width: initial;
		text-align: left;
		float: left;
		margin-top: 1px;
	}
	.facetwp-mobile-panel-trigger.opener {
		margin: 0px 0px 0px 0px !important;
		width: 100%;
	}
	.filter-bgblock {
		padding: 17px 0px 0px 40px !important;
	}
	
	.page-detials-img .i-amphtml-element {
		padding: 0%;
		height: initial !important;
	}
	.main-logo {
		width: 60px;
		height: 70px;
		padding-top: 9px;
		background: #ffffff85;
		width: 100%;
		position: fixed;
	}
	
	.main-text h1 {
		font-size: 27px;
	}
	.main-logo a img {
		width: 100%;
		height: 100%;
	}
	.header-fixed-custom {
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 999;
		padding: 0px;
		left: 0;
		right: 0;
	}
	.innerpage-header-fixed-custom {
		position: fixed !important;
		top: 0px;
		width: 600px;
		z-index: 610;
		padding: 0px;
		left: 0px;
		right: 0;
		background: transparent;
		display: inline-block;
		padding-bottom: 10px;
		
	}
	
	.main-page-banner .amp-carousel-button {
		display: none;
	}
	.inner-customsearch .search-block-center {
		/*margin-top: -37px !important;
		margin-left: 72px !important;*/
		width: 60% !important;
	}
	.custom-drawer-menu {
		position: fixed;
		z-index: 1000000;
	}
	.custom-drawer-menu button {
		right: 10px;
		top: 19px;
		padding: 2px 10px 3px 11px;
		color: #000;
		background: transparent;
		border: solid 0px #52bcc1;
		height: 34px;
		font-size: 21px;
	}
	.drawer-amp {
		width: 250px;
		padding-left: 0px;
	}
	.drawer-amp li {
		list-style: none;
		padding: 10px 0px 10px 10px;
		border-bottom: solid 1px #d8d8d8;
		font-size: 18px;
	}
	.amp-close-image {
		padding: 5px !important;
		font-size: 24px !important;
	}
	.breadcrumb {
		display: inline-block;
		margin-top: 75px;
		width: 100%;
		margin-bottom: 0px;
		background: transparent !important;
		padding-bottom: 10px;
		margin-bottom: 0px !important;
	}
	.main-text .search-on-scroll {
		position: fixed !important;
		/*top: 0px;*/
		text-align: left;
		/*margin-left: 84px !important;
		margin-top: 15px !important;*/
		float: initial !important;
		width: 60% !important;
		/*left: 22px;*/
	}
	.gender-text {
		margin: auto !important;
	}
}

@media screen and (min-width:320px) and (max-width:768px) {
	.inner-customsearch .search-block-center {
		min-width: 63% !important;
	}
	.banner-search-block-center .facetwp-facet {
		margin-bottom: 0px !important;
	}
	.clearbtn-panel {
		margin-left: 10px;
		position: relative;
		top: 10px;
	}
	.search-list {
		display: table;
	}
	.search-list .search-list-title {
		padding: 5px;
		text-align: left;
	}
	.category-custom {
		display: block;
	}
	.category-li {
		float: left;
		width: 100%
	}
	.category-main {
		display: inline-block;
		line-height: 33px;
		float: left;
	}
	.category-list {
		margin-left: 5px;
		display: inline-block;
	}
	.breadcrumb-deselector {
		padding: 5px 10px;
		border: solid 1px #ccc;
		margin-left: -1px;
		line-height: inherit;
		display: inline-block;
		margin: 1px 1px
	}
	.facetwp-type-custom-deselector {
		padding: 5px 10px;
		border: solid 1px #ccc;
		margin-left: -1px;
		line-height: inherit;
		display: inline-block;
		margin: 1px 1px
	}
	.hidden-facet {
		position: relative;
	}
	.breadcrumb>li+li:before {
		padding: 6px 5px;
		color: #ccc;
		content: "/\00a0";
		float: left;
	}
	.mobile_search_after_resize {
		width: 70%;
		margin-left: 62px;
		margin: 0 auto;
		float: initial;
		margin-top: -22px;
	}
	#show-slider .add_search_after_filter {
		margin-top: auto;
	}
}

@media screen and (min-width:320px) and (max-width:650px) {
	.category-list {
		float: left;
		margin-left: 5px;
	}
	.inner-slider-ratio .amp-scrollable-carousel-slide {
		width: 100% !important;
	}
	.inner-slider-ratio amp-carousel {
		height: 200px !important;
		overflow: hidden !important;
	}
	.inner-slider-ratio amp-img {
		width: 100% !important;
		height: 200px !important;
	}
	.inner-slider-ratio img {
		object-fit: inherit !important;
		min-width: 100% !important;
		position: absolute !important;
		top: 50% !important;
		width: 1px;
		height: initial !important;
		max-height: inherit !important;
		transform: translate(0%, -50%) !important;
		bottom: inherit !important;
		right: inherit !important;
	}
	.topbarfix {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

@media screen and (min-width:650px) and (max-width:992px) {
	.inner-slider-ratio .amp-scrollable-carousel-slide {
		width: 100% !important;
	}
	.inner-slider-ratio amp-carousel {
		height: 370px !important;
		overflow: hidden !important;
	}
	.inner-slider-ratio amp-img {
		width: 100% !important;
	}
	.inner-slider-ratio img {
		object-fit: inherit !important;
		min-width: 100% !important;
		position: absolute !important;
		top: 50% !important;
		width: 1px;
		height: initial !important;
		max-height: inherit !important;
		transform: translate(0%, -50%) !important;
		bottom: inherit !important;
		right: inherit !important;
	}
}

@media screen and (min-width:789px) and (max-width:6000px) {
	.category-custom {
		display: inline-block;
	}
	.category-main {
		display: inline-block;
		vertical-align: sub;
	}
	.category-list {
		display: inline-block;
		vertical-align: sub;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	/*.inner-slider amp-img.i-amphtml-element {
		padding: 0%;
		height: 420px !important;
	}*/
	.category-main {
		display: inline-block;
		vertical-align: sub;
	}
	.category-list {
		display: inline-block;
		vertical-align: sub;
	}
	.breadcrumb>li {
		width: initial;
		text-align: left;
		float: inherit !important;
		margin-top: 1px;
	}
	.main-text {
		left: 43% !important;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.breadcrumb-names {
		margin-top: 75px;
		background: transparent;
		padding-bottom: 10px;
	}
}

@media screen and (min-width:993px) and (max-width:6000px) {
	.container-outer {
		padding-left: 70px !important;
	}
	.inner-customsearch .search-block-center {
		max-width: 50% !important;
		width: 50%;
	}
	.search-on-scroll {
		width: auto;
		/*width: 50% !important; Fix by Paulo for problematic sticky header */
	}
	.main-page-banner .amp-carousel-button {
		display: none;
	}
	.innerpage-header-fixed-custom {
		position: fixed !important;
		top: 0px;
		width: 600px;
		z-index: 700;
		padding: 0px 10px 0px 0px;
		left: 0px;
		right: 0;
		padding-right: 26px;
		background: transparent;
		display: inline-block;
		/*box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);*/
		/*height: 72px;*/
		/*margin-left: 100px;*/
	}
	/*.innerpage-header-fixed-custom .facetwp-facet {
		margin-bottom: 16px;
	}*/
	.inner-slider-ratio amp-carousel {
		padding: 0% !important;
		overflow: hidden !important;
		position: relative !important;
		overflow: hidden !important;
	}
	.inner-slider-ratio img {
		object-fit: inherit !important;
		min-width: 100% !important;
		position: absolute !important;
		top: 50% !important;
		width: 1px;
		height: initial !important;
		max-height: inherit !important;
		transform: translate(0%, -50%) !important;
		bottom: inherit !important;
		right: inherit !important;
	}
	.inner-customsearch .search-block-center {
		margin: 0 auto;
		float: initial;
		margin-top: -19px !important;
		text-align: left;
		/*margin-left: 180px !important;*/
		position: absolute;
	}
	.breadcrumb-names {
		margin-top: 25px;
		background-color: transparent !important;
		border-radius: 0px !important;
		padding: 0px !important;
		font-size: 15px;
	}
	
}

.facetwp-btn:before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	background-size: 20px 20px
}

.clear-custom:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}

.btn-min-block {
	min-width: 170px;
	line-height: 26px;
}

.btn-clear {
	color: #FFF;
	background-color: transparent;
	border-color: #FFF;
	margin-right: 15px;
}

.btn-clear:hover {
	color: #000;
	background-color: #FFF;
}

.banner-search-block-center {
	float: initial !important;
	margin-top: 30px !important;
}

.search-block-center {
	margin: 0 auto;
	float: initial;
	margin-top: -19px;
	text-align: left;
	margin-left: 80px;
}

.header-fixed-custom {
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 999;
	padding: 0px 10px 0px 0px;
	left: 0;
	right: 0;
}

.amp-social-share-facebook {
	background-color: transparent;
}

.amp-social-share-facebook:hover {
	background-color: #3b5998;
}

.amp-social-share-twitter {
	background-color: transparent;
}

.amp-social-share-twitter:hover {
	background-color: #1da1f2;
}

.amp-social-share-instagram {
	background-color: transparent;
}

.amp-social-share-instagram:hover {
	background-color: #dc4e41;
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 992px) and (orientation : landscape) {
	.autosuggest-container .i-amphtml-element {
		height: 200px !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 992px) and (orientation : landscape) {
	.banner-search-block-center .facetwp-search-wrap {
		display: block;
		position: absolute !important;
	}
}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
/* 	display: inline; */
	margin-left: 0 !important;
	padding: 0;
    display: flex;
    align-items: flex-end;	
}

ul.social-network li {
	display: inline;
	margin: 0px;
}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}

.social-network a.icoFacebook:hover {
	background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
	background-color: #33ccff;
}

.social-network a.icoInstagram:hover {
	background-color: #e4405f;
}

.social-network a.icoVimeo:hover {
	background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
	background-color: #007bb7;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i,
	.social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i,
	.social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i
	{
	color: #fff;
}

a.socialIcon:hover, .socialHoverClass {
	color: #44BCDD;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	border-radius: 50%;
	text-align: center;
	height: 40px;
	font-size: 20px;
	color: #a6769f;
}

.social-circle li a {
	font-size: 18px;
	font-family: 'Yrsa', serif;
	color: #585858;
	margin-top: 16px;
}

.social-circle li:nth-child(1) a, .social-circle li:nth-child(2) a{
    margin-top: inherit;
    padding-top: 6px;
    box-sizing: border-box;
}

.social-circle li i {
	margin: 0;
	line-height: 40px;
	text-align: center;
}

.social-circle i {
	color: #fff;
}

#back_to_top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	color: #080808;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}

.facetwp-pager {
	font-size: 12pt;
	text-align: center;
}

.header-search-block {
	margin-top: 45px;
}

.filter-bgblock {
	padding: 17px 0px 0px 0px;
	font-family: 'Yrsa', serif;
	font-weight: 300;
}

.blog-list {
	background-color: #ffffff;
	padding: 17px 7px 17px 12px;
	margin-top: 0px;
}

.blog-thumbnail1 {
	width: 70px;
	height: 70px;
}

.nav-link {
	display: inline-block;
	font-family: 'Didact Gothic';
}

.nav-link a {
	color: #a6769f;
	text-decoration: none;
}

.social-network .nav-link {
	margin-right: 5px;
}

.main-nav-link .nav-link {
	margin-right: 5px;
}

.main-nav-link .nav-link a {
	font-size: 18px;
	font-family: 'Yrsa', serif;
	color: #585858;
	margin-top: 25px;
}

/* .page-template-default {
	background-color: #ffffff !important;
} */

.title {
	font-size: 19px;
	font-family: 'Yrsa', serif;
	display: inline-flex;
}

.facetwp-facet {
	font-size: 13.5pt;
}

.title-details {
	font-size: 40px;
	font-weight: bold;
}

.title-blog {
	font-size: 24px;
	font-weight: bold;
}

.content-blog {
	font-size: 21px;
}

.pagination-custom {
	background: #53BCC2;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	padding: 2px 9px !important;
	color: #fff !important;
}

.pagination-custom {
	background: #fff;
	color: #000 !important;
	line-height: 25px;
}

.pagination-custom-active {
	background: #f6e4f4;;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	color: #000000 !important;
	font-weight: normal !important;
}

.pagination-custom-arrow {
	background: #fff;
	border: solid 1px #ae769f;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	color: #000000 !important;
	font-weight: normal !important;
}

.search-list {
	padding: 5px;
	border-bottom: solid 1px #f3f3f3;
	color: #3a3a3a;
	width: 100%;
}

.search-list amp-img {
	display: inline-block;
	float: left;
	margin-right: 6px;
	pointer-events: none; /* Disable Sumo sharing on thumbnail images*/
	max-height: 50px !important;
}

.search-list .group {
	line-height: 50px;
	text-align: left;
	font-family: 'Yrsa', serif;
	font-weight: 300;
	font-size: 19px;
}

.search-list .boy {
	text-align: left;
	font-family: 'Yrsa', serif;
	font-weight: 300;
	margin-left: 18px;
}

.search-list .girl {
	text-align: left;
	font-family: 'Yrsa', serif;
	font-weight: 300;
	margin-left: 18px;
}

.search-list .article {
	text-align: left;
	font-family: 'Yrsa', serif;
	font-weight: 300;
	margin-left: 18px;
	color: #5c4d8f;
}

.search-list .search-list-post-title {
	text-align: left;
	font-family: 'Yrsa', serif;
	font-weight: 300;
	margin-left: 18px;
}

.autosuggest-container amp-selector {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	max-height: 430px !important;
	box-shadow: 0 0px 0px #000 !important;
}

.autosuggest-container amp-img .i-amphtml-element {
	border: solid 1px #f3f3f3;
}

.banner-search-block-center .facetwp-search-wrap {
	display: block;
	position: absolute !important;
}

/*.innerpage-search {
	top: 11px;
	z-index: 9999;
	left: 73px;
	width: 40%;
}*/

.mainpage-search {
	position: inherit;
	top: -190px;
	width: 60%;
	margin: auto;
}

.search-on-scroll {
	position: fixed !important;
	top: -14px;
	text-align: left;
	float: initial !important;
	/* left: 320px; */
	left:23%;
}

.search-background-on-scroll {
	background: #fff;
	height: 80px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

.search-background-on-scroll .social-circle li i {
	color: #ae769f !important;
}

.search-background-on-scroll .social-circle li a i:hover {
	color: #ffffff !important;
}


@media screen and (min-width:320px) and (max-width:1124px) {
	.custom-drawer-menu button {
		position: fixed;
		z-index: 99999;
		right: 10px;
		top: 15px;
		padding: 6px 10px;
		color: #000000;
		background: transparent;
		border: solid 0px #52bcc1;
		height: 34px;
		font-size: 21px;
		/*display: block !important;*/
	}
	.drawer-amp {
		width: 250px;
		padding-left: 0px;
	}
	.drawer-amp li {
		list-style: none;
		padding: 10px 0px 10px 10px;
		border-bottom: solid 1px #d8d8d8;
		font-size: 18px;
	}
	.amp-close-image {
		margin: 7px 5px;
		padding: 3px !important;
	}
	.social_icons {
		display: none;
	}
}

.header-fixed-custom  .social_icons {
	position: fixed;
	top: inherit;
	right: 25px;
}

.toggle-arrow {
	float: right;
	display: inline-block;
}

.toggle-div, 
.toggle-facet-group, 
.i-amphtml-accordion-header {
	background-color: transparent !important;
	border: none !important;
	font-size: 18px !important;
	height: 40px !important;
}
amp-accordion, amp-accordion>section {
    margin-bottom: 2.5rem;
}
.i-amphtml-accordion-content {
	padding: 10px;
}

.facet-accordion {
	top: 10px;
}

.filter-bgblock amp-accordion .facetwp-facet {
	margin-bottom: 0px;
}

.facetwp-mobile-panel-facets amp-accordion .facetwp-facet {
	margin-bottom: 0px;
}
/* CSS use to remove outline of accordion */
amp-accordion h3.toggle-facet-group:focus, amp-accordion h4.toggle-facet-group:focus
	{
	outline: 0px;
}

.z-hidden {
	display: none;
}

@media screen and (min-width: 320px) and (max-width: 769px) {
	.filter-bgblock .i-amphtml-accordion-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
	.search-on-scroll {
		position: fixed !important;
		/*top: 0px;*/
		text-align: left;
		/*margin-left: 180px !important;
		margin-top: 15px !important;*/
		float: initial !important;
		max-width: 50% !important;
	}
	.main-text {
		z-index: 10;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 2rem;
		color: #fff;
		width: 70% !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 992px) and (orientation : landscape) {
	.banner-search-block-center {
		width: 88% !important;
	}
	.main-text .search-on-scroll {
		position: fixed !important;
		/*top: 0px;
		left: 0;
		right: 0;*/
		text-align: center;
		/*margin: 0 auto;
		margin-top: 15px !important;*/
		width: 79% !important;
	}
	.inner-customsearch .search-block-center {
		width: 79% !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 992px) and (orientation : portrait) {
	.banner-search-block-center {
		width: 88% !important;
	}
	.main-text .search-on-scroll {
		position: fixed !important;
		top: 0px;
		left: 25px;
		right: 0;
		text-align: center;
		margin: 0 auto;
		margin-top: 15px !important;
		width: 63% !important;
	}
	.inner-customsearch .search-block-center {
		position: fixed !important;
		top: 0px;
		left: 0;
		right: 0;
		text-align: center;
		margin: 0 auto;
		margin-top: 15px !important;
		width: 63% !important;
	}
}

/* Auto Suggestion Grid Layout Flexbox and AMP End */
.breadcrumb-panel {
	margin-top: 15px;
	background-color: #faf9f7;
}

.breadcrumb li a,
.breadcrumb li span{
	vertical-align: sub;
	display: inline-block;
}

.breadcrumb>li+li:before {
	vertical-align: sub;
	line-height: 33px;
}

.main-page-banner {
	position: relative;
}

.main-text {
	z-index: 10;
	position: absolute;
	top: 42%;
	left: 33%;
	transform: translate(-50%, -50%);
	padding: 2rem;
	color: #fff;
	width: 60%;
}

.facet-group-icon {
	height: 20px;
	width: 20px;
}

/* Auto suggestion category start */
.autosuggest-result-icon {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #f3f3f3;
}

.filter-bgblock .Result-Icon {
	font-size: 19px;
}

/* Auto suggestion category end */
.clearbtn-panel {
	position: relative;
	top: 20px;
}

.filter-bgblock .i-amphtml-accordion-content {
	padding: 10px 10px 10px 0px;
}

.breadcrumb-clearall {
	vertical-align: sub;
}

li.breadcrumb-clearall::before {
	display: none !important;
}

li.breadcrumb-clearall a {
	/*line-height: 34px;*/
}

.no-match {
	padding: 20px;
	text-align: center;
}

.i-amphtml-scrollable-carousel-container {
	padding-bottom: 5px;
}

@media only screen and (min-device-width : 800px) and (max-device-width:
	992px) {
	.search-on-scroll {
		/*left: 25px !important;*/
		max-width: 50% !important;
	}
}

.login_logout h4 {
	text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-top: 31px;
    cursor: pointer;
}

.btn-fb {
	background-color: #3b5998 !important;
	color: #fff !important;
}

.btn-fb:hover {
	background-color: #4264aa;
}

.btn-gplus {
	background-color: #96271a;
	color: #fff !important;
}

.btn-gplus:hover {
	background-color: #96271a;
}

.innerpage-header-fixed-custom .social_icons {
	padding: 18px 0px 0px 0px;
}
.main-nav-link{
	display: flex;
    align-items: center;
}
.synopsis p {
	font-size: 12pt;
    line-height: 1.7em;
    margin: 0 0 10px;
}

.facetwp-pager {
    margin: 25px;
}

.facetwp-pager-label {
    display: block !important;
    margin: 25px;
}

.facetwp-pager span, .facetwp-pager a {
    font-size: 16pt;
    padding: 0px 5px;
    width: auto;
    min-width: 33px;
}
/*
.i-amphtml-scrollable-carousel-container{
	overflow:hidden !important;
} */

#res-728-2-container {
    text-align: center;
}

.fnp-nav-link {
	margin-top: -2px;
}

.fnp-nav-link .nav-link {
	/*margin-right: 2px;*/
}

.fnp-nav-link .nav-link img {
	vertical-align: inherit;
}

/******************** Ad Inserter Blocks ********************/

#res-160-container, #res-link-container,
.res-160, #ezoic-pub-ad-placeholder-106, #ezoic-pub-ad-placeholder-107 {
	height: auto;
}

/******************** BuddyBoss Header and Breadcrumb ********************/
.container-fluid {
	padding: 0;
}

.bb-header-buttons > a:visited {
    color: #FFFFFF;
}

.bb-logo {
	height: 70px;
}

#primary-navbar {
	min-width: 500px;
}

.primary-menu {
	width: 100%;
}

.primary-menu > li {
	float: left !important;
}

.primary-menu > li > a {
	font-size: 14px;
	font-weight: 500;
	color:#545454;
}

.primary-menu > .current-menu-item > a, .primary-menu .current_page_item > a {
	color: #612f8e !important;
}

.primary-menu > li > a:hover, .bb-header-buttons > a:hover {
	text-decoration: none;
	color: #612f8e !important;
}

.home-header-menu {
	margin-left: 100px;
}

.site-header {
	width: 100% !important;
}

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu{
	min-width: 195px;
	max-height: inherit;
}

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu{
	top: calc(100% - 20px);
    right: -3px;
    left: inherit;
}

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu:before{
	left: 17.5rem;
    border: 5px solid #fff;
}

.site-header .bb-sub-menu a{
	font-size: 14px !important;
    padding: 1.1rem 1.5rem !important;
    color: #545454 !important;
}

.site-header .bb-sub-menu a:hover{
	color:#612f8e !important;
}

.site-header-container {
	margin: 0 auto;
	padding: 0;
}

.button.signin-button.link{
	color: #545454 !important;
}
/* .site-branding {
	margin-left: 80px;
} */

.facetwp-search-wrap {
	margin: 35px 400px;
}

.home-search-block .facetwp-search-wrap {
	margin: 0;
}

.mobile-logo-wrapper {
	justify-content: start !important;
	padding: 0;
}

.bb-mobile-header-wrapper {
	margin-left: 20px;
}

.bb-left-panel-mobile {
	margin: 0;
	text-decoration: none;
}

.bb-left-panel-mobile:hover,
.bb-left-panel-mobile:focus,
.bb-left-panel-mobile:visited,
a:visited {
	text-decoration: none !important;
}

.mobile-menu > li > a > h4 {
	margin: 0;
}

.mobile-menu > li > a,
.mobile-menu > li > a > h4 {
	font-size: 16px !important;
	font-weight: 500;
}

.bb-mobile-panel-inner > .bb-mobile-panel-header > .logo-wrap > a > .bb-mobile-logo {
	width: 65px;
}

.group-icon {
	position: relative;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.bb-left-panel-icon-wrap {
	margin-right: 20px;
}

.breadcrumb-clearall {
	margin-left: 10px;
	vertical-align: middle;
}

.facetwp-mobile-panel {
	left: -500px !important;
}

.facetwp-mobile-panel.active {
	left: 0 !important;
}

body.buddypress.register .register-section-logo img, body.buddypress.activation .activate-section-logo img {
	height: auto;
}

.user-link {
	font-size: 14px !important;
}

.user-link:hover, .user-link:focus {
	text-decoration: none;
}

.notification-footer a:hover,
.notification-footer a:focus {
	text-decoration: none;
}

/* BuddyBoss Members Search/Filter Form */
.bp-profile-search-widget, .bp-profile-search-widget > .bps-form-title {
	font-size: 14px;
}

.bp-profile-search-widget > .bps-form > div > input {
	font-size: 16px;
}

.buddypanel {
	display: none;
}

.bb-icon-file,
.bb-icon-settings {
	display: none !important;
}
@media only screen and  (min-width: 821px) and  (max-width: 992px){
	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 15px 100px !important; 
	}
}
@media only screen and  (min-width: 768px) and (max-width: 820px){
	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 5px 25px !important;
		
	}
}
@media only screen and (max-width: 1200px) {
	.site-header-container {
		width: 95%;
	}

	.search-on-scroll {
		top: -14px;
		left: 150px;
	}

	.facetwp-search-wrap {
		margin: 35px 210px;
	}

	/*.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 35px 230px;
	}*/

	.site-title > a {
		content: url(/z-a/i/bnp_logo_m.png);
		width: 60%;
		/*padding: 5px 0 !important;*/
	}
}

@media only screen and (max-width: 992px) {
	.site-header-container {
		display: none !important;
	}

	.bb-mobile-header-wrapper {
		display: block !important;
	}

	.bb-mobile-header-wrapper, .bb-mobile-panel-wrapper {
    	display: block !important;
    }

	.search-on-scroll {
		top: -27px;
		left: 72px;
	}

	.topbar-search-block {
		margin-top: -37px !important;
    	margin-left: 72px;
	}

	.breadcrumb {
		margin: 0;
		padding: 10px; 
	}

	.category-li a, .breadcrumb-clearall a {
		line-height: 30px;
	}

	.breadcrumb > li + li:before {
		line-height: 20px;
	}
} 


@media only screen and (max-width: 768px) {
	.search-on-scroll {
		top: -67px;
		left: 72px;
	}

	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 55px 100px !important;
	}
}

@media only screen and (max-width: 576px) {
	.bb-left-panel-icon-wrap {
		margin-right: 10px;
		margin-left: -20px;
	}

	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 55px 35px !important;
	}
}

@media only screen and (max-width: 499px) {
	.facetwp-search-wrap {
		margin: 0 !important;
	}

	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 5px 0 5px 35px !important;
		width: 200px;
	}

	.topbar-search-block {
		margin-top: 15px !important;
    	margin-left: 72px;
	}
}

@media only screen and (max-width: 400px) {
	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 5px 0 5px 35px !important;
		width: 170px;
	}
}

@media only screen and (max-width: 370px) {
	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 5px 0 5px 35px !important;
		width: 150px;
	}
}

@media only screen and (max-width: 350px) {
	.search-on-scroll .facetwp-search-wrap,
	.topbar-search-block .facetwp-search-wrap {
		margin: 5px 0 5px 35px !important;
		width: 120px;
	}
}

.btn-favorites-article{
	margin: 24px 0px 0px 14px;
    font-size: 24px;
}


.suggestion {
	max-height: 420px;
	overflow-y: scroll;
	position: fixed;
	background-color: white;
	overflow: auto;
	width: 500px;
	padding: 5px;
  }
  
  .search-field-top {
	border: 1px solid #ccc !important;
	border-radius: 4px;
	box-sizing: border-box;
	height: 44px !important;
	background-color:#fff !important;
  }
  
  .search-form {
	max-width: 500px !important;
	position: relative;
	margin: 0 auto !important;
  }
  
  .header-search-wrap a.close-search{
	right: 5px;
  }
  
  @media screen and (max-width: 520px) {
	.suggestion {
	  width: calc(100vw - 20px) !important;
	  max-width: initial;
	}
	
  }

/* Latest Articles carousel */
.article-carousel{
	margin-bottom: 3rem;
}
.article-carousel .amp-scrollable-carousel-slide{
	padding: 15px;
    margin-left: 15px;
    vertical-align: top;
    border-radius: 10px;
    border: 2px solid #612f8e;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.article-carousel .amp-scrollable-carousel-slide:nth-of-type(even){
	border-color:#cdadd1 ;
}
.article-carousel .carousel-img-article {
    position: relative;
    width: 270px;
    height: 155px;
    overflow: hidden;
    margin-bottom: 20px;
    color: #484848;
}
.article-carousel .amp-scrollable-carousel-slide:hover{
    -webkit-box-shadow: -2px -1px 8px rgb(0 0 0 / 25%);
    box-shadow: -2px -1px 8px rgb(0 0 0 / 25%);
}
.article-carousel .slider-text {
	font-size: 20px;
    width: 270px;
	text-align: center;
    white-space: normal;
    font-weight: 500;
    overflow: hidden;
    line-height: 1.2;
    font-family: 'Yrsa', serif;
}
.article-carousel .read-more{
	display: block;
	width: 97px;
    padding: 5px 15px;
    border-radius: 15px;
    background-color: #612f8e;
	color: #fff;
    font-family: 'Yrsa', serif;
    margin: 15px auto 0;
}
.article-carousel .amp-scrollable-carousel-slide:nth-of-type(even) .read-more{
	background-color: #9b60a2;
}

/* Famous namesakes carousel */
.famousname-carousel .image-slider{
	box-shadow: 0 0 4px -2px;
    border-radius: 7px;
    background-color: #d8bfd83b;
    border: 1px solid #eee;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.famousname-carousel .slider-text{
	font-size: 23px;
	text-align: center;
    white-space: normal;
    font-weight: 500;
    font-family: 'Yrsa', serif;
}
.famousname-carousel .carousel-img-famous{
    position: relative;
    width: 245px;
    height: 315px;
    overflow: hidden;
	border-radius: 7px;
    margin-bottom: 15px;
}
.famousname-carousel amp-img{
	border-radius:0 !important;
}
.famousname-carousel .view-more{
	display: block;
    text-align: center;
    color: #612f8e;
    margin: 10px auto;
}
.famousname-carousel .image-slider:hover{
    -webkit-box-shadow: -5px 2px 7px rgb(0 0 0 / 25%);
    box-shadow: -5px 2px 7px rgb(0 0 0 / 25%);
}

.amp-scrollable-carousel-slide:first-child{
	margin-left: 0 !important;
}
.mainpage-location .amp-carousel-button-next,.mainpage-location .amp-carousel-button-prev {
    background-color: #612f8e;
    box-shadow: 0 0 10px
}
amp-carousel .carousal-link:hover {
	color: #000 !important;
	text-decoration: none;
}

.bb-mobile-panel-inner .main-navigation{
	display: block;
	flex: inherit;
}
.bb-mobile-panel-inner .bb-primary-menu a{
	padding: 0;
    height: 50px;
	cursor: pointer;
}
.bb-mobile-panel-inner .bb-primary-menu a:hover{
	color: #122b46 !important;
	text-decoration: none;
}
.buddypanel-open .bb-mobile-panel-inner ul.buddypanel-menu>li>a>i{
	margin-left: 1rem !important;
    font-size: 22px;
    /* margin-top: 0.3rem; */
}
#send_message_form .select2-selection--multiple {
    line-height: 2;
}
.bb-select-dropdown .select2-results__option{
	text-transform: unset;
}

/* Fictinal Character namesakes carousel */
.fictional-character{
	margin-top:2rem;
}
.fictional-character-carousel .image-slider{
	box-shadow: 0 0 4px -2px;
    border-radius: 7px;
    border: 1px solid #eee;
	border-bottom: 1px solid #612f8e;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.fictional-character-carousel .slider-text{
	font-size: 23px;
	text-align: center;
    white-space: normal;
    font-weight: 500;
    font-family: 'Yrsa', serif;
}
.fictional-character-carousel .carousel-img-fictional{
    position: relative;
    width: 245px;
    height: 220px;
    overflow: hidden;
	border-radius: 7px;
    margin-bottom: 15px;
}
.fictional-character-carousel amp-img{
	border-radius:0 !important;
}
.fictional-character-carousel .read-more{
	display: block;
    text-align: center;
    color: #612f8e;
    margin: 10px auto;
}
.fictional-character-carousel .image-slider:hover{
    -webkit-box-shadow: -5px 2px 7px rgb(0 0 0 / 25%);
    box-shadow: -5px 2px 7px rgb(0 0 0 / 25%);
}