/***
=================
Button css
=================
***/
.animated-btn{
	background:#7c655d !important;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	transition:all ease .3s;
}
.animated-btn:before{
	content:'';
	position:absolute;
	top:0;
	right:-20px;
	background:rgba(0,0,0,.25);
	width:30px;
	height:100%;
	border-radius:50% 0 0 0;
	transition:all ease .3s;
	transform: skewX(20deg)
}
.animated-btn:hover:before{
	width:200%;
	border-radius:0;
}
.animated-btn a{
	padding:15px 30px;
	display:block;
	color:#fff;
	position:relative;
}
#_submit{
	background:#7c655d !important;
	border-radius:10px;
	border:none;
	width:100%;
	position:relative;
	overflow:hidden;
	transition:all ease .3s;
}
/***
=================
	General
=================
***/
@media (max-width:500px){
	section{
		padding:60px 0;
	}
}

/***
=================
	Index
=================
***/
.stats-item.--1, .stats-item.--2, .stats-item.--3, .stats-item.--4{
	position:relative;
	overflow:hidden;
}
.stats-item.--1:before{
	content:'';
	position:absolute;
	top:0;
	left:calc(-50%);
	width:100%;
	height:100%;
	background:url(../img/icon-qualified-advisors.svg) no-repeat;
	background-size:50px;
	background-position:center;
	opacity:.35;
	z-index:-1;
}
.stats-item.--2:before{
	content:'';
	position:absolute;
	top:0;
	left:calc(-40%);
	width:100%;
	height:100%;
	background:url(../img/icon-goals.svg) no-repeat;
	background-size:65px;
	background-position:center;
	opacity:.35;
	z-index:-1;
}
.stats-item.--3:before{
	content:'';
	position:absolute;
	top:0;
	left:calc(-40%);
	width:100%;
	height:100%;
	background:url(../img/icon-ventures-built.svg) no-repeat;
	background-size:65px;
	background-position:center;
	opacity:.35;
	z-index:-1;
}
.stats-item.--4:before{
	content:'';
	position:absolute;
	top:0;
	left:calc(-40%);
	width:100%;
	height:100%;
	background:url(../img/icon-trust-completed.svg) no-repeat;
	background-size:65px;
	background-position:center;
	opacity:.35;
	z-index:-1;
}
.stats-count{
	position:relative;
	display:flex;
	justify-content:center;
	transition:all ease .3s;
}
.stats-count:after{
	content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 3px;
    background: var(--color-primary);
    left: 0;
    right: 0;
    bottom: 12px;
    margin: auto;
	transition:all ease .3s;
}
.stats-count:hover:after{
	width:36px;
}
.counterplus{
	/*position:absolute;
	top:5px;
	right:0;*/
	font-size:20px;
    font-weight: 700;
	display: block;
	padding-top:10px;
}
.happy-family-img{
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
}
.happy-family-img img{
	max-width:80%;
	margin-right:20%;
	-webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,.75));
	filter:drop-shadow(0px 0px 10px rgba(255,255,255,.75));
}
@media (max-width:1280px){
	.happy-family-img img{
		max-width:90%;
		margin-right:-20%;
	}
}
/*--------------------------------------------------------------
# Section - why trust important
--------------------------------------------------------------*/
.why-trust-important .why-content h3 {
  font-weight: 700;
  font-size: 32px;
  font-family: var(--font-secondary);
  color:var(--color-primary);
}
.why-trust-important .why-content h3 span{
	color:var(--color-secondary);	
}
.why-trust-important .why-content ul{
	padding:0;
	margin:0;
}
.why-trust-important .why-content li{
	list-style:none;
	padding-bottom:10px;
}
.why-trust-important .why-content li i.fa{
	color:var(--color-secondary);
}
.why-trust-img{
	max-width:100%;
	margin-bottom:30px;
}
/*--------------------------------------------------------------
# Section - about us
--------------------------------------------------------------*/
.about .content h2{
	font-weight: 700;
    font-size:40px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
}
.about .content p{
	line-height:1.75;
}
/*--------------------------------------------------------------
# Section - what we do
--------------------------------------------------------------*/
.section-header h3{
	font-size:14px;
	font-weight:bold;
	color:var(--color-secondary);
}

