/*!
Theme Name: FusionBrew
Theme URI: http://underscores.me/
Author: FusionCharts Web
Author URI: http://www.fusioncharts.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fusionbrew
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

FusionBrew is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}


form ::placeholder {
	color: #9F9FB9;
	opacity: 1; /* Firefox */
  }

  form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #9F9FB9;
  }

  form ::-ms-input-placeholder { /* Microsoft Edge */
   color: #9F9FB9;
  }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


.navbar {
	align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#nav_collapse:before, #nav_collapse:after {
	display: none;
}

.navbar-collapse .navbar-nav {
	padding-right: 0;
}

#site-navigation .logo-nav-wrapper  {
	display: flex;
	align-items: center;
	justify-items: center;
}



.menu-primary-container a {
	cursor: pointer;
	font-family: basefontSemiBold,Helvetica Neue,Arial,sans-serif;
	font-weight: 600;
}

.menu-primary-container a:after {
	border-bottom: 0;
    border-left: .25em solid transparent;
    border-right: .25em solid transparent;
    border-top: .25em solid;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: .2125em;
    vertical-align: middle;
    width: 0;
}

.menu-primary-container .sub-menu a:after  {
	display: none;
}

.menu-primary-container .sub-menu {
	-ms-transform: translateY(0);
    display: block;
    opacity: 0;
    top: -10000px!important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border: 1px solid rgba(49,49,49,.06);
    box-shadow: 0 3px 18px 0 rgba(67,68,86,.1);
	padding: 1rem 0;
	background-color: #fff;
}

.menu-primary-container .menu li:hover>.sub-menu {
	display: block;
    -ms-transform: translateY(-5px)!important;
    opacity: 1;
    top: 32px!important;
    -webkit-transform: translateY(-5px)!important;
    transform: translateY(-5px)!important;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
}


