/*
*   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 {

	} 


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


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

	section.portfolio-with-header {

	}

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

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

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

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

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

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

	section.portfolio-archive .section-header .headline {
		color: #222222;
		font-size: 65px;
		font-weight: 500;
		line-height: 1.25;
		text-align: center;
	}

	body.theme-dark section.portfolio-archive .section-header .headline {
		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 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;
	}

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

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

	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-post-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 {
		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 {
		border-color: #222222;
	}

	section.portfolio .portfolio-grid .photograph a {
		-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 {
		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-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;
		}
	}