/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  
html{height: 100%}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */
   html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

input,
textarea,
button,
select,
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/


/* Start Basic CSS
--------------------------------------------------------------------------------------------------*/
body {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: .25px;
	color: #000;
	height: 100%;
}

.wrapper {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.home-wrapper {
	height: 100%;
}

.alt-wrapper {
	min-height: 100%;
	padding-bottom: 80px;
}

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}

.btn {
	position: relative;
	display: inline-block;
	height: 40px;
	min-width: 130px;
	line-height: 36px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bordered-btn {
	border: 2px solid #000;
	z-index: 1;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

.bordered-btn:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #000;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gray-btn {
	z-index: 1;
	font-size: 14px;
	line-height: 40px;
	color: #000;
	background: #f1efeb;
	text-decoration: none;
}

.gray-btn:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #000;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gray-btn:hover {
	color: #fff;
}

.gray-btn:hover:after {
	left: 0;
	width: 100%;
}

.bordered-btn:hover {
	color: #fff;
}

.bordered-btn:hover:after {
	left: 0;
	width: 100%;
}

.login-form {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(241, 239, 235, .7);
	z-index: 99999;
}

.login-form .status {
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	color: #777;
}

.login-form .status.error {
	color: #EE1060;
}

.login-inner {
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 560px;
	padding: 70px 90px;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

html.loggedin-user {
	margin-top: 0px !important;
}

html.loggedin-user #wpadminbar {
	display: none;
}

.close-popup {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: 2px solid #000;
	background: url('../img/bgi/close-black.svg') no-repeat center center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.login-title {
	display: block;
	margin: 40px 0px;
	font-family: 'DM Serif Text', serif;
    font-size: 46px;
    text-align: center;
    letter-spacing: 0px;
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(241, 239, 235, .7);
	z-index: 8;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.login-inner label {
	display: block;
	font-size: 14px;
	color: #777;
}

.login-inner input {
	display: block;
	margin-bottom: 30px;
	width: 100%;
	border: 0px;
	height: 30px;
	outline: none;
	line-height: 46px;
	color: #000;
	font-size: 16px;
	font-family: 'DM Sans', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #777777;
}

.login-inner button {
	background: none;
	padding: 0px;
	font-family: 'DM Sans', sans-serif;
	outline: none;
}

.login-inner input:focus {
	border-color: #000;
}

.button-content {
	text-align: center;
}

.menu-active .overlay {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
	visibility: visible;
}

.main-title {
	margin: 60px 0px;
	font-family: 'DM Serif Text', serif;
	font-size: 46px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0px;
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
}

@-webkit-keyframes grow-and-fade {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1) translateZ(0);
		transform: scale(0.1) translateZ(0);
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
	}
}

@keyframes grow-and-fade {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1) translateZ(0);
		transform: scale(0.1) translateZ(0);
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1) translateZ(0);
		transform: scale(1) translateZ(0);
	}
}

@-webkit-keyframes pulsing-fade {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 0.8;
	}
	60% {
		opacity: 0;
	}
}

@keyframes pulsing-fade {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 0.8;
	}
	60% {
		opacity: 0;
	}
}

.triangle {
	-webkit-animation: grow-and-fade 2000ms linear infinite;
	animation: grow-and-fade 2000ms linear infinite;
	height: 150px;
	left: 0;
	opacity: 0;
	width: 150px;
	position: absolute;
	top: 0%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform-origin: 50% 60%;
	transform-origin: 50% 60%;
	-webkit-will-change: opacity, transform;
	will-change: opacity, transform;
}

.triangle-wrapper {
	height: 150px;
    position: fixed;
    width: 150px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.triangle-loading {
	-webkit-animation: pulsing-fade 3000ms ease infinite;
	animation: pulsing-fade 3000ms ease infinite;
	left: 0%;
	opacity: 0;
	position: absolute;
	bottom: -20px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}

.triangle-svg {
	margin-top: -20px;
	opacity: 0.5;
	overflow: visible;
}

.triangle-polygon {
	stroke-width: 5px;
	stroke: #000;
}

.triangle-1 {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.triangle-2 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.triangle-3 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}

.triangle-4 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.triangle-5 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}

.default-text p {
	margin: 15px 0px;
	color: #777;
	text-align: justify;
}

.default-text p a {
	color: #000;
}

.default-text p a:hover {
	text-decoration: none;
}

.default-text blockquote {
	position: relative;
	padding: 15px 40px 15px 60px;
}

.default-text blockquote:after {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 40px;
	height: 30px;
	opacity:  .5;
    background: url('../img/bgi/quote-black.svg') no-repeat center center;
}

.default-text h2 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-family: 'DM Serif Text', serif;
    font-size: 24px;
    font-weight: 400;
}

.default-text ul li {
	position: relative;
	padding-left: 15px;
	color: #777;
}