.menu-primary-container .sub-menu:before, .menu-primary-container .sub-menu:after  {
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 6%;
    position: absolute;
    width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu-primary-container .sub-menu:before {
	border-bottom: 8px solid #fff;
    top: -7px;
    z-index: 999;
}

.menu-primary-container .sub-menu:after  {
	border-bottom: 8px solid #e5e5e8;
    top: -8px;
    z-index: 998;
}

.menu-primary-container .sub-menu a {
	border: none;
    box-shadow: none;
    color: #5a5b75;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    min-width: 200px;
    transition: all .05s ease;
	white-space: normal;
	padding: .5rem 2rem;
}

.menu-primary-container .sub-menu a:hover {
	background: rgba(62,57,107,.03);
    border: none!important;
    box-shadow: none!important;
    color: #6957da;
    position: relative;
    transition: all .05s ease;
}

.menu-primary-container {
	display: flex;
    align-items: center;
    justify-items: center;
}


.menu-primary-container:before {
	content: "/";
	width: 2px;
	height: auto;
	display: block;
	margin-left: 8px;
	margin-top: 2px;
	color: #ccc;
}

.menu-primary-container .menu {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.menu-primary-container .sub-menu {
	-ms-transform: translateY(0);
    display: block;
    opacity: 0;
    top: -10000px!important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.menu-primary-container .menu-item.focus .sub-menu{
	display: block;
    -ms-transform: translateY(-5px)!important;
    opacity: 1;
    top: 32px!important;
    -webkit-transform: translateY(-5px)!important;
    transform: translateY(-5px)!important;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
}

h1.entry-title {
	line-height: 1.3;
}

@media (max-width: 479px) {
	h1.entry-title {
		font-size: 2.2rem;
		line-height: 1.3;
	}

}

.light-bg {
	background: #FCFCFC !important;
}

.text-muted {
	color: #434456;
}

.card-text {
	color: #686980;
	font-size: 1.6rem;
}

.date-wrapper {
	margin-bottom: .4rem;
}

.container-1200 {
	max-width: 1170px;
	margin: 0 auto;
}

.container-1440 {
	max-width: 1400px;
    margin: 0 auto;
}

.container {
	clear: both;
}


@media (min-width: 768px) {
	.card-deck .card {
		max-width: 33.33%;
	}
}
.card .card-header img{
	width: 100%;
	height: auto;
}

.card .card-header figure {
	margin: 0 !important;
}

.card a {
	color: #434456;
}

.card a:hover {
	color: #6957da;
}

.card .h5 {
	font-size: 1.6rem;
}

.featured-posts .h4, .related-posts .h4{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 600;
}

.featured-wrapper {
	display: flex;
	flex-flow: row wrap;
	margin: 15px -15px;

}

.right-block, .left-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-self: stretch;
	padding: 0 15px;
}

.left-block {
	min-width: 100%;
	margin-bottom: 1.5rem;
}

.right-block {
	min-width: 100%;
}

@media (min-width: 992px) {
	.left-block {
		min-width: 60%;
		max-width: 60%;
		margin-bottom: 0;
	}

	.right-block {
		min-width: 40%;
		max-width: 40%;
	}
}

@media (min-width: 768px) {
	.left-block {
		min-width: 55%;
		max-width: 55%;
		margin-bottom: 0;
	}

	.right-block {
		min-width: 45%;
		max-width: 45%;
	}
}


.right-block .card {
	margin-top: 15px;
}

.right-block .card .media-body, .card-wrapper .card .media-body  {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-self: stretch;
}


.right-block .card .media-body .card-body,
.card-wrapper .card .media-body .card-body  {
	padding: 15px 15px 0 15px;
}

.right-block .card .media-body .card-footer,
.card-wrapper .card .media-body .card-footer {
	padding: 0 15px 15px 15px;
}

.card-wrapper .card .media-body.p-2 .card-body {
	padding: 0 2.4rem 0 0;
}


.right-block .card:first-child {
	margin-top: 0;
}

.card-wrapper .card {
	margin-top: 20px;
}

.card-wrapper .card:first-child {
	margin-top: 0;
}

.card .widget-info-block  .btn{
	box-shadow: 0 4px 6px 0 rgba(50,50,93,0.11) !important;
    padding: 1.2rem 1.8rem;
	border-radius: 4px;
	margin-top: 1rem;
}

.card .widget-info-block p {
	color: #434456;
	opacity: .7;
	line-height: 1.5;
}


.featured-wrapper .card, .card-wrapper .card {
	height: fit-content;
	box-shadow: 0 2px 4px 0 rgba(62,57,107,0.04);
	border: 1px solid rgba(105,87,218,0.06);
}


.featured-wrapper .card .h6 {
	font-size: 16px;
	line-height: 1.4;
}

.featured-wrapper .left-block .card .h5 {
	font-size: 18px;
}

@media (min-width: 768px) {
	.featured-wrapper .left-block figure img {
		width: auto;
		height: 250px;
		/* margin-left: -15%; */
	}
}

@media (min-width: 992px) {
	.featured-wrapper .left-block figure img {
		width: 100%;
		height: 300px;
	}
}

.card h2.hover {
	text-decoration: underline;
	color: #6957da !important;
}

.card .media .media-body a h2 {
	padding-right: 90px;
	/* width: 70%; */
}
.card .media figure {
	position: absolute;
	top: 35px;
	right: 20px;
	width: 80px;
	height: auto;
	/* margin: 0 0 2rem; */
	border-radius: 5px;
	overflow: hidden;
}


.featured-wrapper .card .media img,
.card-wrapper .card .media img.size-thumbnail {
	width: 100%;
	height: auto;
}

@media (min-width: 448px) {
	.card .media .media-body a h2 {
		padding-right: 0;
	}
	.card .media .media-body {
		width: auto;
	}
	.card .media figure {
		position: static;
		width: auto;
		margin: 0;
		border-radius: 0;
	}


	.featured-wrapper .card .media img {
		height: 160px;
		width: auto;
	}
	.card-wrapper .card .media img.size-thumbnail {
		min-width: 190px;
		max-width: 190px;
	}
}



.featured-wrapper .card h2 , .card-wrapper .card h2{
	font-weight: 600 !important;
	color: #434456;
	overflow: hidden!important;
    max-height: 60px!important;
    text-overflow: ellipsis!important;
	display: -webkit-box!important;
	line-clamp: 2!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical;
}


.card a:hover h2{
	color: #6957da;
}

.featured-wrapper .card {
	height: 100%;
}

.card a.card-body:hover  {
	text-decoration: none;
}

.card a.card-body:hover h2 {
	text-decoration: underline;
}

.authors-link, .coauthors-wrapper {
	font-size: 14px;
}



.coauthors-wrapper a {
	color: #434456;
}


.coauthors-wrapper a:hover {
	color: #6957da;
}


.author-img {
	display: inline-block;
	margin-right: 2px;
	/* max-width: 50px; */
	border: 3px solid #fff;
}

.author-img img {
	border-radius: 50%;
	overflow: hidden;
}


.authors-link .author-img, .coauthors-wrapper .author-img {
	margin-left: -13px;
}

.authors-link .author-img:first-child, .coauthors-wrapper .author-img:first-child{
	margin-left: 0;
}

.author-img img {
	width: 100%;
	height: auto;
}

.author-block {
	clear: both;
}


.author-block.media {
	display: inline-flex;
	align-items: center;
}

.authors-name {
	text-transform: capitalize;
}


.all-posts-wrapper {
	max-width: 818px !important;
}

.tags-wrapper .list-inline li{
	margin-right: 1rem;
	margin-bottom: .5rem;
}

.tags-wrapper {
	margin-top: 4rem;
}

@media (min-width: 768px) {
	.tags-wrapper {
		margin-top: 0;
	}
}

.card-wrapper .card .author-popular .media img.size-thumbnail{
	max-width: 50px;
	min-width: 50px;
	margin-left: 15px;
	border-radius: 5px;
}

.card-wrapper .card .author-popular {
	list-style: none;
}

/* .card-wrapper .card .author-popular li{
	counter-increment: step;
} */
/* .card-wrapper .card .author-popular li:before {
	content: counter(step, decimal-leading-zero);
	font-size: 1.8rem;
	line-height: 1.4;
	margin-right: 20px;
	color: #434456;
	opacity: .6;
} */

.card-wrapper .card .author-popular .media {
	border-top: 1px solid rgba(49,49,49,.09);
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}

.card-wrapper .card .author-popular .media:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}


.swiper-pagination {
    position: relative !important;
}

.swiper-pagination-bullet {
	width: 4px !important;
	height: 4px !important;
	transition: all .5s ease;
	margin: 2px;
	outline: none;
	opacity: .4 !important;
}

.swiper-pagination-bullet-active {
	width: 15px !important;
	border-radius: 4px !important;
	opacity: .4 !important;
	transition: all .5s ease;
}

.swiper-pagination-bullet, .swiper-pagination-bullet-active {
	background-color: #bebfd2 !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-next,
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
	background-image: none !important;
	width: 40px !important;
	height: 40px !important;
	top: 44% !important;
	padding-left: 4px;
	outline: none !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-next .circular-button,
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev .circular-button {
	width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 4px 9px 0 rgba(23,28,33,.12);
    border-radius: 50%;
	font-size: 30px;
	display: none;
}

@media (min-width: 576px) {
	.swiper-button-next, .swiper-container-rtl .swiper-button-next .circular-button,
	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev .circular-button{
		display: block;
	}
}

.swiper-button-next, .swiper-container-rtl .swiper-button-next {
	right: -8px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
	left: -8px!important;
}

@media (min-width: 1200px) {
	.swiper-button-next, .swiper-container-rtl .swiper-button-next {
		right: -25px !important;
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
		left: -25px!important;
	}
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

.topic-wrapper {
	position: relative;
}

.swiper-wrapper {
	padding-bottom: 20px;
	-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
/* .swiper-slide {
	height: auto !important;
} */
.swiper-wrapper .card .card-title {
	font-size: 1.6rem;
}
.swiper-wrapper .card {
	box-shadow: 0 1px 4px 0 rgba(33,35,68,.05)!important;
	transition: all .2s;
}

.swiper-wrapper .card:hover, .swiper-wrapper .shadow-lg:hover  {
	box-shadow: 0 0 2px 0 rgba(33,35,68,.03)!important;
	transition: all .2s;
}

.swiper-wrapper  a:hover {
	text-decoration: none;
	cursor: pointer;
}

.swiper-wrapper  .icon{
	font-size: 18px;
	width: 43px;
	height: 43px;
	padding: 12px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	opacity: .8;
	background: linear-gradient(135.42deg, #17EAD9 0%, #6078EA 100%);
}

.swiper-wrapper  .icon:before {
	color: #fff;
}

.icon.icon-blue-grad {
	background: linear-gradient(135.42deg, #17EAD9 0%, #6078EA 100%);
}
.icon.icon-purple-grad {
	background: linear-gradient(134.72deg, #7466DB 0%, #D0A9E2 100%);
}
.icon.icon-pink-grad {
	background: linear-gradient(323.53deg, #FF7676 0%, #F54EA2 100%);
}
.icon.icon-orange-grad {
	background: linear-gradient(307.64deg, #FAD961 0%, #F76B1C 100%);
}
.icon.icon-green-grad {
	background: linear-gradient(315deg, #43e695 0%, #3bb2b8 100%);
}


.post .post-thumbnail img.attachment-post-thumbnail{
	width: 100%;
	height: auto;
	border-radius: 5px;
	margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
	.post .post-thumbnail img.attachment-post-thumbnail{
		margin-bottom: 4.5rem;
	}
}

.l1, .l2 {
    background-color: #fff!important;
}
/*
.l1 {
    z-index: 1000;
}


.l1 .btn {
    font-size: 14px;
    font-size: 1.4rem;
    padding: .5rem 1.55rem;
    margin-top: 2px;
    text-transform: capitalize;
    color: rgba(49,49,49,.6);
}

.l1 .btn.custom-btn {
    font-size: 1.3rem;
    margin-top: 3px;
    text-transform: uppercase;
	color: #fff;
	padding: .5rem 1.55rem;
}

.l1 .navbar-nav {
    font-size: 14px;
    font-size: 1.4rem;
}

.l1 #nav_collapse {
    box-shadow: none;
    border: none;
}
.l2 {
    z-index: -1;
    border: 1px solid #efefef;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
} */


.site-branding img {
	vertical-align: baseline;
}
@media (min-width: 992px) {
	.l1 {
		padding: 0 4rem;
	}
	.l2 {
		padding: 1rem 4rem;
		top: 42px;
	}
}


.general-search {
    position: relative;
    margin-left: 1.6rem;
    display: inline-block;
    vertical-align: middle;
}



.general-search .screen-reader-text {
	display: none;
}

.general-search label {
	margin-bottom: 0;
}

.general-search .search-form {
	height: 32px;
    width: 100%;
	overflow: hidden;
}

.general-search .search-form [type=search] {
	background: transparent;
    outline: none;
    width: 200px;
    border: 1px solid rgba(62,57,107,.13);
    border-radius: 4px;
    background-color: #f8f9fd;
    padding: .3rem .5rem .3rem 1rem;
    float: left;
    margin-right: -2px;
    font-size: 14px;
    line-height: 1.75;
}

@media (min-width: 480px) {
	.general-search .search-form [type=search] {
		width: 335px;
	}
}

.search-submit {
	text-indent: -9999px;
	border: none;
	position: relative;
	background-color: #6957da;
    width: 40px;
	height: 100%;
	float: right;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}



.left, .alignleft, img[align=left] {
	display: block;
    float: left;
}

.grt .left, .entry-content .alignleft, .entry-content .ad_left {
	margin-bottom: 20px;
    margin-right: 25px;
}


.entry-content {
	display: flex;
	-webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
		justify-content: flex-start!important;
		flex-direction: column;
}

.entry-content .social-wrapper:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	clear: both;
}
.entry-content .social-wrapper .sfsi_wicons {
	display: block;
}

.entry-content .social-wrapper .sfsi_widget {
	top: 100px !important;
}


.sfsi_wicon {
	filter: grayscale(10);
	opacity: .7;
}

#sfsiid_facebook .sfsi_wicon, #sfsiid_linkedin .sfsi_wicon {
	opacity: .5;
}

.entry-content .social-wrapper .norm_row {
	max-width: 100px;
}

.entry-content .post-full-content {
	width: 100%;
}

.entry-content .post-full-content img {
	max-width: 100%;
	height: auto;
}


.widget-title.h4 {
	font-size: 18px;
}


@media only screen and (min-width: 992px) {
	.entry-content {
		flex-direction: row;
	}
	.entry-content .social-wrapper{
		width: 10%;
	}
	.entry-content .post-full-content {
		width: 90%;
	}
}

.c2a-widget {
	max-width: 60rem !important;
	margin: 0 auto;
}



/* Comment Section */
.comment-form-cookies-consent,
.comment-notes,
.akismet_comment_form_privacy_notice {
	display: none;
}


.comment-list, .comment-list ul{
	list-style: none;
	padding-left: 0;
}

.comment-list li {
	padding: 2rem 6rem 0;
	margin-top: 2rem;
}


.comment-list .depth-1 {
	border-top: 1px solid #f7f7f7;
}

.comment-list .depth-1:first-child {
	border-top: none;
}


.comment-list li:first-child {
	padding-top: 0;
	margin-top: 0;
}


.comment-list li.parent > .comment-body,
.comment-list li.depth-1 > .comment-body {
	border-left: 5px solid #f7f7f7;
}

.comment-list li.parent > .children {
	border-left: 5px solid #f7f7f7;
}

.comment-list li.depth-1  .comment-respond {
	border-left: 5px solid #f7f7f7;
	padding-left: 42px;
}

.comment-list li.parent .children .comment-respond  {
	border-left: none;
	padding-left: 36px;
}

.comment-list li.depth-1  .comment-respond #commentform {
	margin-bottom: 0 !important;
	padding: 10px 0 20px !important;
}

.comment-author {
	display: flex;
	align-items: center;
	margin-left: -43px;
}

.children .comment-author {
	margin-left: -35px;
}

.comment-author img {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	border: 12px solid #fff;
}

.children .comment-author img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 10px solid #fff;
}

.comment-content, .comment-awaiting-moderation {
	margin-left: 43px;
	padding-bottom: 2rem;
}

.comment-awaiting-moderation {
	color: orangered;
}

.children .comment-awaiting-moderation {
	margin-left: 34px;
}

.children .comment-content {
	margin-left: 35px;
}

.comment-content p {
	margin-bottom: 1rem !important;
}

.comment-meta a {
	display: block;
}


@media (max-width: 600px) {
	.comment-list li {
		padding: 2rem 2rem 0 4rem;
		margin-top: 2rem;
	}

	.comment-list li.parent > .children li {
		padding: 2rem 2rem 0 0;
	}

	/* .comment-list li.parent > .comment-body {
		border-left: none;
	} */

	.comment-list li.parent > .children {
		border-left: none;
	}

	.comment-list li.parent .children li:first-child {
		padding-top: 0 !important;
	}
}


.action-area {
	display: flex;
	align-items: center;
}

.action-area  a{
	font-size: 1.4rem;
	font-weight: 600;
	color: #434456;
	opacity: .6;
}

.social-tag-wrapper:after {
	content: "";
	width: 100%;
	height: 0;
	display: block;
	clear: both;
}

.tags-wrapper span {
	position: absolute;
}

.tags-wrapper ul {
	padding-left: 46px;
}

.tags-wrapper .no-tags {
	display: block;
	padding-left: 46px;
	margin-bottom: 20px;
}



@media (min-width: 768px) {
	.tags-wrapper {
		width: 60%;
		float: left;
		margin-top: 6px;
		position: relative;
	}


	.social-box {
		width: 35%;
		float: right;
		text-align: right;
	}
}

.tags-wrapper ul {
	display: inline-block;
}

.tags-wrapper span {
	margin-right: 1rem;
}

.tags-wrapper ul li {
	margin-right: 1rem;
}

.tags-wrapper ul a {
	display: block;
	padding: .5rem 1rem;
	color: #434456;
	border: 1px solid #EFEFEF;
	border-radius: 2px;
	background-color: #EFEFEF;
	/* box-shadow: 0 2px 4px 0 rgba(62,57,107,0.13); */
	font-size: 1.3rem;
	line-height: 1.2;
	text-decoration: none;
	margin-bottom: 5px;
}



.tags-wrapper ul a:hover {
	background-color: #f5f4f4;
}

.social-box span {
	margin-right: 1rem;
}

.social-btn {
	display: inline-block;
	vertical-align: middle;
}

.social-btn a {
	display: inline-block;
	border-radius: 50%;
    border: 1px solid rgba(181, 181, 187, 0.13);
    background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(194, 193, 197, 0.13);
	margin-right: .5rem;
	text-decoration: none;
	position: relative;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	position: relative;
}
.social-btn a:hover {
	box-shadow: 0 2px 4px 0 rgba(194, 193, 197, 0.08);
}

.social-btn a.s-twitter {
	z-index: 102;
}

.social-btn a.s-facebook {
	z-index: 101;
}

.social-btn a.s-linkedin{
	z-index: 100;
}



.social-btn a i {
	display: block;
	font-size: 2.4rem;
    padding: .9rem;
    color: #9a9696;
}

.social-btn a:hover i {
	color: #000;
}

.social-wrapper .social-btn a {
	margin-bottom: 1rem;
}


@media (min-width: 576px) {
.featured-wrapper .card,
.card-wrapper .card,
.featured-posts .card,
.related-posts .card{
	overflow: visible;
}

.featured-wrapper .card .card-header,
.featured-posts .card .card-header,
.related-posts .card .card-header{
	overflow: hidden;
}

.card-wrapper .card figure, .featured-wrapper .media figure  {
	display: block;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.author-img  {
	position: relative;
}
.social-btn a .tooltip,
.authors-link a.author-img .tooltip,
.coauthors-wrapper a.author-img .tooltip{
	background-color: #434456;
	top: 80%;
	color: #fff;
	display: block;
	left: -38px;
	opacity: 0;
	padding: 5px;
	pointer-events: none;
	position: absolute;
	width: 116px;
	border-radius: 2px;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		 -o-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
		-ms-transition: all .25s ease-out;
		 -o-transition: all .25s ease-out;
			transition: all .25s ease-out;

}

.authors-link a.author-img .tooltip {
	top: 52%;
	left: -15px;
}


.card-wrapper .authors-link a.author-img .tooltip,
.featured-posts .authors-link a.author-img .tooltip,
.coauthors-wrapper a.author-img .tooltip,
.related-posts a.author-img .tooltip,
.left-block .authors-link a.author-img .tooltip{
	top: 90%;
    left: -41px;
}


.social-btn a:hover .tooltip,
.authors-link a.author-img:hover .tooltip,
.coauthors-wrapper a.author-img:hover  .tooltip{
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(10px);
	   -moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		 -o-transform: translateY(10px);
			transform: translateY(10px);
}


.social-btn .tooltip:before,
.authors-link a.author-img .tooltip:before,
.coauthors-wrapper a.author-img .tooltip:before{
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
  }


  .social-btn .tooltip:after,
  .authors-link a.author-img .tooltip:after,
  .coauthors-wrapper a.author-img .tooltip:after  {
	border-left: solid transparent 8px;
	border-right: solid transparent 8px;
	border-bottom: solid #434456 8px;
	top: -8px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
  }
}

/* @media (max-width: 767px) {

} */


/* Tab Style for Archive Page */

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(62,57,107,0.13);
	color: #434456;
	display: inline-block;
	padding: .8rem 1.5rem;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 1.3rem;
	line-height: 1.5;
	font-family: basefontSemiBold,Helvetica Neue,Arial,sans-serif;
}

ul.tabs li:first-child {
	margin-right: 1rem;
}

ul.tabs li.current{
	color: #fff;
	background: linear-gradient(270deg, #5B72DE 0%, #745FF9 100%);
	box-shadow: 0 2px 4px 0 rgba(62,57,107,0.13);
}

.tab-content{
	display: none;
	padding-top: 3rem;
}

.tab-content.current{
	display: inherit;
}


#archive select.form-control {
	width: 115px;
	height: 40px !important;
	line-height: 1;
}

#archive select.form-control {
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 98%;
	background-position-y: 8px;
	min-width: 100px;
	font-weight: bold;
  }

  /* For IE10 */
  #archive select::-ms-expand {
	display: none;
  }

@media (min-width: 480px) {
	#archive select.form-control {
		min-width: 132px;
	}
}

#archive-browser {
	padding: 1.5rem;
	margin-bottom: 2rem;
	border: 1px solid rgba(105,87,218,.06);
	border-radius: 4px;
	background-color: #F9F9FB;
}
#archive-browser .form-group:first-child{
	margin-right: 2rem;
}
@media (min-width: 576px) {
	#archive-browser .form-group:first-child{
		margin-right: 4rem;
	}
}
#archive-browser .form-group label {
	margin-right: 1rem;
	font-weight: normal;
}


