/* hide Indihome iframe */

#ifrm {display: none;}

/* end */



#project-image img {

	border: 1px solid #CDD0CC;

	box-sizing: border-box;

}



.mask1 {

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	height: 100%;

	background: url(../images/mask1.svg) no-repeat;

	background-size: 100%;

}



.mask2 {

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	height: 100%;

	background: url(../images/mask2.svg) no-repeat;

	background-size: 100%;

	z-index: 9;

}



.mask3 {

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	height: 100%;

	background: url(../images/mask3.svg) no-repeat;

	background-size: 100%;

	z-index: 9;

}



.bg-homepage #navbar a {

	color: #aaaaaa;

}



#toggle-zoom {

	top: 50%;

	transform: translateY(-50%);

}



#logo-landingpage {

	padding: 10px 23px;

}



#logo-landingpage img {

    width: 150px;

    padding-right: 20px;

}



.bg-alfa {

	background: #D2D2CB;

}



#footer {

	max-width: 60%;

	margin-bottom: 20px;

	z-index: 999;

}



#footer ul {

	margin-bottom: 0px;

	padding-left: 20px;

}



#footer ul li a {

	border-right: 0px;

}



#footer ul li a {

	padding-right: 0px;

}



#footer ul li a:hover::after {

	color: #AAAAAA;

}



#footer ul li a::after {

	content: "|";

    font-size: 23px;

    display: inline-block;

    top: -1px;

    position: relative;

    padding: 0 0px 0 10px;

}



#footer ul li:last-child a::after {

	display: none;

}





body,

#about-content-wrapper .about-text p {

	color: #444444;

}



#about-content-wrapper {

	padding-top: 120px;

}





#wrapper {

	padding: 0px 10px;

	min-height: unset;

	height: unset;

}



#contact-content-wrapper .contact-address ul li,

#contact-content-wrapper .title,

#contact-content-wrapper .contact-form input, 

#contact-content-wrapper .contact-form textarea {

	color: #DDDDDD;

}



#navbar a.nav-link.active {

	color: #FFFFFF;

}



.bg-white #navbar a.nav-link.active {

	color: #000000;

}



.bg-alfa .navbar-brand img, 

.bg-white .navbar-brand img {

	width: 150px;

	padding-right: 20px;

}



.bg-dark #navbar,

.bg-alfa .navbar, 

.bg-white .navbar {

	/*padding-left: 40px;*/

	/* padding-top: 20px; */

	padding-top: 5px;

	height: auto;

}



#project-image-wrapper {

	padding-right: 55px;

}



#navbar a {

	margin-left: 0px;

	font-size: 14px;

	letter-spacing: 1.5px !important;

	font-weight: 100;

	color: #bbbbbb;

}



#navbar .dropdown-menu {

	padding-top: 85px;

}



#navbar .dropdown-menu .cat-item.active a {

	color: #444444;

}



#navbar .dropdown-menu .cat-item a {

	letter-spacing: 0px !important;

	line-height: 30px;

}



#navbarSupportedContent {

	margin-left: 20px;

	margin-top: 5px;

}



.searchbox input[type="search"],

.searchbox input[type="search"]::placeholder,

#searchbox input[type="search"],

#searchbox input[type="search"]::placeholder {

	margin-top: 2px;

	letter-spacing: 1px;

	margin-left: 0px;

	font-size: 14px;

	color: #bbbbbb;

}



.bg-homepage .searchbox input[type="search"],

.bg-homepage .searchbox input[type="search"]::placeholder,

.bg-homepage #searchbox input[type="search"],

.bg-homepage #searchbox input[type="search"]::placeholder {

	color: #aaaaaa;

}



#searchbox input[type="search"]::placeholder {

  color: #bbbbbb;

  opacity: 1;

}



#searchbox input[type="search"]:-ms-input-placeholder {

  color: #bbbbbb;

}



#searchbox input[type="search"]::-ms-input-placeholder {

  color: #bbbbbb;

}



#footer .pagination-project-wrapper {

	color: #bbbbbb;

	padding: 15px 28px;

}



#footer ul {

	margin-left: -4px;

}



#footer ul li a {

	font-size: 26px;

	color: #AAAAAA;

}



.bg-white a, .bg-alfa a {

	

}



#journal-list {

	top: 140px;

}



/* Project Page */



#pagination-slider {

	padding: 0px;

	top: 0px;

	left: unset;

	right: 0%;

	transform: none;

}



#pagination-slider .toggle-zoom-wrapper {

	width: 30%;

    height: 100%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}



#pagination-slider .toggle-zoom-wrapper #toogle-zoom {

	background-color: red;

	left: 50%;

	transform: translateX(-50%);

	display: none;

}



#pagination-slider .toggle-zoom-wrapper:hover #toogle-zoom {

	display: block;

}



#pagination-slider #prev {

	width: 30%;

    height: 100%;

    padding-left: 10px;

}



#pagination-slider #next {

	width: 30%;

    height: 100%;

    float: right;

    padding-right: 10px;

}



#pagination-slider #prev img,

#pagination-slider #next img {

	padding: 0px;

	top: 50%;

	transform: translateY(-50%);

	position: absolute;

	display: none;

}



#pagination-slider #toggle-zoom {

	left: 50%;

	transform: translateX(-50%);

	display: none;

	top: 45%;

}



#pagination-slider:hover .toggle-zoom-wrapper:hover #toggle-zoom {

	display: block !important;

}



#pagination-slider #prev img {

	left: 10px;

}



#pagination-slider #next img {

	right: 10px;

}



#pagination-slider #prev:hover img,

#pagination-slider #next:hover img {

	display: block;

}



#project-detail-wrapper.zoom #pagination-slider {

	height: 100%;

	position: absolute;

	top: 0px;

	left: unset;

	right: 0%;

	opacity: 0.7;

	transform: none;

}



