/*
*   Siena for WordPress
*   Copyright 2017, Royalz Themes
*   www.royalzthemes.com
*/

/* Table of Content
==================================================

	- Portfolio
	- Portfolio Cover
	- Portfolio Header
	- Portfolio Sidebar
	- Portfolio Tools
	- Portfolio Content
	- Portfolio Footer

================================================== */

/* Portfolio
================================================== */

	section.portfolio {

	} 

	section.portfolio-with-header .portfolio-content {
		padding-bottom: 25px;
		padding-top: 68px;
	}

	section.portfolio-archive .portfolio-content {
	    padding-bottom: 145px;
	    padding-top: 55px;
	}


/* Portfolio Cover
================================================== */


/* Portfolio Header
================================================== */

	section.portfolio-with-header {

	}

	section.portfolio-with-header .section-header {
		padding-top: 225px;
	}

	section.portfolio-archive .section-header {
		padding-top: 180px;
	}

	section.portfolio-with-header .section-header .headline {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	section.portfolio-with-header .section-header .headline h1 {
		color: #d4d4d4;
		font-size: 45px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.55;
	}

	body.theme-dark section.portfolio-with-header .section-header .headline h1 {
		color: #6c6c6c;
	}

	section.portfolio-archive .section-header .headline {
		text-align: left;
	}

	section.portfolio-archive .section-header .headline h1 {
		color: #222222;
		font-size: 65px;
		font-weight: 500;
		line-height: 1.25;
		margin-left: -5px;
	}

	body.theme-dark section.portfolio-archive .section-header .headline h1 {
		color: #eeeeee;
	}

	section.portfolio-archive .section-header .count {
		padding-bottom: 5px;
		padding-left: 2.5%;
		padding-right: 2.5%;
		padding-top: 5px;
		text-align: left;
	}

	section.portfolio-archive .section-header .count p {
		color: #222222;
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
	}

	body.theme-dark section.portfolio-archive .section-header .count p {
		color: #eeeeee;
	}

	section.portfolio-with-header .portfolio-tools {
		padding-bottom: 15px;
		padding-left: 2.5%;
		padding-right: 2.5%;
		padding-top: 15px;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-selected {
		border-bottom-color: #222222;
		border-bottom-style: solid;
		border-bottom-width: 5px;
		font-size: 45px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.2;
	    padding-right: 0px;
	    text-transform: none;
	    width: auto;
	}

	body.theme-dark section.portfolio-with-header .portfolio-tools .js-select-box-large .box-selected {
		border-bottom-color: #eeeeee;
		color: #eeeeee;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-selected:after {
		display: none;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list {
	    bottom: 0px;
	    left: 0px;
		padding-bottom: 0px;
		padding-left: 5.645161290322581%;
		padding-right: 5.645161290322581%;
		padding-top: 5.645161290322581%;
	    position: fixed;
	    right: 0px;
	    top: 0px;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list ul {
		max-height: 100%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list ul {
		display: -webkit-inline-flex;
		display: -ms-inline-flex;
		display: inline-flex;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list ul {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list li {
	    color: #888888;
	    display: inline;
		font-size: 45px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.55;
	    text-transform: none;
	}

	body.theme-dark section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list li {
	    color: #eeeeee;
	}

	section.portfolio-with-header .portfolio-tools .js-select-box .box-list li.box-selected-item, 
	section.portfolio-with-header .portfolio-tools .js-select-box .box-list li.box-empty-item, 
	section.portfolio-with-header .portfolio-tools .js-select-box .box-list li:hover {
		color: #222222;
	}

	body.theme-dark section.portfolio-with-header .portfolio-tools .js-select-box .box-list li.box-selected-item, 
	body.theme-dark section.portfolio-with-header .portfolio-tools .js-select-box .box-list li.box-empty-item, 
	body.theme-dark section.portfolio-with-header .portfolio-tools .js-select-box .box-list li:hover {
		color: #ffffff;
	}


/* Portfolio Sidebar
================================================== */

	section.portfolio-with-sidebar {
		padding-top: 100px;
	} 	

	section.portfolio-with-sidebar .portfolio-content {
		padding-bottom: 25px;
		padding-top: 25px;
	}

	section.portfolio .portfolio-sidebar {
		padding-bottom: 155px;
		padding-top: 155px;
		width: 22%;
	}

	section.portfolio .portfolio-sidebar .sidebar-albums-select {
		display: none;
		overflow: hidden;
	}

	section.portfolio .portfolio-sidebar .album {

	}

	section.portfolio .portfolio-sidebar .album span {
		color: #cccccc;
		cursor: pointer;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.4em;
		line-height: 2.5;
		text-transform: uppercase;
	}

	body.theme-dark section.portfolio .portfolio-sidebar .album span {
		color: #eeeeee;
	}

	section.portfolio .portfolio-sidebar .album span {
		-webkit-transition: color 0.4s ease 0s;
		-moz-transition: color 0.4s ease 0s;
		-ms-transition: color 0.4s ease 0s;
		-o-transition: color 0.4s ease 0s;
		transition: color 0.4s ease 0s;
	}

	section.portfolio .portfolio-sidebar .album:hover span {
		color: #222222;
	}

	body.theme-dark section.portfolio .portfolio-sidebar .album:hover span {
		color: #ffffff;
	}

	section.portfolio .portfolio-sidebar .album.album-active span {
		color: #222222;
	}

	body.theme-dark section.portfolio .portfolio-sidebar .album.album-active span {
		color: #ffffff;
	}

	@media only screen and (max-width: 479px) {

		section.portfolio .portfolio-sidebar {
		    padding-bottom: 36px;
		    padding-top: 0px;
		    width: 100%;
		}

		section.portfolio .portfolio-sidebar .sidebar-albums {
			display: none;
		}

		section.portfolio .portfolio-sidebar .sidebar-albums-select {
			display: block;
		}

		section.portfolio .portfolio-sidebar .sidebar-albums-select > .container {
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}

	}


/* Portfolio Tools
================================================== */


	/* Portfolio Archive
	================================================== */

		section.portfolio-archive .portfolio-tools { 
			padding-bottom: 6px;
			padding-top: 6px;
		}

		section.portfolio-archive .portfolio-date {
			text-align: left;
		}

		section.portfolio-archive .portfolio-date p {
			color: #222222;
			font-size: 18px;
			font-weight: 500;
			line-height: 1;
		}

		body.theme-dark section.portfolio-archive .portfolio-date p {
			color: #eeeeee;
		}

		section.portfolio-archive .portfolio-layouts { 
			padding-bottom: 0px;
			padding-left: 2.72%;
			padding-right: 2.72%;
			padding-top: 0px;
		}

		section.portfolio-archive .portfolio-layouts > .container { 
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}

		section.portfolio-archive .portfolio-layouts .button-layout { 
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox; 
			display: -webkit-flex;
			display: flex; 
		}

		section.portfolio-archive .portfolio-layouts .button-layout { 
			margin-left: 9.25%;
		}

		section.portfolio-archive .portfolio-layouts .button-layout:before { 
			background-position: center;
			background-repeat: no-repeat;
			content: " ";
			cursor: pointer;
			height: 18px;
			opacity: 0.25;
			width: 18px;
		}

		section.portfolio-archive .portfolio-layouts .button-layout:before { 
			-webkit-transition: opacity 0.4s ease 0s;
			-moz-transition: opacity 0.4s ease 0s;
			-ms-transition: opacity 0.4s ease 0s;
			-o-transition: opacity 0.4s ease 0s;
			transition: opacity 0.4s ease 0s;
		}

		section.portfolio-archive .portfolio-layouts .button-layout:hover:before,
		section.portfolio-archive .portfolio-layouts .button-layout-active:before { 
			opacity: 1;
		}

		section.portfolio-archive .portfolio-layouts .layout-grid:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMzQsIDM0LCAzNCkiDQogZD0iTTEwLjAwMCwxNS4wMDAgTDEwLjAwMCwxMC4wMDAgTDE1LjAwMCwxMC4wMDAgTDE1LjAwMCwxNS4wMDAgTDEwLjAwMCwxNS4wMDAgWk0xMC4wMDAsMC4wMDAgTDE1LjAwMCwwLjAwMCBMMTUuMDAwLDUuMDAwIEwxMC4wMDAsNS4wMDAgTDEwLjAwMCwwLjAwMCBaTTAuMDAwLDEwLjAwMCBMNS4wMDAsMTAuMDAwIEw1LjAwMCwxNS4wMDAgTDAuMDAwLDE1LjAwMCBMMC4wMDAsMTAuMDAwIFpNMC4wMDAsMC4wMDAgTDUuMDAwLDAuMDAwIEw1LjAwMCw1LjAwMCBMMC4wMDAsNS4wMDAgTDAuMDAwLDAuMDAwIFoiLz4NCjwvc3ZnPg==');
			background-size: 15px;
		}

		body.theme-dark section.portfolio-archive .portfolio-layouts .layout-grid:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjM4LCAyMzgsIDIzOCkiDQogZD0iTTEwLjAwMCwxNS4wMDAgTDEwLjAwMCwxMC4wMDAgTDE1LjAwMCwxMC4wMDAgTDE1LjAwMCwxNS4wMDAgTDEwLjAwMCwxNS4wMDAgWk0xMC4wMDAsMC4wMDAgTDE1LjAwMCwwLjAwMCBMMTUuMDAwLDUuMDAwIEwxMC4wMDAsNS4wMDAgTDEwLjAwMCwwLjAwMCBaTTAuMDAwLDEwLjAwMCBMNS4wMDAsMTAuMDAwIEw1LjAwMCwxNS4wMDAgTDAuMDAwLDE1LjAwMCBMMC4wMDAsMTAuMDAwIFpNMC4wMDAsMC4wMDAgTDUuMDAwLDAuMDAwIEw1LjAwMCw1LjAwMCBMMC4wMDAsNS4wMDAgTDAuMDAwLDAuMDAwIFoiLz4NCjwvc3ZnPg==');
		}

		section.portfolio-archive .portfolio-layouts .layout-list:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE4cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMzQsIDM0LCAzNCkiDQogZD0iTS0wLjAwMCwxNS4wMDAgTC0wLjAwMCwxMC4wMDAgTDE4LjAwMCwxMC4wMDAgTDE4LjAwMCwxNS4wMDAgTC0wLjAwMCwxNS4wMDAgWk0tMC4wMDAsMC4wMDAgTDE4LjAwMCwwLjAwMCBMMTguMDAwLDUuMDAwIEwtMC4wMDAsNS4wMDAgTC0wLjAwMCwwLjAwMCBaIi8+DQo8L3N2Zz4=');
			background-size: 18px 15px;
		}

		body.theme-dark section.portfolio-archive .portfolio-layouts .layout-list:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE4cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjM4LCAyMzgsIDIzOCkiDQogZD0iTS0wLjAwMCwxNS4wMDAgTC0wLjAwMCwxMC4wMDAgTDE4LjAwMCwxMC4wMDAgTDE4LjAwMCwxNS4wMDAgTC0wLjAwMCwxNS4wMDAgWk0tMC4wMDAsMC4wMDAgTDE4LjAwMCwwLjAwMCBMMTguMDAwLDUuMDAwIEwtMC4wMDAsNS4wMDAgTC0wLjAwMCwwLjAwMCBaIi8+DQo8L3N2Zz4=');
			background-size: 18px 15px;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-archive .portfolio-albums,
			section.portfolio-archive .portfolio-layouts {
			    padding-bottom: 12%;
			    padding-left: 0px;
			    padding-right: 0px;
			    padding-top: 12%;
			}

			section.portfolio-archive .portfolio-layouts {
				display: none;
			}

			section.portfolio-archive .portfolio-tools .js-select-box-large .box-list {
				left: 0px;
			}
		}


	/* Portfolio With Cover
	================================================== */

		section.portfolio-with-cover .portfolio-tools { 

		}

		section.portfolio-with-cover .portfolio-albums { 
			padding-bottom: 4.55%;
			padding-left: 2.72%;
			padding-right: 2.72%;
			padding-top: 4.55%;
		}

		section.portfolio-with-cover .portfolio-albums .js-select-box .box-list { 
			left: -40px;
		}

		section.portfolio-with-cover .portfolio-layouts { 
			padding-bottom: 4.55%;
			padding-left: 2.72%;
			padding-right: 2.72%;
			padding-top: 4.55%;
		}

		section.portfolio-with-cover .portfolio-layouts > .container { 
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}

		section.portfolio-with-cover .portfolio-layouts .button-layout { 
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox; 
			display: -webkit-flex;
			display: flex; 
		}

		section.portfolio-with-cover .portfolio-layouts .button-layout { 
			margin-left: 9.25%;
		}

		section.portfolio-with-cover .portfolio-layouts .button-layout:before { 
			background-position: center;
			background-repeat: no-repeat;
			content: " ";
			cursor: pointer;
			height: 18px;
			opacity: 0.25;
			width: 18px;
		}

		section.portfolio-with-cover .portfolio-layouts .button-layout:before { 
			-webkit-transition: opacity 0.4s ease 0s;
			-moz-transition: opacity 0.4s ease 0s;
			-ms-transition: opacity 0.4s ease 0s;
			-o-transition: opacity 0.4s ease 0s;
			transition: opacity 0.4s ease 0s;
		}

		section.portfolio-with-cover .portfolio-layouts .button-layout:hover:before,
		section.portfolio-with-cover .portfolio-layouts .button-layout-active:before { 
			opacity: 1;
		}

		section.portfolio-with-cover .portfolio-layouts .layout-grid:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMzQsIDM0LCAzNCkiDQogZD0iTTEwLjAwMCwxNS4wMDAgTDEwLjAwMCwxMC4wMDAgTDE1LjAwMCwxMC4wMDAgTDE1LjAwMCwxNS4wMDAgTDEwLjAwMCwxNS4wMDAgWk0xMC4wMDAsMC4wMDAgTDE1LjAwMCwwLjAwMCBMMTUuMDAwLDUuMDAwIEwxMC4wMDAsNS4wMDAgTDEwLjAwMCwwLjAwMCBaTTAuMDAwLDEwLjAwMCBMNS4wMDAsMTAuMDAwIEw1LjAwMCwxNS4wMDAgTDAuMDAwLDE1LjAwMCBMMC4wMDAsMTAuMDAwIFpNMC4wMDAsMC4wMDAgTDUuMDAwLDAuMDAwIEw1LjAwMCw1LjAwMCBMMC4wMDAsNS4wMDAgTDAuMDAwLDAuMDAwIFoiLz4NCjwvc3ZnPg==');
			background-size: 15px;
		}

		body.theme-dark section.portfolio-with-cover .portfolio-layouts .layout-grid:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE1cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjM4LCAyMzgsIDIzOCkiDQogZD0iTTEwLjAwMCwxNS4wMDAgTDEwLjAwMCwxMC4wMDAgTDE1LjAwMCwxMC4wMDAgTDE1LjAwMCwxNS4wMDAgTDEwLjAwMCwxNS4wMDAgWk0xMC4wMDAsMC4wMDAgTDE1LjAwMCwwLjAwMCBMMTUuMDAwLDUuMDAwIEwxMC4wMDAsNS4wMDAgTDEwLjAwMCwwLjAwMCBaTTAuMDAwLDEwLjAwMCBMNS4wMDAsMTAuMDAwIEw1LjAwMCwxNS4wMDAgTDAuMDAwLDE1LjAwMCBMMC4wMDAsMTAuMDAwIFpNMC4wMDAsMC4wMDAgTDUuMDAwLDAuMDAwIEw1LjAwMCw1LjAwMCBMMC4wMDAsNS4wMDAgTDAuMDAwLDAuMDAwIFoiLz4NCjwvc3ZnPg==');
		}

		section.portfolio-with-cover .portfolio-layouts .layout-list:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE4cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMzQsIDM0LCAzNCkiDQogZD0iTS0wLjAwMCwxNS4wMDAgTC0wLjAwMCwxMC4wMDAgTDE4LjAwMCwxMC4wMDAgTDE4LjAwMCwxNS4wMDAgTC0wLjAwMCwxNS4wMDAgWk0tMC4wMDAsMC4wMDAgTDE4LjAwMCwwLjAwMCBMMTguMDAwLDUuMDAwIEwtMC4wMDAsNS4wMDAgTC0wLjAwMCwwLjAwMCBaIi8+DQo8L3N2Zz4=');
			background-size: 18px 15px;
		}

		body.theme-dark section.portfolio-with-cover .portfolio-layouts .layout-list:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjE4cHgiIGhlaWdodD0iMTVweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjM4LCAyMzgsIDIzOCkiDQogZD0iTS0wLjAwMCwxNS4wMDAgTC0wLjAwMCwxMC4wMDAgTDE4LjAwMCwxMC4wMDAgTDE4LjAwMCwxNS4wMDAgTC0wLjAwMCwxNS4wMDAgWk0tMC4wMDAsMC4wMDAgTDE4LjAwMCwwLjAwMCBMMTguMDAwLDUuMDAwIEwtMC4wMDAsNS4wMDAgTC0wLjAwMCwwLjAwMCBaIi8+DQo8L3N2Zz4=');
			background-size: 18px 15px;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-with-cover .portfolio-albums,
			section.portfolio-with-cover .portfolio-layouts {
			    padding-bottom: 12%;
			    padding-left: 0px;
			    padding-right: 0px;
			    padding-top: 12%;
			}

			section.portfolio-with-cover .portfolio-layouts {
				display: none;
			}

			section.portfolio-with-cover .portfolio-tools .js-select-box-large .box-list {
				left: 0px;
			}
		}


	/* Portfolio With Header
	================================================== */

		section.portfolio.portfolio-with-header .portfolio-tools {

		}

		section.portfolio.portfolio-with-header .portfolio-albums {

		}

		section.portfolio.portfolio-with-header .portfolio-albums .album {
			color: #d4d4d4;
			font-size: 45px;
			font-weight: 500;
			letter-spacing: 0.05em;
			line-height: 1.55;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-with-header .section-header {
			    padding-top: 152px;
			}

			section.portfolio-with-header .section-header .headline,
			section.portfolio-with-header .portfolio-tools .js-select-box-large .box-selected,
			section.portfolio-with-header .portfolio-tools .js-select-box-large .box-list li {
			    font-size: 30px;
			}

			section.portfolio-with-header .portfolio-tools .js-select-box-large .box-selected {
			    border-bottom-width: 4px;
			}
		}


