/* AXIS grid theme layer (base). Generated by build_css.py from the parent theme grid CSS; do not edit by hand. */
@font-face{font-family:'axis-icons';src:url('../fonts/axis-icons.eot');src:url('../fonts/axis-icons.eot?#iefix') format('embedded-opentype'),url('../fonts/axis-icons.woff') format('woff'),url('../fonts/axis-icons.ttf') format('truetype'),url('../fonts/axis-icons.svg#axis-icons') format('svg');font-weight:normal;font-style:normal;font-display:block}
.container{margin-right: auto; margin-left: auto; padding-left: 21px; padding-right: 21px}
@media (min-width: 1212px){.container{width: 1212px}}
.container-fluid{margin-right: auto; margin-left: auto; padding-left: 21px; padding-right: 21px}
.row{margin-left: -21px; margin-right: -21px}
.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display: table; content: " "}
.container:after,.container-fluid:after,.row:after{clear: both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position: relative; min-height: 1px; padding-left: 21px; padding-right: 21px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float: left}
.col-xs-12{width: 100%}
.col-xs-11{width: 91.66666667%}
.col-xs-10{width: 83.33333333%}
.col-xs-9{width: 75%}
.col-xs-8{width: 66.66666667%}
.col-xs-7{width: 58.33333333%}
.col-xs-6{width: 50%}
.col-xs-5{width: 41.66666667%}
.col-xs-4{width: 33.33333333%}
.col-xs-3{width: 25%}
.col-xs-2{width: 16.66666667%}
.col-xs-1{width: 8.33333333%}
.col-xs-pull-12{right: 100%}
.col-xs-pull-11{right: 91.66666667%}
.col-xs-pull-10{right: 83.33333333%}
.col-xs-pull-9{right: 75%}
.col-xs-pull-8{right: 66.66666667%}
.col-xs-pull-7{right: 58.33333333%}
.col-xs-pull-6{right: 50%}
.col-xs-pull-5{right: 41.66666667%}
.col-xs-pull-4{right: 33.33333333%}
.col-xs-pull-3{right: 25%}
.col-xs-pull-2{right: 16.66666667%}
.col-xs-pull-1{right: 8.33333333%}
.col-xs-pull-0{right: 0%}
.col-xs-push-12{left: 100%}
.col-xs-push-11{left: 91.66666667%}
.col-xs-push-10{left: 83.33333333%}
.col-xs-push-9{left: 75%}
.col-xs-push-8{left: 66.66666667%}
.col-xs-push-7{left: 58.33333333%}
.col-xs-push-6{left: 50%}
.col-xs-push-5{left: 41.66666667%}
.col-xs-push-4{left: 33.33333333%}
.col-xs-push-3{left: 25%}
.col-xs-push-2{left: 16.66666667%}
.col-xs-push-1{left: 8.33333333%}
.col-xs-push-0{left: 0%}
.col-xs-offset-12{margin-left: 100%}
.col-xs-offset-11{margin-left: 91.66666667%}
.col-xs-offset-10{margin-left: 83.33333333%}
.col-xs-offset-9{margin-left: 75%}
.col-xs-offset-8{margin-left: 66.66666667%}
.col-xs-offset-7{margin-left: 58.33333333%}
.col-xs-offset-6{margin-left: 50%}
.col-xs-offset-5{margin-left: 41.66666667%}
.col-xs-offset-4{margin-left: 33.33333333%}
.col-xs-offset-3{margin-left: 25%}
.col-xs-offset-2{margin-left: 16.66666667%}
.col-xs-offset-1{margin-left: 8.33333333%}
.col-xs-offset-0{margin-left: 0%}
@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float: left}
.col-sm-12{width: 100%}
.col-sm-11{width: 91.66666667%}
.col-sm-10{width: 83.33333333%}
.col-sm-9{width: 75%}
.col-sm-8{width: 66.66666667%}
.col-sm-7{width: 58.33333333%}
.col-sm-6{width: 50%}
.col-sm-5{width: 41.66666667%}
.col-sm-4{width: 33.33333333%}
.col-sm-3{width: 25%}
.col-sm-2{width: 16.66666667%}
.col-sm-1{width: 8.33333333%}
.col-sm-pull-12{right: 100%}
.col-sm-pull-11{right: 91.66666667%}
.col-sm-pull-10{right: 83.33333333%}
.col-sm-pull-9{right: 75%}
.col-sm-pull-8{right: 66.66666667%}
.col-sm-pull-7{right: 58.33333333%}
.col-sm-pull-6{right: 50%}
.col-sm-pull-5{right: 41.66666667%}
.col-sm-pull-4{right: 33.33333333%}
.col-sm-pull-3{right: 25%}
.col-sm-pull-2{right: 16.66666667%}
.col-sm-pull-1{right: 8.33333333%}
.col-sm-pull-0{right: 0%}
.col-sm-push-12{left: 100%}
.col-sm-push-11{left: 91.66666667%}
.col-sm-push-10{left: 83.33333333%}
.col-sm-push-9{left: 75%}
.col-sm-push-8{left: 66.66666667%}
.col-sm-push-7{left: 58.33333333%}
.col-sm-push-6{left: 50%}
.col-sm-push-5{left: 41.66666667%}
.col-sm-push-4{left: 33.33333333%}
.col-sm-push-3{left: 25%}
.col-sm-push-2{left: 16.66666667%}
.col-sm-push-1{left: 8.33333333%}
.col-sm-push-0{left: 0%}
.col-sm-offset-12{margin-left: 100%}
.col-sm-offset-11{margin-left: 91.66666667%}
.col-sm-offset-10{margin-left: 83.33333333%}
.col-sm-offset-9{margin-left: 75%}
.col-sm-offset-8{margin-left: 66.66666667%}
.col-sm-offset-7{margin-left: 58.33333333%}
.col-sm-offset-6{margin-left: 50%}
.col-sm-offset-5{margin-left: 41.66666667%}
.col-sm-offset-4{margin-left: 33.33333333%}
.col-sm-offset-3{margin-left: 25%}
.col-sm-offset-2{margin-left: 16.66666667%}
.col-sm-offset-1{margin-left: 8.33333333%}
.col-sm-offset-0{margin-left: 0%}}
@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float: left}
.col-md-12{width: 100%}
.col-md-11{width: 91.66666667%}
.col-md-10{width: 83.33333333%}
.col-md-9{width: 75%}
.col-md-8{width: 66.66666667%}
.col-md-7{width: 58.33333333%}
.col-md-6{width: 50%}
.col-md-5{width: 41.66666667%}
.col-md-4{width: 33.33333333%}
.col-md-3{width: 25%}
.col-md-2{width: 16.66666667%}
.col-md-1{width: 8.33333333%}
.col-md-pull-12{right: 100%}
.col-md-pull-11{right: 91.66666667%}
.col-md-pull-10{right: 83.33333333%}
.col-md-pull-9{right: 75%}
.col-md-pull-8{right: 66.66666667%}
.col-md-pull-7{right: 58.33333333%}
.col-md-pull-6{right: 50%}
.col-md-pull-5{right: 41.66666667%}
.col-md-pull-4{right: 33.33333333%}
.col-md-pull-3{right: 25%}
.col-md-pull-2{right: 16.66666667%}
.col-md-pull-1{right: 8.33333333%}
.col-md-pull-0{right: 0%}
.col-md-push-12{left: 100%}
.col-md-push-11{left: 91.66666667%}
.col-md-push-10{left: 83.33333333%}
.col-md-push-9{left: 75%}
.col-md-push-8{left: 66.66666667%}
.col-md-push-7{left: 58.33333333%}
.col-md-push-6{left: 50%}
.col-md-push-5{left: 41.66666667%}
.col-md-push-4{left: 33.33333333%}
.col-md-push-3{left: 25%}
.col-md-push-2{left: 16.66666667%}
.col-md-push-1{left: 8.33333333%}
.col-md-push-0{left: 0%}
.col-md-offset-12{margin-left: 100%}
.col-md-offset-11{margin-left: 91.66666667%}
.col-md-offset-10{margin-left: 83.33333333%}
.col-md-offset-9{margin-left: 75%}
.col-md-offset-8{margin-left: 66.66666667%}
.col-md-offset-7{margin-left: 58.33333333%}
.col-md-offset-6{margin-left: 50%}
.col-md-offset-5{margin-left: 41.66666667%}
.col-md-offset-4{margin-left: 33.33333333%}
.col-md-offset-3{margin-left: 25%}
.col-md-offset-2{margin-left: 16.66666667%}
.col-md-offset-1{margin-left: 8.33333333%}
.col-md-offset-0{margin-left: 0%}}
@media (min-width: 1212px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float: left}
.col-lg-12{width: 100%}
.col-lg-11{width: 91.66666667%}
.col-lg-10{width: 83.33333333%}
.col-lg-9{width: 75%}
.col-lg-8{width: 66.66666667%}
.col-lg-7{width: 58.33333333%}
.col-lg-6{width: 50%}
.col-lg-5{width: 41.66666667%}
.col-lg-4{width: 33.33333333%}
.col-lg-3{width: 25%}
.col-lg-2{width: 16.66666667%}
.col-lg-1{width: 8.33333333%}
.col-lg-pull-12{right: 100%}
.col-lg-pull-11{right: 91.66666667%}
.col-lg-pull-10{right: 83.33333333%}
.col-lg-pull-9{right: 75%}
.col-lg-pull-8{right: 66.66666667%}
.col-lg-pull-7{right: 58.33333333%}
.col-lg-pull-6{right: 50%}
.col-lg-pull-5{right: 41.66666667%}
.col-lg-pull-4{right: 33.33333333%}
.col-lg-pull-3{right: 25%}
.col-lg-pull-2{right: 16.66666667%}
.col-lg-pull-1{right: 8.33333333%}
.col-lg-pull-0{right: 0%}
.col-lg-push-12{left: 100%}
.col-lg-push-11{left: 91.66666667%}
.col-lg-push-10{left: 83.33333333%}
.col-lg-push-9{left: 75%}
.col-lg-push-8{left: 66.66666667%}
.col-lg-push-7{left: 58.33333333%}
.col-lg-push-6{left: 50%}
.col-lg-push-5{left: 41.66666667%}
.col-lg-push-4{left: 33.33333333%}
.col-lg-push-3{left: 25%}
.col-lg-push-2{left: 16.66666667%}
.col-lg-push-1{left: 8.33333333%}
.col-lg-push-0{left: 0%}
.col-lg-offset-12{margin-left: 100%}
.col-lg-offset-11{margin-left: 91.66666667%}
.col-lg-offset-10{margin-left: 83.33333333%}
.col-lg-offset-9{margin-left: 75%}
.col-lg-offset-8{margin-left: 66.66666667%}
.col-lg-offset-7{margin-left: 58.33333333%}
.col-lg-offset-6{margin-left: 50%}
.col-lg-offset-5{margin-left: 41.66666667%}
.col-lg-offset-4{margin-left: 33.33333333%}
.col-lg-offset-3{margin-left: 25%}
.col-lg-offset-2{margin-left: 16.66666667%}
.col-lg-offset-1{margin-left: 8.33333333%}
.col-lg-offset-0{margin-left: 0%}}
.portfolio{padding: 0}
.portfolio .portfolio-row{clear: both}
.portfolio .portfolio-item-size-container{position: relative; padding: 0; margin: 0; font-size: 0; line-height: 1}
.portfolio .portfolio-item-size-container .portfolio-item{min-height: 0; padding: 0 !important; margin: 0; position: absolute}
.portfolio .portfolio-item.not-found{width: 100% !important; text-align: left}
.portfolio .portfolio-item.not-found .found-wrap{display: flex; flex-direction: row !important; align-items: baseline; border: none}
.portfolio .portfolio-item.not-found .found-wrap:before{content: "\e67a"; font-style: normal; font-family: 'axis-icons'; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 10px; position: initial; opacity: 1 !important}
.portfolio h3.title{text-align: center}
.portfolio-top-panel:not(.extended-posts-filter){margin: 0 0 55px; overflow: visible}
.portfolio-top-panel .portfolio-filters,.portfolio-top-panel .portfolio-filters-resp{position: relative; z-index: 5}
.portfolio-top-panel:not(.sticky-fixed){position: relative}
.portfolio-top-panel.filters-top-sticky{z-index: 2}
@media (min-width: 1001px){.portfolio-top-panel.filters-top-sticky{margin-bottom: 45px}}
.portfolio.hover-title.portfolio-items-masonry .portfolio-top-panel{margin-left: 0; margin-right: 0}
.portfolio-filters{font-size: 0}
@media (max-width: 767px){.portfolio-filters-mobile + .portfolio-filters{display: none !important}}
@media (min-width: 768px){.portfolio-filters-mobile{display: none !important}}
.portfolio-filters a,.portfolio-filters .portfolio-filters-more-button{display: inline-block; text-decoration: none; vertical-align: top; margin: 0 10px 10px 0; padding: 0 25px; min-height: 30px; line-height: 30px; height: auto; border-radius: 15px; font-size: var(--axis-theme-body-tiny-font-size); color: inherit; border: none}
.portfolio-filters a:last-child,.portfolio-filters .portfolio-filters-more-button{margin-right: 0}
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more{margin: 0 10px 10px 0}
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more-button{margin: 0}
.portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-dropdown a{background: transparent !important; padding: 0 !important}
.portfolio-filters a span{display: inline-block; vertical-align: top}
.portfolio-filters a.all .icon{font-family: 'axis-icons'; font-size: 22px; line-height: 1.2727}
.portfolio-filters-resp{display: none; text-align: right; margin: 13px 0px; position: relative; z-index: 10}
.portfolio-filters-resp .menu-toggle{border: none; width: 32px; height: 30px; text-indent: 100%; font-size: 0; line-height: 0; overflow: hidden; position: relative; cursor: pointer; outline: none; background: transparent; padding: 0}
.portfolio .portfolio-filters-resp .menu-toggle i{font-size: 24px; text-indent: initial}
.portfolio-filters-resp .menu-toggle .menu-line-1,.portfolio-filters-resp .menu-toggle .menu-line-2,.portfolio-filters-resp .menu-toggle .menu-line-3{position: absolute; width: 8px; height: 8px; top: 50%; background: #99a9b5; margin-top: -4px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%}
.portfolio-filters-resp .menu-toggle .menu-line-1{left: 0}
.portfolio-filters-resp .menu-toggle .menu-line-2{left: 50%; margin-left: -4px}
.portfolio-filters-resp .menu-toggle .menu-line-3{right: 0}
.portfolio-filters-resp ul{padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 0; position: absolute; width: 100%; left: 0; top: 35px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden}
.portfolio-filters-resp ul li{text-align: left; position: relative}
.portfolio-filters-resp ul li a{display: block; text-decoration: none; padding: 14px 34px 17px 34px}
.portfolio-filters-resp ul li:after{position: absolute; right: 20px; top: 0; font-family: 'axis-icons'; font-size: 14px; line-height: 51px; speak: none; -webkit-font-smoothing: antialiased; content: "\e601"}
.portfolio-filters-resp ul.dl-menuopen{opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px)}
.portfolio-filters-resp ul.dl-animate-out{-webkit-animation: MenuAnimOut 0.4s; animation: MenuAnimOut 0.4s}
.portfolio-filters-resp ul.dl-animate-in{-webkit-animation: MenuAnimIn 0.3s; animation: MenuAnimIn 0.3s}
@media only screen and (max-width: 1000px){.portfolio-filters{margin-right: 0}}
@media only screen and (max-width: 768px){.portfolio-filters-resp{display: block}
.portfolio-filters{display: none}
.portfolio-top-panel:not(.filter-type-extended, .panel-with-search, .filters-mobile-dropdown) .portfolio-top-panel-right,.portfolio-top-panel:not(.filter-type-extended).panel-with-search .portfolio-top-panel-right .portfolio-sorting{display: none}
.portfolio-top-panel:not(.extended-posts-filter).filter-type-default{margin-bottom: 20px}
.portfolio-filters-resp{text-align: left}
.portfolio-top-panel{margin: 0 0 0px}}
.portfolio-filters-resp ul{border-top: 1px solid #dfe5e8; border-left: 1px solid #dfe5e8; border-right: 1px solid #dfe5e8}
.portfolio-filters-resp ul li{background: #f4f6f7; border-bottom: 1px solid #dfe5e8}
.portfolio-filters-resp ul > li a.active{background: #fff; border-left: 4px solid #00bcd4; padding-left: 26px; color: #3c3950}
.portfolio-filters-resp li a{color: #5f727f}
.portfolio-filters-resp li a:hover{color: #3c3950}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters,.portfolio-top-panel-row.filter-style-buttons .portfolio-filters{margin-bottom: -10px}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a,.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button,.portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current{min-height: initial; padding: 0; margin-bottom: 10px; margin-right: 30px; background: none; border: none; border-radius: 0; font-family: var(--axis-theme-tabs-title-thin-font-family); font-style: var(--axis-theme-tabs-title-thin-font-style); font-weight: var(--axis-theme-tabs-title-thin-font-weight); text-transform: var(--axis-theme-tabs-title-thin-text-transform); font-size: var(--axis-theme-tabs-title-thin-font-size); line-height: var(--axis-theme-tabs-title-thin-line-height); letter-spacing: var(--axis-theme-tabs-title-thin-letter-spacing); color: var(--axis-theme-h6-color)}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more{margin-bottom: 10px; margin-right: 30px}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button,.portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current{margin: 0}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:hover{color: var(--axis-theme-h6-color)}
@media only screen and (max-width: 768px){.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters{display: block}}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.hover-pointer,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.hover-pointer{position: relative}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:after,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:after{content: ''; display: block; position: absolute; width: 0; height: 2px; bottom: -2px; left: 50%; background: currentColor; -webkit-transition: width .3s, height .3s, left .3s; -o-transition: width .3s, height .3s, left .3s; transition: width .3s, height .3s, left .3s; -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1); -o-transition-timing-function: cubic-bezier(.58,.3,.005,1); transition-timing-function: cubic-bezier(.58,.3,.005,1)}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:hover:after,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:hover:after{width: 100%; left: 0; z-index: 2}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active{border-bottom: 2px solid currentColor; background: none}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current{font-family: var(--axis-theme-tabs-title-font-family); font-style: var(--axis-theme-tabs-title-font-style); font-weight: var(--axis-theme-tabs-title-font-weight); text-transform: var(--axis-theme-tabs-title-text-transform); font-size: var(--axis-theme-tabs-title-font-size); line-height: var(--axis-theme-tabs-title-line-height); letter-spacing: 0; color: var(--axis-theme-h6-color)}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active{letter-spacing: var(--axis-theme-tabs-title-letter-spacing)}
.portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter-button,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-search-filter-button{margin: -4px 0}
.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current{min-height: initial; padding: 0; margin-bottom: 10px; margin-right: 30px; background: none; border: none; border-radius: 0; text-transform: initial; color: var(--axis-theme-body-color)}
.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more{margin-bottom: 10px; margin-right: 30px}
.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current{margin: 0}
.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active,.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active:hover{color: var(--axis-theme-link-color-active)}
.portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:hover{color: var(--axis-theme-link-color-hover)}
.portfolio-filters-extended{display: flex; flex-wrap: wrap}
.portfolio-top-panel.filter-type-extended{display: block; margin: 0 0 20px}
.portfolio-load-more{clear: both; margin-top: 100px}
.portfolio-load-more .inner{width: 100%; overflow: visible; text-align: center; padding: 0; position: relative}
.portfolio-load-more .gem-button-separator-line,.mixed-show-all .gem-button-separator-line{border-color: #b6c6c9; color: #b6c6c9}
.portfolio .portfolio-set{position: relative; margin-bottom: 20px; padding: 0; z-index: 1; float: none}
.portfolio.disable-bottom-margin .portfolio-set{margin-bottom: 0}
.portfolio:not(.portfolio-slider):is(.portfolio-pagination-normal, .portfolio-pagination-more, .portfolio-pagination-disabled) .portfolio-set{margin-bottom: 0}
.hover-title.portfolio-items-masonry .portfolio-set{margin-bottom: 50px}
.portfolio-item{text-align: center; margin-top: 0}
.portfolio .fullwidth-block{padding: 0 21px; box-sizing: border-box}
.portfolio .fullwidth-block.no-paddings{padding: 0}
.portfolio .fullwidth-block .portfolio-item{float: left}
.portfolio-item .wrap{width: 100%; display: inline-block; vertical-align: top; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.portfolio.disable-isotope .portfolio-item .wrap{transition: all 0.2s linear, height 0s}
.portfolio:not(.portfolio-slider) .portfolio-item .wrap{border: none}
.portfolio.columns-1 .portfolio-item .wrap{border-bottom: 0 none}
.portfolio-item .wrap > .caption{padding-bottom: 30px; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.portfolio-item .wrap > .caption:not(.click-disabled){cursor: pointer}
.portfolio .portfolio-item .wrap > .caption{position: relative; z-index: 1}
.portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item .wrap > .caption{border-bottom: 1px solid var(--axis-theme-box-border-color, #DFE5E8)}
.portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item:hover .wrap > .caption{border-bottom-color: #f4f6f7}
.portfolio.portfolio-grid.background-style-gray .portfolio-item .wrap > .caption,.portfolio.portfolio-grid.background-style-dark .portfolio-item .wrap > .caption,.portfolio.portfolio-grid.background-style-transparent .portfolio-item .wrap > .caption{border-bottom-width: 0}
.portfolio.background-style-transparent .portfolio-item .wrap > .caption{background-color: transparent}
.portfolio.background-style-gray .portfolio-item .wrap,.portfolio.background-style-dark .portfolio-item .wrap{border-bottom: 0 none}
.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .author,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .author,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .author,.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-author-date-separator,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-author-date-separator,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-author-date-separator,.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-date,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-date,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-date,.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .description,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .description,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .description,.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share .icon,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .grid-post-share .icon,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .grid-post-share .icon,.portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .comments-link a,.portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .comments-link a{color: #99a9b5}
.portfolio.hover-title .portfolio-item .wrap{border: 0; padding-bottom: 0; background: none}
.portfolio-items-masonry .wrap{padding-bottom: 0; border: 0; background: none}
.portfolio-item .image{display: inline-block; position: relative; max-width: 100%; padding: 0; vertical-align: top; overflow: hidden; flex: none}
.portfolio-grid:not(.columns-1) .portfolio-item .image{width: 100%}
.portfolio-item .image .image-inner{position: relative; z-index: 2}
.portfolio.columns-1 .portfolio-item .image{margin: 0; padding: 0}
.portfolio.title-on-hover.columns-1 .portfolio-item .image{width: 100%}
.portfolio-item .image .image-inner{overflow: hidden}
.portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified):not(.extended-products-grid, .columns-1, .list-style, .full-image) .portfolio-item:not(.double-item, .custom-ratio) .image-inner:not(.empty){aspect-ratio: 1/1}
.portfolio.portfolio-grid:not(.inited) .image-inner,.portfolio.portfolio-grid .image-inner.without-image,.portfolio.portfolio-grid img[loading="lazy"]{background-color: var(--styled-bg-color, #f0f3f2)}
.portfolio-item .image-inner.empty{display: none}
.portfolio-item .image img{width: 100%; max-width: initial; height: auto; object-fit: cover}
.portfolio-style-masonry .portfolio-item .image img{width: calc(100% + 1px); margin: -0.5px}
.portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified) .portfolio-item .image img{height: 100%; object-fit: cover}
.portfolio:is(.hover-horizontal-sliding, .hover-new-horizontal-sliding, .hover-default-horizontal-sliding) .portfolio-item .image img{width: 110%}
.portfolio-item .image .overlay{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; overflow: hidden}
.portfolio-item .image .overlay:not(.click-disabled){cursor: pointer}
.portfolio-item .image .overlay .overlay-circle{display: none}
.portfolio-item .image .overlay .portfolio-item-link{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-decoration: none; z-index: 2}
.portfolio-item .image .overlay .links-wrapper{display: table; width: 100%; height: 100%}
.portfolio-item .image .overlay .links{display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle}
.portfolio-item .image .overlay .links a.icon{display: inline-block; text-decoration: none; margin-right: 45px; vertical-align: bottom}
.portfolio:not(.portfolio-slider):not(.products) .portfolio-item .image .overlay .links a.icon svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon{margin-right: 15px}
.portfolio-item .image .overlay .links a.icon.share{margin-right: 0}
.portfolio .portfolio-item .image .overlay .links a.icon{color: #ffffff}
.portfolio .portfolio-item .image .overlay .links a.icon i{color: #ffffff; transition: all 0.3s}
.portfolio .portfolio-item .image .overlay .links a.icon svg{fill: #ffffff; transition: all 0.3s}
.portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover i{color: inherit}
.portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover svg{fill: currentColor}
.portfolio:not(.products-grid) .portfolio-item .image .overlay .links a.icon:before{content: none !important}
.portfolio .portfolio-item .image .overlay .links a.icon{width: 48px; height: 48px; line-height: 48px}
.portfolio .portfolio-item .image .overlay .links a.icon i.default{font-family: 'axis-icons'; font-size: 48px; font-style: normal; line-height: inherit; display: inline-block}
.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon{width: 24px; height: 24px; line-height: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon i,.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon:before{font-size: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon svg{width: 24px; height: 24px}
.portfolio-item .image .overlay .links a.page i.default:before{content: '\e61f'}
.portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e61f'}
.portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e60f'}
.portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e610'}
.portfolio-item .image .overlay .links a.share i.default:before{content: '\e65c'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio .portfolio-item .image .overlay .links a.share i.default:before{margin-left: -0.2em}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}
.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}
.portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{display: none}
@media (max-width: 430px){.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}}
@media (min-width: 768px) and (max-width: 870px){.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}}
@media (min-width: 768px) and (max-width: 900px){.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}}
@media (min-width: 1280px){.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before{content: '\e628'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before{content: '\e629'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before,.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before,.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before{content: '\e62a'}
.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before{content: '\e65d'}}
.portfolio-item .caption{text-align: center; padding: 32px 30px 0}
.portfolio.portfolio-grid:not(.columns-1) .portfolio-item .wrap > .caption{min-height: initial}
.portfolio.no-gaps:not(.columns-1) .portfolio-item .wrap > caption,.portfolio.background-style-gray:not(.columns-1) .portfolio-item .wrap > caption,.portfolio.background-style-dark:not(.columns-1) .portfolio-item .wrap > caption{min-height: 168px}
.portfolio-item .overlay .caption{background-color: transparent}
.portfolio.columns-1 .portfolio-item .wrap > .caption{text-align: left}
.portfolio-items-masonry .portfolio-item .caption{border-top: 0 !important; padding-bottom: 28px; margin-top: -1px}
.portfolio-items-masonry .portfolio-item .overlay .caption{background-color: transparent}
.portfolio-items-masonry.hover-title .portfolio-item .caption{border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; padding-bottom: 0}
.portfolio.hover-title .portfolio-item .caption{padding: 39px 20px 0}
.portfolio.hover-title.columns-3 .portfolio-item .caption{padding-top: 25px}
.portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item .caption{padding-top: 15px}
.portfolio-item .caption .title{text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; letter-spacing: 0}
.portfolio-item .caption .title span{display: block; margin: 0; color: inherit; overflow: hidden; text-overflow: ellipsis}
.portfolio.columns-1 .portfolio-item .caption .title{white-space: normal; text-overflow: clip; margin-bottom: 30px}
.portfolio.hover-title .portfolio-item .caption .title{margin-bottom: 20px}
.portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.title-on-page.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.title-on-page.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.hover-gradient.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.hover-circular.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title{font-size: 14px; line-height: 1.5; margin-bottom: 10px}
@media (max-width: 767px){.portfolio-style-creative.creative-disable-mobile:is(.columns-mobile-2) .portfolio-item .overlay .caption .title{font-size: 14px; line-height: 1.5}}
@media (min-width: 768px) and (max-width: 992px){.portfolio-style-creative.creative-disable-tablet:is(.columns-tablet-4) .portfolio-item .overlay .caption .title{font-size: 14px; line-height: 1.5}}
.portfolio.columns-1 .portfolio-item .caption .info{white-space: nowrap}
.portfolio:not(.columns-1) .portfolio-item .caption .info .sep{height: auto}
.portfolio-item .wrap > .caption .subtitle,.portfolio-item .wrap > .caption .info{-o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.portfolio-item .caption .subtitle,.portfolio-item .caption .info,.portfolio-item .caption .subtitle a,.portfolio-item .caption .info a,.portfolio-item .caption .subtitle p{text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.portfolio-item .caption .subtitle span{display: block; margin: 0; color: inherit; overflow: hidden; text-overflow: ellipsis}
.portfolio-items-masonry .portfolio-item .caption .subtitle,.portfolio-items-masonry .portfolio-item .caption .info,.portfolio-items-masonry .portfolio-item .caption .subtitle a,.portfolio-items-masonry .portfolio-item .caption .info a,.portfolio-items-masonry .portfolio-item .caption .subtitle p{white-space: normal; overflow: visible; text-overflow: clip}
.portfolio-item .caption .info a{cursor: pointer}
.portfolio.columns-1 .portfolio-item .caption .subtitle,.portfolio.columns-1 .portfolio-item .caption .info,.portfolio.columns-1 .portfolio-item .caption .subtitle a,.portfolio.columns-1 .portfolio-item .caption .info a,.portfolio.columns-1 .portfolio-item .caption .subtitle p{text-decoration: none; white-space: normal; overflow: visible}
.portfolio.columns-1 .portfolio-item .wrap{position: relative; display: flex}
.portfolio.columns-1 .portfolio-item .wrap > .caption{position: relative}
.portfolio.columns-1 .portfolio-item .caption .info{margin-bottom: 16px}
.portfolio-item .caption .info{font-size: var(--axis-theme-body-tiny-font-size); line-height: 1.5; margin-top: 3px}
.portfolio-item .caption .info .separator{margin: 0 4px}
.portfolio-item .caption .subtitle p{margin: 0}
.portfolio-item .caption .subtitle a:hover,.portfolio-item .caption .info a:hover{text-decoration: underline}
.portfolio.columns-1 .portfolio-item .caption .subtitle{margin-bottom: 15px}
.portfolio .overlay .links .caption .title,.portfolio .overlay .links .caption .subtitle,.portfolio .overlay .links .caption .subtitle p,.portfolio .overlay .links .caption .info{white-space: normal; overflow: visible; text-overflow: clip}
.portfolio .portfolio-item .overlay-line{height: 2px; font-size: 0; line-height: 1}
@media only screen and (min-width: 1920px){.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 25%}
.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 20%}
.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 16.665%}
.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 14.2857%}}
@media only screen and (min-width: 1680px) and (max-width: 1920px){.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 33.333332%}
.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 25%}
.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 20%}
.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 16.665%}}
@media only screen and (min-width: 1280px) and (max-width: 1680px){.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 25%}
.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 33.333332%}
.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 20%}}
@media only screen and (min-width: 830px) and (max-width: 1280px){.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 33.333332%}
.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 25%}}
@media only screen and (max-width: 1100px){.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 33.333332%}}
@media only screen and (max-width: 880px){.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 50%}}
@media only screen and (max-width: 830px){.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.axis-extended-grid) .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.axis-extended-grid) .portfolio-item-size-container .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 50%}
.portfolio.columns-1 .portfolio-set .portfolio-item,.portfolio.columns-1 .portfolio-item-size-container .portfolio-item{width: 100%}}
@media only screen and (max-width: 550px){.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.axis-extended-grid) .portfolio-set .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.axis-extended-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.axis-extended-grid) .portfolio-item-size-container .portfolio-item,.portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: 100%}}
@media only screen and (min-width: 992px) and (max-width: 1100px){.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item,.portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item-size-container .portfolio-item{width: 33.3333%}}
.portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item{width: auto}
.portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .description{display: none}
.portfolio.hover-vertical-sliding:not(.version-alternative) .image .overlay .links,.portfolio.hover-new-vertical-sliding.title-on-hover .image .overlay .links,.portfolio.hover-default-vertical-sliding .image .overlay .links{text-align: left; vertical-align: top}
.portfolio.hover-vertical-sliding .overlay .links .caption{text-align: left; padding: 0}
.portfolio.hover-vertical-sliding .overlay .links{padding: 48px 42px}
.portfolio.hover-vertical-sliding .overlay .links a.icon{margin-right: 32px}
.portfolio.hover-vertical-sliding .overlay .overlay-line{margin: 16px 0}
.portfolio.hover-vertical-sliding:not(.version-alternative) .overlay .links .caption .description{width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 42px 35px}
.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle{width: 85%; margin-bottom: 12px}
.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info{width: 85%}
.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .description,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{display: none}
.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle{margin-bottom: 0; width: 90%}
.portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .subtitle,.portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .info{display: none}
@media only screen and (max-width: 1170px){.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle{width: 85%; margin-bottom: 12px}
.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info{width: 85%}}
@media only screen and (max-width: 920px){.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle{display: block}
.portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{margin-bottom: 0}
.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}}
@media only screen and (max-width: 830px){.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle{display: block; margin: 0}}
@media only screen and (max-width: 768px){.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle{display: block}
.portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: block}}
@media only screen and (max-width: 460px){.portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info{display: none !important}
.portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .subtitle{margin-bottom: 0 !important}}
@media only screen and (max-width: 412px){.portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info,.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info{display: none !important}}
@media only screen and (min-width: 768px) and (max-width: 800px){.portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-vertical-sliding.columns-1 .overlay .links,.portfolio.hover-vertical-sliding.columns-2 .overlay .links,.portfolio.hover-vertical-sliding.columns-3 .overlay .links{padding: 41px 28px}
.portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description,.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description{padding: 0 28px 25px}
.portfolio.hover-vertical-sliding.columns-1 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{margin-bottom: 0}}
@media only screen and (max-width: 412px){.portfolio.hover-vertical-sliding.columns-1 .overlay .links,.portfolio.hover-vertical-sliding.columns-2 .overlay .links,.portfolio.hover-vertical-sliding.columns-3 .overlay .links,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links,.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links{padding: 41px 28px}
.portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description,.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description,.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description{padding: 0 28px 25px}}
@media only screen and (max-width: 340px){.portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle{display: none}}
@media only screen and (min-width: 992px) and (max-width: 1150px){.portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-vertical-sliding.columns-3 .overlay .links{padding: 41px 28px}
.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description{padding: 0 28px 25px}}
@media only screen and (min-width: 920px) and (max-width: 992px){.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .info{display: block}}
@media only screen and (min-width: 768px){.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links{padding: 41px 28px}
.portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description{padding: 0 28px 41px}}
@media only screen and (min-width: 1735px){.portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle,.portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .info{display: block}}
@media only screen and (min-width: 1250px) and (max-width: 1770px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px){.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle{margin-bottom: 0}
.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links{padding: 41px 28px}
.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description{padding: 0 28px 41px}}
@media only screen and (min-width: 980px) and (max-width: 1070px){.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{display: none}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 981px) and (max-width: 992px){.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-vertical-sliding .fullwidth-block .overlay .links{padding: 18px 12px}
.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .title{font-size: 14px; line-height: 1.5}
.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .description{padding: 0 12px 41px}}
.portfolio.hover-default .portfolio-item .image .overlay .overlay-line,.portfolio.hover-zoom-overlay .portfolio-item .image .overlay .overlay-line{display: none}
.portfolio.hover-default .portfolio-item .image .overlay .links .caption .info{display: block}
.portfolio.hover-default .portfolio-item .image .overlay .links .caption{padding: 30px 30px 0}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon{margin: 10px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon{width: 48px; height: 48px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before{font-size: 48px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg{width: 48px; height: 48px}
.portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon{width: 24px; height: 24px; line-height: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon i,.portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon:before{font-size: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon svg{width: 24px; height: 24px}
.portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .info{display: none}
@media (max-width: 991px){.portfolio.hover-default .portfolio-item .image .overlay .links a.icon{margin-right: 15px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon{width: 24px; height: 24px; line-height: 24px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before{font-size: 24px}
.portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg{width: 24px; height: 24px}}
.portfolio.hover-default .fullwidth-block .overlay .links .caption .subtitle{display: block}
@media only screen and (max-width: 380px){.portfolio.hover-default .portfolio-item .image .overlay .links .caption .subtitle{display: none}}
@media only screen and (min-width: 992px) and (max-width: 1120px){.portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .info{display: none}}
@media only screen and (min-width: 1100px)  and (min-width: 832px) and (max-width: 1030px){.portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle,.portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{display: none}}
@media only screen and (min-width: 832px) and (max-width: 1100px){.portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info{display: none}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size: 14px; line-height: 1.5}}
@media only screen and (max-width: 768px){.portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: block}}
@media only screen and (max-width: 460px){.portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: none}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size: 14px; line-height: 1.5}}
@media only screen and (max-width: 370px){.portfolio.hover-default .portfolio-item .image .overlay .links .caption{padding-top: 15px}}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .overlay-line{display: none}
.portfolio.hover-zooming-blur .portfolio-item .image img{-o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption{padding: 30px 30px 0}
.portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon{margin-right: 16px}
.portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon{display: inline-block; width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%}
.portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon i,.portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon:before{font-size: 32px}
.portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon svg{width: 32px; height: 32px}
.portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon{width: 32px; height: 32px; line-height: 32px}
.portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon i,.portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before{font-size: 32px}
.portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon svg{width: 32px; height: 32px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right: 10px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{line-height: 24px; width: 24px; height: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i,.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before{font-size: 24px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg{width: 24px; height: 24px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{margin: 5px}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin: 4px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{background-color: #3c3950}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before{background-color: transparent}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i,.portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i,.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before,.portfolio.hover-zooming-blur:is(.columns-3,.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg,.portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg{width: 16px; height: 16px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title{margin-bottom: 15px}
.portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info{display: none}
@media only screen and (max-width: 430px){.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg{width: 16px; height: 16px}}
@media only screen and (max-width: 991px){.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg{width: 16px; height: 16px}}
@media only screen and (max-width: 380px){.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 768px){.portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle,.portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info,.portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle,.portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{display: none}
.portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title,.portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 992px) and (max-width: 1120px){.portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 1250px) and (max-width: 1820px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px){.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption{padding-top: 15px}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size: 14px; line-height: 1.5}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
.portfolio.hover-gradient .portfolio-item .image .overlay .overlay-line{display: none}
.portfolio.hover-gradient .portfolio-item .image img{-o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s}
.portfolio.hover-gradient .portfolio-item .image .overlay .links,.portfolio.hover-disabled .portfolio-item .image .overlay .links{vertical-align: bottom; padding: 0; text-align: left}
.portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons{position: absolute; left: 0; top: 0; padding: 25px 30px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links .description{position: static}
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption,.portfolio.hover-disabled .portfolio-item .image .overlay .links .caption{padding: 0 30px 25px; width: 100%; text-align: left}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right: 16px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-gradient, .hover-zooming-blur) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right: 10px}
.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{background-color: rgba(255, 255, 255, 0.8); color: #3c3950}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{background-color: transparent}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{color: #3c3950}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg{fill: #3c3950}
.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i,.portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i,.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before,.portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg,.portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg{width: 16px; height: 16px}
.portfolio.hover-gradient:not(.products) .portfolio-item .image .overlay .links .caption .title,.portfolio.hover-circular:not(.products) .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}
.portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-disabled .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-gradient .portfolio-item .wrap > .caption .subtitle{display: none !important}
@media (max-width: 992px){.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,.portfolio.hover-gradient .portfolio-item .wrap > .caption .info,.portfolio.hover-default .portfolio-item .image .overlay .links .caption .description,.portfolio.hover-zoom-overlay .portfolio-item .image .overlay .links .caption .description{display: none !important}}
.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle{display: block !important; max-width: 70%}
.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane{text-align: left}
@media only screen and (max-width: 430px){.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg{width: 16px; height: 16px}}
@media only screen and (max-width: 991px){.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{font-size: 16px}
.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg{width: 16px; height: 16px}}
@media only screen and (max-width: 380px){.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info{display: none}}
@media only screen and (min-width: 768px){.portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle,.portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info,.portfolio.hover-disabled:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{display: none}
.portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 992px) and (max-width: 1120px){.portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 1250px) and (max-width: 1820px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px){.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption{padding-top: 15px}
.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size: 14px; line-height: 1.5}
.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display: none}
.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 1280px) and (max-width: 1550px), screen and (min-width: 768px) and (max-width: 1100px){.portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle{display: none !important}}
.portfolio.hover-circular .portfolio-item .image .overlay .overlay-circle{display: block}
.portfolio.hover-circular .portfolio-item .image img{-o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s}
.portfolio.hover-circular .portfolio-item .image .overlay .links{vertical-align: bottom; padding: 0; text-align: left}
.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons{position: absolute; left: 0; right: 0; top: 0; padding: 35px 25px}
.portfolio.hover-circular .portfolio-item .image .overlay .links .description{position: static}
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption{padding: 0 25px 25px; width: 100%; text-align: left}
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle{max-width: 70%; left: 42px; display: none !important}
.portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info{display: none}
.hover-circular .portfolio-item .image .overlay .links .portfolio-sharing-pane{text-align: left}
.portfolio.hover-circular .overlay .links a.icon{margin-right: 32px}
.portfolio.hover-circular .overlay .overlay-line{margin: 16px 0}
@media only screen and (min-width: 1280px) and (max-width: 1550px), screen and (min-width: 550px) and (max-width: 1100px), screen and (max-width: 400px){.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info{display: none}}
@media only screen and (max-width: 430px){.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{width: 40px; height: 40px; line-height: 40px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before{font-size: 24px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg{width: 24px; height: 24px}}
@media only screen and (max-width: 991px){.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{margin-right: 8px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{width: 24px; height: 24px; line-height: 24px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i,.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before{font-size: 24px}
.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg{width: 24px; height: 24px}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-circular .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size: 14px; line-height: 1.5}
.portfolio.hover-circular .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom: 0}}
@media only screen and (min-width: 400px) and (max-width: 550px){.portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info{display: block}}
@media only screen and (min-width: 800px){.portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .info,.portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .info{display: block}}
.portfolio.hover-horizontal-sliding:not(.version-alternative) .overlay .links,.portfolio.hover-horizontal-sliding:not(.version-alternative) .portfolio-item .image .links,.portfolio.hover-new-horizontal-sliding.title-on-hover .overlay .links,.portfolio.hover-default-horizontal-sliding .overlay .links{text-align: left; vertical-align: bottom}
.portfolio.hover-horizontal-sliding .overlay .links .caption{text-align: left; padding: 0}
.portfolio.hover-horizontal-sliding .overlay .links{padding: 39px 50px}
.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding: 41px 28px}
.portfolio.hover-horizontal-sliding .overlay .links a.icon,.portfolio.hover-horizontal-sliding .overlay .links a.icon{margin-right: 32px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 30px 0}
.portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle{width: 65%; margin-bottom: 3px}
.portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info{width: 65%}
.portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links a.icon,.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links a.icon{margin-right: 16px}
.portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .subtitle,.portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .info{display: none}
@media only screen and (max-width: 1170px){.portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle{width: 85%}
.portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info{width: 85%}}
@media only screen and (max-width: 920px){.portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{display: none}
.portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info{display: block}}
@media only screen and (max-width: 980px){.portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}}
@media only screen and (max-width: 768px){.portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle{display: block}
.portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info,.portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info,.portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info{display: block}}
@media only screen and (max-width: 460px){.portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle{display: none !important}}
@media only screen and (max-width: 440px){.portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .info,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info{display: none !important}}
@media only screen and (min-width: 768px) and (max-width: 845px){.portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3) .overlay .links{padding: 41px 28px}}
@media only screen and (max-width: 440px){.portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links{padding: 41px 30px}}
@media only screen and (max-width: 360px){.portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links,.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links{padding: 31px 20px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 992px) and (max-width: 1150px){.portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-horizontal-sliding.columns-3 .overlay .links{padding: 41px 28px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 920px) and (max-width: 992px){.portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info{display: block}}
@media only screen and (min-width: 1150px){.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 768px){.portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle{display: none}
.portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links{padding: 41px 28px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 1735px){.portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle,.portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .info{display: block}}
@media only screen and (min-width: 992px){.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 1250px) and (max-width: 1770px), screen and (min-width: 992px) and (max-width: 1170px), screen and (min-width: 768px) and (max-width: 900px){.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links{padding: 41px 28px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
@media only screen and (min-width: 1170px) and (max-width: 1250px), screen and (min-width: 900px) and (max-width: 992px){.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info{display: none}
.portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links{padding: 18px 12px}
.portfolio.hover-horizontal-sliding .overlay .overlay-line{margin: 15px 0}}
.portfolio.hover-disabled .portfolio-item .image .overlay,.portfolio.hover-disabled .portfolio-item:hover .image .overlay{display: block}
.portfolio.hover-disabled .portfolio-item .image .overlay .links .caption{width: 100%}
.portfolio-top-panel{display: table; width: 100%}
.portfolio-top-panel-left,.portfolio-top-panel-right{display: table-cell; vertical-align: top}
.portfolio-sorting{display: inline-block; white-space: nowrap; margin: 0}
.portfolio-sorting.title-h6{margin: 0}
.portfolio-sorting > div{display: inline-block; vertical-align: middle}
.portfolio-sorting-sep{height: 30px; width: 1px; margin: 0 20px; background-color: #b6c6c9}
.portfolio-sorting label{display: inline-block; vertical-align: middle; cursor: pointer; font-size: 14px}
.portfolio-top-panel.filter-type-default .portfolio-filters-resp{margin: 0}
.portfolio-sharing-pane{height: 0; text-align: center}
.portfolio.hover-horizontal-sliding .portfolio-sharing-pane,.portfolio.hover-vertical-sliding .portfolio-sharing-pane{text-align: left}
.portfolio-item .image .overlay .portfolio-sharing-pane{font-size: 0}
.portfolio:not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane{margin-left: -6px}
.portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane{margin-left: -3px}
@media only screen and (max-width: 991px){.portfolio.columns-1 .portfolio-item .wrap{display: block}}
.portfolio.columns-1.background-style-white.no-gaps .portfolio-item:not([style*='top: 0px;']) .wrap > .caption{border-top: 0}
.portfolio-load-more .gem-button-separator-button,.mixed-show-all .gem-button-separator-button{padding: 0 20px}
.portfolio-load-more .gem-button-container .gem-button-separator-type-square,.mixed-show-all .gem-button-container .gem-button-separator-type-square{display: flex; flex-direction: column; align-items: center}
.gem-button-icon-position-right .gem-inner-wrapper-btn{flex-direction: row-reverse}
.portfolio .gem-pagination{display: flex; align-items: center; justify-content: center}
.portfolio .gem-pagination a,.portfolio .gem-pagination span.page-numbers{box-sizing: content-box; line-height: 30px}
.portfolio:not(.category-grid) .gem-pagination .prev,.portfolio:not(.category-grid) .gem-pagination .next{display: flex; align-items: center; justify-content: center; flex: none}
.portfolio:not(.category-grid) .gem-pagination .prev:before,.portfolio:not(.category-grid) .gem-pagination .next:before{content: none}
.portfolio .gem-pagination .prev i,.portfolio .gem-pagination .next i{font-size: 24px}
.portfolio .gem-pagination .prev i.default,.portfolio .gem-pagination .next i.default{font-family: 'axis-icons'; font-weight: normal; font-style: normal}
.gem-pagination .prev i.default:before{content: '\e636'}
.gem-pagination .next i.default:before{content: '\e634'}
.portfolio .gem-button-separator,.portfolio .gem-button-separator-line{width: 100%}
.portfolio.disable-isotope .portfolio-set{display: flex; flex-wrap: wrap}
.portfolio.disable-isotope:not(.portfolio-list, .list-style, .columns-1).title-on-page .portfolio-set .portfolio-item .wrap{height: 100%; display: flex; flex-direction: column}
.portfolio.disable-isotope.title-on-page .portfolio-set .portfolio-item .wrap > .caption{flex: auto}
.portfolio-preloader-wrapper{position: relative; width: 100%; clear: both}
.portfolio-grid.portfolio-style-creative .portfolio-set{display: grid; grid-auto-rows: minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative .portfolio-set:before,.portfolio-grid.portfolio-style-creative .portfolio-set:after{content: none}
.portfolio-grid.portfolio-style-creative.columns-mobile-1 .portfolio-set{grid-template-columns: minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative.columns-mobile-2 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
@media (min-width: 768px){.portfolio-grid.portfolio-style-creative.columns-tablet-2 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative.columns-tablet-3 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative.columns-tablet-4 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}}
@media (min-width: 992px){.portfolio-grid.portfolio-style-creative.columns-1 .portfolio-set{grid-template-columns: minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative.columns-2 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative.columns-3 .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative:is(.columns-4, .fullwidth-columns-4) .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative:is(.columns-5, .fullwidth-columns-5) .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}
.portfolio-grid.portfolio-style-creative:is(.columns-6, .fullwidth-columns-6) .portfolio-set{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)}}
.portfolio-grid.portfolio-style-creative .portfolio-item{width: auto !important}
.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out{position: relative; height: 100%}
.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap{width: 100%; height: 100%; display: flex; flex-direction: column}
.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .image-inner,.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .post-featured-content{height: 100%}
.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image{flex: none}
.portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap > .caption{flex: none}
.portfolio-grid.portfolio-style-creative .portfolio-item.size-item{grid-column-end: span 1 !important; grid-row-end: span 1 !important; grid-column-start: 1; grid-row-start: 1; z-index: -1; opacity: 0 !important; visibility: hidden}
.portfolio-grid.portfolio-style-creative .portfolio-item:first-child{grid-column-start: 1; grid-row-start: 1}
@media (max-width: 767px){.portfolio-grid.portfolio-style-creative.creative-disable-mobile .portfolio-item{grid-column-end: span 1 !important; grid-row-end: span 1 !important}}
@media (min-width: 768px) and (max-width: 991px){.portfolio-grid.portfolio-style-creative.creative-disable-tablet .portfolio-item{grid-column-end: span 1 !important; grid-row-end: span 1 !important}}
.portfolio.portfolio-grid .portfolio-item .portfolio-video-icon{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0; line-height: 1; opacity: 0.8; transition: opacity 0.2s; z-index: 100}
.portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:hover{opacity: 1}
.portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:before{content: '\e655'; font-family: 'axis-icons'; font-size: 50px; color: #ffffff; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1))}
.portfolio.portfolio-grid .portfolio-item.small-item .portfolio-video-icon:before{font-size: 60px}
.portfolio.portfolio-grid .portfolio-item.hide-overlay .overlay{z-index: -1}
@media (max-width: 991px){.portfolio-item .gem-video-portfolio.hide-on-mobile{display: none}}
@media (min-width: 992px){.portfolio-grid .portfolio-item .video-image-mobile{display: none; opacity: 0}
.portfolio-grid.portfolio-style-metro .portfolio-item .video-image-mobile,.portfolio-grid.portfolio-style-masonry .portfolio-item:not(.custom-ratio) .video-image-mobile{display: block}}
.portfolio:not(.columns-1) .portfolio-item .image img.gem-gif-poster{position: absolute !important; top: 0; left: 0}
.portfolio-item:hover .image:not(.gif-load-on-hover) img.gem-gif-poster,.portfolio-item .image.gif-load-on-hover img.gem-gif-portfolio{opacity: 0}
.portfolio-grid.portfolio-style-metro .gem-video-portfolio{position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.portfolio-image-slider{width: 100%; height: 100%; position: relative; overflow: hidden; aspect-ratio: 1/1}
.portfolio-image-slider:before{content: none !important}
.portfolio.columns-1 .portfolio-item .image img.gem-gif-portfolio{position: absolute; left: 0; top: 0}
.portfolio.columns-1 .portfolio-item .image img.gem-gif-poster{position: relative}
.portfolio.columns-1 .portfolio-item:not(.custom-ratio) .video-image-mobile{display: block}
.portfolio.columns-1 .portfolio-image-slider{position: absolute}
.portfolio-grid.portfolio-style-metro .portfolio-image-slider{position: absolute}
.portfolio-image-slider .slide{width: 100%; height: 100%; position: absolute; transition: all 0.5s}
.portfolio-image-slider .slide:first-child{z-index: 1}
.portfolio-image-slider .btn{position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; opacity: 0; transition: opacity 0.3s linear; z-index: 100}
.portfolio-item:hover .portfolio-image-slider .btn{opacity: 1}
.portfolio-image-slider .btn:before{content: ''; width: 18px; height: 18px}
.portfolio-image-slider .btn.btn-prev{left: 0}
.portfolio-image-slider .btn.btn-next{right: 0}
.portfolio-image-slider .slide img{width: 100% !important; height: 100%}
.portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .wrap > .caption .title,.portfolio-grid.background-style-gray.caption-position-page .portfolio-item:is(:hover, .hover-effect) .wrap > .caption .title{color: var(--axis-theme-main-bg-color)}
.portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item,.portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item .label,.portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item,.portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item .label,.portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item,.portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item .label{color: var(--axis-theme-portfolio-date-color)}
.portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item,.portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item,.portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item{border-color: var(--axis-theme-body-color)}
.portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description:not(:last-child) .subtitle,.portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description .subtitle:not(:last-child),.portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .details:not(:last-child){margin-bottom: 10px}
.portfolio-item .details .details-item{display: flex; align-items: center}
.portfolio-item .details .details-item .label{display: flex; align-items: center; height: 100%; color: inherit; margin: 0 0.6em 0 0; transition: all 0.3s}
.portfolio-item .details .details-item .label i,.portfolio-item .details .details-item .value i{font-size: inherit}
.portfolio-item .details .details-item .label i:not(:last-child),.portfolio-item .details .details-item .label svg:not(:last-child),.portfolio-item .details .details-item .value i:not(:last-child),.portfolio-item .details .details-item .value svg:not(:last-child){margin-right: 6px}
.portfolio-item .details .details-item .value{display: flex; align-items: center; height: 100%; color: inherit; margin: 0}
.portfolio-item .details.layout-inline{display: flex; flex-wrap: wrap; column-gap: 14px; row-gap: 2px}
.portfolio.version-new:is(.caption-position-hover, .caption-position-image):is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay) .details,.portfolio:not(.version-alternative, .version-new).caption-position-hover:is(.hover-default, .hover-zooming-blur, .hover-default-zooming-blur, .hover-zoom-overlay) .details{justify-content: center}
.portfolio-item .details .separator:last-child{display: none}
.portfolio:not(.version-alternative) .details{margin-top: 8px}
.portfolio:not(.version-alternative, .version-new).caption-position-page .details.layout-inline{justify-content: center}
.portfolio-item .details.layout-inline.details-alignment-center{justify-content: center !important}
.portfolio-item .caption .read-more-button{margin-top: 10px}
.portfolio-item .caption .gem-button{margin: 0; display: flex; align-items: center; justify-content: center}
@media (min-width: 1001px){.portfolio-top-panel.filters-top-sticky{padding: 10px 0}
.portfolio-top-panel.filters-top-sticky.filter-type-extended{padding: 13px 0; margin-bottom: 7px}}
.portfolio-selected-filters{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; clear: both; z-index: 4}
.portfolio-selected-filters .portfolio-selected-filter-item{margin: 10px 10px 0 0; padding: 2px 10px 3px 10px; line-height: 1.1; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: default; transition: all 0.3s}
.portfolio-selected-filters .portfolio-selected-filter-item.clear-filters{cursor: pointer; margin-top: 15px; order: 1}
.portfolio-selected-filters .portfolio-selected-filter-item.clear-filters:last-child{display: none}
.portfolio-selected-filters .portfolio-selected-filter-item.category{order: 2}
.portfolio-selected-filters .portfolio-selected-filter-item.attribute{order: 4}
.portfolio-selected-filters .portfolio-selected-filter-item.status{order: 6}
.portfolio-selected-filters .portfolio-selected-filter-item.search{order: 7}
.portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter{font-style: normal; font-family: "axis-icons"; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-variant: normal; text-rendering: auto; font-size: 1.1em; line-height: 1; margin-right: -3px; cursor: pointer}
.portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter:before{content: "\e619"}
.portfolio-top-panel.selected-only{margin-bottom: 0 !important}
.portfolio-top-panel.selected-only .portfolio-selected-filters .portfolio-selected-filter-item{margin: 0 10px 20px 0}
@media (min-width: 992px){.portfolio-top-panel.sidebar-filter.selected-only .portfolio-selected-filters .portfolio-selected-filter-item{margin-bottom: 20px}}
.portfolio-top-panel > .portfolio-selected-filters.right{justify-content: flex-end}
.portfolio-top-panel > .portfolio-selected-filters.right .portfolio-selected-filter-item{margin: 10px 0 0 10px}
.portfolio-top-panel .portfolio-top-panel-row{display: flex; align-items: flex-start}
.portfolio-top-panel .portfolio-top-panel-left{flex: auto; max-width: 100%}
.portfolio-top-panel .portfolio-top-panel-right{margin-left: 10px}
.portfolio.news-grid .portfolio-item .wrap > .caption{cursor: default; min-height: 0; z-index: 1}
.portfolio.news-grid.portfolio-items-masonry .portfolio-item .wrap > .caption{border-bottom: 0}
.news-grid:not(.columns-1) .portfolio-item .wrap,.news-grid:not(.columns-1) .portfolio-item .image{width: 100%}
.news-grid.portfolio .portfolio-item .image .overlay .links .portfolio-icons a.self-link{margin-right: 0 !important}
.news-grid.portfolio .portfolio-item .image .overlay .links .portfolio-icons a.self-link i{font-size: 36px !important; width: auto !important; height: auto !important}
.news-grid.portfolio .portfolio-item .image .overlay .links .portfolio-icons a.self-link i.default:before{content: '\e628'; font-family: 'axis-icons'}
.news-grid.portfolio .portfolio-item .image .overlay .links .portfolio-icons a.self-link:before{content: none !important}
.news-grid.portfolio.hover-new-default .portfolio-item .image .overlay .links .portfolio-icons a.self-link{width: 48px; height: 48px; line-height: 48px}
.news-grid.portfolio.hover-new-default .portfolio-item .image .overlay .links .portfolio-icons a.self-link i{font-size: 48px !important}
.news-grid.portfolio.hover-new-default .portfolio-item .image .overlay .links .portfolio-icons a.self-link i.default:before{content: '\e61f'}
.news-grid.portfolio.hover-new-circular .portfolio-item .image .overlay .links .portfolio-icons a.self-link i.default:before{content: '\e62d'}
.news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon{display: inline-block; width: 50px !important; height: 50px !important; font-size: 20px !important; line-height: 50px !important; border-radius: 50%; text-align: center; background-color: #3c3950}
.news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon i{font-size: 20px !important}
.news-grid.portfolio.columns-4 .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.self-link i,.news-grid.portfolio.columns-4.hover-new-default .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.self-link i{font-size: 24px !important}
.news-grid.portfolio.columns-4.hover-new-zooming-blur .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.icon{width: 40px !important; height: 40px !important; font-size: 16px !important; line-height: 40px !important}
.news-grid.portfolio.columns-4.hover-new-zooming-blur .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.icon i{font-size: 16px !important}
@media (max-width: 991px){.version-new.news-grid.portfolio .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.self-link i,.version-new.news-grid.portfolio.hover-new-default .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.self-link i{font-size: 24px !important}
.version-new.news-grid.portfolio.hover-new-zooming-blur .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.icon i{width: 40px !important; height: 40px !important; font-size: 16px !important; line-height: 40px !important}
.version-new.news-grid.portfolio.hover-new-zooming-blur .portfolio-item:not(.double-item) .image .overlay .links .portfolio-icons a.icon i{font-size: 16px !important}}
.portfolio-style-justified.news-grid:not(.full-image) .post-featured-content,.portfolio-style-creative.news-grid .post-featured-content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto !important}
.portfolio-style-justified.news-grid .post-featured-content blockquote,.portfolio-style-creative.news-grid .post-featured-content blockquote,.portfolio-style-metro.news-grid .portfolio-item .post-featured-content blockquote{min-height: 100%}
.news-grid.portfolio.title-on-page.hover-default .portfolio-item .image .overlay .links .caption,.news-grid.portfolio.title-on-page.hover-zooming-blur .portfolio-item .image .overlay .links .caption{padding: 0 12%}
.portfolio.news-grid .overlay .links .caption .title{text-overflow: inherit}
.news-grid.version-default.portfolio:not(.columns-1) .portfolio-item .wrap > .caption{min-height: 144px}
.news-grid.portfolio:not(.columns-1) .portfolio-item.post-hide-categories .wrap > .caption{min-height: 0}
.news-grid.portfolio:not(.columns-1) .portfolio-item.post-hide-categories .wrap > .caption .title > span{margin-bottom: 0}
.news-grid.portfolio:not(.columns-1) .portfolio-item.post-hide-date .wrap > .caption .title > span{margin-top: 0}
.news-grid .portfolio-item .caption .post-date{font-size: 14px; line-height: 21px}
.news-grid .portfolio-item .caption .info{margin-top: 0}
.news-grid .portfolio-item:not(.double-item-style-alternative) .caption .title > span{margin: 6px 0 8px}
.news-grid .portfolio-item .grid-post-meta{margin-bottom: 19px}
.news-grid.version-default.title-on-page .portfolio-item.post-empty-excerpt .grid-post-meta{margin-bottom: 0}
.news-grid .portfolio-item .grid-post-meta > *{vertical-align: top}
.news-grid .portfolio-item .grid-post-meta .post-meta-likes{margin-left: 0}
.news-grid .portfolio-item .grid-post-meta .comments-link + .post-meta-likes{margin-left: 5px}
.news-grid .portfolio-item .grid-post-meta .comments-link{padding-right: 9px; margin-right: 0px; border-right: 1px solid #d4dee1}
.news-grid .portfolio-item .grid-post-meta.without-likes .comments-link{border-right: 0 !important}
.news-grid .portfolio-item .image .links .caption .author{font-size: 14px; line-height: 25px; padding-top: 10px}
.news-grid .portfolio-item .image .links .caption .author > *{display: inline-block; vertical-align: top}
.news-grid .portfolio-item .image .links .caption .author .author-avatar{font-size: 0; line-height: 1; margin-right: 5px}
.news-grid .portfolio-item .image .links .caption .author .author-avatar img{width: 25px; height: 25px; border-radius: 50%}
.news-grid .portfolio-item .image .links .caption .post-date{margin-bottom: 13px}
.news-grid .portfolio-item .image .links .caption .title{margin-bottom: 17px !important}
.news-grid.hover-gradient .portfolio-item .image .links .caption .title,.news-grid.hover-circular .portfolio-item .image .links .caption .title{margin-bottom: 0 !important}
.news-grid .portfolio-item .image .links .caption .title > span{margin: 0}
.news-grid .sep{display: inline}
.news-grid.portfolio .portfolio-item .image .overlay .links .caption .info{padding-top: 10px}
.news-grid.portfolio.hover-vertical-sliding .overlay .links .caption .description{position: static; width: auto; padding: 0}
.news-grid.portfolio .image .overlay .links .caption .description.empty-excerpt{display: block !important; margin-bottom: 0 !important}
.news-grid.portfolio .image .overlay .links .caption .description.empty-excerpt + .info,.news-grid.portfolio .image .overlay .links .caption .description.empty-excerpt + .author{padding-top: 0 !important; margin-top: 0 !important}
.news-grid.hover-gradient .portfolio-item .image .links .caption .info,.news-grid.hover-circular .portfolio-item .image .links .caption .info,.news-grid.hover-gradient .portfolio-item .image .links .caption .post-date,.news-grid.hover-circular .portfolio-item .image .links .caption .post-date{display: inline-block}
.news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .description .subtitle,.news-grid.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .description .subtitle{position: static; max-width: none; display: inline-block !important; left: 0}
.news-grid .portfolio-item .image .overlay .links .caption .gradient-top-box{position: absolute; left: 0; right: 0; top: 0; padding: 30px 25px 0 25px}
.news-grid.hover-gradient .portfolio-item .image .links .caption .title{display: block; text-align: center}
.news-grid.hover-circular .portfolio-item .image .links .caption .title{display: inline-block}
.news-grid.hover-gradient .portfolio-item .image .links .caption .post-date{display: block; text-align: center}
.news-grid.hover-circular .portfolio-item .image .links .caption .author{display: inline-block}
.news-grid.hover-gradient .portfolio-item .image .links .caption .author{display: inline-block}
.news-grid.hover-circular .portfolio-item .image .links .caption .post-date{display: inline-block}
.news-grid.portfolio .portfolio-item .image .links .caption .info,.news-grid.portfolio .portfolio-item .image .links .caption .author,.news-grid.portfolio .portfolio-item .image .links .caption .grid-post-meta{position: relative; z-index: 3}
.news-grid .portfolio-item .post-featured-content blockquote{display: flex; flex-direction: column; justify-content: space-between; padding: 25px 30px}
.news-grid.portfolio.hover-circular.columns-4 .portfolio-item .image .overlay .links .caption .info{display: inline-block}
.news-grid.portfolio.hover-default .portfolio-item .image .overlay .links .caption,.news-grid.portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption{padding-top: 0}
.news-grid.portfolio .portfolio-item .image .overlay .links .caption .info,.news-grid.portfolio .portfolio-item .image .overlay .links .caption .description .subtitle{display: block !important}
.news-grid.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding-top: 0}
.news-grid.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding-bottom: 0}
.news-grid.portfolio.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description,.news-grid.portfolio .portfolio-item.small-item .image .links .caption .description{display: none !important}
.news-grid.portfolio.portfolio.columns-4:not(.hover-circular) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info,.news-grid.portfolio.portfolio:not(.hover-circular) .portfolio-item.small-item .image .overlay .links .caption .info{padding-top: 0}
.news-grid.version-default.hover-zooming-blur.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta,.news-grid.version-default.hover-zooming-blur .portfolio-item.small-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-vertical-sliding.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta,.news-grid.version-default.hover-vertical-sliding .portfolio-item.small-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-horizontal-sliding.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta,.news-grid.version-default.hover-horizontal-sliding .portfolio-item.small-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.portfolio.hover-horizontal-sliding.portfolio.columns-4 .portfolio-item:not(.double-item-squared) .overlay .links,.news-grid.portfolio.hover-horizontal-sliding.portfolio .portfolio-item.small-item .overlay .links{padding-left: 28px; padding-right: 28px; padding-bottom: 15px}
.news-grid.portfolio.hover-vertical-sliding.columns-4 .portfolio-item:not(.double-item-squared) .overlay .links,.news-grid.portfolio.hover-vertical-sliding .portfolio-item.small-item .overlay .links{padding-top: 15px; padding-left: 25px; padding-right: 25px}
.news-grid.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .gradient-top-box,.news-grid .portfolio-item.small-item .image .overlay .links .caption .gradient-top-box{padding-top: 20px}
.portfolio.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption,.portfolio.hover-gradient .portfolio-item.small-item .image .overlay .links .caption{padding-bottom: 20px}
.news-grid.portfolio.hover-gradient.columns-4 .portfolio-item .image .overlay .links .caption .info,.news-grid.hover-circular.columns-4 .portfolio-item .image .links .caption .author,.news-grid.portfolio.hover-gradient .portfolio-item.small-item .image .overlay .links .caption .info,.news-grid.hover-circular .portfolio-item.small-item .image .links .caption .author{display: block !important}
.news-grid.portfolio.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info,.news-grid.hover-circular.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .author,.news-grid.portfolio.hover-gradient .portfolio-item.small-item .image .overlay .links .caption .info,.news-grid.hover-circular .portfolio-item.small-item .image .links .caption .author{padding-top: 0}
.news-grid.columns-4 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote,.news-grid .portfolio-item.small-item .post-featured-content blockquote{padding: 10px 15px; font-size: 16px; line-height: 26px}
.news-grid.columns-4 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote div[class^="title-"] *,.news-grid .portfolio-item.small-item .post-featured-content blockquote div[class^="title-"] *{font-size: 70%; line-height: 1.4}
.news-grid.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .gradient-top-box,.news-grid .portfolio-item.small-item .image .overlay .links .caption .gradient-top-box{padding-right: 25px}
@media only screen and (min-width: 831px) and (max-width: 1060px), screen and (min-width: 551px) and (max-width: 700px){.news-grid.portfolio:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .description{display: none}
.news-grid.portfolio:not(.hover-circular):not(.columns-2) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{padding-top: 0}
.news-grid:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .gradient-top-box{padding-right: 25px}}
@media only screen and (min-width: 1281px) and (max-width: 1400px), screen and (max-width: 1100px){.news-grid.portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links,.news-grid.portfolio.hover-horizontal-sliding .portfolio-item:not(.double-item-squared) .overlay .links{padding: 15px 25px}
.news-grid.portfolio.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links,.news-grid.portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding: 15px 25px}}
@media only screen and (min-width: 1680px) and (max-width: 1780px){.news-grid.portfolio.hover-horizontal-sliding.fullwidth-columns-5 .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding-bottom: 15px}
.news-grid.portfolio.hover-vertical-sliding.fullwidth-columns-5 .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links{padding-top: 15px; padding-left: 25px; padding-right: 25px}}
@media only screen and (min-width: 1281px) and (max-width: 1350px), screen and (min-width: 831px) and (max-width: 1060px), screen and (min-width: 551px) and (max-width: 700px), screen and (max-width: 390px){.news-grid.portfolio.hover-gradient:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .description,.news-grid.portfolio.hover-circular:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .description{display: none}
.news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,.news-grid.hover-circular .portfolio-item .image .links .caption .author{display: block !important}
.news-grid.portfolio.hover-gradient:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info,.news-grid.hover-circular:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .author{padding-top: 0}
.news-grid .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .gradient-top-box{padding-top: 20px}}
@media only screen and (max-width: 390px){.news-grid.portfolio .portfolio-item .image .links .caption .description{display: none !important}
.news-grid.portfolio:not(.hover-circular) .portfolio-item .image .overlay .links .caption .info{padding-top: 0}
.news-grid.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,.news-grid.hover-circular .portfolio-item .image .links .caption .author{padding-top: 0}
.news-grid .portfolio-item .image .overlay .links .caption .gradient-top-box{padding-top: 20px}
.news-grid .portfolio-item .image .overlay .links .caption .gradient-top-box{padding-right: 25px}}
@media only screen and (min-width: 551px) and (max-width: 700px){.news-grid.portfolio.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .description{display: none}
.news-grid.portfolio.columns-2.hover-circular .portfolio-item:not(.double-item-squared) .image .links .caption .author{padding-top: 0}
.news-grid.portfolio.columns-2:not(.hover-circular) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{padding-top: 0}
.news-grid.columns-2 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .gradient-top-box{padding-right: 25px}}
.version-new.news-grid .portfolio-item .wrap{position: relative}
.version-new.news-grid .portfolio-item .caption{text-align: left}
.version-new.news-grid.title-on-page .portfolio-item .caption{padding: 0}
.version-new.news-grid.title-on-page .portfolio-item .caption .portfolio-icons{line-height: 1}
.version-new.news-grid.title-on-page .portfolio-item .caption .portfolio-icons a.icon{margin: 0}
.version-new.news-grid .portfolio-item .post-author-date .author,.version-new.news-grid .portfolio-item .post-author-date .post-date,.version-new.news-grid .portfolio-item .post-author-date .post-author-date-separator,.version-new.news-grid .portfolio-item .image .links .caption .author{display: inline-block; vertical-align: middle; margin-bottom: 12px; line-height: 20px}
.version-new.news-grid .portfolio-item .caption .author,.version-new.news-grid .portfolio-item .caption .post-date{font-size: 75%}
.version-new.news-grid .portfolio-item .caption .author > *{display: inline-block; vertical-align: top}
.version-new.news-grid .portfolio-item .caption .author .author-avatar{font-size: 0; line-height: 1; margin-right: 5px}
.version-new.news-grid .portfolio-item .image .links .caption .author .author-avatar img,.version-new.news-grid .portfolio-item .caption .author .author-avatar img{width: 20px; height: 20px; border-radius: 50%}
.news-grid .portfolio-item .image .links .caption .author .author-name a{color: inherit}
.news-grid .portfolio-item .image .links .caption .author .author-name a:hover{text-decoration: underline}
.version-new.news-grid .portfolio-item .caption .title,.version-new.news-grid .portfolio-item .caption .title > span{text-transform: none}
.news-grid .portfolio-item .caption .title,.news-grid .portfolio-item .caption .title > span{white-space: normal}
.version-new.news-grid .portfolio-item .caption .title > span{margin: 0}
.version-new.news-grid .portfolio-item .caption .description{display: block; max-height: 75px; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 13px 0 0 0}
.version-new.news-grid .portfolio-item .image .links .caption .description{max-height: initial}
.version-new.news-grid .portfolio-item .image .links .caption .description .subtitle span{white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical}
.version-new.news-grid .portfolio-item .caption .description p{padding: 0; margin: 0}
.version-new.news-grid .portfolio-item .wrap > .caption .details,.version-new.news-grid .portfolio-item .wrap > .caption .read-more-button{margin-top: 18px}
.version-default.news-grid .portfolio-item .wrap > .caption .read-more-button{margin-top: 15px}
.version-new.news-grid.portfolio:not(.columns-1) .portfolio-item .wrap > .caption{position: relative; padding: 30px 38px 55px 38px}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta{position: absolute; left: 0; right: 0; bottom: 8px; font-size: 87.5%; padding: 0 15px; margin: 0}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-meta-inner{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share,.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .portfolio-sharing-pane{float: right}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .portfolio-sharing-pane{margin-left: auto !important}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-meta-comments-likes{float: left; display: flex; align-items: center; margin-right: auto}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .comments-link a i.default:before{content: '\e63e'; font-size: inherit; vertical-align: middle}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .comments-link{border-right: 0}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share{vertical-align: middle}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes{margin: 0; padding-left: 6px}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share + .portfolio-sharing-pane{padding-right: 6px}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share > a{font-size: 15px; line-height: 1.7}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share > a svg{width: 15px; height: 15px; fill: currentColor}
.version-new.news-grid.title-on-hover .portfolio-item .caption .grid-post-meta{margin: 0; padding: 0}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link a,.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .post-meta-likes a{font-size: 12px}
.portfolio.news-grid .post-meta-likes > i,.portfolio.news-grid .post-meta-likes > svg,.portfolio.news-grid .comments-link > i,.portfolio.news-grid .comments-link > svg{display: none}
.portfolio.news-grid .comments-link a:before,.portfolio.news-grid .post-meta-likes a:before{content: none !important}
.portfolio.news-grid .comments-link a i{font-style: normal; margin-right: 6px; font-size: 14px}
.portfolio.news-grid .comments-link a svg{margin-right: 6px; width: 14px; height: 14px; fill: currentColor; color: currentColor}
.portfolio.news-grid .comments-link a i.default:before{content: '\e61e'; font-family: 'axis-icons'; font-weight: normal; display: inline-block; line-height: inherit}
.portfolio.news-grid .post-meta-likes a i{font-style: normal; margin-right: 6px; font-size: 14px}
.portfolio.news-grid .post-meta-likes a svg{margin-right: 6px; width: 14px; height: 14px; fill: currentColor; color: currentColor}
.portfolio.news-grid .post-meta-likes a i.default:before{content: '\e641'; display: inline-block; font-family: "axis-icons"; font-weight: normal; line-height: inherit; vertical-align: middle}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link a i,.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .post-meta-likes a i{font-size: 15px; vertical-align: middle; margin-right: 5px; line-height: 1}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link{padding-right: 0}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes{margin-left: 7px}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .post-meta-likes a i{position: relative}
.version-new.news-grid .portfolio-item .overlay .caption a{pointer-events: auto}
.version-new.news-grid.title-on-hover .portfolio-item .caption a,.version-new.news-grid.title-on-hover .portfolio-item .caption .sep{vertical-align: top}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-share .portfolio-sharing-pane{display: none}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-share,.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .portfolio-sharing-pane,.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-meta-comments-likes{display: flex; align-items: center; float: none}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .portfolio-sharing-pane{height: auto; margin: 0 !important; white-space: nowrap}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta-inner.active .portfolio-sharing-pane{position: relative; z-index: 1}
.version-new.news-grid .portfolio-item .caption .grid-post-meta-inner .socials-sharing{display: none}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-meta-inner{display: flex; align-items: center}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-meta-inner > *{vertical-align: top}
.version-new.news-grid .portfolio-item .caption .grid-post-meta-inner .grid-post-meta-comments-likes{opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s 0.1s}
.version-new.news-grid .portfolio-item .caption .grid-post-meta-inner.active .grid-post-meta-comments-likes{opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s}
.version-new.news-grid.hover-new-zooming-blur .portfolio-item:hover .image .links .caption .grid-post-meta{display: flex !important}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .post-meta-likes a,.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a{display: flex; align-items: center}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share .icon i{font-style: normal}
.version-new.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share .icon i.default:before{content: '\e65c' !important; font-family: 'axis-icons'; line-height: inherit; vertical-align: middle}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .portfolio-sharing-pane .socials-sharing{text-align: right}
.version-new.news-grid.portfolio.title-on-page .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-default.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-vertical-sliding.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-zooming-blur.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-horizontal-sliding .portfolio-item .image .links .caption .post-date{position: absolute; left: 10px; top: 10px; z-index: 3; background: #000000; max-width: calc(100% - 20px); white-space: normal; text-overflow: clip; overflow: auto; font-size: 75%; padding: 0 8px; text-align: left}
.version-new.news-grid.portfolio.hover-new-default.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-zooming-blur.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-horizontal-sliding .portfolio-item .image .links .caption .post-date{left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7)}
.version-new.news-grid.portfolio.hover-new-vertical-sliding.title-on-hover .portfolio-item .image .links .caption .info{left: 0; top: auto; bottom: 0; background-color: rgba(0, 0, 0, 0.7)}
.version-new.news-grid.portfolio.hover-new-default.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-zooming-blur.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-vertical-sliding.title-on-hover .portfolio-item .image .links .caption .info,.version-new.news-grid.portfolio.hover-new-horizontal-sliding.title-on-hover .portfolio-item .image .links .caption .post-date{line-height: 23px; padding: 0 12px}
.version-new.news-grid.portfolio .portfolio-item .image .links .caption .info .sep{border-left: 0; height: auto; margin: 0}
.version-new.news-grid.portfolio .portfolio-item .image .links .caption .info .sep:before{content: ', '; display: inline}
.version-new.news-grid .portfolio-item .post-featured-content blockquote{justify-content: space-between}
.version-new.news-grid .portfolio-item .post-featured-content blockquote .quote-link:after{content: '\e60c'; font-size: 70px; line-height: 50px; vertical-align: bottom}
.version-new.news-grid .portfolio-item .post-featured-content blockquote .quote-author{font-size: 12px; line-height: 16px}
.version-new.news-grid.portfolio.title-on-page .portfolio-item .image .links .caption,.version-new.news-grid.portfolio.hover-new-default .portfolio-item .image .links .caption,.version-new.news-grid.portfolio.hover-new-zooming-blur .portfolio-item .image .links .caption{text-align: center}
.version-new.news-grid .portfolio-item .image .overlay:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 1}
.version-new.news-grid .portfolio-item .image .links .caption .subtitle{font-size: 87.5%; line-height: 1.5}
.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link,.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .post-meta-likes{transition: opacity 0.3s}
.version-new.news-grid .portfolio-item .image .overlay .overlay-line{display: none; margin-top: 0; margin-bottom: 0}
.portfolio.hover-new-vertical-sliding .overlay .links{padding: 0}
.version-new.news-grid .portfolio-item .image .links .caption .slide-content{position: relative; z-index: 3}
.version-new.news-grid .portfolio-item .image .links .caption .slide-content{user-select: none; pointer-events: none}
.version-new.news-grid .portfolio-item .image .links .caption .slide-content-visible{padding-bottom: 23px}
.version-new.news-grid.hover-new-zooming-blur .portfolio-item:not(.double-item-style-alternative) .image .links .caption .slide-content-visible{padding-bottom: 18px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover .portfolio-item .image .links{padding: 0 30px 18px 30px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover .portfolio-item .image .links{padding: 23px 30px 0 30px}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon.share{font-size: 15px !important; line-height: 1.7 !important; width: auto !important; height: auto !important; border-radius: 0 !important}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon.share i{font-size: inherit !important}
.version-new.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon.share svg{fill: currentColor; color: currentColor; width: 15px !important; height: 15px !important; position: initial; transform: initial}
.version-new.news-grid:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item .image .links .caption .slide-content{padding-left: 12%; padding-right: 12%}
.version-new.news-grid:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item .image .links .caption .slide-content{padding-top: 23px; padding-bottom: 23px}
.version-new.news-grid.hover-new-circular .portfolio-item .image .links .caption .slide-content{padding: 23px 30px}
.version-new.news-grid.hover-new-zooming-blur.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description + .post-date,.version-new.news-grid.hover-new-zooming-blur .portfolio-item.small-item .image .links .caption .description + .post-date{margin-top: 0}
.version-new.news-grid.hover-new-horizontal-sliding.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .info,.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item.small-item .image .links .caption .info{margin-bottom: 3px}
.portfolio.version-new.news-grid.hover-new-vertical-sliding.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta,.portfolio.version-new.news-grid.hover-new-vertical-sliding .portfolio-item.small-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.version-new.news-grid.columns-4:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content,.version-new.news-grid:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item.small-item .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-new.news-grid.columns-4 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible,.version-new.news-grid .portfolio-item.small-item .image .links .caption .slide-content-visible{padding-bottom: 15px}
.version-new.news-grid.hover-new-zooming-blur.columns-4 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible,.version-new.news-grid.hover-new-zooming-blur .portfolio-item.small-item .image .links .caption .slide-content-visible{padding-bottom: 10px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover.columns-4 .portfolio-item:not(.double-item) .image .links,.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover .portfolio-item.small-item .image .links{padding: 0 15px 10px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover.columns-4 .portfolio-item .image .links,.version-new.news-grid.hover-new-vertical-sliding.title-on-hover .portfolio-item.small-item .image .links{padding: 15px}
.version-new.news-grid.columns-4:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item .image .links .caption .slide-content,.version-new.news-grid:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item.small-item .image .links .caption .slide-content{padding-top: 15px; padding-bottom: 15px}
.version-new.news-grid.hover-new-circular.columns-4 .portfolio-item .image .links .caption .slide-content,.version-new.news-grid.hover-new-circular .portfolio-item.small-item .image .links .caption .slide-content{padding: 15px}
@media only screen and (min-width: 1281px) and (max-width: 1400px){.version-new.news-grid.portfolio.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description{display: none}
.version-new.news-grid.hover-new-zooming-blur.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description + .post-date{margin-top: 0}
.version-new.news-grid.hover-new-horizontal-sliding.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .info{margin-bottom: 3px}
.version-new.news-grid.hover-new-vertical-sliding.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.portfolio.version-new.news-grid.fullwidth-columns-4:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-new.news-grid.fullwidth-columns-4 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 15px}
.version-new.news-grid.hover-new-zooming-blur.fullwidth-columns-4 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 10px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover.fullwidth-columns-4 .portfolio-item:not(.double-item) .image .links{padding: 0 15px 10px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover.fullwidth-columns-4 .portfolio-item:not(.double-item) .image .links{padding: 15px}
.version-new.news-grid.fullwidth-columns-4:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-top: 15px; padding-bottom: 15px}
.version-new.news-grid.hover-new-circular.fullwidth-columns-4 .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding: 15px}}
@media only screen and (min-width: 831px) and (max-width: 1060px), screen and (min-width: 551px) and (max-width: 700px){.version-new.news-grid.hover-new-zooming-blur:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .description + .post-date{margin-top: 0}
.portfolio.version-new.news-grid.hover-new-horizontal-sliding:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .info{margin-bottom: 3px}
.portfolio.version-new.news-grid.hover-new-vertical-sliding:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.portfolio.version-new.news-grid:not(.columns-2):is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-new.news-grid:not(.columns-2) .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 15px}
.version-new.news-grid.hover-new-zooming-blur:not(.columns-2) .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 10px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover:not(.columns-2) .portfolio-item:not(.double-item) .image .links{padding: 0 15px 10px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover:not(.columns-2) .portfolio-item:not(.double-item) .image .links{padding: 15px}
.version-new.news-grid:not(.columns-2):is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-top: 15px; padding-bottom: 15px}
.version-new.news-grid.hover-new-circular:not(.columns-2) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding: 15px}}
@media only screen and (min-width: 551px) and (max-width: 700px){.version-new.news-grid.hover-new-zooming-blur.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .description + .post-date{margin-top: 0}
.version-new.news-grid.hover-new-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .info{margin-bottom: 3px}
.version-new.news-grid.hover-new-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.portfolio.version-new.news-grid.columns-2:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-new.news-grid.columns-2 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 15px}
.version-new.news-grid.hover-new-zooming-blur.columns-2 .portfolio-item:not(.double-item) .image .links .caption .slide-content-visible{padding-bottom: 10px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover.columns-2 .portfolio-item:not(.double-item) .image .links{padding: 0 15px 10px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover.columns-2 .portfolio-item:not(.double-item) .image .links{padding: 15px}
.version-new.news-grid.columns-2:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding-top: 15px; padding-bottom: 15px}
.version-new.news-grid.hover-new-circular.columns-2 .portfolio-item:not(.double-item) .image .links .caption .slide-content{padding: 15px}}
@media only screen and (max-width: 390px){.portfolio.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .image .links .caption .info{margin-bottom: 3px}
.portfolio.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .description + .post-date{margin-top: 0}
.portfolio.version-new.news-grid.hover-new-vertical-sliding .portfolio-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.portfolio.version-new.news-grid:is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.portfolio.version-new.news-grid .portfolio-item .image .links .caption .slide-content-visible{padding-bottom: 15px}
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .image .links .caption .slide-content-visible{padding-bottom: 10px}
.version-new.news-grid.hover-new-horizontal-sliding.title-on-hover .portfolio-item .image .links{padding: 0 15px 10px}
.version-new.news-grid.hover-new-vertical-sliding.title-on-hover .portfolio-item .image .links{padding: 15px}
.version-new.news-grid:is(.hover-new-gradient, .hover-new-zoom-overlay, .hover-new-disabled) .portfolio-item .image .links .caption .slide-content{padding-top: 15px; padding-bottom: 15px}
.version-new.news-grid.hover-new-circular .portfolio-item .image .links .caption .slide-content{padding: 15px}}
.version-default.news-grid.title-on-hover .portfolio-item .caption{padding: 0}
.version-default.news-grid.title-on-page .portfolio-item .caption .portfolio-icons{line-height: 1}
.version-default.news-grid.title-on-page .portfolio-item .caption .portfolio-icons a.icon{margin: 0}
.version-default.news-grid .portfolio-item .wrap{position: relative}
.version-default.news-grid .portfolio-item .image .links .caption .author{vertical-align: middle; line-height: 20px}
.version-default.news-grid .portfolio-item .image .links .caption .author > *{display: inline-block; vertical-align: top}
.version-default.news-grid .portfolio-item .image .links .caption .author .author-avatar{font-size: 0; line-height: 1; margin-right: 5px}
.version-default.news-grid .portfolio-item .image .links .caption .author .author-avatar img{width: 20px; height: 20px; border-radius: 50%}
.version-default.news-grid .portfolio-item .image .links .caption .description{display: block; max-height: 72px; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0 0 0 0}
.version-default.news-grid .portfolio-item .image .links .caption .description p{padding: 0; margin: 0}
.version-default.news-grid .portfolio-item .overlay .caption a{pointer-events: auto}
.version-default.news-grid .portfolio-item .image .overlay .overlay-line{display: none; margin-top: 0; margin-bottom: 0}
.version-default.news-grid .portfolio-item .image .links .caption .slide-content{position: relative; z-index: 3}
.version-default.news-grid .portfolio-item .image .links .caption .slide-content{user-select: none; pointer-events: none}
.version-default.news-grid .portfolio-item .image .links .caption .slide-content-visible{padding-bottom: 18px}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon{font-size: 16px !important; line-height: 1 !important; width: auto !important; height: auto !important; border-radius: 0 !important}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon.share i{font-size: inherit !important}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta a.icon.share svg{width: 16px !important; height: 16px !important; fill: currentColor; position: initial; transform: initial}
.version-default.news-grid .portfolio-item .image .overlay:after{display: none; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 1}
.news-grid .portfolio-item .image .links .caption .grid-post-meta{display: flex; align-items: center; justify-content: center}
.version-default.news-grid.title-on-hover:not(.hover-default-zooming-blur) .portfolio-item .image .links .caption .grid-post-meta,.version-default.news-grid.title-on-page:not(.hover-zooming-blur, .hover-default) .portfolio-item .image .links .caption .grid-post-meta,.version-new.news-grid.hover-new-default .portfolio-item .image .links .caption .grid-post-meta,.version-new.news-grid.title-on-hover:not(.hover-new-zooming-blur, .hover-new-gradient) .portfolio-item .image .links .caption .grid-post-meta{justify-content: start}
.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link a,.news-grid .portfolio-item .image .links .caption .grid-post-meta .post-meta-likes a{display: flex; align-items: center; line-height: inherit}
.version-default.news-grid.title-on-page .portfolio-item .image .links .caption .grid-post-meta + .post-author-outer .author{padding-top: 0}
.version-new.news-grid.hover-new-zooming-blur .portfolio-item .links .caption .grid-post-meta a.icon.share i{color: #5f727f}
.version-new.news-grid.hover-new-horizontal-sliding .portfolio-item .links .caption .grid-post-meta a.icon.share i{color: #00bcd4}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-meta-inner > *{vertical-align: top}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .comments-link{padding-right: 0; border-right: 0; margin-right: 8px}
.version-default .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes{margin-left: 8px}
.version-default .portfolio-item .image .links .caption .grid-post-meta .comments-link + .post-meta-likes,.version-default .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .comments-link,.version-default .portfolio-item .image .links .caption .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .post-meta-likes{border-left: 1px solid transparent; margin-left: 0; padding-left: 11px}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .post-meta-likes a:before{display: inline}
.version-default.news-grid .portfolio-item .overlay .caption a{pointer-events: auto}
.version-default.news-grid.title-on-hover .portfolio-item .caption .sep{margin: 0 7px 0 11px}
.version-default.news-grid.title-on-page .portfolio-item .caption .sep{margin-right: 3px}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .portfolio-sharing-pane a{vertical-align: middle}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .portfolio-sharing-pane .socials-sharing{position: relative}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-share,.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .portfolio-sharing-pane,.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-meta-comments-likes{float: none; display: flex; align-items: center}
.version-default.news-grid .portfolio-item .caption .grid-post-meta .portfolio-sharing-pane{height: auto; margin: 0 !important; white-space: nowrap}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta-inner.active .portfolio-sharing-pane{position: relative; z-index: 1}
.version-default.news-grid .portfolio-item .caption .grid-post-meta-inner .socials-sharing{display: none}
.version-default.news-grid .portfolio-item .image .links .caption .grid-post-meta .grid-post-meta-inner{display: flex; align-items: center}
.version-default.news-grid .portfolio-item .caption .grid-post-meta-inner .grid-post-meta-comments-likes{opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s 0.1s}
.version-default.news-grid .portfolio-item .caption .grid-post-meta-inner.active .grid-post-meta-comments-likes{opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s}
.version-default.news-grid .portfolio-item .caption .grid-post-meta .grid-post-share .icon i.default{content: '\e65c' !important; font-family: 'axis-icons'; line-height: inherit}
.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta a.icon.share i,.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .overlay .links .caption .grid-post-meta a.icon i{color: #99a9b5}
.version-default.news-grid .portfolio-item .wrap > .caption .grid-post-meta .portfolio-sharing-pane .socials-sharing{text-align: right}
.portfolio.version-default.news-grid.columns-4:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content,.portfolio.version-default.news-grid:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item.small-item .image .links .caption .slide-content{padding: 8px 15px}
.portfolio.version-default.news-grid.hover-default-circular.columns-4 .portfolio-item .image .links .caption .author,.portfolio.version-default.news-grid.hover-default-circular .portfolio-item.small-item .image .links .caption .author{padding-top: 0}
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .slide-content{padding-left: 12%; padding-right: 12%}
.version-default.news-grid.title-on-page.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta,.version-default.news-grid.title-on-page .portfolio-item.small-item .image .links .caption .grid-post-meta{margin-bottom: 0}
@media only screen and (min-width: 1281px) and (max-width: 1400px){.version-default.news-grid.portfolio.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description{display: none}
.portfolio.version-default.news-grid.fullwidth-columns-4:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content{padding: 8px 15px}
.portfolio.version-default.news-grid.hover-default-circular.fullwidth-columns-4 .portfolio-item .image .links .caption .author{padding-top: 0}
.news-grid.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote{padding: 10px 15px; font-size: 16px; line-height: 26px}
.news-grid.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote div[class^="title-"] *{font-size: 70%; line-height: 1.4}
.news-grid.version-default.hover-zooming-blur.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-vertical-sliding.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-horizontal-sliding.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.version-default.news-grid.hover-default-zooming-blur.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-default.news-grid.title-on-page.fullwidth-columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}}
@media only screen and (min-width: 831px) and (max-width: 1060px), screen and (min-width: 551px) and (max-width: 700px){.portfolio.version-default.news-grid:not(.columns-2):is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content{padding: 8px 15px}
.portfolio.version-default.news-grid.hover-default-circular:not(.columns-2) .portfolio-item .image .links .caption .author{padding-top: 0}
.news-grid:not(.columns-2) .portfolio-item:not(.double-item-squared) .post-featured-content blockquote{padding: 10px 15px; font-size: 16px; line-height: 26px}
.news-grid:not(.columns-2) .portfolio-item:not(.double-item-squared) .post-featured-content blockquote div[class^="title-"] *{font-size: 70%; line-height: 1.4}
.news-grid.version-default.hover-zooming-blur:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-vertical-sliding:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-horizontal-sliding:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.version-default.news-grid.hover-default-zooming-blur:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-default.news-grid.title-on-page:not(.columns-2) .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}}
@media only screen and (min-width: 551px) and (max-width: 700px){.portfolio.version-default.news-grid.columns-2:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content{padding: 8px 15px}
.portfolio.version-default.news-grid.hover-default-circular.columns-2 .portfolio-item .image .links .caption .author{padding-top: 0}
.news-grid.columns-2 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote{padding: 10px 15px; font-size: 16px; line-height: 26px}
.news-grid.columns-2 .portfolio-item:not(.double-item-squared) .post-featured-content blockquote div[class^="title-"] *{font-size: 70%; line-height: 1.4}
.news-grid.version-default.hover-zooming-blur.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}
.version-default.news-grid.hover-default-zooming-blur.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-default.news-grid.title-on-page.columns-2 .portfolio-item:not(.double-item-squared) .image .links .caption .grid-post-meta{margin-bottom: 0}}
@media only screen and (max-width: 390px){.portfolio.version-default.news-grid:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content,.portfolio.version-default.news-grid.columns-2:is(.hover-default-default, .hover-default-horizontal-sliding, .hover-default-vertical-sliding, .hover-default-gradient, .hover-default-circular, .hover-default-zoom-overlay, .hover-default-disabled) .portfolio-item .image .links .caption .slide-content{padding: 8px 15px}
.portfolio.version-default.news-grid.hover-default-circular .portfolio-item .image .links .caption .author,.portfolio.version-default.news-grid.hover-default-circular.columns-2 .portfolio-item .image .links .caption .author{padding-top: 0}
.news-grid .portfolio-item .post-featured-content blockquote,.news-grid.columns-2 .portfolio-item .post-featured-content blockquote{padding: 10px 15px; font-size: 16px; line-height: 26px}
.news-grid .portfolio-item .post-featured-content blockquote div[class^="title-"] *,.news-grid.columns-2 .portfolio-item .post-featured-content blockquote div[class^="title-"] *{font-size: 70%; line-height: 1.4}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .grid-post-meta,.news-grid.version-default.hover-zooming-blur.columns-2 .portfolio-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .grid-post-meta,.news-grid.version-default.hover-vertical-sliding.columns-2 .portfolio-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta,.news-grid.version-default.hover-horizontal-sliding.columns-2 .portfolio-item .image .links .caption .grid-post-meta{margin-bottom: 0}
.version-default.news-grid.hover-default-zooming-blur .portfolio-item .image .links .caption .slide-content,.version-default.news-grid.hover-default-zooming-blur.columns-2 .portfolio-item .image .links .caption .slide-content{padding-left: 15px; padding-right: 15px}
.version-default.news-grid.title-on-page .portfolio-item .image .links .caption .grid-post-meta,.version-default.news-grid.title-on-page.columns-2 .portfolio-item .image .links .caption .grid-post-meta{margin-bottom: 0}}
.portfolio.news-grid.background-style-transparent:not(.columns-1) .portfolio-item .wrap > .caption{background-color: transparent}
.version-new.portfolio.news-grid.background-style-transparent:not(.columns-1):not(.list-style) .portfolio-item .wrap > .caption{padding-left: 0; padding-right: 0}
.version-new.portfolio.news-grid.background-style-transparent:not(.columns-1):not(.list-style) .portfolio-item:not(.show-caption-border) .wrap > .caption{padding-bottom: 40px}
.version-new.portfolio.news-grid.background-style-transparent:not(.list-style) .portfolio-item .wrap > .caption .grid-post-meta{padding-left: 0; padding-right: 0}
.version-new.portfolio.news-grid .portfolio-item:not(.show-caption-border) .wrap > .caption,.version-default.portfolio.news-grid .portfolio-item:not(.show-caption-border) .wrap > .caption{border-bottom: 0}
.portfolio.news-grid .portfolio-item .image .overlay .links a.icon.share{margin-right: 0 !important}
.news-grid:not(.ready) .slide-content-hidden{display: none}
.portfolio.news-grid .portfolio-item .post-type{text-transform: capitalize; margin-top: 0; color: inherit; letter-spacing: 0; line-height: 1; margin-bottom: 1em}
.portfolio.news-grid .portfolio-item .post-type span{font-size: 0.75em}
.portfolio.news-grid .image-inner.without-image{background-color: var(--styled-bg-color, #f0f3f2)}
.portfolio.news-grid .image-inner.without-image .post-featured-content > a{display: block; width: 100%; height: 100%}
.portfolio.news-grid .image-inner.without-image svg{width: 20%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: var(--axis-theme-main-bg-color, #FFFFFF)}
.portfolio-grid.news-grid.list-style .portfolio-set{display: grid; grid-template-columns: 1fr}
.portfolio-grid.news-grid.list-style .portfolio-set:before,.portfolio-grid.news-grid.list-style .portfolio-set:after{content: none}
@media (max-width: 767px){.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption{padding: 20px 15px}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item:nth-child(1) .wrap:before{content: none}
.portfolio-grid.news-grid.list-style.columns-mobile-2 .portfolio-set{grid-template-columns: 1fr 1fr}}
@media (min-width: 768px) and (max-width: 991px){.portfolio-grid.news-grid.list-style.columns-tablet-1 .portfolio-set{grid-template-columns: 1fr}
.portfolio-grid.news-grid.list-style.columns-tablet-1 .portfolio-set .portfolio-item .wrap > .caption{padding: 20px 30px}
.portfolio-grid.news-grid.list-style.columns-tablet-1 .portfolio-set .portfolio-item:nth-child(1) .wrap:before{content: none}
.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-set{grid-template-columns: 1fr 1fr}
.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-set .portfolio-item .wrap > .caption{padding: 20px 15px}
.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-set .portfolio-item:nth-child(-n+2) .wrap:before{content: none}}
@media (min-width: 992px){.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set{grid-template-columns: 1fr}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item .wrap > .caption{padding: 30px 50px}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item:nth-child(1) .wrap:before{content: none}
.portfolio-grid.news-grid.list-style.columns-2 .portfolio-set{grid-template-columns: 1fr 1fr}
.portfolio-grid.news-grid.list-style.columns-2 .portfolio-set .portfolio-item .wrap > .caption{padding: 20px 30px}
.portfolio-grid.news-grid.list-style.columns-2 .portfolio-set .portfolio-item:nth-child(-n+2) .wrap:before{content: none}
.portfolio-grid.news-grid.list-style.columns-3 .portfolio-set{grid-template-columns: 1fr 1fr 1fr}
.portfolio-grid.news-grid.list-style.columns-3 .portfolio-set .portfolio-item .wrap > .caption{padding: 10px 15px}
.portfolio-grid.news-grid.list-style.columns-3 .portfolio-set .portfolio-item:nth-child(-n+3) .wrap:before{content: none}
.portfolio-grid.news-grid.list-style.columns-4 .portfolio-set{grid-template-columns: 1fr 1fr 1fr 1fr}
.portfolio-grid.news-grid.list-style.columns-4 .portfolio-set .portfolio-item .wrap > .caption{padding: 10px 15px}
.portfolio-grid.news-grid.list-style.columns-4 .portfolio-set .portfolio-item:nth-child(-n+4) .wrap:before{content: none}}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item{width: auto !important}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap{display: block}
@media (min-width: 768px){.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap{height: 100%; display: flex; flex-direction: row}}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image{flex: auto; align-self: center}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image .image-inner{aspect-ratio: 1.25}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image .links .caption .info{left: 0; top: 0}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image .links .caption .info a{text-decoration: none}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption{flex: none !important; border: none; display: flex; flex-direction: column; justify-content: center}
@media (max-width: 767px){.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image,.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption{width: 100% !important}}
@media (min-width: 768px){.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption{width: 60%; max-width: 100%}}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-author-date .author,.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-date,.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-author-date-separator,.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .author{margin-bottom: 12px}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .title{margin-bottom: 0}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .description{margin-top: 10px}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .read-more-button a{margin: 0}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .read-more-button{margin-top: 16px}
@media (max-width: 991px){.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .read-more-button{display: none}}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .grid-post-meta{position: initial; padding: 0; margin-top: 16px}
@media (min-width: 992px){.portfolio-grid.news-grid.list-style.columns-1 .post-author-date .post-author-date .author,.portfolio-grid.news-grid.list-style.columns-1 .post-author-date .post-date,.portfolio-grid.news-grid.list-style.columns-1 .post-author-date .post-author-date-separator,.portfolio-grid.news-grid.list-style.columns-1 .post-author-date .author{margin-bottom: 14px}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item .wrap > .caption .title{margin-bottom: 0}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item .wrap > .caption .description{margin-top: 10px}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item .wrap > .caption .read-more-button{margin-top: 20px}
.portfolio-grid.news-grid.list-style.columns-1 .portfolio-set .portfolio-item .wrap > .caption .grid-post-meta{margin-top: 20px}}
.portfolio-grid.news-grid.list-style.with-divider .portfolio-set .portfolio-item .wrap:before{width: 100%; position: absolute; left: 0; top: 0; border-bottom: 1px solid var(--axis-theme-box-border-color, #DFE5E8)}
.portfolio-grid.news-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption{padding-bottom: 0}
@media (min-width: 768px){.portfolio-grid.news-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption{padding-top: 0}}
@media (max-width: 767px){.portfolio-grid.news-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption{padding-right: 0; padding-left: 0}}
@media (min-width: 768px) and (max-width: 991px){.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-item .wrap{display: block}
.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-set .portfolio-item .wrap > .image,.portfolio-grid.news-grid.list-style.columns-tablet-2 .portfolio-set .portfolio-item .wrap > .caption{width: 100% !important}
.portfolio-grid.news-grid.list-style.background-style-transparent.columns-tablet-2 .portfolio-set .portfolio-item .wrap > .caption{padding-right: 0; padding-left: 0; padding-top: 20px}}
@media (max-width: 1280px){.portfolio-style-metro.news-grid .portfolio-item{min-width: 20%}}
@media (max-width: 756px){.portfolio-style-metro.news-grid .portfolio-item{min-width: 50%}}
@media (max-width: 400px){.portfolio-style-metro.news-grid .portfolio-item{min-width: 100%}}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .title{opacity: 0; position: relative; top: -200px; -webkit-transition: opacity 0.4s, top 0.5s; transition: opacity 0.4s, top 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .title{opacity: 1; top: 0; -webkit-transition: opacity 0.4s 0.2s, top 0.3s 0.2s; transition: opacity 0.4s 0.2s, top 0.3s 0.2s}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .description{opacity: 0; position: relative; -webkit-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: opacity 0.4s, -webkit-transform 0.5s; transition: opacity 0.4s, transform 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .description{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.4s 0.1s; transition: opacity 0.5s 0.1s, transform 0.4s 0.1s}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .grid-post-meta{opacity: 0; position: relative; top: -200px; -webkit-transition: opacity 0.4s, top 0.5s; transition: opacity 0.4s, top 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .grid-post-meta{opacity: 1; top: 0; -webkit-transition: opacity 0.5s 0.3s, top 0.4s 0.3s; transition: opacity 0.5s 0.3s, top 0.4s 0.3s}
.news-grid.version-default.title-on-page.hover-default .portfolio-item:hover .image .links .caption .grid-post-meta{-webkit-transition: opacity 0.5s 0.2s, top 0.4s 0.2s; transition: opacity 0.5s 0.2s, top 0.4s 0.2s}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .post-date{opacity: 0; position: relative; top: -200px; -webkit-transition: opacity 0.4s, top 0.5s; transition: opacity 0.4s, top 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .post-date{opacity: 1; top: 0; -webkit-transition: opacity 0.5s 0.25s, top 0.4s 0.25s; transition: opacity 0.5s 0.25s, top 0.4s 0.25s}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .info{opacity: 0; position: relative; top: -200px; -webkit-transition: opacity 0.4s, top 0.5s; transition: opacity 0.4s, top 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .info{opacity: 1; top: 0; -webkit-transition: opacity 0.5s 0.05s, top 0.4s 0.05s; transition: opacity 0.5s 0.05s, top 0.4s 0.05s}
.news-grid.version-default.hover-default .portfolio-item .image .links .caption .author{opacity: 0; position: relative; top: -200px; -webkit-transition: opacity 0.4s, top 0.5s; transition: opacity 0.4s, top 0.5s}
.news-grid.version-default.hover-default .portfolio-item:hover .image .links .caption .author{opacity: 1; top: 0; -webkit-transition: opacity 0.5s, top 0.4s; transition: opacity 0.5s, top 0.4s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .title{opacity: 0; top: 200px; display: inline-block; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.15s, top 0.3s 0.15s; transition: transform 0s 0.5s, opacity 0.3s 0.15s, top 0.3s 0.15s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .title{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s; transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .description{opacity: 0; top: 200px; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .description{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s 0.15s, opacity 0.3s 0.15s, top 0s; transition: transform 0.2s 0.15s, opacity 0.3s 0.15s, top 0s}
.news-grid.version-default.hover-zooming-blur.title-on-page .portfolio-item:hover .image .links .caption .description{-webkit-transition: -webkit-transform 0.2s 0.05s, opacity 0.3s 0.05s, top 0s; transition: transform 0.2s 0.05s, opacity 0.3s 0.05s, top 0s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .grid-post-meta{opacity: 0; top: 200px; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.25s, top 0.3s 0.25s; transition: transform 0s 0.5s, opacity 0.3s 0.25s, top 0.3s 0.25s}
.news-grid.version-default.hover-zooming-blur.title-on-page .portfolio-item .image .links .caption .grid-post-meta{-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.15s, top 0.3s 0.15s; transition: transform 0s 0.5s, opacity 0.3s 0.15s, top 0.3s 0.15s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .grid-post-meta{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s, top 0s; transition: transform 0.3s 0s, opacity 0.3s 0s, top 0s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .post-date{opacity: 0; top: 200px; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.2s, top 0.3s 0.2s; transition: transform 0s 0.5s, opacity 0.3s 0.2s, top 0.3s 0.2s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .post-date{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s, top 0s; transition: transform 0.3s 0.05s, opacity 0.3s 0.05s, top 0s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .info{opacity: 0; top: 200px; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.05s, top 0.3s 0.05s; transition: transform 0s 0.5s, opacity 0.3s 0.05s, top 0.3s 0.05s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .info{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s 0.2s, opacity 0.3s 0.2s, top 0s; transition: transform 0.2s 0.2s, opacity 0.3s 0.2s, top 0s}
.news-grid.version-default.hover-zooming-blur .portfolio-item .image .links .caption .author{opacity: 0; top: 200px; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s; transition: transform 0s 0.5s, opacity 0.3s, top 0.3s}
.news-grid.version-default.hover-zooming-blur .portfolio-item:hover .image .links .caption .author{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s 0.25s, opacity 0.3s 0.25s, top 0s; transition: transform 0.2s 0.25s, opacity 0.3s 0.25s, top 0s}
.news-grid.version-default.hover-zooming-blur.title-on-page .portfolio-item:hover .image .links .caption .author{-webkit-transition: -webkit-transform 0.2s 0.1s, opacity 0.3s 0.1s, top 0s; transition: transform 0.2s 0.1s, opacity 0.3s 0.1s, top 0s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .title{opacity: 0; position: relative; left: -200px; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .title{opacity: 1; left: 0; -webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s; transition: opacity 0.3s 0.1s, left 0.3s 0.1s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .description{opacity: 0; position: relative; -webkit-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: opacity 0.3s 0.1s, -webkit-transform 0.3s 0.1s; transition: opacity 0.3s 0.1s, transform 0.3s 0.1s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .description{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 0.3s 0.15s, -webkit-transform 0.3s 0.15s; transition: opacity 0.3s 0.15s, transform 0.3s 0.15s}
.news-grid.version-default.hover-horizontal-sliding.title-on-page .portfolio-item:hover .image .links .caption .description{-webkit-transition: opacity 0.3s 0.05s, -webkit-transform 0.3s 0.05s; transition: opacity 0.3s 0.05s, transform 0.3s 0.05s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .grid-post-meta{opacity: 0; position: relative; left: -200px; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .grid-post-meta{opacity: 1; left: 0; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .post-date{opacity: 0; position: relative; left: -200px; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .post-date{opacity: 1; left: 0; -webkit-transition: opacity 0.3s 0.05s, left 0.3s 0.05s; transition: opacity 0.3s 0.05s, left 0.3s 0.05s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .info{opacity: 0; position: relative; left: -200px; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .info{opacity: 1; left: 0; -webkit-transition: opacity 0.3s 0.2s, left 0.3s 0.2s; transition: opacity 0.3s 0.15s, left 0.3s 0.15s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item .image .links .caption .author{opacity: 0; position: relative; left: -200px; -webkit-transition: opacity 0.3s, left 0.3s; transition: opacity 0.3s, left 0.3s}
.news-grid.version-default.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .author{opacity: 1; left: 0; -webkit-transition: opacity 0.3s 0.25s, left 0.3s 0.25s; transition: opacity 0.3s 0.2s, left 0.3s 0.2s}
.news-grid.version-default.hover-horizontal-sliding.title-on-page .portfolio-item:hover .image .links .caption .author{-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s; transition: opacity 0.3s 0.1s, left 0.3s 0.1s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .title{opacity: 0; position: relative; top: 200px; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item:hover .image .links .caption .title{opacity: 1; top: 0; -webkit-transition: opacity 0.35s 0.1s, top 0.35s 0.1s; transition: opacity 0.35s 0.1s, top 0.35s 0.1s}
.news-grid.version-default.portfolio.hover-vertical-sliding .portfolio-item .image .links .caption .description{opacity: 0; position: relative; -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s}
.news-grid.version-default.portfolio.hover-vertical-sliding .portfolio-item:hover .image .overlay .links .caption .description{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.35s 0.15s, -webkit-transform 0.35s 0.15s; transition: opacity 0.35s 0.15s, transform 0.35s 0.15s}
.news-grid.version-default.portfolio.hover-vertical-sliding.title-on-page .portfolio-item:hover .image .overlay .links .caption .description{-webkit-transition: opacity 0.35s 0.05s, -webkit-transform 0.35s 0.05s; transition: opacity 0.35s 0.05s, transform 0.35s 0.05s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .grid-post-meta{opacity: 0; position: relative; top: 200px; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item:hover .image .links .caption .grid-post-meta{opacity: 1; top: 0; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .post-date{opacity: 0; position: relative; top: 200px; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item:hover .image .links .caption .post-date{opacity: 1; top: 0; -webkit-transition: opacity 0.35s 0.05s, top 0.35s 0.05s; transition: opacity 0.35s 0.05s, top 0.35s 0.05s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .info{opacity: 0; position: relative; top: 200px; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item:hover .image .links .caption .info{opacity: 1; top: 0; -webkit-transition: opacity 0.35s 0.2s, top 0.35s 0.2s; transition: opacity 0.35s 0.2s, top 0.35s 0.2s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item .image .links .caption .author{opacity: 0; position: relative; top: 200px; -webkit-transition: opacity 0.35s, top 0.35s; transition: opacity 0.35s, top 0.35s}
.news-grid.version-default.hover-vertical-sliding .portfolio-item:hover .image .links .caption .author{opacity: 1; top: 0; -webkit-transition: opacity 0.35s 0.25s, top 0.35s 0.25s; transition: opacity 0.35s 0.25s, top 0.35s 0.25s}
.news-grid.version-default.hover-vertical-sliding.title-on-page .portfolio-item:hover .image .links .caption .author{opacity: 1; top: 0; -webkit-transition: opacity 0.35s 0.1s, top 0.35s 0.1s; transition: opacity 0.35s 0.1s, top 0.35s 0.1s}
.news-grid.version-default.hover-gradient.title-on-hover .portfolio-item .image .links .caption .title,.news-grid.version-default.hover-circular.title-on-hover .portfolio-item .image .links .caption .title{opacity: 0; top: 200px; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.05s, top 0.3s 0.05s; transition: transform 0s 0.5s, opacity 0.3s 0.05s, top 0.3s 0.05s}
.news-grid.version-default.hover-gradient.title-on-hover .portfolio-item:hover .image .links .caption .title,.news-grid.version-default.hover-circular.title-on-hover .portfolio-item:hover .image .links .caption .title{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.news-grid.version-default.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info,.news-grid.version-default.portfolio.hover-circular.title-on-hover .portfolio-item .image .overlay .links .caption .info{opacity: 0; top: 200px; display: inline-block; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s, top 0.3s; transition: transform 0s 0.5s, opacity 0.3s, top 0.3s}
.news-grid.version-default.portfolio.hover-gradient .portfolio-item:hover .image .overlay .links .caption .info,.news-grid.version-default.portfolio.hover-circular.title-on-hover .portfolio-item:hover .image .overlay .links .caption .info{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.news-grid.version-default.hover-gradient.title-on-hover .portfolio-item .image .links .caption .post-date,.news-grid.version-default.hover-circular.title-on-hover .portfolio-item .image .links .caption .post-date{opacity: 0; top: 200px; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s}
.news-grid.version-default.hover-gradient.title-on-hover .portfolio-item:hover .image .links .caption .post-date,.news-grid.version-default.hover-circular.title-on-hover .portfolio-item:hover .image .links .caption .post-date{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.news-grid.version-default.hover-gradient .portfolio-item .image .links .caption .grid-post-meta,.news-grid.version-default.hover-circular .portfolio-item .image .links .caption .grid-post-meta{opacity: 0; top: 200px; justify-content: start; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s}
.news-grid.version-default.hover-gradient .portfolio-item:hover .image .links .caption .grid-post-meta,.news-grid.version-default.hover-circular .portfolio-item:hover .image .links .caption .grid-post-meta{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.news-grid.version-default.portfolio.hover-gradient .portfolio-set .portfolio-item .image .overlay .links .caption .description .subtitle,.news-grid.version-default.portfolio.hover-circular .portfolio-set .portfolio-item .image .overlay .links .caption .description .subtitle{opacity: 0; top: 200px; display: inline-block !important; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s}
.news-grid.version-default.portfolio.hover-gradient .portfolio-set .portfolio-item:hover .image .overlay .links .caption .description .subtitle,.news-grid.version-default.portfolio.hover-circular .portfolio-set .portfolio-item:hover .image .overlay .links .caption .description .subtitle{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.news-grid.version-default.hover-gradient .portfolio-item .image .links .caption .author,.news-grid.version-default.hover-circular .portfolio-item .image .links .caption .author{opacity: 0; top: 200px; vertical-align: middle; position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s; transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s}
.news-grid.version-default.hover-gradient .portfolio-item:hover .image .links .caption .author,.news-grid.version-default.hover-circular .portfolio-item:hover .image .links .caption .author{opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, top 0s; transition: transform 0.3s, opacity 0.3s, top 0s}
.version-default.news-grid.hover-default-default .portfolio-item .image .links .caption .slide-content,.version-default.news-grid.hover-default-horizontal-sliding .portfolio-item .image .links .caption .slide-content,.version-default.news-grid.hover-default-vertical-sliding .portfolio-item .image .links .caption .slide-content,.version-default.news-grid.hover-default-gradient .portfolio-item .image .links .caption .slide-content,.version-default.news-grid.hover-default-circular .portfolio-item .image .links .caption .slide-content{padding: 23px 30px}
.gem-widget-button .gem-button-separator-type-square .gem-button-separator-button{padding: 0}
.gem-widget-button .gem-button-separator-type-single .gem-button-separator-line{border-bottom: 0 none}
.gem-widget-button .gem-button-separator-type-square .gem-button-separator-button a{margin: 0 10px}
.gem-widget-button .gem-button{height: auto; padding: 0; margin: 0; position: relative; z-index: 1; white-space: normal; min-width: max-content; overflow: hidden}
.gem-widget-button .gem-button .gem-inner-wrapper-btn{display: flex; align-items: center; justify-content: center; width: 100%}
.gem-widget-button .gem-button.gem-button-size-tiny .gem-inner-wrapper-btn{padding: 8px 14px}
.gem-widget-button .gem-button.gem-button-size-small .gem-inner-wrapper-btn{padding: 13px 17px}
.gem-widget-button .gem-button.gem-button-size-medium .gem-inner-wrapper-btn{padding: 15px 25px 16px}
.gem-widget-button .gem-button.gem-button-size-large .gem-inner-wrapper-btn{padding: 28px 37px}
.gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-tiny .gem-inner-wrapper-btn{padding: 6px 12px}
.gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-small .gem-inner-wrapper-btn{padding: 11px 15px}
.gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-medium .gem-inner-wrapper-btn{padding: 12px 22px 13px}
.gem-widget-button .gem-button.gem-button-style-outline.gem-button-size-large .gem-inner-wrapper-btn{padding: 24px 33px}
.gem-widget-button .gem-button.gem-button-size-tiny:not(.gem-button-icon-position-right) .gem-button-icon{margin-right: 6px}
.gem-widget-button .gem-button.gem-button-size-small:not(.gem-button-icon-position-right) .gem-button-icon{margin-right: 6px}
.gem-widget-button .gem-button.gem-button-size-medium:not(.gem-button-icon-position-right) .gem-button-icon{margin-right: 9px}
.gem-widget-button .gem-button.gem-button-size-large:not(.gem-button-icon-position-right) .gem-button-icon{margin-right: 12px}
.gem-widget-button .gem-button.gem-button-size-tiny.gem-button-icon-position-right .gem-button-icon{margin-left: 6px}
.gem-widget-button .gem-button.gem-button-size-small.gem-button-icon-position-right .gem-button-icon{margin-left: 6px}
.gem-widget-button .gem-button.gem-button-size-medium.gem-button-icon-position-right .gem-button-icon{margin-left: 9px}
.gem-widget-button .gem-button.gem-button-size-large.gem-button-icon-position-right .gem-button-icon{margin-left: 12px}
.gem-widget-button .gem-button .gem-button-icon svg{width: 1em; height: 1em; display: block}
.gem-widget-button .gem-button .gem-button-icon,.gem-widget-button .gem-button:hover .gem-button-icon,.gem-widget-button .gem-button .gem-button-icon svg,.gem-widget-button .gem-button:hover .gem-button-icon svg,.gem-widget-button .gem-button .gem-text-button,.gem-widget-button .gem-button:hover .gem-text-button{transition: all 0.3s ease}
.gem-widget-button .gem-button{transition: background-color 0.3s ease, border-color 0.3s ease}
@media screen and (max-width: 768px){.gem-widget-button .gem-button{min-width: min-content}}
.item-animation-move-up .item-animations-inited.before-start{-moz-transform: translateY(40px) !important; -ms-transform: translateY(40px) !important; -webkit-transform: translateY(40px) !important; -o-transform: translateY(40px) !important; transform: translateY(40px) !important; zoom: 1; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; filter: alpha(opacity=0) !important; opacity: 0 !important}
.item-animation-move-up .item-animations-inited.before-start.start-animation{-o-transition: opacity 1s, transform 1s !important; -webkit-transition: opacity 1s, transform 1s !important; transition: opacity 1s, transform 1s !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important; zoom: 1; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; opacity: 1 !important}
.item-animation-bounce .item-animations-inited.before-start{-moz-transform: scale(0.001) !important; -ms-transform: scale(0.001) !important; -webkit-transform: scale(0.001) !important; -o-transform: scale(0.001) !important; transform: scale(0.001) !important; zoom: 1; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; filter: alpha(opacity=0) !important; opacity: 0 !important}
.item-animation-bounce .item-animations-inited.before-start.start-animation{-o-transition: opacity 0.4s, transform 0.4s !important; -webkit-transition: opacity 0.4s, transform 0.4s !important; transition: opacity 0.4s, transform 0.4s !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; zoom: 1; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; opacity: 1 !important}
.item-animation-fade-in .item-animations-inited.before-start{zoom: 1; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; filter: alpha(opacity=0) !important; opacity: 0 !important}
.item-animation-fade-in .item-animations-inited.before-start.start-animation{-o-transition: opacity 0.7s !important; -webkit-transition: opacity 0.7s !important; transition: opacity 0.7s !important; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; opacity: 1 !important}
.item-animation-scale .item-animations-inited.before-start{-moz-transform: scale(0.001) !important; -ms-transform: scale(0.001) !important; -webkit-transform: scale(0.001) !important; -o-transform: scale(0.001) !important; transform: scale(0.001) !important}
.item-animation-scale .item-animations-inited.before-start.start-animation{-o-transition: transform 0.57s ease-in-out !important; -webkit-transition: transform 0.57s ease-in-out !important; transition: opacity transform 0.57s ease-in-out !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important}
.item-animation-flip .item-animations-inited.before-start{-moz-transform: rotate3d(1, 0, 0, -80deg) !important; -ms-transform: rotate3d(1, 0, 0, -80deg) !important; -webkit-transform: rotate3d(1, 0, 0, -80deg) !important; -o-transform: rotate3d(1, 0, 0, -80deg) !important; transform: rotate3d(1, 0, 0, -80deg) !important; zoom: 1; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; filter: alpha(opacity=0) !important; opacity: 0 !important}
.item-animation-flip .item-animations-inited.before-start.start-animation{-o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important; -webkit-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important; transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important; -moz-transform: rotate3d(0, 0, 0, 0deg) !important; -ms-transform: rotate3d(0, 0, 0, 0deg) !important; -webkit-transform: rotate3d(0, 0, 0, 0deg) !important; -o-transform: rotate3d(0, 0, 0, 0deg) !important; transform: rotate3d(0, 0, 0, 0deg) !important; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; opacity: 1 !important}
.item-animation-fall-perspective .item-animations-inited.before-start{-moz-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important; -ms-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important; -o-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important; transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important; zoom: 1; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; filter: alpha(opacity=0) !important; opacity: 0 !important}
.item-animation-fall-perspective .item-animations-inited.before-start.start-animation{-o-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important; -webkit-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important; transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important; -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important; -ms-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important; -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important; -o-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important; transform: translateZ(0px) translateY(0px) rotateX(0deg) !important; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; opacity: 1 !important}
@-webkit-keyframes MenuAnimOut{0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }}
@keyframes MenuAnimOut{0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; }}
@-webkit-keyframes MenuAnimIn{0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }}
@keyframes MenuAnimIn{0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; }}
