/*--------------------------------------------------------------
# Typography (CONTENT)
--------------------------------------------------------------*/

main > article > .post-thumbnail {
    margin-bottom: 3rem;
}

.site-main > article > .post-thumbnail img {
	border-radius: 8px;
}

.entry-content [id*="more-"] {
	display: none;
}

.entry-content > * {
	margin: 24px 0;
	max-width: 100%;
	line-height: 2;
}

.entry-content ol,
.entry-content ul {
	margin-left: 2em;
	margin-bottom: 2em;
}

.entry-content ul li {
	list-style: square;
	padding: 0.2em 0;
}

.entry-content ul li::marker {
	color: #ff1478;
}

.entry-content a {
	text-decoration:underline;
}

.entry-content h5 {
	letter-spacing:-0.8px;
	font-weight:normal;
}

.entry-content>h1, 
.entry-content>h2, 
.entry-content>h3, 
.entry-content>h4, 
.entry-content>h5, 
.entry-content>h6 {
    margin: 1.3em 0 0.7em;
    line-height: 1.45;
    color: #1e1e1e;
}

.entry-content>h1+*, 
.entry-content>h2+*, 
.entry-content>h3+*, 
.entry-content>h4+*, 
.entry-content>h5+*, 
.entry-content>h6+* {
    margin-top: 0;
}

.entry-content > ul, 
.entry-content > ol {
	padding-left: 24px;
	margin-left: 20px;
}

.entry-content > ul {
    list-style: square;
}

.entry-content > ul li {
    margin-bottom: 1em;
	line-height: 1.6em;
}

.entry-content > ul li::marker {
	color: #5c3bdd;
}

.entry-content ul ol li,
.entry-content ul ul li {
	padding-bottom: 10px;
}

.entry-content .wp-block-quote {
	background: #f6f6f6;
	padding: 1em;
}

.entry-content .wp-block-pullquote {
	background: #f6f6f6;
	text-align: center;
	position: relative;
	padding: 67px 20px 82px;
	font-size: 1.2em;
}

.entry-content .wp-block-pullquote blockquote {
}

.entry-content .wp-block-pullquote::before {
	content:'';
	background: url('../img/quotes-1.png') no-repeat;
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100px;
	height: 50px;
}

.entry-content .wp-block-pullquote::after {
	content:'';
	background: url('../img/quotes-2.png') no-repeat;
	background-size: 54px auto;
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 55px;
	height: 50px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.entry-header .entry-category a {
    background: #3624d6;
    padding: 0px 24px;
    border-radius: 1rem;
    min-width: 110px;
    display: inline-block;
    text-align: center;
    margin-bottom: 1.4rem;
    color: #fff;
}

.entry-header .entry-meta {
    list-style: none;
    font-size: 0.95rem;
    margin: 2rem 0 4rem;
}

.entry-header .entry-meta li {
    display: inline-block;
}

.entry-header .entry-meta li .sep {
    display: inline-block;
    padding: 0 0 0 5px;
}

.entry-header .post-subtitle {
    font-size: 0.95rem;
    line-height: 2em;
    margin-bottom: 4em;
}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/

#site-breadcrumb {
    list-style: none;
    display:flex;
    color: #00249F;
    margin: 0 0 6rem;
	flex-wrap: wrap;
}

#site-breadcrumb li {
    font-size:90%;
}

#site-breadcrumb li.bcrumb-separator {
    padding: 0 7px;
    font-size: 79%;
    position: relative;
    top: 3px;
}

#site-breadcrumb li span {
	white-space: nowrap;
}

@media screen and ( max-width:768px ) {
	#site-breadcrumb {
        flex-wrap: wrap;
        margin: 0 0 4rem;
	}
}


/*--------------------------------------------------------------
/= Share icons
--------------------------------------------------------------*/

.share-buttons.share-vertical {
    top: 8%;
    margin-left: -420px;
    margin-left: -15vw;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    flex-direction: column!important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 420px;
    width: 15vw;
    display: block!important;
    z-index: 2;
    margin-top: 20%;
    margin-bottom: 25px;
    position: -webkit-sticky!important;
    position: sticky!important;
    align-items: self-end;
    text-align: center;
}

.share-buttons.share-horizontal {
    display: block;
    margin: 2em 0 3em;
}

.share-buttons.share-vertical ul {
    flex-direction: column;
}

.share-buttons.share-horizontal ul {
    flex-direction: row;
    margin-left: -10px;
}