/* Portfolio Content
================================================== */

	section.portfolio .portfolio-content > .container {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	section.portfolio .portfolio-main {
		margin-left: -12.5px !important;
		margin-right: -12.5px !important;
		width: calc(100% + 25px);
	}

	section.portfolio-with-sidebar .portfolio-main {
		width: calc(78% + 25px);
	}

	section.portfolio .portfolio-grid {
		padding-bottom: 27.5px;
		position: relative;
	}

	section.portfolio .portfolio-grid {
		-webkit-transition: opacity 0.4s ease 0s;
		-moz-transition: opacity 0.4s ease 0s;
		-ms-transition: opacity 0.4s ease 0s;
		-o-transition: opacity 0.4s ease 0s;
		transition: opacity 0.4s ease 0s;
	}

	section.portfolio-with-cover .portfolio-grid {
		padding-top: 8px;
	}

	section.portfolio-with-sidebar .portfolio-grid {
		padding-top: 4px;
	}

	section.portfolio-post-loading .portfolio-grid:before {
		background-color: transparent;
		background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI4LjA0MiUiIHkxPSIwJSIgeDI9IjY1LjY4MiUiIHkyPSIyMy44NjUlIiBpZD0iYSI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjIyIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyMjIiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjIyIiBvZmZzZXQ9IjEwMCUiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+DQogICAgICAgICAgICA8Y2lyY2xlIGZpbGw9IiMyMjIiIGN4PSIzNiIgY3k9IjE4IiByPSIxIj48L2NpcmNsZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 40px 40px;
		content: " ";
		display: block;
		height: 40px;
		left: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	body.theme-dark section.portfolio-post-loading .portfolio-grid:before {
		background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI4LjA0MiUiIHkxPSIwJSIgeDI9IjY1LjY4MiUiIHkyPSIyMy44NjUlIiBpZD0iYSI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjZWVlIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNlZWUiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjZWVlIiBvZmZzZXQ9IjEwMCUiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+DQogICAgICAgICAgICA8Y2lyY2xlIGZpbGw9IiNlZWUiIGN4PSIzNiIgY3k9IjE4IiByPSIxIj48L2NpcmNsZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==');
	}

	section.portfolio-post-loading .portfolio-grid:before {
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}	

	section.portfolio-post-loading .portfolio-grid:before {
		-webkit-animation-duration: 0.9s;
		animation-duration: 0.9s;
	}		

	section.portfolio-post-loading .portfolio-grid:before {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}		

	section.portfolio-post-loading .portfolio-grid:before {
		-webkit-animation-name: rotate;
		animation-name: rotate;
	}	

	section.portfolio-grid-loading .portfolio-grid {
		opacity: 0.25;
	}

	section.portfolio .portfolio-grid .photograph {
		background-color: #fcfcfc;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-color: #fcfcfc;
		border-style: solid;
		border-width: 12.5px;
		cursor: pointer;
		max-width: 50%;
		position: relative;
	}

	body.theme-dark section.portfolio .portfolio-grid .photograph {
		background-color: #222222;
		border-color: #222222;
	}

	section.portfolio .portfolio-grid .photograph.animation-1,
	section.portfolio .portfolio-grid .photograph.animation-2 {    
		-webkit-transform-origin: 50% 50% 0px;
		-moz-transform-origin: 50% 50% 0px;
		-ms-transform-origin: 50% 50% 0px;
		-o-transform-origin: 50% 50% 0px;
		transform-origin: 50% 50% 0px;
	}

	section.portfolio .portfolio-grid .photograph.animation-1,
	section.portfolio .portfolio-grid .photograph.animation-2 {    
		opacity: 0;
	}

	section.portfolio .portfolio-grid .photograph.animation-2 { 
		-webkit-transform: translateY(400px);
		-moz-transform: translateY(400px);
		-ms-transform: translateY(400px);
		-o-transform: translateY(400px);
		transform: translateY(400px);
	}

	section.portfolio .portfolio-grid .photograph a,
	section.portfolio .portfolio-grid .photograph .photograph-media {
		border-color: #fcfcfc;
		border-style: solid;
		border-width: 0px;
		cursor: pointer;
		position: absolute;
		height: 100%;
		width: 100%;
	}

	body.theme-dark section.portfolio .portfolio-grid .photograph a,
	body.theme-dark section.portfolio .portfolio-grid .photograph-media {
		border-color: #222222;
	}

	section.portfolio .portfolio-grid .photograph a,
	section.portfolio .portfolio-grid .photograph .photograph-media {
		-webkit-transition: border 0.4s ease 0s;
		-moz-transition: border 0.4s ease 0s;
		-ms-transition: border 0.4s ease 0s;
		-o-transition: border 0.4s ease 0s;
		transition: border 0.4s ease 0s;
	}

	section.portfolio .portfolio-grid .photograph:hover a,
	section.portfolio .portfolio-grid .photograph .photograph-media:hover {
		border-width: 17.5px;
	}

	section.portfolio.portfolio-layout-cols-4 .photograph {
		height: 0px !important;
		padding-bottom: calc(25% - 25px);
		width: 25% !important;
	}

	section.portfolio.portfolio-layout-cols-3 .photograph {
		width: 33.3333333333% !important;
	}

	section.portfolio.portfolio-layout-cols-2 .photograph {
		height: 450px !important;
		width: 50% !important;
	}

	section.portfolio.portfolio-layout-list .photograph {
		height: 600px !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	section.portfolio.portfolio-layout-masonry .photograph {
	    -webkit-flex-grow: 1;
	    flex-grow: 1;
	}

	@media only screen and (max-width: 1024px) {
		section.portfolio.portfolio-layout-masonry .photograph {
		    max-width: 100% !important;
		}
	}

	@media only screen and (max-width: 782px) {
		section.portfolio.portfolio-layout-masonry .photograph {
		    max-width: 100% !important;
		}
	}

	@media only screen and (max-width: 479px) {
		section.portfolio-with-header .portfolio-content {
		    padding-bottom: 0px;
		    padding-top: 38px;
		}

		section.portfolio-with-sidebar .portfolio-content {
		    padding-bottom: 10px;
		    padding-top: 10px;
		}

		section.portfolio-with-cover .portfolio-grid {
		    padding-top: 0px;
		}

		section.portfolio .portfolio-grid .photograph:hover a {
			border-width: 17.5px;
		}

		section.portfolio.portfolio-layout-cols-4 .photograph {
			height: 0px !important;
    		padding-bottom: calc(25% - 25px);
			width: 100% !important;
		}

		section.portfolio .portfolio-grid .photograph {
		    border-width: 0px;
		    margin-bottom: 25px;
		}

		section.portfolio .portfolio-grid .photograph:last-child {
		    margin-bottom: 0px;
		}

		section.portfolio .portfolio-main {
		    margin-left: 0px !important;
		    margin-right: 0px !important;
		    width: 100%;
		}

		section.portfolio .portfolio-grid .photograph,
		section.portfolio.portfolio-layout-masonry .photograph,
		section.portfolio.portfolio-layout-list .photograph,
		section.portfolio.portfolio-layout-cols-2 .photograph,
		section.portfolio.portfolio-layout-cols-3 .photograph,
		section.portfolio.portfolio-layout-cols-4 .photograph {
			height: 200px !important;
			max-width: 100% !important;
			width: 100% !important;
		}

		section.portfolio.portfolio-layout-masonry .photograph {
		    max-width: 100% !important;
		}
	}

	/* Portfolio Empty
	================================================== */

		section.portfolio .portfolio-empty {
		    text-align: center;
		}

		section.portfolio-with-sidebar .portfolio-empty {
		    padding-top: 155px;
		}

		section.portfolio .portfolio-empty .empty-message:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjEzOHB4IiBoZWlnaHQ9IjEwNnB4Ij4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIHN0cm9rZS13aWR0aD0iMnB4IiBzdHJva2U9InJnYigyMjEsIDIyMSwgMjIxKSIgZmlsbD0icmdiKDIyMSwgMjIxLCAyMjEpIg0KIGQ9Ik0xMjkuMDExLDEwMS4wMDEgTDkuMDEzLDEwMS4wMDEgQzYuODA0LDEwMS4wMDEgNS4wMTMsOTkuMjEwIDUuMDEzLDk3LjAwMSBMNS4wMTMsOS4wMDEgQzUuMDEzLDYuNzkyIDYuODA0LDUuMDAxIDkuMDEzLDUuMDAxIEw0OS4wMTIsNS4wMDEgQzUwLjA3Myw1LjAwMSA1MS4wOTAsNS40MjMgNTEuODQwLDYuMTczIEw2Ni42NjksMjEuMDAxIEwxMjkuMDExLDIxLjAwMSBDMTMxLjIyMCwyMS4wMDEgMTMzLjAxMSwyMi43OTIgMTMzLjAxMSwyNS4wMDEgTDEzMy4wMTEsOTcuMDAxIEMxMzMuMDExLDk5LjIxMCAxMzEuMjIwLDEwMS4wMDEgMTI5LjAxMSwxMDEuMDAxIFpNMTI1LjAxMSwyOS4wMDEgTDY1LjAxMiwyOS4wMDEgQzYzLjk1MSwyOS4wMDEgNjIuOTM0LDI4LjU3OSA2Mi4xODQsMjcuODI5IEw0Ny4zNTUsMTMuMDAxIEwxMy4wMTMsMTMuMDAxIEwxMy4wMTMsOTMuMDAxIEwxMjUuMDExLDkzLjAwMSBMMTI1LjAxMSwyOS4wMDEgWk01MC4xODQsNDIuMTczIEM1MS43NDQsNDAuNjEwIDU0LjI4MCw0MC42MTAgNTUuODQwLDQyLjE3MyBMNjkuMDEyLDU1LjM0NSBMODIuMTgzLDQyLjE3MyBDODMuNzQ0LDQwLjYxMCA4Ni4yNzksNDAuNjEwIDg3Ljg0MCw0Mi4xNzMgQzg5LjQwMiw0My43MzQgODkuNDAyLDQ2LjI2OCA4Ny44NDAsNDcuODI5IEw3NC42NjgsNjEuMDAxIEw4Ny44NDAsNzQuMTczIEM4OS40MDIsNzUuNzM0IDg5LjQwMiw3OC4yNjggODcuODQwLDc5LjgyOSBDODcuMDYwLDgwLjYxMCA4Ni4wMzUsODEuMDAxIDg1LjAxMiw4MS4wMDEgQzgzLjk4OCw4MS4wMDEgODIuOTY0LDgwLjYxMCA4Mi4xODMsNzkuODI5IEw2OS4wMTIsNjYuNjU3IEw1NS44NDAsNzkuODI5IEM1NS4wNjAsODAuNjEwIDU0LjAzNSw4MS4wMDEgNTMuMDEyLDgxLjAwMSBDNTEuOTg5LDgxLjAwMSA1MC45NjQsODAuNjEwIDUwLjE4NCw3OS44MjkgQzQ4LjYyMSw3OC4yNjggNDguNjIxLDc1LjczNCA1MC4xODQsNzQuMTczIEw2My4zNTYsNjEuMDAxIEw1MC4xODQsNDcuODI5IEM0OC42MjEsNDYuMjY4IDQ4LjYyMSw0My43MzQgNTAuMTg0LDQyLjE3MyBaIi8+DQo8L3N2Zz4=');
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100%;
			content: " ";
			display: block;
			height: 52px;
			margin-bottom: 20px;
			margin-left: auto;
			margin-right: auto;
			width: 68px;
		}

		body.theme-dark section.portfolio .portfolio-empty .empty-message:before {
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjEzOHB4IiBoZWlnaHQ9IjEwNnB4Ij4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIHN0cm9rZS13aWR0aD0iMnB4IiBzdHJva2U9InJnYigyMjEsIDIyMSwgMjIxKSIgZmlsbD0icmdiKDIyMSwgMjIxLCAyMjEpIg0KIGQ9Ik0xMjkuMDExLDEwMS4wMDEgTDkuMDEzLDEwMS4wMDEgQzYuODA0LDEwMS4wMDEgNS4wMTMsOTkuMjEwIDUuMDEzLDk3LjAwMSBMNS4wMTMsOS4wMDEgQzUuMDEzLDYuNzkyIDYuODA0LDUuMDAxIDkuMDEzLDUuMDAxIEw0OS4wMTIsNS4wMDEgQzUwLjA3Myw1LjAwMSA1MS4wOTAsNS40MjMgNTEuODQwLDYuMTczIEw2Ni42NjksMjEuMDAxIEwxMjkuMDExLDIxLjAwMSBDMTMxLjIyMCwyMS4wMDEgMTMzLjAxMSwyMi43OTIgMTMzLjAxMSwyNS4wMDEgTDEzMy4wMTEsOTcuMDAxIEMxMzMuMDExLDk5LjIxMCAxMzEuMjIwLDEwMS4wMDEgMTI5LjAxMSwxMDEuMDAxIFpNMTI1LjAxMSwyOS4wMDEgTDY1LjAxMiwyOS4wMDEgQzYzLjk1MSwyOS4wMDEgNjIuOTM0LDI4LjU3OSA2Mi4xODQsMjcuODI5IEw0Ny4zNTUsMTMuMDAxIEwxMy4wMTMsMTMuMDAxIEwxMy4wMTMsOTMuMDAxIEwxMjUuMDExLDkzLjAwMSBMMTI1LjAxMSwyOS4wMDEgWk01MC4xODQsNDIuMTczIEM1MS43NDQsNDAuNjEwIDU0LjI4MCw0MC42MTAgNTUuODQwLDQyLjE3MyBMNjkuMDEyLDU1LjM0NSBMODIuMTgzLDQyLjE3MyBDODMuNzQ0LDQwLjYxMCA4Ni4yNzksNDAuNjEwIDg3Ljg0MCw0Mi4xNzMgQzg5LjQwMiw0My43MzQgODkuNDAyLDQ2LjI2OCA4Ny44NDAsNDcuODI5IEw3NC42NjgsNjEuMDAxIEw4Ny44NDAsNzQuMTczIEM4OS40MDIsNzUuNzM0IDg5LjQwMiw3OC4yNjggODcuODQwLDc5LjgyOSBDODcuMDYwLDgwLjYxMCA4Ni4wMzUsODEuMDAxIDg1LjAxMiw4MS4wMDEgQzgzLjk4OCw4MS4wMDEgODIuOTY0LDgwLjYxMCA4Mi4xODMsNzkuODI5IEw2OS4wMTIsNjYuNjU3IEw1NS44NDAsNzkuODI5IEM1NS4wNjAsODAuNjEwIDU0LjAzNSw4MS4wMDEgNTMuMDEyLDgxLjAwMSBDNTEuOTg5LDgxLjAwMSA1MC45NjQsODAuNjEwIDUwLjE4NCw3OS44MjkgQzQ4LjYyMSw3OC4yNjggNDguNjIxLDc1LjczNCA1MC4xODQsNzQuMTczIEw2My4zNTYsNjEuMDAxIEw1MC4xODQsNDcuODI5IEM0OC42MjEsNDYuMjY4IDQ4LjYyMSw0My43MzQgNTAuMTg0LDQyLjE3MyBaIi8+DQo8L3N2Zz4=');
		}

		section.portfolio .portfolio-empty .empty-message {
			color: #dddddd;
		    font-size: 44px;
		    font-weight: 500;
		    letter-spacing: 0.05em;
		    line-height: 1.75;
		}

		body.theme-dark section.portfolio .portfolio-empty .empty-message {
			color: #dddddd;
		}

		@media only screen and (max-width: 479px) {

			section.portfolio-with-header .portfolio-empty {
				padding-top: 30px;
			}

			section.portfolio-with-header .portfolio-empty {
				-webkit-transform: scale(0.5);
				-moz-transform: scale(0.5);
				-ms-transform: scale(0.5);
				-o-transform: scale(0.5);
				transform: scale(0.5);
			}

		}


/* Portfolio Footer
================================================== */

	section.portfolio .portfolio-footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	section.portfolio .portfolio-footer-hidden {
		display: none;
	}

	section.portfolio .portfolio-more {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox; 
		display: -webkit-flex;
		display: flex; 
	}

	section.portfolio .portfolio-more {
		-webkit-align-items: center;
		align-items: center;
	}

	section.portfolio .portfolio-more {
		-webkit-justify-content: center;
		justify-content: center;
	}

	section.portfolio .portfolio-more {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	section.portfolio .portfolio-more .button {
		margin-bottom: -55px;
	}

	section.portfolio .portfolio-more .button,
	section.portfolio .portfolio-more-loading .button {
		opacity: 0;
		position: relative;
		z-index: 2;
	}

	section.portfolio .portfolio-more-active .button {
		opacity: 1;
	}

	section.portfolio .portfolio-more:after {
		background-color: transparent;
		background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI4LjA0MiUiIHkxPSIwJSIgeDI9IjY1LjY4MiUiIHkyPSIyMy44NjUlIiBpZD0iYSI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjIyIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyMjIiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjIyIiBvZmZzZXQ9IjEwMCUiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+DQogICAgICAgICAgICA8Y2lyY2xlIGZpbGw9IiMyMjIiIGN4PSIzNiIgY3k9IjE4IiByPSIxIj48L2NpcmNsZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 40px 40px;
		content: " ";
		height: 40px;
		opacity: 0;
		width: 40px;
	}

	section.portfolio .portfolio-more:after {
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}	

	section.portfolio .portfolio-more:after {
		-webkit-animation-duration: 0.9s;
		animation-duration: 0.9s;
	}		

	section.portfolio .portfolio-more:after {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}		

	section.portfolio .portfolio-more:after {
		-webkit-animation-name: rotate;
		animation-name: rotate;
	}	

	body.theme-dark section.portfolio .portfolio-more:after {
		background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI4LjA0MiUiIHkxPSIwJSIgeDI9IjY1LjY4MiUiIHkyPSIyMy44NjUlIiBpZD0iYSI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjZWVlIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNlZWUiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjZWVlIiBvZmZzZXQ9IjEwMCUiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+DQogICAgICAgICAgICA8Y2lyY2xlIGZpbGw9IiNlZWUiIGN4PSIzNiIgY3k9IjE4IiByPSIxIj48L2NpcmNsZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==');
	}

	section.portfolio .portfolio-more-loading:after {
		opacity: 1;
	}

	@media only screen and (max-width: 479px) {
		section.portfolio .portfolio-footer {
			margin-bottom: 10px;
		    padding-bottom: 5px;
		    padding-top: 5px;
		}
	}


/* Portfolio Albums Carousel
================================================== */

	section.portfolio-albums-carousel {
		height: 100vh;
	}

	@media only screen and (max-width: 479px) {
		section.portfolio-albums-carousel {
			height: auto;
			padding-bottom: 0px;
			padding-top: 20px;
		}
	}

	section.portfolio-albums-carousel .section-content {
		overflow-x: hidden;
	}

	section.portfolio-albums-carousel .section-content {
		-webkit-align-items: center;
		align-items: center;
	}

	section.portfolio-albums-carousel .section-content-wrapper {
		height: 100%;
	}		

	@media only screen and (max-width: 479px) {	
		section.portfolio-albums-carousel .section-content-wrapper {
			height: auto;
		}
	}

	section.portfolio-albums-carousel .carousel-wrapper {
		height: 600px;
	}

	@media only screen and (max-width: 479px) {
		section.portfolio-albums-carousel .carousel-wrapper {
			height: auto;
			padding-bottom: 40px;
			padding-top: 40px;
		}
	}

	section.portfolio-albums-carousel .carousel-wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	section.portfolio-albums-carousel .carousel-wrapper {
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	@media only screen and (max-width: 479px) {
		section.portfolio-albums-carousel .carousel-wrapper {
			-webkit-flex-direction: column;
			flex-direction: column;
		}
	}

	section.portfolio-albums-carousel .carousel-wrapper {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	/* Headline
	================================================== */

		section.portfolio-albums-carousel .headline {
			height: 500px;
			width: calc(350px + 5.65vw);
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .headline {
				height: auto;
				width: 100%;
			}
		}

		section.portfolio-albums-carousel .headline {
			-webkit-flex-shrink: 0;
			flex-shrink: 0;
		}

		section.portfolio-albums-carousel .headline {
			-webkit-transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			-ms-transition: all 0.4s ease 0s;
			-o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
		}

		section.portfolio-albums-carousel .headline-hidden {
			min-width: 0px;
			width: 0px;
		}

		section.portfolio-albums-carousel .headline {
			-webkit-flex-grow: 0;
			flex-grow: 0;
		}

		section.portfolio-albums-carousel .headline-text {
			padding-bottom: 60px;
			padding-left: calc(100vw * 0.0565);
			padding-top: 60px;
			text-align: left;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .headline-text {
			    padding-bottom: 40px;
			    padding-left: 40px;
			    padding-right: 40px;
			    padding-top: 40px;
			}
		}

		section.portfolio-albums-carousel .headline-text:after {
			background-color: #dddddd;
			content: ' ';
			display: block;
			height: 9px;
			margin-top: 40px;
			width: 40px;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .headline-text:after {
				margin-top: 24px;
			}
		}

		section.portfolio-albums-carousel .headline-text h1 {
			color: #dddddd;
			font-size: 70px;
			font-weight: 600;
			letter-spacing: 0;
			line-height: 0.96;
			margin-left: -5px;
		}

		section.portfolio-albums-carousel .headline-text h1 {
			-webkit-transition: all 0.2s ease 0s;
			-moz-transition: all 0.2s ease 0s;
			-ms-transition: all 0.2s ease 0s;
			-o-transition: all 0.2s ease 0s;
			transition: all 0.2s ease 0s;
		}

		section.portfolio-albums-carousel .headline-hidden h1 {
			font-size: 50px;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .headline-text h1 {
	    		font-size: 48px;
			}
			section.portfolio-albums-carousel .headline-hidden h1 {
				font-size: 48px;
			}
		}

		body.theme-dark section.portfolio-albums-carousel .headline-text h1 {
			color: #e2e2e2;
		}


	/* Albums
	================================================== */

		section.portfolio-albums-carousel .albums {
			height: 560px;
			margin-top: 30px;
			padding-right: calc(100vw * 0.0565);
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .albums {
				height: auto;
				margin-top: 0px;
		    	padding-left: 6.25% !important;
		    	padding-right: 6.25% !important;
			}
		}

		section.portfolio-albums-carousel .albums {
			-webkit-flex-grow: 1;
			flex-grow: 1;
		}

		section.portfolio-albums-carousel .albums-wrapper {
			height: 100%;
		}

		section.portfolio-albums-carousel .albums-wrapper {
			-webkit-align-items: flex-start;
			align-items: flex-start;
		}

		section.portfolio-albums-carousel .albums-wrapper {
			-webkit-flex-wrap: nowrap;
			flex-wrap: nowrap;
		}

		@media only screen and (max-width: 479px) {	
			section.portfolio-albums-carousel .albums-wrapper {
				height: auto;
			}
			section.portfolio-albums-carousel .albums-wrapper {
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			section.portfolio-albums-carousel .albums-wrapper {
				-webkit-flex-direction: column;
				flex-direction: column;
			}
		}

		section.portfolio-albums-carousel .album {
			background-color: #111111;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			border-radius: 10px;
			cursor: pointer;
			height: 500px;
			margin-bottom: 0px;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 0px;
			position: relative;
			width: 320px;
		}

		section.portfolio-albums-carousel .album {
    		-webkit-transition: -webkit-transform 0.4s ease 0s;
    		-moz-transition: -moz-transform 0.4s ease 0s;
    		-ms-transition: -ms-transform 0.4s ease 0s;
    		-o-transition: -o-transform 0.4s ease 0s;
    		transition: transform 0.4s ease 0s;
		}

		@media only screen and (min-width: 480px) {	
			section.portfolio-albums-carousel .album:hover {
    			-webkit-transform: perspective(600vh) rotateY(-20deg);
    			-moz-transform: perspective(600vh) rotateY(-20deg);
    			-ms-transform: perspective(600vh) rotateY(-20deg);
    			-o-transform: perspective(600vh) rotateY(-20deg);
    			transform: perspective(600vh) rotateY(-20deg);
			}
		}

		@media only screen and (max-width: 479px) {	
			section.portfolio-albums-carousel .album {
				height: 400px;
		    	margin-bottom: 15px;
				margin-left: auto;
				margin-right: auto;
		    	margin-top: 15px;
				position: relative;
				width: 100%;
			}
		}

		section.portfolio-albums-carousel .album {
			-webkit-box-shadow: 0px 10px 70px 13px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 10px 70px 13px rgba(0,0,0,0.1);
			box-shadow: 0px 10px 70px 13px rgba(0,0,0,0.1);
		}

		section.portfolio-albums-carousel .album {
			-webkit-flex-shrink: 0;
			flex-shrink: 0;
		}

		section.portfolio-albums-carousel .album:first-child {
			margin-left: 0px;
		}

		section.portfolio-albums-carousel .album:last-child {
			margin-right: 0px;
		}

		section.portfolio-albums-carousel .album:before {
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.43) 75%, rgba(0,0,0,0.65) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%,rgba(0,0,0,0.43) 75%,rgba(0,0,0,0.65) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 25%,rgba(0,0,0,0.43) 75%,rgba(0,0,0,0.65) 100%);
			border-radius: 10px;
			bottom: 0px;
			content: ' ';
			display: block;
			left: 0px;
			opacity: 0.5;
			position: absolute;
			right: 0px;
			top: 0px;
			z-index: 0;
		}

		section.portfolio-albums-carousel .album-info {
			text-align: left;
		}

		section.portfolio-albums-carousel .album-wrapper {
			-webkit-align-items: flex-end;
			align-items: flex-end;
		}

		section.portfolio-albums-carousel .album-info-wrapper {
			cursor: pointer;
			padding-bottom: 50px;
			padding-left: 40px;
			padding-right: 40px;
			padding-top: 50px;
			position: relative;
			z-index: 2;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .album-info-wrapper {
				padding-bottom: 40px;
				padding-left: 30px;
				padding-right: 30px;
				padding-top: 40px;
			}
		}

		section.portfolio-albums-carousel .album-info-wrapper:after {
			background-color: #eeeeee;
			background-image: url('data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDM0LCAzNCwgMzQpIg0KIGQ9Ik04LjAwMCw1LjAwMCBMNS4wMDAsNS4wMDAgTDUuMDAwLDguMDAwIEwzLjAwMCw4LjAwMCBMMy4wMDAsNS4wMDAgTC0wLjAwMCw1LjAwMCBMLTAuMDAwLDMuMDAwIEwzLjAwMCwzLjAwMCBMMy4wMDAsLTAuMDAwIEw1LjAwMCwtMC4wMDAgTDUuMDAwLDMuMDAwIEw4LjAwMCwzLjAwMCBMOC4wMDAsNS4wMDAgWiIvPg0KPC9zdmc+');
			background-position: center;
			background-repeat: no-repeat;
			background-size: 8px;
			border-radius: 32px;
			content: " ";
			display: block;
			height: 32px;
			margin-top: 11px;
			width: 32px;
		}

		section.portfolio-albums-carousel .album-info-wrapper:after {
			-webkit-transition: background 0.4s ease 0s;
			-moz-transition: background 0.4s ease 0s;
			-ms-transition: background 0.4s ease 0s;
			-o-transition: background 0.4s ease 0s;
			transition: background 0.4s ease 0s;
		}

		section.portfolio-albums-carousel .album-info-wrapper:hover:after {
			background-color: #ffffff;
		}

		body.theme-dark section.portfolio-albums-carousel .album-info-wrapper:after {
			background-color: #eeeeee;
		}

		section.portfolio-albums-carousel .album-info .title {
			margin-bottom: -6px;
		}

		@media only screen and (max-width: 479px) {
			section.portfolio-albums-carousel .album-info .title {
				margin-bottom: 0px;
			}
		}

		section.portfolio-albums-carousel .album-info .title h5 {
			color: #ffffff;
			font-size: 30px;
			font-weight: 500;
			letter-spacing: 0.05em;
			line-height: 1.2;
		}

		body.theme-dark section.portfolio-albums-carousel .album-info .title h5 {
			color: #ffffff;
		}

		section.portfolio-albums-carousel .album-info .count {
			padding-bottom: 9px;
			padding-top: 9px;
		}

		section.portfolio-albums-carousel .album-info .count p {
			color: #ffffff;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.4em;
			line-height: 1.63;
			text-transform: uppercase;
		}

		section.portfolio-albums-carousel .album-info .date {
			padding-bottom: 9px;
			padding-top: 9px;
		}

		section.portfolio-albums-carousel .album-info .date p {
			color: #ffffff;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.4em;
			line-height: 1.63;
			text-transform: uppercase;
		}


	/* Scrollbar
	================================================== */

		@media only screen and (min-width: 479px) {
			section.portfolio-albums-carousel .ps-container {
			    overflow: hidden !important;
			    -ms-overflow-style: none;
			}

			section.portfolio-albums-carousel .ps-container {
			    -ms-touch-action: none;
			    touch-action: none;
			}

			@supports (-ms-overflow-style: none) {
			    section.portfolio-albums-carousel .ps-container {
			        overflow: auto !important;
			    }
			}

			@media screen and (-ms-high-contrast: active),
			(-ms-high-contrast: none) {
			    section.portfolio-albums-carousel .ps-container {
			        overflow: auto !important;
			    }
			}
		}

		section.portfolio-albums-carousel .ps-container.ps-active-x > .ps-scrollbar-x-rail,
		section.portfolio-albums-carousel .ps-container.ps-active-y > .ps-scrollbar-y-rail {
		    background-color: #e1e1e6;
		    display: block;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container.ps-active-x > .ps-scrollbar-x-rail,
		body.theme-dark section.portfolio-albums-carousel .ps-container.ps-active-y > .ps-scrollbar-y-rail {
		    background-color: #383838;
		}

		section.portfolio-albums-carousel .ps-container.ps-in-scrolling {
		    pointer-events: none;
		}

		section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
		    background-color: #e1e1e6;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
		    background-color: #383838;
		}

		section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		    background-color: #282828;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		    background-color: #dddddd;
		}

		section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
		    background-color: #e1e1e6;
		}

		section.portfolio-albums-carousel .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		    background-color: #282828;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail {
			border-bottom-color: #fcfcfc;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-top-color: #fcfcfc;
			border-top-style: solid;
			border-top-width: 1px;
		    bottom: 20%;
		    display: none;
		    height: 4px;
			left: 0px !important;
		   	margin-left: 30%;
		   	margin-right: 30%;
		    position: absolute;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail {
			border-bottom-color: #222222;
			border-top-color: #222222;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail {
		    -webkit-transform: translateY(56px);
		    -moz-transform: translateY(56px);
		    -ms-transform: translateY(56px);
		    -o-transform: translateY(56px);
		    transform: translateY(56px);
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail {
		    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
		    transition: background-color 0.2s linear, opacity 0.2s linear;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
			background-color: #282828;
			border-bottom-color: #fcfcfc;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-top-color: #fcfcfc;
			border-top-style: solid;
			border-top-width: 1px;
		    bottom: 0;
		    cursor: pointer;
		    position: absolute;
		    height: 4px;
		    top: -1px;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		    -webkit-transition: background-color 0.2s linear, border 0.2s ease 0s;
		    -moz-transition: background-color 0.2s linear, border 0.2s ease 0s;
		    -ms-transition: background-color 0.2s linear, border 0.2s ease 0s;
		    -o-transition: background-color 0.2s linear, border 0.2s ease 0s;
		    transition: background-color 0.2s linear, border 0.2s ease 0s;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		    background-color: #dddddd;
			border-bottom-color: #222222;
			border-top-color: #222222;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:active,
		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:hover {
			border-bottom-color: #282828;
			border-top-color: #282828;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:active,
		body.theme-dark section.portfolio-albums-carousel .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x:hover {
			border-bottom-color: #fcfcfc;
			border-top-color: #fcfcfc;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-y-rail {
		    display: none;
		    opacity: 1;
		    position: absolute;
		    right: 3px;
		    width: 2px;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-y-rail {
		    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -ms-transition: background-color 0.2s linear, opacity 0.2s linear;
		    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
		    transition: background-color 0.2s linear, opacity 0.2s linear;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		    background-color: #282828;
		    position: absolute;
		    right: 0;
		    width: 2px;
		}

		section.portfolio-albums-carousel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		    -webkit-transition: background-color 0.2s linear;
		    -moz-transition: background-color 0.2s linear;
		    -ms-transition: background-color 0.2s linear;
		    -o-transition: background-color 0.2s linear;
		    transition: background-color 0.2s linear;
		}

		section.portfolio-albums-carousel .ps-container:hover.ps-in-scrolling {
		    pointer-events: none;
		}

		section.portfolio-albums-carousel .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
		    background-color: #e2e2e2;
		}

		section.portfolio-albums-carousel .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
		    background-color: #282828;
		}

		section.portfolio-albums-carousel .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
		    background-color: #e2e2e2;
		}

		section.portfolio-albums-carousel .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		    background-color: #282828;
		}

		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-x-rail,
		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-y-rail {
		    opacity: 1;
		}

		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-x-rail:hover {
		    background-color: #e1e1e6;
		}

		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
		    background-color: #282828;
		}

		body.theme-dark section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
		    background-color: #dcdcdc;
		}

		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-y-rail:hover {
		    background-color: #e1e1e6;
		}

		section.portfolio-albums-carousel .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
		    background-color: #282828;
		}


