/*
 * Geral
 */
 * {
	 /* background: #ff000011; */
 }
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Mukta+Mahee:wght@500&family=Mukta:wght@500&family=Open+Sans:wght@300;400&display=swap');
 
@bg-nav: url('https://dl.dropboxusercontent.com/u/76642452/CodePen/nav-background.png') repeat-x;
@end-left: url('https://dl.dropboxusercontent.com/u/76642452/CodePen/left-end.png') no-repeat;
@end-right: url('https://dl.dropboxusercontent.com/u/76642452/CodePen/right-end.png') no-repeat;





 html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Mukta Mahee', sans-serif;
	background: #1e1e1e;
	font-size:14px;
	letter-spacing: 1px;
}


img{
	border: 0;
	max-width: 100%;
}


.form-control,
.btn {

	border-radius: 0;
	border: #999 solid 1px;
}
.btn {
	border: none;
	background: #202120;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 0.3em;
}
.btn-link{
	background: none !important;

}

.text-primary {
	color: #2cbaa6 !important;
}
.bg-primary,
.btn-primary,
.btn-primary,
.btn-primary:active {
	background: #2cbaa6;
}
.btn-primary:hover {
	background: #30cbb6;
}
h1 {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
	padding: 20px 0;
}
h4 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.margem-lateral {
	padding-left: 20px;
	padding-right: 20px;
}

/*
 * Topo
 */
#topo {
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: 40px;
	padding-top: 40px;
}
#topo a {
	font-family: 'Lato', sans-serif;
	color: #000;
	text-decoration: none;
}
#topo > ul {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}
#topo > div i {
	font-size: 24px;
	margin-left: 24px;
}
#topo ul {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0px;
}
#topo ul a {
	padding: 10px 15px;
	font-size: 17px;
	letter-spacing: 2px;
}
#topo .busca {
	flex: 1 1 100%;
}
/*
 * Conteudo
 */
#conteudo {
	background: #f5f5f5;
}
#conteudo a:not(.btn),
#conteudo a:not(.btn):hover {
	color: #000;
}

#conteudo #banner .carousel-caption {
	left: 50px;
	bottom: 50px;
	width: 400px;
	height: auto !important;
	color: #000;
	background: rgba(255, 255, 255, 0.5);
}

/* Etapas */
#conteudo .etapas {
	padding: 0px 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#conteudo .etapas > div {
	text-align: center;
	padding: 15px 40px;
	display: flex;
	flex-direction: column;
}
#conteudo .etapas > div.active {
	background: #fff;
	/* color:#f00; */
	/* background-image: url(img/arrow.svg) 60px 70px; */
}
/* #conteudo .etapas > div.active:after{
	position:absolute;
	content:"###";
	bottom:0;
	font-weight: 20	;;
} */
#conteudo .etapas > div > i {
	margin-top: 10px;
	font-size: 20px;
}

/* Quem Somos */
#conteudo section.quem-somos {
	padding: 100px 200px;
	background: #f4f2f3;

}
#conteudo section.quem-somos img {
	max-height: 100px;
	margin-top: 100px;
}

/* Login */
#conteudo section div.login {
	padding: 50px 140px;
}
/* Produtos */
#conteudo section.produtos {
	padding: 100px 0px;
}
#conteudo section.produtos {
	display: grid;
	grid-template-columns: 17% 17% 22% 26% 18%;
	grid-template-rows: 34% 33% 33%;
}
#conteudo section.produtos > div {
	min-height: 180px;
}
#conteudo section.produtos div.g-11 {
	grid-column: span 1;
	grid-row: span 1;
}
#conteudo section.produtos div.g-22 {
	grid-column: span 2;
	grid-row: span 2;
}
#conteudo section.produtos div.g-21 {
	grid-column: span 2;
	grid-row: span 1;
}

#conteudo section.produtos div.g-12 {
	grid-column: span 1;
	grid-row: span 2;
}
#conteudo section.produtos div.imagem {
	padding: 100px 280px 100px;
	/* background-image: url(none); */
	background-position: center center;
	background-repeat: no-repeat;
}
#conteudo section.produtos div.imagem.g-11 {
	background-size: 100% auto;
}
#conteudo section.produtos div.imagem.g-12 {
	background-size: auto 120%;
}
#conteudo section.produtos div.imagem.g-21 {
	background-size: 100% auto;
}
#conteudo section.produtos div.imagem.g-22 {
	background-size: auto 130%;
}