.share-buttons.share-vertical ul li {
    margin: 0 0 0.91rem;
}

.share-buttons.share-horizontal ul li:not(:first-child) {
    margin-left: 12px;
}

.share-buttons.share-horizontal ul li {	
    margin: 0 0.1rem;
}

.share-buttons .share-title {
    display: block;
    padding-bottom: 1em;
    font-weight: 700;
    letter-spacing: -1px;
    color: #3624d6;
}

.share-buttons .social-icons li a {
	width: 2.56rem;
	height: 2.56rem;
	font-size: 1.45rem;
}


@media (min-width:1401px) {
    .share-buttons.share-horizontal {
        display:none!important;
    }
}

@media (max-width:1400px) {
    .share-buttons.share-vertical {
        display:none!important;
    }
}

@media (max-width:1600px) {
    .share-buttons.share-vertical {
        margin-left: -250px;
        width: 250px;
        margin-left: -17vw;
        width: 17vw;
    }
}

@media (max-width:420px) {

    .share-buttons ul li a.icon-share2 {
        font-size: 18px;
    }

    .share-buttons.share-horizontal ul li:not(:first-child) {
        margin-left: 8px;
    }
}



/*--------------------------------------------------------------
/= Sidebar Floating and Widgets
--------------------------------------------------------------*/

.widget-area .widget-title {
    font-size: 1rem;
    letter-spacing: 1px;
    }

.widget-area p {
    font-size: 0.8rem;
line-height: 1.2em;}

.widget-area input,
.widget-area button {    
    width: 100%;
    margin: 0.8em 0;
}

.widget-area .button, 
.widget-area button, 
.widget-area input[type="button"], 
.widget-area input[type="reset"], 
.widget-area input[type="submit"] {
    background: #3624d6;
    color:#fff;
    border-color: #3624d6;
}

.search-jobs-inner,
.newsletter-inner {
    background: #ff1478;
    padding: 1em 17px;
    color: #fff;
    border-radius: 7px;
    /* box-shadow: 0px 2px 4px 3px #ccc; */
    box-shadow: 0px 4px 6px #0000004a;
}

.search-jobs-inner.pink_gradient,
.newsletter-inner.pink_gradient {
	background: linear-gradient(209deg, #273992 0%, #ff1478 100%) 0% 0%;
}

.search-jobs-inner.blue,
.newsletter-inner.blue {
	background: #3624d6;
}

.search-jobs-inner button,
.newsletter-inner button {
	font-size: 0.85rem;
	padding: 0.7rem 1.5rem;
}

.search-jobs-inner.pink_gradient button,
.newsletter-inner.pink_gradient button {
	background: rgb(255 255 255 / 20%);
	border: 1px solid #FFFFFF!important;
}

.search-jobs-inner.blue button,
.newsletter-inner.blue button {
	background: #ff1478;
	border: 1px solid #ff1478!important;
}

.newsletter-inner .icon-email {
    height: 49px;
    float: left;
    font-size: 30px;
    position: relative;
    top: 11px;
    margin-right: 9px;
}

.form-newsletter {
	position:relative;
	transition: all linear 0.2s; 
}

.form-newsletter.loading {
	opacity:0.8;
}

.form-newsletter.loading::before {
	content:
	"";
	display:
	block;
	width: 100%;
	height: 100%;
	position: absolute;
}

.form-newsletter input[name="email"] {
	margin: 0.3em 0 0.9em;
}

.form-newsletter .amp-wp-default-form-message > p {
	background: transparent!important;
	color: #fff!important;
    border: 0!important;
	padding: 0;
}

.form-newsletter .response p,
.form-newsletter .amp-wp-default-form-message p {
	margin: 1px 0 17px!important;
	font-size: 16px!important;
	font-weight: bold!important;
	line-height: 21px;
}

.form-newsletter.amp-form-submit-success > input,
.form-newsletter.amp-form-submit-success > button,
.form-newsletter.amp-form-submit-success > p {
	display: none!important;
}

.pre-footer .form-newsletter {
	font-size: 18px;
}

#form-searchjob .amp-wp-default-form-message {
	display: none!important;
}

#secondary-floating {
	margin: 3em 0 1em;
}

#secondary-floating .adzone-container {
	text-align:right!important;
}

#secondary-floating .adzone-container img,
#secondary-floating .widget_block figure img  {
	width:100%;
	height:auto;
	transition: all linear 0.2s;
	border-radius:4px;
}