.default-text ol {
	list-style-position: inside;
}

.default-text ol li {
	color: #777;
}

.default-text ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #777;
}

.default-text h3 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-family: 'DM Serif Text', serif;
    font-size: 22px;
    font-weight: 400;
}

.default-text h4 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-family: 'DM Serif Text', serif;
    font-size: 20px;
    font-weight: 400;
}

.text-small-container {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.error-container p,
.error-container {
	text-align: center;
}
/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* Start header CSS
--------------------------------------------------------------------------------------------------*/
.navigation-slide {
	position: fixed;
	padding-top: 130px;
	padding-bottom: 30px;
	background: #fff;
	width: calc((100% - 1200px) / 2 + 440px);
	box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.05);
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.menu-active .navigation-slide {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
	visibility: visible;
}

.nav-content{
	width: 440px;
	float: right;
	padding-right: 120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-nav li a {
	display: block;
	font-family: 'DM Serif Text', serif;
	font-size: 46px;
	line-height: 72px;
	letter-spacing: 0px;
	text-decoration: none;
	color: #000;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.main-nav li a:hover {
	color: #777777;
	-webkit-animation: wave .3s;
	animation: wave .3s;
}

#header {
	position: relative;
	padding: 30px 0px;
	background: #fff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.search-nav {
	position: relative;
	margin: 55px 0px;
}

.search-nav input {
	width: 100%;
	padding: 0px 50px 0px 15px;
	height: 50px;
	border: 2px solid #000;
	outline: none;
	line-height: 46px;
	color: #000;
	font-size: 16px;
	font-family: 'DM Sans', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search-nav input:focus {
	border-color: #777;
}

.search-nav button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	font-size: 18px;
	color: #000;
	border: 0px;
	background: none;
	outline: none;
}

@keyframes wave {
	0%   { transform: translateY(0px);  }
	50%  { transform: translateY(-3px); }
	100%  { transform: translateY(0px); }
}

@-webkit-keyframes wave {
	0%   { transform: translateY(0px);  }
	50%  { transform: translateY(-3px); }
	100%  { transform: translateY(0px); }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
}

.menu-info h4 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #777777;
	font-weight: 400;
	border-bottom: 2px solid #777;
}

.menu-info p {
	margin: 20px 0px;
	color: #777;
	line-height: 20px;
}

.head-social {
	margin-top: 30px;
}

.head-social li {
	float: left;
	margin-right: 15px;
}

.head-social li a {
	display: block;
	color: #777;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.head-social li a:hover {
	color: #000;
}

.menu-active .menu-toggle {
	position: fixed;
	top: 30px;
}

.menu-toggle{
	float: left;
	width:40px;
	height:40px;
	border:2px solid #000;
	cursor:pointer;
	z-index: 10;
	position:relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.menu-toggle small {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
	padding-left: 50px;
	line-height: 40px;
}

.hamburger,.cross{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.hamburger span{
	display:block;
	width:24px;
	height:2px;
	margin-bottom:7px;
	overflow:hidden;
	position:relative;
}
.hamburger span:last-child{
	margin:0;
}
.hamburger span:before,.hamburger span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgb(15,15,15);
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.hamburger span:after{
	transform:translateX(0);
}
.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
	transition-delay:75ms;
}
.hamburger span:last-child:before,.hamburger span:last-child:after{
	transition-delay:150ms;
}
.menu-toggle:hover .hamburger span:before{
	transform:translateX(0);
}
.menu-toggle:hover .hamburger span:after{
	transform:translateX(200%);
}
.menu-toggle.active .hamburger span:before{
	transform:translateX(100%);
}
.menu-toggle.active .hamburger span:after{
	transform:translateX(200%);
}
.cross span{
	display:block;
	width:24px;
	height:2px;
	background-color:rgb(15,15,15);
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
.cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
.menu-toggle.active .cross span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-toggle.active .cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

.header-login {
	float: right;
}

.logo-img {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 0px;
	line-height: 0px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* End header CSS
--------------------------------------------------------------------------------------------------*/

/* Start footer CSS
--------------------------------------------------------------------------------------------------*/
#footer {
	padding: 30px 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.alt-footer {
	background: #f1efeb;
}

.copy {
	float: left;
	line-height: 20px;
}

.copy img {
	display: inline-block;
	vertical-align: top;
}

.copy p {
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	font-size: 12px;
}

.footer-menu {
	float: right;
}

.footer-menu li {
	float: left;
	position: relative;
	line-height: 12px;
	padding-left: 10px;
	margin-left: 9px;
}

.footer-menu li:first-child:after {
	display: none;
}

.footer-menu li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: #000;
}

.footer-menu li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	line-height: 20px;
}
/* End footer CSS
--------------------------------------------------------------------------------------------------*/

/* Start home CSS
--------------------------------------------------------------------------------------------------*/
.home-section {
	min-height: calc(100% - 100px);
	width: 100%;
	background-size: cover !important;
}

.intro-text {
	padding-top: 120px;
	font-family: 'DM Serif Text', serif;
	font-size: 46px;
	text-align: center;
	letter-spacing: 0px;
}

.intro-text h2 {
	font-weight: 400;
}

.intro-text span {
	display: inline-block;
	padding: 15px 18px;
	margin: 30px auto 100px;
	border: 2px solid #000;
	border-radius: 10px;
}

.intro-text img {
	display: block;
	margin: 0 auto;
}

.main-cat-list {
	text-align: center;
	display: flex;
	justify-content: center;
}

.main-cat-list li {
	position: relative;
}

.main-cat-list li a {
	position: relative;
	display: block;
	width: 160px;
	padding: 35px 0px;
	text-align: center;
	text-decoration: none;
	color: #000;
}

.main-cat-list li:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: #000;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.main-cat-list li:hover:before,
.main-cat-list li:hover:after {
	width: 100%;
	left: 0;
}

.main-cat-list li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #000;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.main-cat-list li img {
	display: inline-block;
}