/*
 * Contato
 */
.blog article div.texto {
	background: #f1ded6;
}
/*
 * Contato
 */
#conteudo section.contato {
	padding: 100px 280px 100px;
	background-image: url(../img/fundo.jpg);
	background-position: center center;
	background-size: auto 150%;
	background-repeat: no-repeat;
}
#conteudo section.contato i {
	font-size: 24px;
	position: relative;
	top: 4px;
}

/*
 * Rodape
 */
#rodape {
	color: #f5f5f5;
	font-size: 14px;
	padding-bottom: 40px;
	padding-top: 40px;
	margin-top: 50px;
}
#rodape a {
	color: #f5f5f5;
}
#rodape h3 {
	font-size: 17px;
	letter-spacing: 2px;
}
#rodape ul {
	padding: 0px;
	list-style: none;
}
#rodape .form-control {
	border: none;
}
#rodape li {
	padding-bottom: 8px;
}
#rodape .social {
	position: relative;
	top: -8px;
	font-size: 40px;
	margin-right: 8px;
}

/*
 * Responsivo
 */
@media screen and (max-width: 1200px) {
	/*
	* Topo
	*/
	#topo ul a {
		padding: 10px 8px;
	}

	/*
	* Conteudo
	*/

	/* Produtos */
	#conteudo section.produtos {
		display: grid;
		grid-template-columns: 25% 45% 30%;
		grid-template-rows: 15% 20% 20% 25%;
	}
	#conteudo section.produtos div.imagem.g-11 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-12 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-21 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-22 {
		background-size: 100% auto;
	}
	/*
	* Contato
	*/
	#conteudo section.contato {
		padding: 100px 100px 100px;
		background-size: auto 120%;
	}
}

@media screen and (max-width: 991px) {
	#topo {
		padding: 15px;
	}
	#topo > ul {
		flex: 1 100%;
		padding-top: 30px;
		order: 2;
		flex-direction: column;
		align-items: flex-start;
	}
	#topo > ul a {
		font-size: 24px;
	}
	/* Login */
	#conteudo section div.login {
		padding: 50px 90px;
	}
	#conteudo .etapas > div {
		padding: 15px 10px;
	}
	/* Produtos */
	#conteudo section.quem-somos {
		padding: 100px 100px;
	}
	#conteudo section.produtos div.imagem.g-11 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-12 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-21 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-22 {
		background-size: 100% auto;
	}
	/*
	* Contato
	*/
	#conteudo section.contato {
		padding: 100px 30px 100px;
		background-size: auto 110%;
	}
}

