/* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
.grid-filter-anchor { clear: both; display: block; width: 100%; margin-bottom: 26px; position: relative; }

.grid-filter-anchor ul { list-style: none; padding: 0; position: relative; height: auto; }

.grid-filter-anchor li { position: relative; margin-right: 6px; border: 0; margin-bottom: -1px; display: inline-block; }

.grid-filter-anchor li a { font-weight: 600; display: block; position: relative; padding: 8px 10px; font-size: 13px; line-height: 15px; color: #3c4043; border-radius: 50px; -webkit-transition: all .3s ease; transition: all .3s ease; border-width: 2px; border-style: solid; border-color: transparent; }

.grid-filter-anchor li:hover a, .grid-filter-anchor li:hover a:hover, .grid-filter-anchor li:hover a:active, .grid-filter-anchor li:hover a:focus, .grid-filter-anchor li.active a, .grid-filter-anchor li.active a:hover, .grid-filter-anchor li.active a:active, .grid-filter-anchor li.active a:focus { background-color: #2250fc; color: #fff; }

.grid-filter-anchor li.active { cursor: pointer; pointer-events: none; }

.grid-filter-anchor li.active a { color: #fff; pointer-events: none; }

.grid-filter-anchor.gf-outline li:hover a, .grid-filter-anchor.gf-outline li.active a { border-color: #2250fc; color: #2250fc; background-color: transparent; }

.grid-filter-anchor.gf-lines li a { border-radius: 0; border: none; background-color: transparent !important; }

.grid-filter-anchor.gf-lines li a:after { content: ''; position: absolute; top: auto; bottom: -2px; left: 50%; width: 0; height: 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.grid-filter-anchor.gf-lines li:hover a, .grid-filter-anchor.gf-lines li.active a { color: #2250fc; }

.grid-filter-anchor.gf-lines li:hover a:after, .grid-filter-anchor.gf-lines li.active a:after { width: 100%; left: 0%; background-color: #2250fc; }

.grid-filter-anchor.gf-line-bottom { border-bottom: 2px solid #ebebeb; }

.grid-filter-anchor.gf-classic li a { color: #3c4043; border-radius: 4px; }

.grid-filter-anchor.gf-classic li:hover a, .grid-filter-anchor.gf-classic li.active a { background-color: #2250fc; color: #fff; }

.grid-filter-anchor.gf-light li a { color: #fff; background-color: transparent; }

.grid-filter-anchor.gf-light li:hover a, .grid-filter-anchor.gf-light li.active a { color: #fff; border-color: #fff; background-color: transparent; }

.grid-filter-anchor.gf-dark li a { color: #1e2022; background-color: transparent; }

.grid-filter-anchor.gf-dark li:hover, .grid-filter-anchor.gf-dark li.active { background-color: transparent; }

.grid-filter-anchor.gf-dark li:hover a, .grid-filter-anchor.gf-dark li.active a { background-color: transparent; color: #1e2022; border-color: #1e2022; }

.grid-filter-anchor.gf-default li a { color: none; border-radius: 0; background-color: transparent; }

.grid-filter-anchor.gf-default li:hover a, .grid-filter-anchor.gf-default li.active a { background-color: transparent; color: #2250fc; }

.grid-filter-anchor.gf-creative li a { border-radius: 0; border: none; }

.grid-filter-anchor.gf-creative li a:after { background: #1e2022; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; top: 100%; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: 100%; }

.grid-filter-anchor.gf-creative li:hover, .grid-filter-anchor.gf-creative li.active { background-color: transparent; }

.grid-filter-anchor.gf-creative li:hover a, .grid-filter-anchor.gf-creative li.active a { color: #3c4043; background-color: transparent; }

.grid-filter-anchor.gf-creative li:hover a:after, .grid-filter-anchor.gf-creative li.active a:after { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.grid-filter-anchor.gf-list li { clear: both; margin-bottom: 3px; }

.grid-filter-anchor.center li { text-align: center; float: none; }

.grid-active-title { font-size: 3rem; font-weight: 100; opacity: 0.1; position: absolute; right: 0; top: -6px; }

.content .grid-active-title { font-size: 42px; }

.sidebar-both .grid-active-title { display: none; }

@media (max-width: 991.98px) { .grid-active-title { display: none; }
  .grid-filter-anchor li { margin-right: 0; margin-bottom: 4px; }
  .grid-filter-anchor li a { text-align: center; -webkit-transition: none; transition: none; } }

@media (max-width: 479px) { .grid-filter-anchor li { margin-right: 0; } }





.portfolio-description h3 { text-transform: none !important; }