#project-detail-wrapper.zoom #project-slider-wrapper .col-md-10 {

	width: 75%;

	margin-left: 25%;

	-ms-flex: 0 0 75%;

	flex: 0 0 75%;

	max-width: 75%;

}



#project-detail-wrapper.zoom #pagination-slider .toggle-zoom-wrapper,

#project-detail-wrapper.zoom #pagination-slider #toggle-zoom,

#project-detail-wrapper.zoom #pagination-slider #toggle-zoom:hover {

	display: none;

}



#project-detail-wrapper.zoom #pagination-slider #prev img {

	left: 20px;

}



#project-detail-wrapper.zoom #pagination-slider #next img {

	right: 20px;

}



.project-content { /* edit custom scroll width */

	width: 380px;

}



.project-content p:last-child {

	padding-bottom: 22px;	

}



.project-title {

	font-size: 17px;

	margin: 10px auto;

}



#project-thumb-wrapper {

	width: 660px;

	max-width: none;

	padding-top: 116px;

}



#project-thumb-wrapper .project-thumb {

	height: 60px;

}



#project-thumb-wrapper .project-thumb img {

	width: 100%;

	height: 100%;

	top: unset;

	left: unset;position: relative;

	transform: none;

	border: 1px solid #FFFFFF;

}



#project-text-wrapper,

#project-slider-wrapper {

	margin-top: 51px;

}



#project-slider-wrapper {

	padding-right: 0;

}



#project-detail-wrapper .project-text {

	padding-left: 193px;

	padding-top: 100px;

}



#project-detail-slider-wrapper {

	margin-top: 100px;

	padding-right: 0px;

}



.os-theme-round-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {

	background: #AAAAAA;

}



#project-detail-wrapper .project-category {

	font-size: 12px;

	color: #bbbbbb;

	text-transform: uppercase; 

	letter-spacing: .25em;

}



#project-detail-wrapper .project-name {

	font-size: 22px;

	margin-bottom: 8px;

	font-weight: lighter;

	color: #444444;

	

}



#project-detail-wrapper .project-time {

	font-size: 12px;

	padding-bottom: 24px;

}



#project-detail-wrapper .project-content {

	font-size: 14px;

	color: #444444;

}



#project-detail-wrapper .project-content p {

	margin-bottom: .8rem;

}



#btn-share {

	font-size: 10px;

}



#footer .pagination-project-wrapper h3 {

	font-size: 14px;

	letter-spacing: 1.5px;

	text-transform: lowercase;

	margin-bottom: .5rem;

}



#footer .pagination-project-wrapper h2 {

	font-size: 20px;

	letter-spacing: 0px;

}



#pagination-slider #prev,

#pagination-slider #next {

}



#toggle-zoom {

}



#project-detail-wrapper.zoom #project-detail-slider-wrapper .cycle-slide.landscape {

	width: 60%;

}





/* About */



#about-content-wrapper .team-member {

	text-align: justify;

    line-height: 15px;

}



#about-content-wrapper .team-member li {

	float: none;

	display: inline-block;

	margin: unset;

}



#about-content-wrapper .about-text {

	padding-right: 55px;

}



#about-content-wrapper .about-text p {

    font-size: 16px;

}



.img-about {

	width: 520px;

	height: auto;

}



/* Contact */



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #bbbbbb;

  opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #bbbbbb;

}



::-ms-input-placeholder { /* Microsoft Edge */

  color: #bbbbbb;

}



#contact-content-wrapper .contact-address {

	margin-top: 45px;

}



#contact-content-wrapper .contact-address ul {

	padding-left: 4px;

	font-size: 16px;

}



#contact-content-wrapper .title {

	padding-top: unset;

	margin-top: 35px;

	margin-bottom: 60px;

}



#contact-content-wrapper .contact-form input, 

#contact-content-wrapper .contact-form textarea {

	font-size: 16px;



}



#contact-content-wrapper .contact-form input[type="text"],

#contact-content-wrapper .contact-form input[type="email"],

#contact-content-wrapper .contact-form textarea {

	padding-left: 0px;

	color: #DDDDDD;	

}



#contact-content-wrapper .contact-form input[type="submit"] {

	text-transform: lowercase;

	margin-left: -19px;

	margin-top: 20px;

}



#contact-content-wrapper .contact-form textarea {

	height: 120px;

}



div.wpcf7-validation-errors, 

div.wpcf7-acceptance-missing {

	border: none !important;

	color: #DDDDDD !important;

	padding: 0px !important;

	margin: 0px !important;

	padding-bottom: 30px !important;

}



/* Journal Page */



#project-detail-wrapper .journal-text {

	padding-left: 229px;

}

#project-detail-wrapper .journal-text a  {

	text-transform: none;
}


div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
	font-size: 12px;
	padding: 0px !important;
	border: none !important;
	color: #c7c7c7 !important;
}

div.wpcf7 .ajax-loader {
	background-repeat: no-repeat;
}

.wpcf7-not-valid,
.wpcf7-not-valid::placeholder {
	color: red !important;
}

span.wpcf7-not-valid-tip {
	display: none !important;
}


@media (min-width: 768px) {



	/* Project Page */



	#project-detail-wrapper .project-text {

		width: 680px;

	}



	#project-detail-wrapper .journal-text {

		width: 680px;

		padding-left: 263px;

	}



	#project-detail-wrapper .project-content .project-detail-text {

		height: 285px;

		padding-right: 30px;

	}



	/* search result */



	#search-result-wrapper {

		padding-left: 430px;

		padding-top: 138px;

	}



	#search-result-wrapper a {

		font-size: 20px;

		letter-spacing: 0px;

	}



}