.main-cat-list li span {
	display: block;
}
/* End home CSS
--------------------------------------------------------------------------------------------------*/

/* Start category CSS
--------------------------------------------------------------------------------------------------*/
.hub-cat-list li {
	float: left;
	width: 360px;
	margin-right: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.hub-cat-list li:nth-child(3n),
.project-list ul li:nth-child(3n) {
	margin-right: 0px;
}

.hub-cat-list li a figure,
.project-list ul li a figure {
	position: relative;
	margin-bottom: 20px;
}

.hub-cat-list li a figure:after,
.project-list ul li a figure:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: rgba(0,0,0, .5) url('../img/bgi/detalii-white.svg') no-repeat center center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hub-cat-list li a:hover figure:after,
.project-list ul li a:hover figure:after {
	left: 0;
	width: 100%;
}

.hub-cat-list li a img,
.project-list ul li a img {
	display: block;
	margin: 0 auto;
}

.hub-cat-list li a,
.project-list ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hub-cat-list li .category-name {
	display: block;
	padding-bottom: 15px;
}

.subcat-navigation {
	margin: 20px 0px 25px;
	text-align: center;
}

.subcat-navigation li {
	display: inline-block;
	margin: 0px 15px;
}

.subcat-navigation li a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
	font-weight: 700;
	font-size: 12px;
	color: #777;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.subcat-navigation li a:hover {
	color: #000;
}

.subcat-navigation li.active-filter a {
	color: #000;
}

.subcat-navigation li.active-filter a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15px;
	height: 2px;
	background: #000;
}

.category-section .main-title {
	margin-bottom: 0px;
}

.project-list ul li {
	float: left;
	width: 360px;
	margin-right: 60px;
	margin-bottom: 30px;
	text-align: center;
}

.category-section {
	margin-bottom: 60px;
}

.project-list ul li a figure {
	margin-bottom: 0px;
}

.project-list ul li a:hover .project-title:after {
	width: 100%;
	left: 0;
}

li .project-title {
	position: relative;
	padding: 30px 20px;
	font-family: 'DM Serif Text', serif;
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 24px;
}

li .project-title span {
	position: relative;
	z-index: 2;
}

li .project-title:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	border-bottom: 2px solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.ambient-pagination {
	text-align: center;
}

.ambient-pagination li {
	display: inline-block;
	margin: 0px 5px;
}