#secondary-floating .widget_block figure {
	margin: 0;
}

#secondary-floating .widget_block figure:hover img,
#secondary-floating .adzone-container:hover img {
	transform:scale(1.07);
	opacity:0.88;
}

#secondary-floating > section {
	margin-top: 10%;
}

#secondary-floating > section:first-child {
	margin-top: 0;
}


@media (min-width:1200px ) {
	#secondary-floating {
		top: 30rem;
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		flex-direction: column!important;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		display: block!important;
		z-index: 100;
		margin-top: 11%;
		margin-bottom: 25px;
		position: -webkit-sticky!important;
		position: sticky!important;
		align-items: self-start;
		text-align: left;
		padding-left: 7%;
		width: 480px;
		margin: 0;
		z-index: 5;
	}

	body.admin-bar #secondary-floating {
		/* top: 6.7%; */
	}

	#secondary-floating > section:first-child {
		/* margin-top: 27%; */
	}
}


@media (min-width: 1400px) {

	#secondary-floating {
		margin-right: -190px;
		width: 370px;
	}

	body.layout-full-width #secondary-floating {
		display: none!important;
	}
}

@media ( min-width: 1580px ) {

	#secondary-floating {
		margin-right: -330px;
		width: 330px;
	}
}

@media ( min-width: 1680px ) {

	body.layout-full-width #secondary-floating {
		display: block!important;
		margin-right: -350px;
		width: 350px;
		padding-left: 5%;
	}
}

/*--------------------------------------------------------------
/= TOC Component
--------------------------------------------------------------*/

.toc-container {
    margin: 3em 0 3em;
}

.toc-container hr {
	margin: 0;
	padding: 0;
	background-color: #f1efef;
}

.toc-container ul li {
	margin: 3px 0 3px;
	padding: 0!important;
	list-style: none!important;
}

.toc-container ul ul {
	padding-left: 2.2em;
	margin: 0;
}

.toc-container .toc-title {
	background: #3624d6;
	display: inline-block;
	padding: 10px 23px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 0.85rem;
	font-family: 'Nunito',sans-serif;
}

.toc-container .toc-title a {
	color:#fff;
	cursor: pointer;
	transition: all ease-in-out 0.4s;
	text-decoration: none;
	display: none;
}

.toc-container .toc-title a:before {
  content: "\e91b";
    font-family: 'icons' !important;
}

.toc-container.active .toc-title a:before {
    content: "\e91c";
}

.toc-container .toc-items-container {
  background: #f1efef;
  list-style:none;
  margin: 0;
  visibility:hidden;
  max-height:0;
  transition: max-height ease-in-out 0.4s, opacity 0.4s;
  opacity:0;
}

.toc-container.active .toc-items-container {
	visibility:visible;
    max-height:99999px;
    opacity:1;
}

.toc-container .toc-items-container .toc-items {
	padding: 22px 25px;
}

.toc-container .toc-items-container .toc-items > li::before {
  content:
  '\ee34';
  font-family: 'icons' !important;
  color: #00249F;
  position: relative;
  left: -10px;
  top: 1px;
  font-size: 14px;
}

.toc-container .toc-items-container .toc-items li a {
	color: #4a4a4a;
	text-decoration: none;
}

.toc-container .toc-items-container .toc-items li a:hover,
.toc-container .toc-items-container .toc-items li a:focus {
	color:#0080fd;
}

@media screen and ( max-width:768px ) {
	.toc-container .toc-items-container {
		font-size: 90%;
	}

	.toc-container .toc-items-container .toc-items {
		padding: 22px 8px 22px 20px;
	}
}

/*--------------------------------------------------------------
/= Registration
--------------------------------------------------------------*/

.registration-container {	
	margin: 10% 0;
	line-height: 1.5em;
}

.registration-container .registration-container-inner {	
	display: flex;
	flex-direction: row;
}

.registration-container input[type="text"], 
.registration-container input[type="email"], 
.registration-container input[type="password"], 
.registration-container button, 
.registration-container label, 
.registration-container small {
	width:100%;
	display: block;
	margin: 0 0 0.2rem;
}

.registration-container small {	
	margin: -0.3rem 0 0.4rem;
	line-height: 1.2em;
	color: #6b6a6c;
}

.registration-container button {
	background: #00249F;
	border-color: #00249F;
	margin: 9% 0 5%;
}