#archive-browser select {
	background-color: #F9F9FB;
}

/* Newsletter Style */

.newsletter-section {
	max-width: 525px;
	margin: 0 auto;
	text-align: center;
}

.newsletter-section .widget-title {
	margin-bottom: 3rem;
}


.newsletter-section form.yikes-easy-mc-form {
	display: flex;
	position: relative;
}


.newsletter-section form.yikes-easy-mc-form:focus {
	box-shadow: 0 0 0 0.2rem rgba(72,184,132,.25);
}

.newsletter-section .yikes-easy-mc-form .submit-button-inline-label .yikes-easy-mc-submit-button{
	color: #fff;
	border-radius: 4px;
	background: linear-gradient(90deg, #2CC7C0 0%, #59D99D 100%);
	box-shadow: 0 4px 6px 0 rgba(50,50,93,0.11);
	text-transform: uppercase;
	font-weight: 600;
	padding: 9px 10px 10px;
	cursor: pointer;
	margin-bottom: 0;
}

.newsletter-section .yikes-easy-mc-form label.label-inline {
    float: none;
    width: 100%;
    padding-right: 0;
}

.newsletter-section .yikes-easy-mc-form .submit-button-inline-label {
	width: 20%;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}


.newsletter-section .yikes-easy-mc-form input[type=email] {
	margin-bottom: 0;
    padding-right: 22%;
    background: transparent;
    border: 1px solid #cecece;
    border-radius: 4px;
    outline: none;
}

.newsletter-section .yikes-easy-mc-form input[type=email]:focus {
	box-shadow: inset 0 3px 5px rgba(49,49,49,.125), 0 0 0 0.2rem rgba(44,199,192,.5);
	outline: none;
}


@media (min-width: 600px) {
	.newsletter-block .newsletter-section {
		padding: 2.5rem 6rem 4rem;
	}
}

@media (min-width: 768px) {
	.newsletter-block .newsletter-section {
		padding: 2.5rem 12rem 4rem;
	}
}



/*Nav*/

.navbar-toggler-icon:before {
	content: "\E93F";
}

.open .navbar-toggler-icon:before {
	content: "\E5CD";
}
.l2-navbar .fc_net {
	background: linear-gradient(42deg, #7acbfb 0%, #7188f7 100%);
	color: #fff !important;
	opacity: 1;
	font-size: 25px;
  }
  .l2-navbar .title-container {
	display: flex;
  }
  .l2-navbar .dropdown-item {
	padding: 1.4rem 2.4rem !important;
  }
  .transparent-bg {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.1);
	display: none;
	opacity: 0.4;
  }
  .transparent-bg.show {
	display: block;
  }
  .l1 {
	padding: 0.2rem 1rem;
  }
  .l1 .navbar-toggler {
	z-index: 1001;
  }
  @media (max-width: 991px) {
	.l1 .navbar-toggler {
	  margin-top: 1rem;
	  top: 0;
	}
  }
  .l1 .navbar-toggler-icon {
	margin-right: -6px;
  }
  @media (max-width: 991px) {
	.l1 {
	  border-bottom: 1px solid #efefef;
	  padding: 0 1rem;
	}
  }
  @media (min-width: 992px) {
	.l1 {
	  padding: 0.2rem 4rem;
	}
  }
  .l1 .navbar-brand {
	padding: 0;
  }
  .l1 .navbar-brand .fc-logo {
	width: 115px;
  }
  @media (max-width: 991px) {
	.l1 .navbar-brand {
	  display: none;
	}
  }
  @media (max-width: 991px) {
	.l1 .btn-link {
	  padding: 0.5rem 0 !important;
	}
  }
  .l2 {
	padding: 0.5rem 4rem;
  }
  @media (max-width: 991px) {
	.l2 {
	  top: 0 !important;
	}
  }
  #toggleButton {
	margin-right: 7px;
  }
  @media only screen and (max-width: 992px) {
	.navbar-collapse {
	  left: auto;
	  top: -5px;
	}
	.navbar-collapse::before, .navbar-collapse::after {
	  display: none;
	}
  }
  .navbar-collapse .navbar-nav {
	padding-right: 0 !important;
  }
  .version .dropdown-menu {
	left: -74%;
  }
  .bg-light {
	background-color: #fff !important;
  }
  .dropdown-item.active, .dropdown-item:active {
	background: #fff;
  }

  .l1 .navbar-nav {
	font-size: 14px;
	font-size: 1.4rem;
  }
  @media only screen and (max-width: 991px) {
	.l1 .navbar-nav {
	  max-height: 80vh;
	  overflow: auto;
	}
  }
  .l1 .navbar-nav .dropdown-menu {
	left: -75%;
  }
  @media (min-width: 992px) {
	.l1 .navbar-nav .nav-col-2 .dropdown-menu {
	  left: -182%;
	}
  }
  @media (min-width: 992px) {
	.l1 .navbar-nav .nav-col-3 .dropdown-menu {
	  left: -190%;
	}
  }


  .l1 .btn {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0.5rem 1.55rem;
	margin-top: 2px;
	text-transform: capitalize;
	color: rgba(49, 49, 49, 0.6);
  }
  .l1 .btn:hover {
	color: rgba(49, 49, 49, 0.9);
  }
  .l1 .btn.custom-btn {
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 3px;
	text-transform: uppercase;
	color: #fff;
  }
  .l1 .btn.custom-btn:hover {
	color: #fff;
  }
  .l1 #nav_collapse {
	box-shadow: none;
	border: none;
  }
  .l1 #nav_collapse:before, .l1 #nav_collapse:after {
	display: none;
  }

  .l1 li.show  .dropdown-menu {
	  display: block;
  }
  .l2 {
	padding: 1rem 1rem;
	top: 37px;
	z-index: -1;
	border: 1px solid #efefef;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  }
  @media (max-width: 320px) {
	.l2 .l2-version {
	  display: none !important;
	}
  }
  @media (min-width: 992px) {
	.l2 {
	  padding: 1rem 4rem;
	  top: 44px;
	}

	.admin-bar .l2 {
		top: 74px;
	}

	.admin-bar .l1 {
		top: 30px;
	}
  }
  .l2 .dropdown-menu {
	position: absolute;
	max-width: 16rem;
	left: 0;
  }
  .l2 .dropdown-menu .dropdown-item {
	transition: all 0.05s ease;
  }
  .l2 .dropdown-menu .dropdown-item .link-info-wrapper {
	margin-bottom: 0;
  }
  .l2 .dropdown-menu .dropdown-item:hover {
	background: rgba(62, 57, 107, 0.03);
	color: #6957da;
	transition: all 0.05s ease;
  }
  .l2 .dropdown-menu .dropdown-item a:hover {
	text-decoration: none;
  }
  .l2 .dropdown-menu a.dropdown-item {
	min-width: 150px !important;
  }
  .l2 .dropdown-menu .dropdown-menu-wrapper {
	max-height: 70vh;
	overflow: auto;
  }
  .l2 .nav-col-2 .dropdown-menu {
	min-width: 36rem;
  }
  .l2 .dev-center-title {
	font-size: 1.6rem;
	font-weight: 600;
  }
  @media (max-width: 556px) {
	.l2 .dev-center-title {
	  font-size: 1.4rem;
	  color: #9f9fb9;
	}
  }
  .l2 .navbar-nav {
	display: inline-block;
	vertical-align: middle;
  }
  @media (max-width: 556px) {
	.l2 .navbar-nav {
	  display: block;
	  position: absolute;
	  left: 32px;
	  top: 20px;
	}
	.l2 .navbar-nav li > a {
	  padding: 0 !important;
	  font-size: 1.4rem;
	}
  }
  @media (min-width: 557px) {
	.l2 .navbar-nav:before {
	  content: '/';
	  width: 2px;
	  height: auto;
	  float: left;
	  margin-left: 8px;
	  margin-top: 4px;
	  color: #ccc;
	}
  }
  .l2 .navbar-nav li {
	float: left;
	margin-left: 20px;
  }
  .l2 .navbar-nav li:first-child {
	margin-left: 10px;
  }
  .l2 .navbar-nav li .nav-link {
	padding: 0.5rem 0;
  }
  .l2 .navbar-nav .nav-item .dropdown-menu {
	-ms-transform: translateY(0);
	display: block;
	opacity: 0;
	top: -10000px !important;
	transform: translateY(0);
	border: 1px solid rgba(49, 49, 49, 0.06);
	box-shadow: 0 3px 18px 0 rgba(67, 68, 86, 0.1);
	padding: 1rem 0;
  }
  .l2 .navbar-nav .nav-item .dropdown-menu:before, .l2 .navbar-nav .nav-item .dropdown-menu:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: '';
	display: block;
	height: 0;
	left: 6%;
	position: absolute;
	width: 0;
	transform: translateX(-50%);
  }
  .l2 .navbar-nav .nav-item .dropdown-menu:after {
	border-bottom: 8px solid #cbcbd9;
	top: -8px;
	z-index: 998;
  }
  .l2 .navbar-nav .nav-item .dropdown-menu a.dropdown-item {
	padding: 1rem 2.4rem;
  }
  .l2 .navbar-nav .nav-item .dropdown-menu a.dropdown-item:hover {
	background: rgba(62, 57, 107, 0.03);
	border: none !important;
	box-shadow: none !important;
	color: #6957da;
	position: relative;
	transition: all 0.05s ease;
  }
  .l2 .navbar-nav .nav-item:hover > .dropdown-menu {
	display: block;
	-ms-transform: translateY(-5px) !important;
	opacity: 1;
	top: auto !important;
	transform: translateY(-5px) !important;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }
  .l2 .menu-wrapper {
	height: 40vh;
	max-height: 320px;
	overflow: auto;
  }
  @media (max-width: 800px) {
	.l2 .logo-nav-wrapper {
	  width: 100%;
	}
  }
  .dev-logo {
	display: inline-block;
	vertical-align: middle;
	color: #434456;
	margin-left: -4px;
  }
  .dev-logo:hover {
	text-decoration: none;
	color: #434456;
  }
  .dev-logo i {
	font-size: 30px;
	line-height: 1;
	color: #5a5b75;
  }
  .dev-logo .fc_dev_center, .dev-logo .dev-center-title {
	display: inline-block;
	vertical-align: middle;
	transition: top ease 0.35s;
  }
  .dev-logo .dev-center-title {
	position: relative;
	top: -1px;
	left: 3px;
  }
  @media (max-width: 556px) {
	.dev-logo .dev-center-title {
	  top: 0px;
	}
	.dev-logo .dev-center-title.active {
	  top: -9px;
	}
  }
  .general-search {
	position: relative;
	margin-left: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	}

 #close-search, .l2 .general-search #mobile-search-clear {
	 display: none;
 }



  @media (max-width: 991px) {

	#site-navigation.fixed-top {
		padding: 10px;
		/* background-color: #ff0000 !important; */
	}

	#site-navigation.open {
		z-index: 1201;
	}

	#site-navigation .general-search {
		position: absolute;
		margin: 0;
		display: flex;
		width: 100%;
		padding-right: 20px;
		left: 100%;
	}

	#site-navigation.open .general-search {
		left: 10px;
		transition: left 0.2s ease-in-out;
	}

	.l2 .general-search .fc_search {
		left: -76px;
		top: -1px;
		width: 30px;
		height: 32px;
		font-size: 1.6rem;
	}

	#site-navigation.open .general-search .fc_search{
		left: 0;
	}

	.l2 .general-search label {
		width: 100%
	}

	.l2 .general-search i {
		position: absolute;
		padding: 10px 9px;
		background-color: transparent;
	}

	.l2 .general-search .search-form [type=search] {
		border: 1px solid rgba(62, 57, 107, 0.13);
		border-radius: 4px;
		background-color: #f8f9fd;
		padding: 0.3rem 3rem;
		width: 100%;
	}

	.l2 .general-search .search-form .search-submit {
		position: fixed;
		left: 100%;
	}

	.l2 .general-search #close-search  {
		font-size: 1.2rem;
		padding: .6rem .8rem;
		margin-left: 5px;
	}

	.l2 .general-search i.fc_search {
		color: rgba(49,49,49,.6)
	}

	.l2 .general-search #mobile-search-clear {
		right: 78px;
		top: 0px;
		color: rgba(49,49,49,.6)
	}

	#close-search {
		display: block;
	}

	.l2 .general-search .btn-tertiary{
		background: transparent !important;
	}


}