@media screen and (max-width: 768px) {
	#conteudo #banner .carousel-caption {
		left: 50px;
		bottom: 50px;
		right: 50px;
		top: 50px;
		width: auto;
	}
	/* Quem Somos */
	#conteudo section.quem-somos {
		padding: 100px 50px;
	}
	/* Produtos */
	#conteudo section.produtos {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto auto auto auto auto;
	}
	#conteudo section.produtos div.imagem.g-11 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-12 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-21 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-22 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.g-11 {
		grid-column: span 1;
		grid-row: span 2;
	}
	#conteudo section.produtos div.g-22 {
		grid-column: span 1;
		grid-row: span 2;
	}
	#conteudo section.produtos div.g-21 {
		grid-column: span 1;
		grid-row: span 2;
	}

	#conteudo section.produtos div.g-12 {
		grid-column: span 1;
		grid-row: span 1;
	}
	#conteudo .etapas > div {
		padding: 10px;
	}
	#conteudo .etapas > div span {
		display: none;
	}
	/* Login */
	#conteudo section div.login {
		padding: 50px 40px;
	}
	/*
	* Contato
	*/
	#conteudo section.contato {
		padding: 100px 15px 100px;
		background-size: auto 110%;
	}
}
@media screen and (max-width: 576px) {
	#topo img {
		max-height: 50px;
	}
	#topo div.menu i {
		font-size: 26px;
		margin: 0px;
		margin-left: 10px;
	}
	/* Quem Somos */
	#conteudo section.quem-somos {
		padding: 100px 15px;
	}
	/* Produtos */
	#conteudo section.produtos {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto auto auto auto;
	}
	#conteudo section.produtos div.imagem.g-11 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-12 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-21 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.imagem.g-22 {
		background-size: 100% auto;
	}
	#conteudo section.produtos div.g-11 {
		grid-column: span 1;
		grid-row: span 1;
	}
	#conteudo section.produtos div.g-22 {
		grid-column: span 1;
		grid-row: span 1;
	}
	#conteudo section.produtos div.g-21 {
		grid-column: span 1;
		grid-row: span 1;
	}

	#conteudo section.produtos div.g-12 {
		grid-column: span 1;
		grid-row: span 1;
	}
}
@media screen and (min-width: 1200px) {
	section.blog {
		padding-top:60px;
		padding-bottom:30px;
		max-width: 100%;
		margin-bottom:50px;
	}
	section.blog h4 {
		margin-left:50px;
	}
	section.blog .esquerda {
		z-index:0 !important;
	}
	section.blog .direita {
		z-index:1 !important;
	}
	section.blog article{
		margin:40px 0px;
	}
	section.blog article .direita {
		position: relative;
		top:180px;
	}
	section.blog article:nth-child(odd) .esquerda {
		position: relative;
		left:50px;
	}
	section.blog article:nth-child(odd) .direita {
		left:-60px;
	}
	section.blog article:nth-child(odd) .texto {
		width:120%;
	}
	section.blog article:nth-child(odd) h4 {
		margin-left:75px;
	}
	section.blog article:nth-child(even) .direita {
		top:90px;
		left:-80px;
	}
	section.blog article:nth-child(even) .texto {
		width:100%;
	}
}