.ambient-pagination li a {
	display: block;
	width: 60px;
	height: 50px;
	line-height: 50px;
	background: #f9f9f9;
	text-decoration: none;
	color: #777777;
	font-size: 18px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ambient-pagination li a:hover {
	color: #000000;
	background: #f1efeb;
}

.ambient-pagination li span {
	display: block;
	width: 60px;
	height: 50px;
	line-height: 50px;
	background: #000;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

.empty-search p {
	text-align: center;
}
/* End category CSS
--------------------------------------------------------------------------------------------------*/

/* Start single CSS
--------------------------------------------------------------------------------------------------*/
.project-inner-top {
	margin: 60px 0px;
}

.project-inner-top figure {
	float: left;
	width: calc(100% - 640px);
}

.project-basic-info {
	position: relative;
}

.project-name {
	position: absolute;
	right: 0;
	top: 50%;
	width: 600px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project-category {
	display: inline-block;
	padding: 0px 15px;
	background: #000;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
}

.project-name h1 {
	margin: 10px 0px ;
	font-family: 'DM Serif Text', serif;
	font-size: 46px;
	line-height: 50px;
	font-weight: 400;
	letter-spacing: 0px;
}

.project-meta {
	text-align: right;
}

.review-btn {
	display: inline-block;
	text-align: right;
	color: #777777;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.review-btn:hover {
	color: #000;
}

.project-sku-share {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #000;
}

.project-sku-share .sku {
	float: left;
	font-size: 18px;
	letter-spacing: 0px;
}

.project-sku-share .project-share {
	float: right;
}

.project-sku-share .project-share li {
	float: left;
	margin-left: 20px;
}

.project-sku-share .project-share li a {
	display: block;
	color: #777;
	font-size: 18px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.project-sku-share .project-share li a:hover {
	color: #000;
}

.tab-slider {
	text-align: center;
	padding: 0px 200px;
	margin: 0 auto;
}

.tab-title {
	position: relative;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	width: 160px !important;
	color: #777;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.tab-title:hover {
	color: #000;
}

.tab-title span {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.active-title span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15px;
	height: 2px;
	background: #000;
}

.active-title span {
	color: #000;
}

.tab-no-slider {
	text-align: center;
}

.tab-no-slider .tab-title {
	display: inline-block;
}

.tab-slider .slick-arrow {
	width: 30px;
	height: 10px;
	border: 0px;
	padding: 0px;
	font-size: 0px;
	position: absolute;
	top: 50%;
	opacity: .5;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.tab-slider .slick-arrow:hover {
	opacity: 1;
}

.tab-slider .slick-prev {
	left: 0;
	background: url('../img/bgi/arrow-left-black.svg') no-repeat center center;
}

.tab-slider .slick-next {
	right: 0;
	background: url('../img/bgi/arrow-right-black.svg') no-repeat center center;
}

.tab-content {
	display: none;
}

.tab-content.tab-content-active {
	display: block;
}

.step-title h2 {
	margin: 40px 0px 0px;
	font-family: 'DM Serif Text', serif;
	font-size: 46px;
	line-height: 50px;
	font-weight: 400;
	letter-spacing: 0px;
}

.step-info span {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}

.step-title {
	margin: 40px 0px;
	text-align: center;
}

.step-info .step-date {
	font-style: italic;
	color: #777;
}

.step-info .step-status.finalizat {
	color: #000;
}

.step-info .step-status.nefinalizat {
	color: #777;
}

.step-inner img {
	display: block;
}

.project-gallery {
	margin-bottom: 40px;
}

.project-description, .review-text {
	max-width: 800px;
	margin: 0 auto 50px;
}

.project-description.default-text p, .review-text.default-text p {
	margin: 0px;
}

.review-section {
	position: relative;
	text-align: center;
	margin-bottom: 100px;
}

.divider {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 20px;
	background: url('../img/bgi/virtual-ambient-symbol-black.svg') no-repeat center center;
}

.divider:before {
	content: '';
	position: absolute;
	left: -50px;
	top: 9px;
	width: 40px;
	height: 2px;
	background: #000;
}

.divider:after {
	content: '';
	position: absolute;
	right: -50px;
	top: 9px;
	width: 40px;
	height: 2px;
	background: #000;
}

.review-text {
	position: relative;
	padding-top: 70px;
}

.review-text:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	background: url('../img/bgi/quote-black.svg') no-repeat center center;
}
/* End single CSS
--------------------------------------------------------------------------------------------------*/

/* Start services CSS
--------------------------------------------------------------------------------------------------*/
.services-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.services-list ul li {
	width: calc(50% - 30px);
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.services-list ul li h2 {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 0px 15px 100px;
    font-family: 'DM Serif Text', serif;
    font-size: 18px;
    font-weight: 400;
}

.services-list ul li h2 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 60px;
	border-radius: 10px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* End services CSS
--------------------------------------------------------------------------------------------------*/

/* Start myaccount CSS
--------------------------------------------------------------------------------------------------*/
.project-user-list {
	max-width: 800px;
	width: 100%;
	margin: 0 auto 100px;
}

.project-user-list ul li {
	position: relative;
	margin-bottom: 30px;
}

.project-user-list ul li figure {
	width: 300px;
}

.project-user-list ul li figure img {
	display: block;
}

.user-project-name {
	width: 420px;
	right: 40px;
}

.project-user-list ul li a {
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 2;
	text-decoration: none;
}

.project-user-list ul li a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #F1EFEB;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project-user-list ul li a:hover:after {
	width: 100%;
	left: 0;
}

.project-user-list ul li a h2,
.project-user-list ul li a .sku {
	color: #000;
}

.project-user-list ul li h2 {
	margin: 20px 0px;
    font-family: 'DM Serif Text', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0px;
}

.empty-project-message {
	text-align: center;
}

.myaccount-header {
	position: relative;
    margin: 60px 0px;
}

.myaccount-header h1 {
	margin: 0px;
}

.logout-btn {
	position: absolute;
	right: 0;
	top: 0;
}
/* End myaccount CSS
--------------------------------------------------------------------------------------------------*/