.general-search i {
	position: absolute;
	font-size: 1.2rem;
	background-color: #6957da;
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	right: 14px;
	 top: 10px;
	cursor: pointer;
  }


  @media (min-width: 992px) {
	.general-search .form-control {
		width: 374px;
	}
  }

  .dev-navbar {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .dev-navbar:after {
	content: '';
	display: table;
	clear: both;
  }
  .dev-navbar li {
	float: left;
  }
  .dev-navbar li .dropdown button {
	border: none;
	background: transparent;
	padding: 0;
  }

  .fusionbrew_loadmore  {
	  border-radius: 4px;
  }

  .form-wrapper .form-control.error {
	outline: none !important;
	border-color: #f64f4b !important;
  }

  .form-wrapper .error {
	color: #f64f4b;
    font-size: 80%;
    width: 100%;
  }



  .h6.text-uppercase {
	font-family: basefontSemiBold,Helvetica Neue,Arial,sans-serif !important;
  }


  .hide-categories {
	  width: 0;
	  height: 0;
	  overflow: hidden;
	  position: relative;
  }
  .hide-categories #cat {
	  position: absolute;
	  left: -100%;
	  top: -100%;
  }

#archive-browser label.label-overlay.active {
	margin: 2.2rem 1rem 0;
	background-color: #f9f9fb;
}