/*--------- start blog Area -------------*/
@media (max-width: 991px) {
	.single-blog {
		margin-bottom: 40px;
	}
	.single-blog:last-child {
		margin-bottom: 0;
	}
}
.single-blog .thumb {
	overflow: hidden;
}
.single-blog .thumb img {
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-blog:hover img {
	transform: scale(1.1);
}
.single-blog:hover h4 {
	color: #699e4e;
}
.single-blog h4 {
	margin-top: 40px;
	margin-bottom: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 1.5em !important;
}
@media (max-width: 991px) {
	.single-blog h4 {
		margin-top: 20px;
		margin-bottom: 8px;
	}
}
.single-blog .text-wrap {
	margin-right: 35px;
	margin-bottom: 35px;
}
@media (max-width: 991px) {
	.single-blog .text-wrap {
		margin-right: 0px;
		margin-bottom: 12px;
	}
}
.single-blog .meta-bottom p {
	margin-right: 25px;
}
.single-blog p {
	margin: 0;
}
.single-blog a {
	color: #222222;
}
/*--------- end blog Area -------------*/


/*  Blog Styles
/* =================================== */
/*============ Start Blog Home Styles  =============*/
.latest_blog_area {
	background: #f9f9ff
}
.single-recent-blog-post {
	margin-bottom: 30px
}
.single-recent-blog-post .thumb {
	overflow: hidden
}
.single-recent-blog-post .thumb img {
	transition: all 0.7s linear
}
.single-recent-blog-post .details {
	padding-top: 30px
}
.single-recent-blog-post .details .sec_h4 {
	line-height: 24px;
	padding: 10px 0px 13px;
	transition: all 0.3s linear
}
.single-recent-blog-post .date {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400
}
.single-recent-blog-post:hover img {
	transform: scale(1.23) rotate(10deg)
}
.tags .tag_btn {
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	border: 1px solid #eeeeee;
	display: inline-block;
	padding: 1px 18px;
	text-align: center
}
.tags .tag_btn + .tag_btn {
	margin-left: 2px
}
.blog_categorie_area {
	padding-top: 30px;
	padding-bottom: 30px
}
@media (min-width: 900px) {
	.blog_categorie_area {
		padding-top: 80px;
		padding-bottom: 80px
	}
}
@media (min-width: 1100px) {
	.blog_categorie_area {
		padding-top: 120px;
		padding-bottom: 120px
	}
}
.categories_post {
	position: relative;
	text-align: center;
	cursor: pointer
}
.categories_post img {
	max-width: 100%
}
.categories_post .categories_details {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(34, 34, 34, 0.75);
	color: #282B30;
	transition: all 0.3s linear;
	display: flex;
	align-items: center;
	justify-content: center
}
.categories_post .categories_details h5 {
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	color: #282B30;
	position: relative
}
.categories_post .categories_details p {
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0px
}
.categories_post .categories_details .border_line {
	margin: 10px 0px;
	background: #fff;
	width: 100%;
	height: 1px
}
.categories_post:hover .categories_details {
	background: rgba(222, 99, 32, 0.85)
}
.blog_item {
	margin-bottom: 50px
}
.blog_details {
	padding: 30px 0 20px 10px;
	background: #FFF;
	color: #282B30;
}
@media (min-width: 768px) {
	.blog_details {
		padding: 60px 30px 35px 35px
	}
}
.blog_details p {
	margin-bottom: 30px
}
.blog_details a {
	color: #ff8b23
}
.blog_details a:hover {
	color: #469846
}
.blog_details h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px
}
@media (min-width: 768px) {
	.blog_details h2 {
		font-size: 24px;
		margin-bottom: 15px;
		color: #469846;	
	}
}
.blog-info-link li {
	float: left;
	font-size: 14px
}
.blog-info-link li a {
	color: #999999
}
.blog-info-link li i, .blog-info-link li span {
	font-size: 13px;
	margin-right: 5px
}
.blog-info-link li::after {
	content: "|";
	padding-left: 10px;
	padding-right: 10px
}
.blog-info-link li:last-child::after {
	display: none
}
.blog-info-link::after {
	content: "";
	display: block;
	clear: both;
	display: table
}
.blog_item_img {
	position: relative
}
.blog_item_img .blog_item_date {
	position: absolute;
	bottom: -10px;
	left: 10px;
	display: block !important;
	color: #fff;
	background-color: #469846;
	padding: 8px 15px;
	border-radius: 5px
}
@media (min-width: 768px) {
.blog_item_img .blog_item_date {
		bottom: -20px;
		left: 40px;
		padding: 13px 30px;
		text-align: center;
	}
}
.blog_item_img .blog_item_date h3 {
	font-size: 22px;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 0;
	line-height: 1.2
}
@media (min-width: 768px) {
	.blog_item_img .blog_item_date h3 {
		font-size: 30px
	}
}
.blog_item_img .blog_item_date p {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff
}
@media (min-width: 768px) {
	.blog_item_img .blog_item_date p {
		font-size: 18px
	}
}
.blog_right_sidebar .widget_title {
	font-size: 20px;
	margin-bottom: 10px;
	color: #469846;
}
.blog_right_sidebar .widget_title::after {
	content: "";
	display: block;
	padding-top: 15px;
	border-bottom: 1px solid #f0e9ff
}
.blog_right_sidebar .single_sidebar_widget {
	background: #fbf9ff;
	padding: 30px;
	margin-bottom: 30px
}
.blog_right_sidebar .single_sidebar_widget .btn_1 {
	margin-top: 0px
}
.blog_right_sidebar .search_widget .form-control {
	height: 50px;
	border-color: #f0e9ff;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0;
	border-right: 0
}
.blog_right_sidebar .search_widget .form-control::placeholder {
	color: #999999
}
.blog_right_sidebar .search_widget .form-control:focus {
	border-color: #f0e9ff;
	outline: 0;
	box-shadow: none
}
.blog_right_sidebar .search_widget .input-group button {
	background: #fff;
	border-left: 0;
	border: 1px solid #f0e9ff;
	padding: 4px 15px;
	border-left: 0
}
.blog_right_sidebar .search_widget .input-group button i, .blog_right_sidebar .search_widget .input-group button span {
	font-size: 14px;
	color: #999999
}
.blog_right_sidebar .newsletter_widget .form-control {
	height: 50px;
	border-color: #f0e9ff;
	font-size: 13px;
	color: #999999;
	padding-left: 20px;
	border-radius: 0
}
.blog_right_sidebar .newsletter_widget .form-control::placeholder {
	color: #999999
}
.blog_right_sidebar .newsletter_widget .form-control:focus {
	border-color: #f0e9ff;
	outline: 0;
	box-shadow: none
}
.blog_right_sidebar .newsletter_widget .input-group button {
	background: #fff;
	border-left: 0;
	border: 1px solid #f0e9ff;
	padding: 4px 15px;
	border-left: 0
}
.blog_right_sidebar .newsletter_widget .input-group button i, .blog_right_sidebar .newsletter_widget .input-group button span {
	font-size: 14px;
	color: #999999
}
.blog_right_sidebar .post_category_widget .cat-list li {
	border-bottom: 1px solid #f0e9ff;
	transition: all 0.3s ease 0s;
	padding-bottom: 12px
}
.blog_right_sidebar .post_category_widget .cat-list li:last-child {
	border-bottom: 0
}
.blog_right_sidebar .post_category_widget .cat-list li a {
	font-size: 14px;
	line-height: 20px;
	color: #888888
}
.blog_right_sidebar .post_category_widget .cat-list li a p {
	margin-bottom: 0px
}
.blog_right_sidebar .post_category_widget .cat-list li + li {
	padding-top: 15px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body {
	justify-content: center;
	align-self: center;
	padding-left: 20px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
	font-size: 16px;
	color: #888888;
	line-height: 20px;
	margin-bottom: 6px;
	transition: all 0.3s linear
}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
	color: #fff
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px;
	color: #888888;

}
.blog_right_sidebar .popular_post_widget .post_item + .post_item {
	margin-top: 20px
}
.blog_right_sidebar .tag_cloud_widget ul li {
	display: inline-block
}
.blog_right_sidebar .tag_cloud_widget ul li a {
	display: inline-block;
	border: 1px solid #eeeeee;
	background: #fff;
	padding: 4px 20px;
	margin-bottom: 8px;
	margin-right: 3px;
	transition: all 0.3s ease 0s;
	color: #888888;
	font-size: 13px
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
	background: #0396A6;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	text-decoration: none;
	-webkit-transition: 0.5s;
	transition: 0.5s
}
.blog_right_sidebar .instagram_feeds .instagram_row {
	display: flex;
	margin-right: -6px;
	margin-left: -6px
}
.blog_right_sidebar .instagram_feeds .instagram_row li {
	width: 33.33%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	margin-bottom: 15px
}
.blog_right_sidebar .br {
	width: 100%;
	height: 1px;
	background: #eee;
	margin: 30px 0px
}
.blog-pagination {
	margin-top: 80px
}
.blog-pagination .page-link {
	font-size: 14px;
	position: relative;
	display: block;
	padding: 0;
	text-align: center;
	margin-left: -1px;
	line-height: 45px;
	width: 45px;
	height: 45px;
	border-radius: 0 !important;
	color: #000;
	border: 1px solid #e5c66b;
	background: #e5c66b;
	margin-right: 10px
}
.blog-pagination .page-link i, .blog-pagination .page-link span {
	font-size: 13px
}
.blog-pagination .page-item.active .page-link {
	background-color: #e5c66b;
	border-color: #e5c66b;
	color: #888888
}
.blog-pagination .page-item:last-child .page-link {
	margin-right: 0
}
.single-post-area .blog_details {
	box-shadow: none;
	padding: 0
}
.single-post-area .social-links {
	padding-top: 10px
}
.single-post-area .social-links li {
	display: inline-block;
	margin-bottom: 10px
}
.single-post-area .social-links li a {
	color: #cccccc;
	padding: 7px;
	font-size: 14px;
	transition: all 0.2s linear
}
.single-post-area .blog_details {
	padding-top: 26px
}
.single-post-area .blog_details p {
	margin-bottom: 20px;
	font-size: 15px
}
.single-post-area .quote-wrapper {
	background: rgba(130, 139, 178, 0.1);
	padding: 15px;
	line-height: 1.733;
	color: #888888;
	font-style: italic;
	margin-top: 25px;
	margin-bottom: 25px
}
@media (min-width: 768px) {
	.single-post-area .quote-wrapper {
		padding: 30px
	}
}
.single-post-area .quotes {
	background: #fff;
	padding: 15px 15px 15px 20px;
	border-left: 2px solid
}
@media (min-width: 768px) {
	.single-post-area .quotes {
		padding: 25px 25px 25px 30px
	}
}
.single-post-area .arrow {
	position: absolute
}
.single-post-area .arrow .lnr {
	font-size: 20px;
	font-weight: 600
}
.single-post-area .thumb .overlay-bg {
	background: rgba(0, 0, 0, 0.8)
}
.single-post-area .navigation-top {
	padding-top: 15px;
	border-top: 1px solid #f0e9ff
}
.single-post-area .navigation-top p {
	margin-bottom: 0
}
.single-post-area .navigation-top .like-info {
	font-size: 14px
}
.single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span {
	font-size: 16px;
	margin-right: 5px
}
.single-post-area .navigation-top .comment-count {
	font-size: 14px
}
.single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span {
	font-size: 16px;
	margin-right: 5px
}
.single-post-area .navigation-top .social-icons li {
	display: inline-block;
	margin-right: 15px
}
.single-post-area .navigation-top .social-icons li:last-child {
	margin: 0
}
.single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span {
	font-size: 14px;
	color: #999999
}
.single-post-area .blog-author {
	padding: 40px 30px;
	background: #fbf9ff;
	margin-top: 50px
}
@media (max-width: 600px) {
	.single-post-area .blog-author {
		padding: 20px 8px
	}
}
.single-post-area .blog-author img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-right: 30px
}
@media (max-width: 600px) {
	.single-post-area .blog-author img {
		margin-right: 15px;
		width: 45px;
		height: 45px
	}
}
.single-post-area .blog-author a {
	display: inline-block
}
.single-post-area .blog-author a:hover {
	color: #0396A6
}
.single-post-area .blog-author p {
	margin-bottom: 0;
	font-size: 15px
}
.single-post-area .blog-author h4 {
	font-size: 16px
}
.single-post-area .navigation-area {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-top: 55px
}
.single-post-area .navigation-area p {
	margin-bottom: 0px
}
.single-post-area .navigation-area h4 {
	font-size: 18px;
	line-height: 25px
}
.single-post-area .navigation-area .nav-left {
	text-align: left
}
.single-post-area .navigation-area .nav-left .thumb {
	margin-right: 20px;
	background: #000
}
.single-post-area .navigation-area .nav-left .thumb img {
	-webkit-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-left .lnr {
	margin-left: 20px;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-left:hover .lnr {
	opacity: 1
}
.single-post-area .navigation-area .nav-left:hover .thumb img {
	opacity: .5
}
@media (max-width: 767px) {
	.single-post-area .navigation-area .nav-left {
		margin-bottom: 30px
	}
}
.single-post-area .navigation-area .nav-right {
	text-align: right
}
.single-post-area .navigation-area .nav-right .thumb {
	margin-left: 20px;
	background: #000
}
.single-post-area .navigation-area .nav-right .thumb img {
	-webkit-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-right .lnr {
	margin-right: 20px;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s
}
.single-post-area .navigation-area .nav-right:hover .lnr {
	opacity: 1
}
.single-post-area .navigation-area .nav-right:hover .thumb img {
	opacity: .5
}
@media (max-width: 991px) {
	.single-post-area .sidebar-widgets {
		padding-bottom: 0px
	}
}
.comments-area {
	background: transparent;
	border-top: 1px solid #eee;
	padding: 45px 0;
	margin-top: 50px
}
@media (max-width: 414px) {
	.comments-area {
		padding: 50px 8px
	}
}
.comments-area h4 {
	margin-bottom: 35px;
	font-size: 18px
}
.comments-area h5 {
	font-size: 16px;
	margin-bottom: 0px
}
.comments-area .comment-list {
	padding-bottom: 48px
}
.comments-area .comment-list:last-child {
	padding-bottom: 0px
}
.comments-area .comment-list.left-padding {
	padding-left: 25px
}
@media (max-width: 413px) {
	.comments-area .comment-list .single-comment h5 {
		font-size: 12px
	}
	.comments-area .comment-list .single-comment .date {
		font-size: 11px
	}
	.comments-area .comment-list .single-comment .comment {
		font-size: 10px
	}
}
.comments-area .thumb {
	margin-right: 20px
}
.comments-area .thumb img {
	width: 70px;
	border-radius: 50%
}
.comments-area .date {
	font-size: 14px;
	color: #999999;
	margin-bottom: 0;
	margin-left: 20px
}
.comments-area .comment {
	margin-bottom: 10px;
	color: #777777;
	font-size: 15px
}
.comments-area .btn-reply {
	background-color: transparent;
	color: #888888;
	padding: 5px 18px;
	font-size: 14px;
	display: block;
	font-weight: 400
}
.comment-form {
	border-top: 1px solid #eee;
	padding-top: 45px;
	margin-top: 50px;
	margin-bottom: 20px
}
.comment-form .form-group {
	margin-bottom: 30px
}
.comment-form h4 {
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 22px
}
.comment-form .name {
	padding-left: 0px
}
@media (max-width: 767px) {
	.comment-form .name {
		padding-right: 0px;
		margin-bottom: 1rem
	}
}
.comment-form .email {
	padding-right: 0px
}
@media (max-width: 991px) {
	.comment-form .email {
		padding-left: 0px
	}
}
.comment-form .form-control {
	border: 1px solid #f0e9ff;
	border-radius: 5px;
	height: 48px;
	padding-left: 18px;
	font-size: 13px;
	background: transparent
}
.comment-form .form-control:focus {
	outline: 0;
	box-shadow: none
}
.comment-form .form-control::placeholder {
	font-weight: 300;
	color: #999999
}
.comment-form .form-control::placeholder {
	color: #777777
}
.comment-form textarea {
	padding-top: 18px;
	border-radius: 12px;
	height: 100% !important
}
.comment-form::-webkit-input-placeholder {
	font-size: 13px;
	color: #777
}
.comment-form::-moz-placeholder {
	font-size: 13px;
	color: #777
}
.comment-form:-ms-input-placeholder {
	font-size: 13px;
	color: #777
}
.comment-form:-moz-placeholder {
	font-size: 13px;
	color: #777
}
.blog_part {
	margin-bottom: 140px
}
@media (max-width: 576px) {
	.blog_part {
		margin-bottom: 0px;
		padding: 0px 0px 70px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part {
		margin-bottom: 0px;
		padding: 0px 0px 70px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_part {
		margin-bottom: 0px;
		padding: 0px 0px 70px
	}
}
.blog_part .blog_right_sidebar .widget_title {
	font-size: 20px;
	margin-bottom: 40px;
	font-style: inherit !important
}
@media (max-width: 576px) {
	.blog_part .single-home-blog {
		margin-bottom: 140px;
		margin-top: 20px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part .single-home-blog {
		margin-bottom: 140px;
		margin-top: 20px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_part .single-home-blog {
		margin-bottom: 140px;
		margin-top: 20px
	}
}
.blog_part .single-home-blog .card-img-top {
	border-radius: 0px
}
.blog_part .single-home-blog .card {
	border: 0px solid transparent;
	border-radius: 0px;
	background-color: transparent;
	position: relative
}
.blog_part .single-home-blog .card .card-body {
	padding: 25px 10px 29px 40px;
	background-color: #fff;
	position: absolute;
	left: 20px;
	bottom: -140px;
	box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
	border-radius: 10px
}
@media (max-width: 576px) {
	.blog_part .single-home-blog .card .card-body {
		padding: 15px;
		left: 10px;
		bottom: -140px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part .single-home-blog .card .card-body {
		padding: 15px;
		left: 10px;
		bottom: -140px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.blog_part .single-home-blog .card .card-body {
		padding: 20px
	}
}
.blog_part .single-home-blog .card .card-body a {
	color: #0396A6;
	text-transform: uppercase;
	-webkit-transition: .8s;
	transition: .8s
}
.blog_part .single-home-blog .card .card-body a:hover {
	background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.blog_part .single-home-blog .card .dot {
	position: relative;
	padding-left: 20px
}
.blog_part .single-home-blog .card .dot:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 5px;
	left: 0;
	background-color: #0396A6;
	border-radius: 50%
}
.blog_part .single-home-blog .card span {
	color: #8a8a8a;
	margin-bottom: 10px;
	display: inline-block;
	margin-top: 10px
}
@media (max-width: 576px) {
	.blog_part .single-home-blog .card span {
		margin-bottom: 5px;
		margin-top: 5px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part .single-home-blog .card span {
		margin-bottom: 5px;
		margin-top: 5px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_part .single-home-blog .card span {
		margin-bottom: 5px;
		margin-top: 5px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.blog_part .single-home-blog .card span {
		margin-bottom: 5px;
		margin-top: 5px
	}
}
.blog_part .single-home-blog .card h5 {
	font-weight: 600;
	line-height: 1.5;
	font-size: 20px;
	-webkit-transition: .8s;
	transition: .8s;
	text-transform: capitalize;
	margin-bottom: 22px
}
@media (max-width: 576px) {
	.blog_part .single-home-blog .card h5 {
		margin-bottom: 10px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part .single-home-blog .card h5 {
		margin-bottom: 10px;
		font-size: 16px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_part .single-home-blog .card h5 {
		margin-bottom: 10px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.blog_part .single-home-blog .card h5 {
		margin-bottom: 10px;
		font-size: 18px
	}
}
.blog_part .single-home-blog .card h5:hover {
	-webkit-transition: .8s;
	transition: .8s;
	background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: 1s
}
.blog_part .single-home-blog .card ul li {
	display: inline-block;
	color: #8a8a8a;
	margin-right: 14px
}
@media (max-width: 576px) {
	.blog_part .single-home-blog .card ul li {
		margin-right: 10px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.blog_part .single-home-blog .card ul li {
		margin-right: 10px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog_part .single-home-blog .card ul li {
		margin-right: 10px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.blog_part .single-home-blog .card ul li {
		margin-right: 10px
	}
}
.blog_part .single-home-blog .card ul li span {
	margin-right: 10px;
	font-size: 12px
}
}
/*============ End Blog Single Styles  =============*/
#SlideMiddle{
	display: block;
	background: #eeeeee;
	width: 100%;
	min-height: 100%;
		
	#nav{
		display: flex;
		height: 71px;
		width: 100%;
		margin: 0 auto;
		
		#nav-bar{
			display: table;
			width: 100%;
			height: 100%;
		}
		
		#fluid-left{
			display: table-cell;
			width: 50%;
			height: 100%;
			background:@bg-nav;
		}
		
		#fix-content{
			display: table-cell;
			width: 960px;
			height: 100%;
			max-width: 960px;
			min-width: 960px;
		}
		
		#nav-bar-filters{
			display: flex;
			width: 100%;
			height: 100%;
			.filter-item{
				cursor: pointer;
				display: flex;
				align-items:center;
				justify-content:center;
				position: relative;
				flex-grow:1;
				height: 100%;
				color: #a2a2a2;
				font-size: 25px;
				text-align:center;
				vertical-align: middle;
				background: @bg-nav;
				&:hover{
					color: #868686;
				}
				&.active{
					color: #868686;
					background: none;
					&:before{
						content: ' ';
						background: @end-left;
						display:block;
						height: 100%;
						position: absolute;
						width: 15px;
						top: 0px;
						left: -8px;
					}
					
					&:after{
						content: ' ';
						background: @end-right;
						display:block;
						height: 100%;
						width: 15px;
						position: absolute;
						top: 0;
						right: -8px;
					}
				}
			}
		}
		
		#fluid-right{
			display: table-cell;
			width: 50%;
			height: 100%;
			background: @bg-nav;
		}
	}
	
	#grid{
		margin: 40px auto;
		width: 960px;
		padding-left: 15px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	@media screen and (min-width: 1315px){
		#grid{
			width: 1275px;
		}
	}
	
	@media screen and (min-width: 1630px){
		#grid{
			width: 1590px;
		}
	}
	
	@media screen and (min-width: 1945px){
		#grid{
			width: 1905px;
		}
	}
	
	@media screen and (min-width: 2260px){
		#grid{
			width: 2220px;
		}
	}
	
	@media screen and (min-width: 2575px){
		#grid{
			width: 2535px;
		}
	}
	
	#grid-content{
		
		position: relative;
		
		.grid-item{
			margin-bottom: 15px;
			background: #F66;
			width: 300px;
		}
	}
}
@media screen and (max-width: 576px) {
	#fluid-left, #fluid-right{
		display: none;
	}
	#SlideMiddle #nav #fix-content{
		display: block !important;
		width:100% !important;
		max-width: 100%;
		min-width: 0%;
	}
	#nav-bar-filters{
		display: grid !important;
		width:360px !important;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#grid{
		width:100% !important;
	}
	#grid .grid-item{
		width:97% !important;
	}
}