/*PAGE HEADER*************************************************************************************************************************************************************************/
header {
	position:relative;
	height:140px;
	margin-bottom:10px;
}
.header__logo {
	position: absolute;
	width: 200px;
	top: 10px;
	right: 170px;
	padding: 0 10px;
}
.header__logo a {
	fill: #fc7142
}
.header__logo a:hover {
	fill: #44c6b5;
}
.page__menu {
	width: auto;
	position: absolute;
	top: 10px;
	right: 40px;
	padding: 0 10px;
	border-left: 2px solid #fc7142;
}
.page__menu li {
	text-align: left;
	width: 110px;
}
.page__menu a span {
	opacity: 0;
	margin-left: 2px;
}
.active__item {
	color: #fc7142;
}
.active__item span {
	opacity: 1;
	margin-left: 2px;
}
.page__menu a {
	color: #5d6169;
}
.page__menu a:hover {
	color: #fc7142;
}
.side-image {
	position: fixed;
	visibility: visible;
	width: 20vw;
	height: auto;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.page__title {
	position: absolute;
	bottom:0;
	padding: 6px 0 0 0;
	margin-left: 22vw;
	color: #5d6169;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 2px solid #fc7142;
}

/*ALL PAGES***********************************************************************************************************************************************************************************************/
.container {
	position:absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background: #f8f8f8;
}

.footer {
	width: 80vw;
	height: 40px;
	margin-top: 2vw;
	margin-left: 20vw;
	margin-right: 0;
	margin-bottom: 0;
	/*bottom:0;*/
	position:absolute;
	overflow:hidden;
	display: block;
	background: url(../img/bg/blueprint.png);
	background-size:cover;
	background-position:center center;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}
.footer p {
	color: #2e323e;
	/*font-size: 22px;*/
	line-height:40px;
}
.footer_left {
	float:left;
	margin-left:1vw;
}
.footer_right {
	float:right;
	margin-right:1vw;
	text-align:right;
}

.footer a {
	font-size: 34px;
	line-height: 40px;
	color: #5d6169;
}
.footer a:hover {
	color: #44c6b5;
}

/*CONTENT******************************/

.content__wrapper {
	height:auto;
	min-height: 68vh;
	position:relative;
	margin-top: 0;
	margin-left: 20vw;
	padding:0 2vw;
/*	margin-bottom: 1vw;*/
}
.top__border {
	width: 100%;
	height: 80px;
	margin: 10px auto;
	background: url(../img/bg/structure-border.png);
	background-size: auto 80px;
	background-repeat: repeat-x;
}

.bottom__border {
	width: 100%;
	height: 200px;
	margin-top: 2vw;
	background: url(../img/bg/structure-border-house.png);
	background-size: auto 200px;
	background-position: center right;
	background-repeat: no-repeat;

}

.hero__image {
	width: 100%;
	margin-bottom: 10px;
	height:40vw;
}
.about__hero {
	background-image: url(../img/hero/about.jpg);
	background-size: cover;
	background-position: center bottom;
}
.listings__hero {
	background: url(../img/hero/listings.jpg);
	background-size: cover;
	background-position: center center;
}
.services__hero {
	background: url(../img/hero/services.jpg);
	background-size: cover;
	background-position: center center;
}
.corporate__hero {
	background: url(../img/hero/corporate.jpg);
	background-size: cover;
	background-position: center center;
}
.contact__hero {
	background: url(../img/hero/contact.jpg);
	background-size: cover;
	background-position:center center;
}


.block__text {
	display: block;
}
.block__text h2 {
	width:100%;
	margin-bottom:10px;
	background: url(../img/bg/structure-h2.png);
	background-size: cover;

}
.block__text h3 {
	width:100%;
	margin-bottom:10px;
	background: url(../img/bg/structure-h3.png);
	background-size: cover;

}
.block__text p {
	width:100%;
	margin-bottom:5px;
}

.block__text p a {
	font-family: "LeagueSpartan Bold";
	color: #44c6b5;
	padding: 2px;
}
.block__text p a:hover {
	color: #fc7142;
}


.block__text .green {
	padding:10px;
	color:#f8f8f8;
	background:rgba(68,198,181,0.80);
	background-image:none;


}

.orange {
	padding:10px;
	color:#f8f8f8;
	background:rgba(252,113,66,0.80);
	background-image:none;
}

.block__text .orange {
	padding:10px;
	color:#f8f8f8;
	background:rgba(252,113,66,0.80);
	background-image:none;
}

ul.bullets {
	list-style-type: none; /* remove default bullet */
	margin: 16px 0;

}

.bullets li {
	margin-bottom:20px;
	padding: 0 0 0 1.6em; /* match the icon width */
  text-indent: -1.6em;    /* match the icon width */
}


ul.bullets li:before {
   float: left;
  width: 1.6em; /* icon width + space */
}

ul.bullets li.bullet_house:before{
	font-family: 'Urbanite-Icons';
    content: "$";
}

ul.bullets li.bullet_briefcase:before{
	font-family: 'Urbanite-Icons';
    content: ":";
}

ul.bullets li.bullet_brush:before{
	font-family: 'Urbanite-Icons';
    content: "9";
}

ul.bullets li.bullet_hammer:before{
	font-family: 'Urbanite-Icons';
    content: "(";
}

/*ABOUT*************************************************************************************************************************************************************************/
.about__block__text {
	padding-bottom: 20px;
}
.about__block__text h3 span {
	font-family: 'Comfortaa';
	letter-spacing: 1px;
}
.about__block__text p {
	font-size: 18px;
	line-height: 22px;

}
.profile {
	min-height:260px;
	margin-bottom:10px;

}
.profile__image {
	width: 250px;
	height: 250px;
}
.profile_1 {
	float:left;
	margin-right: 10px;
}
.profile_2 {
	float:right;
	margin-left: 10px;
}

/*PORTFOLIO*************************************************************************************************************************************************************************/
.gallery {
	width: 76vw;
	position: relative;
	margin-top: 0 auto;
	padding: 5px 0px 20px;
	border-bottom:1px solid #fc7142;
}
.gallery .portfolio_items {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.gallery .tile img.item {
	display: block;
	position: relative;
	width: 100%;
}
.gallery .tile.portfolio_enlarged img {
	display: block;
	margin: auto;
}
.gallery .tile {
	float: left;
	overflow: hidden;
	margin: 0;
	background: white;
	opacity: 0;
}
.gallery .tile.portfolio_loaded {
	opacity: 1;
}
.gallery .tile.portfolio_hidden {
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.gallery .edge {
	position: absolute;
	z-index: 1000;
	background: #333;
	color: #fff;
	font-size: 11px;
	padding: 4px;
	font-family: sans-serif;
}
.gallery .edge.enlarged-true {
	color: yellow;
}
.gallery .tile iframe.item {
	width: 100%;
}
.gallery .portfolio_filters {
	position: relative;
	margin: 10px auto 15px;
	text-align: center;
}
.gallery .portfolio_filters a span {
	font-size: 50px;
}
.gallery .portfolio_filters a {
	display: inline-block;
	margin-right: 10px;
	color: #5d6169;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border: 1px solid #f8f8f8;
	background: #f8f8f8;
	text-decoration: none;
	outline: 0;
	text-shadow: none;
	box-shadow: none;
}
.gallery .portfolio_filters a:hover {
	color: #44c6b5;
}
.gallery .portfolio_filters a.selected {
	color: #fc7142;
	border-color: #fc7142;
	text-decoration: none;
}
.gallery.effect-fade-in .tile img {
	opacity: 0.8;
}
.gallery.effect-fade-in .tile:hover img {
	opacity: 1;
}
/*HIRE-US*********************************************************************************************************************************************/
.services__block__text p {
	font-size: 18px;
	line-height: 22px;
}

.services__block__text .bullets li {
	font-size: 18px;
	line-height: 22px;
}

/*CORPORATE*************************************************************************************************************************************************************************/
.corporate__block__text {
	font-size: 15px;
	line-height: 20px;
}

.corporate__block__text .bullets {
	padding-left: 2em;
}
.corporate__block__text .bullets li {
	font-size: 15px;
	line-height: 20px;
}



/*CONTACT*************************************************************************************************************************************************************************/
.contact__blocks {
	margin-top: 5px;
	width: 100%;
	clear:both;
	display:block;
}
.address__wrapper {
	width: 40%;
	float:left;

}
.address {
	width: 100%;
	height: auto;
	margin: 0 2% 3% 0;
	padding: 15px;
	float:left;
	color: #5d6169;
	border: 1.5px dashed rgba(93,97,105,0.40);
}
.address h2 {
	width: 100%;
	font-size: 32px;
	line-height:34px;
	text-align: center;
}
.address .iconfont {
	font-size: 50px;
	margin-bottom: 10px auto;
}
.address p {
	font-size: 16px;
	line-height: 22px;
}

.mail {
	background-size: cover;
	background-image: url(../img/bg/structure-address.png)
	/*background-image: url(../img/bg/alts/structure-address.png);
	background-position: center top;*/
}

.mail .iconfont {
	color: #fc7142;

}

.e-mail {
	padding-bottom:30px;
	background-size: cover;
	background-image: url(../img/bg/structure-email.png);
	/*background-image: url(../img/bg/alts/structure-email.png);
	background-position: center top;*/
}

.e-mail_button_wrap {
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
}

.e-mail button {
	width: auto;
	min-width:60px;
	height: auto;
	margin-top:20px;
	font-size: 16px;
	line-height:20px;
	font-family: 'comfortaa';
	text-align:center;
	text-align:-moz-center;
    text-align:-webkit-center;
	color: #44c6b5;
	border: 1px solid #44c6b5;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}
.e-mail button:hover {
	color: #f8f8f8;
	background: rgba(252,113,66,0.65);
	border-color: #fc7142;
}
.e-mail button a {
	color: #44c6b5;
	padding: 5px;
	border: 1px solid #44c6b5;
}
.e-mail button a:hover {
	color: #f8f8f8;
	background: rgba(252,113,66,0.65);
	border-color: #fc7142;
}
.form__wrapper {
	width: 59%;
	height: auto;
	margin-left: 1%;
	padding: 15px;
	float: right;
	background-size: cover;
	/*background-image: url(../img/bg/alts/structure-form.png);
	background-position: center bottom;*/
	border: 1.5px dashed rgba(93,97,105,0.40);
}
.contact__form {
	width: 100%;
	height: auto;
	padding: 20px;
	overflow: hidden;
	background-size: cover;
	background-image: url(../img/bg/structure-form.png);
	border: 1.5px dashed rgba(93,97,105,0.40);

}
.contact__form .column {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	color: #2e323e;
}
.contact__form input {
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-family: 'Comfortaa';
	font-size: 16px;
	color: #44c6b5;
	line-height: 35px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: none;
	border: none;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}
input:focus {
	background: #f8f8f8;
	color: #2a2e39;
}
input:hover {
	background: rgba(252,113,66,0.3);
	border-color: #fc7142;
}
textarea:hover {
	background: rgba(252,113,66,0.3);
	border-color: #fc7142;
}
textarea {
	width: 100%;
	height: 250px;
	padding: 10px 0 0 15px;
	font-family: 'Questrial';
	letter-spacing: 1px;
	font-size: 14px;
	color: #44c6b5;
	line-height: 25px;
	margin-bottom: 10px;
	border: none;
	background: none;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}
textarea:focus {
	background: #f8f8f8;
	color: #2a2e39;
}
#send {
	width: auto;
	height: auto;
	float: right;
	padding: 10px;
	font-family: "LeagueSpartan Bold";
	font-size: 30px;
	color: #44c6b5;
	border: 1px solid #44c6b5;
	text-align: right;
	background: none;
}
#send:hover {
	color: #f8f8f8;
	background: rgba(252,113,66,0.65);
	border-color: #fc7142;
}
/*MAIL PHP********************************************************************/

/*Mail*/
.extension {
width: 100%;
height:100%;
position:absolute;
background-color:#f8f8f8;
background-image: url('../img/bg/blueprint.png');
background-size:cover;
}
.extension h1{
	width:100%;
	height:15vh;
	margin-top:10vh;
	text-align:center;
	font-size:15vh;
	color:#fc7142;
}

.comment{
width: 50vw;
height: 50vh;
margin:10vh 25vw;

}

.comment p{
width:100%;
padding:10px;
text-align:center;
font-size:18px;
color:#fc7142;
background:rgba(236,240,241,0.40);
border: 1px solid rgba(93,97,105,0.50);
-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}



.comment button {
	width:20vw;
	height:20vw;
	margin:0 15vw;
	background:rgba(236,240,241,0.40);
	border: 1px solid rgba(252,113,66,0.3);
	-webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);

}

.comment button:hover {
background: rgba(252,113,66,0.1);
}

.comment button h3{
	font-size:6vw;
	line-height:6vw;
	color:#fc7142;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}

.comment button h3:hover {
color:#44c6b5;
}

.comment a button h3 {
	font-size:4vw;
	line-height:4.5vw;

}


/*TRANSITIONS********************************************************************/
.side-image{
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
	-webkit-timing-function: ease;

}

 h1, h2, h3, h4, h5, p {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	transition: all linear;
	-webkit-transition-property: all;
	-webkit-timing-function: linear;
 }


.header__logo, .page__menu, .page__title,
content__wrapper, top__border, .bottom__border,
.footer
.about__hero, .listings__hero, .services__hero, .corporate__hero, .contact__hero,
.profile__image,
.scroll_link,
.gallery, .gallery .portfolio_filters,
.address__wrapper, .address, .form__wrapper, .contact__form input, textarea, #send {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
}

.container {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.8s;
	-webkit-timing-function: ease;
}


.gallery .tile img.item {
	-webkit-transition: transform 0.2s opacity 0.2s linear;
	-moz-transition: transform 0.2s opacity 0.2s linear;
	transition: transform 0.2s opacity 0.2s linear;
	-webkit-transition-property: transform opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-timing-function: linear;
}

.gallery.effect-fade-in .tile img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-timing-function: ease;
}