/* Portfolio Albums Grid
================================================== */

	section.portfolio-albums-grid {

	}

	section.portfolio-albums-grid .section-content {
		margin-bottom: -122px;
		padding-bottom: 105px;
		padding-top: 105px;
	}

	section.portfolio-albums-grid .albums {

	}

	section.portfolio-albums-grid .album {
		margin-right: 7.36%;
		width: 28.42%;
	}

	section.portfolio-albums-grid .album:nth-child(3n+0) {
	    margin-right: 0px;
	}

	@media only screen and (min-width: 480px) and (max-width: 800px) {
		section.portfolio-albums-grid .album {
		    margin-right: 10% !important;
		    width: 45%;
		}
		section.portfolio-albums-grid .album:nth-child(2n+0) {
		    margin-right: 0px !important;
		}
	}

	@media only screen and (max-width: 479px) {
		section.portfolio-albums-grid .album {
		    margin-right: 0px !important;
		    width: 100%;
		}
	}

	section.portfolio-albums-grid .album-wrapper {
		
	}

	section.portfolio-albums-grid .album-thumbs {
		height: 250px;
		position: relative;
	}

	section.portfolio-albums-grid .album-thumbs-wrapper {
		height: 100%;
		position: relative;
	}

	section.portfolio-albums-grid .album-thumbs .thumb {
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.1);
		left: 50%;
		max-height: 100%;
		max-width: 100%;
		position: absolute;
		top: 50%;
	}

	section.portfolio-albums-grid .album-thumbs .thumb {
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	section.portfolio-albums-grid .album-thumbs .thumb-main {
		z-index: 1;
	}

	section.portfolio-albums-grid .album-thumbs .thumb-sub {
		opacity: 0.25;
		z-index: 0;
	}

	section.portfolio-albums-grid .album-info {
		text-align: center;
		padding-bottom: 42px;
		padding-top: 42px;
	}

	section.portfolio-albums-grid .album-info .title {

	}

	section.portfolio-albums-grid .album-info .title h4 {
		color: #222222;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}

	body.theme-dark section.portfolio-albums-grid .album-info .title h4 {
		color: #eeeeee;
	}

	section.portfolio-albums-grid .album-info .count {

	}

	section.portfolio-albums-grid .album-info .count p {
		color: #222222;
		font-size: 9.5px;
		font-weight: 600;
		letter-spacing: 0.4em;
		line-height: 1.8;
		margin-bottom: -9px;
		text-transform: uppercase;
	}

	body.theme-dark section.portfolio-albums-grid .album-info .count p {
		color: #eeeeee;
	}

	section.portfolio-albums-grid .album-info:after {
		background-color: #dddddd;
		content: " ";
		display: block;
		height: 2px;
		margin-bottom: 22px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 22px;
		width: 20px;
	}

	body.theme-dark section.portfolio-albums-grid .album-info:after {
		background-color: #dddddd;
	}