.what-we-do-card .what-we-do-content h3{
	font-weight: 700;
    font-size:22px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
}
.what-we-do-card .what-we-do-content p{
	font-size:14px;
}
.what-we-do-icon{
	margin:0 auto 20px;
	padding:15px;
	width:80px;
	height:80px;
	border-radius: 50%;
    border:3px solid var(--color-default);
	transition:all ease .3s;
}
.what-we-do-icon:hover{
	transform:rotateY(180deg);
	opacity:.5;
}
/*--------------------------------------------------------------
# Section - our core value
--------------------------------------------------------------*/
.our-core-value{
    background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.8)), url(../img/core-values-bg.jpg) center center;
    background-size: cover;
	background-attachment:fixed;
	padding: 100px 0;
}
.our-core-value-card ul{
	padding:0;
	margin:0;
	display:flex;
	flex-wrap: wrap;
}
.our-core-value-card li{
	list-style:none;
	width:20%;
	padding:6px;
}
.core-value-card-content{
	background:#fff;
	padding:15px;
	border-radius:10px;
	text-align:center;
}
.core-value-card-content h4{
	font-size:20px;
	font-weight:bold;
	color:var(--color-secondary);	
}
.core-value-icon{
	width:60px;
	height:60px;
	display:block;
	margin:0 auto 15px;
	padding:10px;
	border-radius:50%;
	background:#e3cfbf;
}
@media (max-width:992px){
	.our-core-value-card li{
		width:50%;
	}
}
@media (max-width:500px){
	.our-core-value-card li{
		width:100%;
	}
}
/*--------------------------------------------------------------
# Section - united nations
--------------------------------------------------------------*/
.united-nations{
    background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.8)), url(../img/united-nations-bg.jpg) center center;
    background-size: cover;
	background-attachment:fixed;
	padding: 100px 0;	
}
.united-nations .content h3{
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-secondary);
    color:#fff;	
}
.united-nations .content h2 {
    font-weight: 700;
    font-size: 40px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
}
.united-nations .content p{
	color:#fff;
}
.sdg-img-grid{
	position:relative;
	width:360px;
	height:360px;
	margin:0 auto 60px;
}
.sdg-img-grid img{
	position:absolute;
}
.sdg-img-grid img.sdg-08{
	top:0;
	right:0;
	width:90px;
	transition:all ease .3s;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.sdg-img-grid img.sdg-01{
	bottom:0;
	right:0;
	width:90px;
	transition:all ease .3s;
	animation-name: floating-2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.sdg-img-grid img.sdg-04{
	top:30%;
	left:35%;
	width:136px;
	transition:all ease .3s;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.sdg-img-grid img.sdg-05{
	bottom:0;
	left:0;
	width:110px;
	transition:all ease .3s;
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.sdg-img-grid img.sdg-09{
	top:0;
	left:20px;
	width:100px;
	animation-name: floating-2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@keyframes floating {
  0% {transform:translateX(0) translateY(0px)}
  50% {transform:translateX(0) translateY(-5px)}
  100% {transform:translateX(0) translateY(0px)}
}
@keyframes floating-2 {
  0% {transform:translateX(0) translateY(0px)}
  50% {transform:translateX(0) translateY(5px)}
  100% {transform:translateX(0) translateY(0px)}
}
/*--------------------------------------------------------------
# Section - etp anywhere
--------------------------------------------------------------*/
.etp-anywhere .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
/*--------------------------------------------------------------
# Section - ddg club
--------------------------------------------------------------*/
.ddg-club .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.ddg-club .content h3 span{
	color: var(--color-secondary);
}
.step-join-advisor{
	margin-bottom:10px;
}
.step-join-advisor ul{
	padding:0;
	margin:0;
	display:flex;
}
.step-join-advisor li{
	list-style:none;
	width:20%;
	height:auto;
	padding:20px;
	color:var(--color-primary);
	font-size:14px;
	display:flex;
    justify-content: center;
    text-align: center;
	position:relative;
}
.step-join-advisor li:before{
	content:'\f285';
	position:absolute;
	top:30%;
	right:0;
	font-family: bootstrap-icons !important;
    font-weight: bold;
    font-size: 20px;
    z-index: 1;
}
.step-join-advisor li:last-child:before{
	display:none;
}
.step-content{
	width:120px;
	margin:0 auto;
	display:block;
	transition:all ease .3s;
}
.step-content:hover{
	opacity:.5;
}
.step-label{
	width:45px;
	height:45px;
	margin:auto;
	margin-bottom:10px;
	display:block;
	border-radius:50%;
    font-size: 2em;
    font-weight: bold;
	background:var(--color-secondary);;
}
@media (max-width:992px){
	.step-join-advisor ul{
		flex-direction:column;
	}
	.step-join-advisor li{
		width:100%;
		margin-bottom:20px;
		background:none;
		color:var(--color-primary);
	}
	.step-join-advisor li:before{
		right:auto;
		top:auto;
		bottom:-20px;
		transform:rotate(90deg);
		color:var(--color-primary);
	}
}
/*--------------------------------------------------------------
# Section - talk to us
--------------------------------------------------------------*/
.talk-to-us{
	background:url(../img/contact-bg.jpg);
	background-size:cover;
	background-position:right center;
}
.talk-to-us .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.talk-to-us .content h4{
	font-weight: 700;
    font-size:16px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
}
/*--------------------------------------------------------------
	*** Products Services ***
--------------------------------------------------------------*/
@media (max-width:500px){
	.breadcrumbs .page-header h2{
		font-size:36px;
	}
}
.products-services-row-1 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.products-services-row-1 .content h3 span{
	color: var(--color-secondary);
}
.products-services-row-1 .content ul{
	padding:0;
	margin:0;
}
.products-services-row-1 .content li{
	list-style:none;
	padding-bottom:10px;
}
.products-services-row-1 .content li i.fa{
	color:var(--color-secondary);
}
/*** product services row 2 ***/
.our-products-card{
	display:flex;
	max-width:980px;
	margin:auto;
	margin-bottom:30px;
	background:#fff;
}
.our-products-img{
	padding:20px;
	margin:auto;
}
.our-products-img img{
	max-width:200px;
}
.our-prodcust-text{
	padding:20px;
	margin:auto;
	border-left:1px solid #eee;
}
.our-prodcust-text h3{
	font-weight: 700;
    font-size:22px;
    font-family: var(--font-secondary);
    color: var(--color-primary);	
}
.our-prodcust-text h3 span{
    color: var(--color-secondary);
}
@media (max-width:768px){
	.our-products-img img{
		max-width:125px;
	}
}
@media (max-width:500px){
	.our-products-card{
		flex-direction:column;
	}
	.our-products-img img{
		display:block;
		margin:auto;
	}
}
/*** product services row 3 ***/
.products-services-row-3 .content h3{
	font-weight: 700;
    font-size:16px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);	
}
.products-services-row-3 .content h2{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);	
}
.products-services-row-3 .content ul{
	padding:0;
	margin:0;
}
.products-services-row-3 .content li{
	list-style:none;
	padding-bottom:10px;
	display:flex;
	align-items:center;
}
.products-services-row-3 .content li i.fa{
	color:var(--color-secondary);
	margin-right:10px;
}
/*** product services row 4 ***/
.products-services-row-4{
	background: url(../img/estate-plan-img.jpg) center center no-repeat;
	background-position:left center;
}
.estate-planning-card{
	margin:0 auto;
	max-width:320px;
	padding:15px;
	margin-bottom:30px;
	background:#fff;
	border-radius:20px;
	box-shadow:0 0 15px rgba(200,200,200,.5);
	font-size:22px;
	font-weight:600;
	text-align:center;
}
.estate-planning-icon{
	font-size:2em;
	color:var(--color-secondary);
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
/*--------------------------------------------------------------
	*** Ai Generation trust ***
--------------------------------------------------------------*/
.img-hover{
	transition:all ease .3s;
}
.img-hover:hover{
	opacity:.5;
}
.img-rotate{
	transition:all ease .3s;
}
.img-rotate:hover{
	transform:rotateY(180deg);
}

.tab-pane-body{
	padding:15px;
	text-align:justify;
}
.ai-generation-tab{
	border-bottom:none;
}
.ai-generation-tab .nav-item .nav-link{
	padding:15px;
	font-weight: 700;
    font-size:16px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);	
	border:none;
	border-radius: 10px;
}
.ai-generation-tab .nav-item.show .nav-link, .ai-generation-tab .nav-link.active{
	background:var(--color-secondary);
	color:#fff;
}
@media(max-width:500px){
	.ai-generation-tab{
		display:flex;
		justify-content:center;
	}
	.ai-generation-tab .nav-item .nav-link{
		padding:15px 25px;
	}
}
.table-custom tr td{
	font-family: var(--font-secondary);
	font-size:14px;
}
.why-choose-card{
	text-align:center;
	margin-bottom:25px;
}
.why-choose-card img{
	max-width:60px;
	margin-bottom:15px;
	padding:10px;
	width:60px;
	height:60px;
	background:var(--color-secondary);
	border-radius:50%;
}
/*--------------------------------------------------------------
	*** Photo gallery ***
--------------------------------------------------------------*/
.gallery-tabs{
	border-bottom-color:#eee;
}
.gallery-tabs .nav-link{
	border:none;
	padding:20px;
	color:var(--color-secondary);
}
.gallery-tabs .nav-link:hover{
	border:none;
}
.gallery-tabs .nav-item.show .nav-link, .gallery-tabs .nav-link.active{
	border:none;
	border-bottom:1px solid var(--color-secondary);
	color:var(--color-primary);
	font-weight:600;
}
.gallery-tabs-content{
	padding:15px;
}
.gallery-grid .card {
  border: 1px solid rgba(14, 29, 52, 0.15);
  background: #fff;
  position: relative;
  border-radius: 0;
  height: 100%;
}

.gallery-grid .card .card-img {
  overflow: hidden;
  border-radius: 0;
}

.gallery-grid .card .card-img img {
  transition: 0.3s ease-in-out;
}

.gallery-grid .card-footer {
  font-weight: 700;
  font-size: 14px;
  font-family:var(--font-primary);
  text-align:center;
  padding: 10px 30px;
  background:transparent;
  color:var(--color-primary);
}

.gallery-grid .card a {
	color:var(--color-primary);
	transition:all ease .3s;
}

.gallery-grid .card a:hover {
	color: var(--color-secondary);
}

.gallery-grid .card p {
  padding: 0 30px;
  margin-bottom: 30px;
  color: var(--color-secondary);
  font-size: 15px;
}

.gallery-grid .card:hover .card-img img {
  transform: scale(1.1);
}
@media(max-width:500px){
	section.our-gallery{
		padding:0px 0 30px;
	}
}
/*--------------------------------------------------------------
	*** DDG PR media ***
--------------------------------------------------------------*/
.pr-media-row-1 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.pr-media-row-1 .content h3 span{
	color: var(--color-secondary);
}
/*** pr media row 2 ***/
.pr-media-row-2{
    background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.8)), url(../img/core-values-bg.jpg) center center;
    background-size: cover;
	background-attachment:fixed;
	padding: 100px 0;
}
/*** pr media row 3 ***/
.pr-media-row-3 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);	
	margin-bottom:20px;
	margin-top:20px;
}
.pr-media-row-3 .content p{
	line-height:1.5;
	font-family:var(--font-primary);
}
.img-pr-media{
	padding:20px;
	margin:auto;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	max-width:100%;
}
/*** pr media row 4 ***/
.pr-media-row-4 .member .member-img{
	position:relative;
	overflow:hidden;
}
.pr-media-row-4 .member .member-img img {
	transition: 0.3s ease-in-out;
	margin:0;
}
.pr-media-row-4 .member .member-img:hover img{
	transform: scale(1.1);
	opacity:.65;
}
.pr-media-row-4 .member .member-content{
	padding:20px 0;
}
/*--------------------------------------------------------------
	*** DDG Academy ***
--------------------------------------------------------------*/
.academy-row-1 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.academy-row-1 .content h3 span{
	color: var(--color-secondary);
}
.academy-row-1 .ddg-ac-logo{
	max-width:125px;
	margin:25px;
}
@media (max-width:500px){
	.academy-row-1 .ddg-ac-logo{
		margin:25px auto;
		display:block;
	}
}
/*** academy row 2 ***/
.academy-row-2{
    background: linear-gradient(rgba(14, 29, 52, 0.6), rgba(14, 29, 52, 0.8)), url(../img/core-values-bg.jpg) center center;
    background-size: cover;
	background-attachment:fixed;
	padding: 100px 0;
}
/*** academy row 3 ***/
.academy-row-3 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
.academy-row-3 .content h3 span{
	color: var(--color-secondary);
}
.academy-row-3 img{
	max-width:80%;
	display:block;
	margin:auto;
	margin-bottom:20px;
}
.academy-row-3 .content .card{
	border:none;
	padding:20px;
	margin-bottom:30px;
	box-shadow:0 0 10px rgba(0,0,0,.35);
	position:relative;
	overflow:hidden;
	transition:all ease .3s;
}
.academy-row-3 .content .card h3{
	font-weight: 700;
    font-size: 20px;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
	position:relative;
}
.academy-row-3 .content .card p{
	margin-bottom:10px;
	position:relative;
}
.academy-row-3 .content .card.card-one:before{
	content:'';
	position:absolute;
	bottom:-50px;
	right:-50px;
	width:100px;
	height:100px;
	transform:scaleX(1.5);
	background:#fff0d4;
	border-radius:50%;
	transition:all ease .3s;
}
.academy-row-3 .content .card.card-two:before{
	content:'';
	position:absolute;
	bottom:-50px;
	right:-50px;
	width:100px;
	height:100px;
	transform:scaleX(1.5);
	background:#d4edff;
	border-radius:50%;
	transition:all ease .3s;
}
.academy-row-3 .content .card.card-three:before{
	content:'';
	position:absolute;
	bottom:-50px;
	right:-50px;
	width:100px;
	height:100px;
	transform:scaleX(1.5);
	background:#e9e4ff;
	border-radius:50%;
	transition:all ease .3s;
}
.academy-row-3 .content .card.card-one:hover:before,
.academy-row-3 .content .card.card-two:hover:before,
.academy-row-3 .content .card.card-three:hover:before
{
	bottom:-20px;
	right:-20px;
	transform:scaleX(1);
}
/*** academy row 4 ***/
.academy-row-4 .content h3{
	font-weight: 700;
    font-size: 32px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
}
/*--------------------------------------------------------------
	*** Contact us ***
--------------------------------------------------------------*/
.contact .info-item+.info-item{
	margin-top:20px;
}
.company-name{
	margin-bottom:25px;
}
.company-name h3{
	font-weight: 700;
    font-size:24px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
	margin-bottom:0;
}
/*--------------------------------------------------------------
	*** News & Announcement ***
--------------------------------------------------------------*/
.news-anno-card{
	position:relative;
	margin-bottom:20px;
	font-family:var(--font-secondary);
}
.news-anno-img{
	overflow:hidden;
	position:relative;
}
.news-anno-img img{
	border-radius:5px;
	transition: 0.3s ease-in-out;
}
.news-anno-img:hover img{
	transform: scale(1.1);
	opacity:.65;	
	filter:grayscale(.8);
}
.news-anno-content{
	max-width:80%;
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,.35);
	margin:auto;
	margin-top:-30px;
	padding:15px;
	z-index:1;
	position:relative;
}
.news-anno-header{
	margin-bottom:6px;
	display:flex;
	align-items:center;
	font-size:12px;
	color:var(--color-secondary);
}
.date-created{
	margin-right:20px;
}
.news-anno-title{
	margin-bottom:5px;
	font-weight: 700;
    font-size:20px;
    font-family: var(--font-secondary);
    color: var(--color-primary);
	transition:all ease .3s;
}
.read-more-link{
	display:flex;
	align-items:center;
	justify-content:end;
	font-size:80%;
	color:var(--color-primary);
	transition:all ease .3s;
}
.news-anno-link:hover .news-anno-title{
	color: var(--color-secondary);
}
.news-anno-link:hover .read-more-link{
	color: var(--color-secondary);
	margin-right:10px;
}
/*** News & Anno content ***/
.breadcrumbs .inner-header:before{
	background-color:rgba(0,0,0,.75);
}
.news-anno-headline{
	font-weight: 700;
    font-size:24px;
    font-family: var(--font-secondary);
    color: #fff;	
}
.inner-wrapper{
	padding:30px 0;
}
.news-anno-header-img{
	margin-bottom:15px;
}
.news-anno-header-img img{
	max-width:100%;
}
.news-anno-text-body{
	margin-bottom:20px;
}
.news-anno-text-body p{
	font-family:var(--font-primary);
	color:var(--color-secondary);
	text-align:justify;
}
.social-media-share-link{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	font-size:14px;
	margin-top:30px;
	margin-bottom:30px;
}
.social-media-share-link a{
	color:#fff;
	transition:all ease .3s;
}
.social-media-share-link a:hover{
	opacity:.5;
}
.social-media-icon{
	width:32px;
	height:32px;
	padding:5px;
	margin-right:5px;
	border-radius:50%;
	display:inline-block;
	background:#f7f7f7;
	text-align:center;
}
.social-media-icon.social-fb{
	background-color:#3b5998;
}
.social-media-icon.social-tw{
	background-color:#55acee;
}
.social-media-icon.social-pin{
	background-color:#bd081c;
}
.social-media-icon.social-in{
	background-color:#0077b5;
}
.post-comment{
	padding:20px 0;
}
.post-comment .row + .row{
	margin-top:10px;
}
.post-comment h4{
	font-weight:500;
	font-size:20px;
	font-family:var(--font-secondary);
	color:var(--color-primary);
	margin-bottom:15px;
}
.post-comment textarea::placeholder{
	color:#999;
	font-size:14px;
}
.post-comment input::placeholder{
	color:#999;
	font-size:14px;	
}
/*--------------------------------------------------------------
	*** Gallery content page ***
--------------------------------------------------------------*/
.back-previous-page{
	transition:all ease .3s;
	position:relative;
	padding:5px 10px;
	display:inline-block;
}
.back-previous-page:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:0%;
	height:100%;
	background:rgba(255,255,255,0);
	transition:all ease .3s;
}
.back-previous-page:hover:before{
	width:110%;
	background:rgba(255,255,255,.65);
}
.back-previous-page a{
	position:relative;
}
.back-previous-page a:hover{
	color:var(--color-primary);
}
/*** gallery photo preview ***/
.portfolio {
  padding-bottom: 60px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 12px 5px 12px;
  display: inline-block;
  padding: 0 4px 6px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #444;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #fff;
  font-family: "Roboto", sans-serif;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  border-color: #68A4C4;
  color: #68A4C4;
}

.portfolio .portfolio-item {
  background: #1e4356;
  overflow: hidden;
  min-height: 200px;
  max-height:300px;
  position: relative;
  border-radius: 4px;
  margin: 0 0 30px 0;
}

.portfolio .portfolio-item img {
  transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  transition: all 0.3s linear;
  text-align: center;
  top: 10%;
  left: 0;
  right: 0;
}

.portfolio .portfolio-item .portfolio-info h3 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}

.portfolio .portfolio-item .portfolio-info a i {
  color: rgba(255, 255, 255, 0.6);
  font-size: 28px;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-info a i:hover {
  color: white;
}

.portfolio .portfolio-item:hover img {
  opacity: 0.6;
  transform: scale(1.1);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 30px);
}