.registration-container input[type="text"],
.registration-container input[type="email"] {
	background:#ebebeb;
	border: 1px solid #686868!important;
}

.registration-container label input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 2px;
}

.registration-container ul {
	list-style: none!important;
	font-size: 14px;
}

.registration-container ul li {
	margin: 1.3em 0;
	font-size: 1.36em;
}

.registration-container #registration_form {
	height:100%;
}

.registration-container .response {
	display:
	none;
	color: #f61313;
	line-height: 1.2;
}

.registration-container .response.active,
.registration-container .response.fix {
	display:block;
}

.registration-container .response.fix {
	visibility:hidden;
}

.registration-container .success {
	display: none;
	height: 100%;
}

.registration-container .success .success-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.registration-container .form-line {
	margin: 3% 0;
}

.registration-container .form-line:last-child {
	display: flex;
	justify-content: space-between;
}

.registration-container .registration-title {
	font-size: 1.3rem;
	font-weight: 600;
}

.registration-container .icon-shield-check {	
	margin-right: 5px;
}

.registration-container .number {
	background: #fff;
	color: #ff1478!important;
	display: inline-block;
	width: 1.9em;
	height: 1.9em;
	border-radius: 50%;
	line-height: 1.85em;
	text-align: center;
	margin-right: 3%;
	font-size: 1.02em;
	font-weight: bold;
}

.registration-container .registration-column:first-child {	
	width: 57%;
	background: #ff1478;
	padding: 4% 3%;
	border-radius: 6px;
	color: #fff;
	font-weight: 600;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 16px;
}

.registration-container .registration-column:last-child {	
	width: 43%;
	padding: 1.5% 4%;
	background: #EBEBEB;
	border-radius: 0 6px 6px 0;
	margin-left: -3px;
	z-index: 1;
	color: #414042;
	font-size: 0.9rem;
}

@media ( max-width:1024px ) {
	.registration-container .registration-column:first-child {
		font-size: 15px;
	}
	.registration-container .form-line:last-child {		
		flex-direction: column-reverse;
	}
}

@media ( max-width:768px ) {

	.registration-container {		
		margin: 4em 0;
	}
	
	.registration-container .registration-container-inner {
		flex-direction:column;
		width: 100vw;
		margin-left: -30px;
		margin-right: -30px;
	}

	.registration-container .registration-column {
		width:100%!important;
		margin: 0!important;
		padding: 8% 30px!important;
	}

	.registration-container .registration-column:first-child {
		font-size: 14px;
	}

	.registration-container .registration-title {
		font-size: 1.3rem;
	}

	.registration-container ul li {		
		font-size: 1.1rem;
		margin: 0.9rem 0;
	}
}

/*--------------------------------------------------------------
/= Comment Area
--------------------------------------------------------------*/
#comments {
    margin: 4rem 0;
}

#comments a {
    word-wrap: break-word;
	color: #ff1478;
}

#comments label {
	display: block;
	padding: 0 0 7px;
	font-weight: 500;
	font-size: 0.9rem;
}

#comments textarea:focus, 
#comments input:focus {
	border-color: #5aa2ec;
	box-shadow: inset 0 0 3px #5aa2ec;
}

#comments .form-row {
	padding: 5px 0;
}

#comments div.error {
	color: #FF4033;
	font-size: 14px;
	margin: 2px 0 13px;
}

#comments .bypostauthor {
	display: block;
}

#comments .comments-title {
	margin-bottom:2em;
}

#comments .comment-reply-title {
	font-size: 1.2rem;
}

#comments .comment-reply-title small {
	padding-left: 10px;
	font-weight: 500;
	
}

#comments .comment-notes {
	font-size:0.9rem;
	color: #646262;
	margin-bottom: 1.5rem;
}

#comments .comment-form-url {
	display: none!important;
	visibility:hidden!important;
}

#comments .logged-in-as a:nth-child(1) {
	color: #414042;
}

#comments .required {
    color: #ff1478;
}

/* Comments List */

#comments .comment-list {
	margin: 1.5em 0 4em;
	list-style: none;
	max-width: 670px;
}

#comments .comment-list li {
	overflow:hidden;
	display:block;
	margin-bottom: 2.5em;
}

#comments .comment-list li:last-child {
	margin-bottom:0;
}

#comments .comment-list ol, 
#comments .comment-list ul { 
    list-style: none; 
}

#comments .comment-list ol.children {
	margin: 0;
	padding: 35px 0 2px 8%;
}