@media (min-width: 576px) {
	#archive-browser label.label-overlay.active {
		margin: -0.8rem 1rem 0px 5.8rem
	}
}


/* Read time*/

.span-reading-time .rt-label:first-child {
	font-size: 10px;
	color: #D8D8D8;
	margin: 0 6px;
}

/* Content Section Style */

 h1, .full-article h2, .full-article h3,
.full-article h4, .full-article h5, .full-article h6 {
	font-family: basefontSemiBold,Helvetica Neue,Arial,sans-serif;
}

h1, .full-article h2, .full-article h3 {
	margin-top: 3rem;
}

.full-article h4, .full-article h5, .full-article h6 {
	margin-top: 3rem;
	margin-bottom: 2rem;
}


.full-article h1 {
	margin-bottom: 4rem;
}

.full-article h2 {
	margin-bottom: 2rem;
	line-height: 1.2;
}

.full-article ul li {
	margin-bottom: 1.5rem;
}

.full-article ul, .full-article ol {
	margin-bottom: 2rem;
}

.full-article p {
	margin-bottom: 2rem;
    margin-top: 1rem;
}


.full-article pre code {
	padding: 0;
}

.page-header h1, h1.entry-title {
	margin-top: 0;
}


.full-article .pre, .full-article ul li, .full-article ol li, .full-article p a img{
	margin: 1rem 0;
}