#comments .comment-list .comment-respond {
	margin: 32px 0;
}

#comments .comment-list .avatar {
	border-radius: 50%;
	border: 3px solid #e5e5e5;
}

#comments .comment-list .column-gravatar {
    float: left;
    margin: 0 3% 1.5% 0;
    max-width: 70px;
    width: 100%;
    display: none!important;
}

#comments .comment-list .column-comment {
	overflow: hidden;
}

#comments .comment-list .comment-is-author {
	display: inline-block;
	background: #ffad63;
	border-radius: 7px;
	color: #fff;
	padding: 2px 9px;
	margin: 0 11px 0;
	font-size: 15px;
}

#comments .comment-list .comment-date {
	color: #7d7d7d;
}

#comments .comment-list .comment-body {
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 1.6em;
}

#comments .comment-list .controls {
	display: block;
	margin-top: -12px;
}

#comments .comment-list .controls a {
    padding: 3px 15px;
    display: inline-block;
    background: #ff1478;
    border: 2px solid #ff1478;
    color: #fff;
    border-radius: 5px;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
}

@media screen and ( max-width:768px ) {
	#comments {
        margin-top: 2em;
    }
	
	#comments .comment-list .column-gravatar {		
        max-width: 60px;
	}

	#comments .comment-list .column-comment {
		overflow:visible;
	}

	#comments .comment-list .comment-is-author {
        margin: 0;
        font-size: 12px;
        padding: 4px 9px;
    }

	#comments .comment-list .column-comment .comment-metas {
        font-size: 18px;
        margin-bottom: 35px;
        padding-left: 70px;
        line-height: 1.1;
        padding-left: 0!important;
    }

	#comments .comment-list .comment-date {
		overflow:hidden;
		display: block;
		margin: 8px 0 -21px;
	}
}

/* Shortcodes BEGIN */


/*--------------------------------------------------------------
/= Featured post
--------------------------------------------------------------*/

.featured-post-container {
	margin: -1rem 0 4rem;
}

.featured-post-container ul {
	display: flex;
	list-style: none;
	margin: 0 -6px;
}

.featured-post-container ul li {
	display: flex;
	margin: 0 6px;
	flex: 1;
}

.featured-post-container ul li a {
	display: flex;
	align-items: center;
}

.featured-post-container ul li .featured-post-thumb {
	margin-right: 12px;
}

.featured-post-container ul li .featured-post-thumb img {
	border-radius: 5px;
	max-width: 58px;
}

.featured-post-container ul li .featured-post-title {
	line-height: 1.3em;
	color: #7e7b7b;
	font-size: 0.94rem;
	margin-top: -8px;
}

@media ( max-width: 1199px ) {
	.featured-post-container {
		margin: -0.5rem 0 4rem;
	}
}

@media ( max-width: 1024px ) {
	.featured-post-container { 
		display: none!important 
	}
}


/** 
* Author Bio
*/