.full-article ol li p:last-child, .full-article ul li p:last-child {
	margin-bottom: 0;
}


figcaption {
	font-size: 14px;
	line-height: 1.5;
	color: #686980;
	text-align: center;
}

.alignleft figcaption {
	text-align: left;
}

.card-link  {
	margin: 2rem 0 3rem;
	border: 1px solid rgba(105,87,218,.06);
	box-shadow: 0 2px 4px 0 rgba(62,57,107,0.04);
	border-radius: 5px;
	transition: all .2s ease;
}

.card-link:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 14px 0 rgba(33,35,68,.05)!important;
	transition: all .2s ease;
}

.card-link:hover span {
	color: #6957da;
	text-decoration: underline;
}

.card-link .card-link-icon {
	padding: 15px;
	margin-right: 15px;
	border-right: 1px solid rgba(105,87,218,.06);
}

.card-link .card-link-icon:before {
	color: #fff;
	background: #5B72DE;
	padding: 15px;
	border-radius: 50%;
	font-size: 20px;
	display: flex;
    align-items: center;
}

.card-link .card-link-info {
	padding: 15px 15px 15px 0;
}

.card-link .card-link-info .heading {
	display: block;
}





@media (min-width: 800px) {
	footer .footer-nav-wrapper .footer-nav-list {
		width: 21.5%;
	}

	footer .footer-nav-wrapper .footer-nav-list:last-child {
		width: 13%;
	}
}


.dialog-box {
	background: #fff;
    position: fixed;
    bottom: 0;
    transition: bottom 0.4s ease-out;
	width: 100%;
	z-index: 2000;
	overflow: hidden;
	padding: 1.5rem 3.5rem;
	border-top: 1px solid rgba(105,87,218,0.06);
	box-shadow: 0 -8px 10px 0 rgba(105,87,218,0.06);
	text-align: center;
}


.dialog-box .close {
	position: absolute;
	top: 0;
	right: 1rem;
	outline: none;
	padding: 1rem;
}

.dialog-box .btn {
	padding: 8px 15px;
    line-height: 1.2;
}

.dialog-box.nav-up{
	bottom: -100%;
	transition: bottom 0.4s ease-in;
}

@media (min-width: 600px) {
	.dialog-info {
		max-width: 900px;
		margin: 0 auto;
		position: relative;
		text-align: left;
	}
	.dialog-content {
		padding-right: 215px;
	}
	.dialog-box .btn {
		position: absolute;
		right: 0;
		top: 2rem;
		margin-top: -10px;
	}

	.dialog-content p:last-child {
		margin-bottom: 0;
	}
}