.author-bio {background: #f1f1f1;padding: 1.5em 1em;display: flex;align-items: center;border-radius: 6px;}


.author-bio .author-avatar {
	display: block;
	flex: 0 0 100%;
	margin-right: 30px;
	max-width: 100px;
}

.author-bio .author-avatar img {
	width: 100%;
	border-radius: 50%;
}

.author-bio .author-details .author-details-label {
	color: #767676;
	margin-bottom: -2px;
}

.author-bio .author-social-icons {
	margin-top: 1em;
}

.author-bio .author-details ul {
	list-style: none;
}

.author-bio .author-details ul li {
	float:left;
	margin-right: 6px;
}

.author-bio .author-details ul li span {
	background: #fff;
	height: 27px;
	width: 27px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	border-radius: 15px;
	color: #ff1478;
}

.author-bio .author-details ul li a:hover span,
.author-bio .author-details ul li a:focus span {
	color: #e27ba6;
}

@media ( max-width:768px ) {
	.author-bio {
		flex-direction: column;
	}

	.author-bio .author-avatar {
		margin-bottom: 1em;
	}

	.author-bio .author-avatar img {
		max-width: 70px;
	}
}

/** 
* Star Rating
*/

.rating-stars-container {
	display: flex;
	margin: 3rem 0 2rem;
}

.rating-stars-container  .rating-stars-label {
	padding-right: 7px;
	position: relative;
	top: -11px;
	font-size: 1.2rem;
	font-weight: bold;
	padding-top: 9px;
	line-height: 1.3em;
	font-family: 'Nunito',sans-serif;
}

.rating-stars {
	width: 140px;
	height: 24px;
	position: relative;
	z-index: 9;
}

.rating-stars.active { 
	cursor: pointer; 
}

.rating-stars .filled-stars, 
.rating-stars .empty-stars {
     display: inline-block;
     width: 100%;
     height: 100%;
     background-repeat: repeat-x;
     position: absolute;
}

.rating-stars .empty-stars {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsTAAALEwEAmpwYAAACSElEQVRIib3WT4jXRRjH8dfU0iExL50MTUT7s6sQo1QnBQ9GQZegvHUQjPK0jCCmZIiESjjerA6CRoe0go5bJ495mYOyCNuegi55qSBFtKbDb1y/7O7vL+gDw5dhPs/znmf+PPMNtVaP1WqtS20sv5hfm4TzxFiUh7At+KnG/Oy4vhMBcQzrcGhcx9BdyhDCUIca80YsYg67sCmU9OdQv8aZJMOjuIl38Tdmx3EeC1hjXo/9OBVKuouM2RrzukcCxGG95bzS+l/hDj4aNUDfPawxT+F5vIitmNHLbn8o6euObhYncBELrS3it1DSv0u6xpnq0mvMO3EcL2MT/mvOD9oBfLNs0g+yfAF7cRBbEGrMi/gVn+D6igztOBdwHh/iF+wJJd0ZskorrO3pVbyCM6GkI6ue0lBSbTP8Eq/jco35qQlgPzfY8VDSke74ikOzDPo2vh8V2oG9io9DSSeXa1Y9pR3ouQb9scb89Jiw06vp+l6LUFINJSWcxZt4axAQ+xrscD/YQGDHLrfvzSG6hWX6iYEzuN8J2M/m23d6kGhq0GCzbVgIJd1jqSC839oXuNKW/1aN+Y82wbl+wUbJcBtu1JhDjfkd3MAF7Ma3KDXmN5p2HtsHBRsFOI21uIYfsEGvlG3G53gJczXmq00/MyjYwPewxvwM/mrde3pV6LNQ0q2O5jl8qldnn8Q/WNuu1sNYI76H06i4hK2hpNkuDEJJv4eSPmja77BGrw6vasMOzW1sDyXND9EJJS3gvRrzjkFxw+P+Tfwf8lLeP1Bku1QAAAAASUVORK5CYII=');
	z-index: 0;
}

.rating-stars .filled-stars {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsTAAALEwEAmpwYAAABxUlEQVRIib3Wz4tOURzH8ddhZEGUH8mGkVnMMKjr//APyISFBSlulImFrEhdGwtZDFGSrb/D3SihkZKseEIUMR2Le2fc53Gf57n3eTTfut3O95zveX8/59xzvjfEGK2qxRhXnlZxSbZzFM6aVpS/sCm8jEm2rW3sSEBcwSZcaBsYqksZQhgaEJNsL15hLb5jMuTpx6FxJWcUhRdLGGzA2TbBrRTGJNuFRayruL8oVH4eGDuiwvkeGGzGuaYT9FUYk2wCuzGNKcziZJ8kv+EeXiv2dxHvQp4urcxXcrqADt/aivslZBITTTOvsV94UyZxwrPzHTXZdvC1VDQOjGLpp/E+5Gln2dkFDHkaMYdHY8KW7UbI0zNVxz/7Ua77HB78B9ilXmftV1pCj+POiLDrdbC+wBIacRp3W8Iuhzyd79c58ByW0IctgY8HdTY5+DMtgbPjAg+0BO4fFzgw47bjmwD39bR/4KZC+W3FjVK1gQoHVouYZFvwqWwuYQFXQ55+qIzZg2s4ioCf2Bjy9HfXXA2rxcHy/QQzIU9PVWEQ8vRtyNNjOISnWK+4Gmtt2H35AtubVPSQp89xJCbZDoXK+nGr/Zv4Bx1omI9S21Y0AAAAAElFTkSuQmCC');
	z-index: 1;
}

.rating-stars-container .display-rating {
	font-size: 16px;
	color: #6e6d6d;
	padding-left: 15px;
}


@media ( max-width:768px ) {
	.rating-stars-container {
		flex-direction: column;
		margin: 2rem 0 3rem;
	}

	.rating-stars-container .display-rating {
		display: block;
		padding: 8px 0 0 5px;
	}

}