.gallery-size-thumbnail {
	overflow: hidden;
	text-align: center;
}

.gallery-size-thumbnail .gallery-item {
	float: left;
	width: 45%;
	margin-right: 5%;
}

@media (min-width: 600px) {
	.gallery-size-thumbnail .gallery-item {
		width: 25%;
		margin-right: 5%;
	}
}

@media (min-width: 992px) {
	.gallery-size-thumbnail .gallery-item {
		width: 20%;
		margin-right: 5%;
	}
}






.primary-navigation-container {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background-color: #ffffff;
	height: 44px;
	width: 100%;
	padding: 0 4rem;
  }

  @media (max-width: 991px) {
	.primary-navigation-container {
	  padding: 0 15px;
	}
  }
  .primary-navigation-container .mobile-menu {
	height: 100%;
	/* position: relative; */
	transition: all 0.35s ease;
  }
  .primary-navigation-container .mobile-menu__menu-icon {
	color: rgba(49, 49, 49, 0.6);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: all 0.35s ease;
	opacity: 1;
	visibility: visible;
	cursor: pointer;
  }
  .primary-navigation-container .mobile-menu .mobile-menu__menu {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	top: 57px;
	left: 0;
	z-index: -1;
	transform: translateX(100%);
	transition: all 0.35s ease;
	opacity: 0;
	visibility: hidden;
  }
  @media (max-width: 991px) {
	.primary-navigation-container .mobile-menu .mobile-menu__menu {
	  top: 48px;
	}
	.primary-navigation-container .mobile-menu__menu-icon {
		z-index: 1001;
		font-size: 24px;
		right: 15px;
        top: 25px;
	}
  }

  .navigation__logo {
	display: flex;
	align-items: center;
	width: 200px;
	flex-shrink: 0;
  }
  .navigation__logo .logo__fc {
	max-width: 100%;
	height: 27px;
	cursor: pointer;
  }

  .navigation__items {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
  }
  .navigation__items .navbar-btn {
	font-size: 14px;
	line-height: 14px;
	margin-left: 10px;
	padding: 10px 16px;
  }
  .navigation__items .navbar-btn--download {
	padding: 11px 8px;
  }

  @media (min-width: 1100px) {
	.nav-item {
		margin-left: 22px !important;
	}
	.navigation__items .navbar-btn {
		margin-left: 20px !important;
	}
	.navigation__items .navbar-btn--download {
		padding: 11px 16px !important;
	  }
  }

  .navigation > div:last-child {
	width: 100%;
  }

  .active {
	visibility: visible !important;
	transform: translateX(0) !important;
	opacity: 1 !important;
  }

  .stcky-nav {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: teal;
	display: flex;
	height: 200px;
  }

  .check {
	visibility: hidden !important;
	opacity: 0 !important;
  }

  .nav-item {
	list-style-type: none;
	margin-left: 8px;
	position: relative;
	transition: all ease 0.35s;
  }
  .nav-item:hover .nav-item__link {
	color: #212344;
  }
  .nav-item:hover .drop-down {
	opacity: 1;
	visibility: visible;
  }
  .nav-item__link {
	text-decoration: none;
	color: rgba(90, 91, 117, 0.8);
	font-weight: 600;
	line-height: 20px;
	transition: all ease 0.35s;
	letter-spacing: 0.5px;
	font-size: 15px;
  }
  .nav-item__link .dropdown-icon {
	opacity: 0.6;
	font-size: 8.5px;
	margin-left: 3px;
  }
  .nav-item .drop-down {
	visibility: hidden;
	opacity: 0;
	transition: all 0.35s ease-in;
  }
  .nav-item .drop-down::before {
	content: "";
	position: absolute;
	top: 29px;
	z-index: 1;
	height: 13px;
	width: 13px;
	transform: translateX(-50%) rotate(-45deg);
	border-top: 1px solid rgba(62, 57, 107, 0.13);
	border-right: 1px solid rgba(62, 57, 107, 0.13);
	background-color: #ffffff;
	left: 50%;
  }

  .side-by-side-dropdown {
	position: absolute;
	left: 50%;
	top: 35px;
	transform: translateX(-50%);
	display: flex;
	min-width: 565px;
	background-color: #ffffff;
	box-shadow: 0 8px 10px 0 rgba(62, 57, 107, 0.04);
	border: 1px solid rgba(62, 57, 107, 0.13);
	border-radius: 4px;
  }
  .side-by-side-dropdown .left-side {
	list-style-type: none;
	padding: 35px 0 35px 24px;
	min-width: 340px;
  }
  .side-by-side-dropdown .left-side .item {
	margin-bottom: 31px;
  }
  .side-by-side-dropdown .left-side .item__link {
	display: flex;
	text-decoration: none;
	cursor: pointer;
  }
  .side-by-side-dropdown .left-side .item__link:hover .item-content__head {
	color: #6957da;
  }
  .side-by-side-dropdown .left-side .item__link .item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 2rem;
	color: #ffffff;
	width: 40px;
	height: 40px;
	margin: 3px 13px 0 0;
	box-shadow: 0 2px 4px 0 rgba(62, 57, 107, 0.13);
  }
  .side-by-side-dropdown .left-side .item__link .fc_fusioncharts_xt {
	background: linear-gradient(317.49deg, #84dae8 0%, #6078ea 100%);
  }
  .side-by-side-dropdown .left-side .item__link .fc_fusiontime {
	background: linear-gradient(134.72deg, #7466db 0%, #d0a9e2 100%);
  }
  .side-by-side-dropdown .left-side .item__link .fc_fusionexport {
	background: linear-gradient(315deg, #43e695 0%, #3bb2b8 100%);
  }
  .side-by-side-dropdown .left-side .item__link .item-content__head {
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	margin: 0 0 4px;
	transition: all 0.35s ease;
  }
  .side-by-side-dropdown .left-side .item__link .item-content__caption {
	color: #73748c;
	font-size: 13px;
	letter-spacing: 0.22px;
	line-height: 17px;
	width: 237px;
	margin: 0;
  }
  .side-by-side-dropdown .left-side .item:last-child {
	margin: 0;
  }
  .side-by-side-dropdown .right-side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 225px;
	background-color: #fafafa;
	list-style-type: none;
	padding: 24px;
  }
  .side-by-side-dropdown .right-side__item {
	transition: all 0.35s ease;
  }
  .side-by-side-dropdown .right-side__item:hover {
	background-color: rgba(62, 57, 107, 0.03);
  }
  .side-by-side-dropdown .right-side__item:hover .right-side__item-link {
	color: #6957da;
  }
  .side-by-side-dropdown .right-side__item .right-side__item-link {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #5a5b75;
	font-size: 14px;
	padding: 9.5px 0 9.5px 16px;
	font-weight: 600;
	line-height: 18px;
	transition: all 0.35s ease;
  }

  .stylish-dropdown {
	position: absolute;
	left: 50%;
	top: 35px;
	transform: translateX(-50%);
	list-style-type: none;
	padding: 10px 24px;
	width: 650px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid rgba(62, 57, 107, 0.13);
	box-shadow: 0 8px 10px 0 rgba(62, 57, 107, 0.13);
  }
  .stylish-dropdown .item {
	display: flex;
	padding: 15px 0;
	border-bottom: 1.5px solid rgba(62, 57, 107, 0.05);
  }
  .stylish-dropdown .item__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: linear-gradient(134.27deg, #5a7dc7 0%, #4fe8d4 100%);
	box-shadow: 0 2px 4px 0 rgba(62, 57, 107, 0.13);
	color: #ffffff;
	margin-top: 3px;
  }
  .stylish-dropdown .item .fc_integrate {
	background: linear-gradient(134.72deg, #7466db, #d0a9e2);
  }
  .stylish-dropdown .item .fc_history {
	background: linear-gradient(315deg, #fce38a, #f38181);
  }
  .stylish-dropdown .item__content {
	margin-left: 18px;
	width: 100%;
  }
  .stylish-dropdown .item__content-title {
	color: #212344;
	font-size: 18px;
	line-height: 23px;
	font-weight: 600;
	line-height: 23px;
	margin: 0 0 4px 0;
  }
  .stylish-dropdown .item__content-caption {
	color: #73748c;
	font-size: 13px;
	letter-spacing: 0.22px;
	line-height: 18px;
	margin: 0 0 22px 0;
  }
  .stylish-dropdown .item__content .list {
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
  }
  .stylish-dropdown .item__content .list__item {
	width: calc(100% / 3);
	margin-bottom: 9px;
  }
  .stylish-dropdown .item__content .list__item .framework-list__item {
	width: calc(100% / 5);
  }
  .stylish-dropdown .item__content .list__item-link {
	color: #6957da;
	font-size: 14px;
	line-height: 18px;
  }
  .stylish-dropdown .item__content .list__item-link .link-icon {
	display: inline-block;
	font-size: 2rem;
	margin-right: 3px;
	vertical-align: sub;
  }
  .stylish-dropdown .item__content .list__item .framework-badge {
	border: 1px solid rgba(62, 57, 107, 0.04);
	background-color: rgba(33, 35, 68, 0.03);
	border-radius: 2px;
	color: #8786a4;
	font-size: 11.9px;
	font-weight: 600;
	line-height: 15px;
	padding: 3px 7px;
	display: inline-block;
	margin-bottom: 8px;
  }
  .stylish-dropdown .item__content .list .framework-list {
	width: 100%;
  }
  .stylish-dropdown .item:last-child {
	border-bottom: none;
  }

  .simple-dropdown {
	position: absolute;
	left: 50%;
	top: 35px;
	transform: translateX(-50%);
	list-style-type: none;
	padding: 10px 0;
	background-color: #ffffff;
	width: 200px;
	border-radius: 4px;
	border: 1px solid rgba(62, 57, 107, 0.13);
	box-shadow: 0 8px 10px 0 rgba(62, 57, 107, 0.13);
  }
  .simple-dropdown .item {
	cursor: pointer;
	padding: 1rem 2.4rem;
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: 600;
	transition: all 0.4s ease-in;
  }
  .simple-dropdown .item:hover {
	background-color: rgba(62, 57, 107, 0.03);
  }
  .simple-dropdown .item:hover .item__link {
	color: #6957da;
  }
  .simple-dropdown .item__link {
	color: #5a5b75;
	text-decoration: none;
  }

  .mobile-menu-wrapper .list {
	list-style-type: none;
	padding: 0 20px;
	margin: 0;
  }
  .mobile-menu-wrapper .list__item {
	margin: 11px 0;
  }
  .mobile-menu-wrapper .list__item-title {
	font-size: 1.7rem;
	font-weight: 600;
	color: rgba(49, 49, 49, 0.6);
	margin: 0;
  }
  .mobile-menu-wrapper .list__item .list-links {
	list-style-type: none;
	padding: 0;
  }
  .mobile-menu-wrapper .list__item .list-links .item {
	padding-top: 11px;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link {
	display: flex;
	align-items: center;
	cursor: pointer;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link:hover {
	text-decoration: none;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link:hover .item-text {
	color: #6957da;
	text-decoration: underline !important;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link:active {
	text-decoration: none;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .item-icon-mobile {
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(134.27deg, #5a7dc7 0%, #4fe8d4 100%);
	width: 40px;
	text-align: center;
	border-radius: 50%;
	height: 40px;
	color: #ffffff;
	font-size: 20px;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .fc_fusioncharts_xt {
	background: linear-gradient(317.49deg, #84dae8 0%, #6078ea 100%);
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .fc_fusiontime {
	background: linear-gradient(134.72deg, #7466db 0%, #d0a9e2 100%);
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .fc_fusionexport {
	background: linear-gradient(315deg, #43e695 0%, #3bb2b8 100%);
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .fc_integrate {
	background: linear-gradient(134.72deg, #7466db, #d0a9e2);
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .item-text {
	margin: 0 0 0 10px;
	color: rgba(49, 49, 49, 0.6);
	transition: all 0.35s ease;
  }
  .mobile-menu-wrapper .list__item .list-links .item .item-link .item-text:hover {
	color: #6957da;
	text-decoration: underline !important;
  }
  .mobile-menu-wrapper .list__item:last-child {
	margin-bottom: 0;
  }
  .mobile-menu-wrapper .mobile-navigation-bottom {
	border-top: 1.5px solid rgba(62, 57, 107, 0.05);
	margin-top: 20px;
  }
  .mobile-menu-wrapper .mobile-navigation-bottom .list-bottom-links {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 11px 20px 0;
	margin: 0;
  }
  .mobile-menu-wrapper .mobile-navigation-bottom .list-bottom-links .list-item {
	width: calc(100% / 3);
  }
  .mobile-menu-wrapper .mobile-navigation-bottom .list-bottom-links .list-item .link {
	color: rgba(49, 49, 49, 0.6);
	transition: all 0.35s ease;
	font-size: 1.55rem;
  }
  .mobile-menu-wrapper .mobile-navigation-bottom .list-bottom-links .list-item .link:hover {
	color: #6957da;
  }

  .primary-navigation-container .navigation__items{
	  display: none;
  }

.navigation__logo {
	display: none;
}

  @media (min-width: 992px) {
	 .navigation__logo {
		 display: block;
	 }
	  .primary-navigation-container .mobile-menu{
		  display: none;
	  }
	  .primary-navigation-container .navigation__items{
		display: flex;
	}
  }
.h2-post-new{
margin-bottom: 3rem;
line-height: 1.2;
font-weight: 400;
font-family: basefontSemiBold,Helvetica Neue,Arial,sans-serif;
}
.h5-post-new{

color: darkblue;
font-weight: bold;
}  

.fc_cat_grid:before{
    background: none;
    background-image: url(/wp-content/uploads/gallery/icons/FusionGrid-Icon-Orange.png);
    width: 42px;
    height: 42px;
}
.side-by-side-dropdown .left-side .item__link .fc_chart_gallery {
    background: none;
    background-image: url(/public/images/FusionGrid-Icon-Orange.png);
    width: 42px;
    height: 42px;
}