/* --- HERO IMG --- */
header {
	position 						: relative;
}

.hero {
	display 						: table;
    height 							: 40%;
    position 						: absolute;
    width 							: 700px;
    z-index 						: 5;
	background 						: transparent;
	top 							: 50%;
	left 							: 50%;
	transform 						: translate(-50%, -50%);
}

.hero .hero-body {
	display 						: table-cell;
    padding 						: 0;
    position 						: relative;
    vertical-align 					: middle;
    z-index 						: 15;
}

.hero .hero-body .hero-text h1 {
	/*color 							: #272c2f;*/
	color 							: #FFFFFF;
	font-size 						: 60px;
	text-transform 					: uppercase;
	font-family 					: 'Abel', sans-serif;
	-webkit-transform 				: translateY(10px);
	-ms-transform 					: translateY(10px);
	-o-transform 					: translateY(10px);
	transform 						: translateY(10px);
	-webkit-transition 				: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition 					: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition 						: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;	
}

.hero .hero-body .hero-text a {
	/*border 							: 2px solid #272c2f;*/
	/*color 							: #272c2f;*/
	/*border 							: 2px solid #FFFFFF;*/
	border 							: 2px solid #cad04a;
	color 							: #cad04a;
	padding 						: 10px 30px;
	font-size 						: 18px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
	/*background 						: transparent;*/
	border-radius 					: 0px;
	width 							: auto;
	text-decoration 				: none;
	background 						: rgba(0,0,0,0.3);
	font-weight: bold;
}

.hero .hero-body .hero-text a:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #272c2f;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

.hero .hero-body .hero-text a:hover:after,
.hero .hero-body .hero-text a:active:after {
    width 							: 100% !important;
}

header .hero-body .hero-text a:hover,
header .hero-body .hero-text a:active {
	color 							: #FFFFFF;
	text-decoration 				: none;
}

.hero .hero-body .hero-text h2 {
	color 							: #FFFFFF;
	font-size 						: 40px;
	font-family 					: 'Abel', sans-serif;
	margin 							: 30px 0 80px 0;
}

.hero .hero-body .hero-text h2 .border {
	border-bottom 					: 4px solid #cad04a;
}

.hero .hero-body .hero-text h1 span {
	display 						: inline-block;
	background 						: #cad04a;
	padding 						: 15px 15px;
}

.hero .hero-body .hero-text h2 span {
	display 						: inline-block;
	
	padding 						: 10px 0px;
	text-transform 					: none;
}

@media all and (max-width:1199px) {
	.hero {
		width 						: 600px;
	}
}

@media all and (max-width:720px) {
	.hero {
		width 						: 450px;
	}
	
	.hero .hero-body .hero-text h2 {
		font-size 					: 30px;
	}

}

@media all and (max-width:550px) {
	.hero {
		width 						: 350px;
	}
}

@media all and (max-width:440px) {
	.hero {
		width 						: 250px;
	}
	
	.hero .hero-body .hero-text h1 {
		font-size 					: 40px;
	}
	
	.hero .hero-body .hero-text h2 {
		font-size 					: 20px;
	}
	
	.hero .hero-body .hero-text a {
		padding 					: 5px 10px;
		font-size 					: 15px;
	}
}

@media all and (max-width:350px) {
	.hero .hero-body .hero-text h2 {
		font-size 					: 18px;
	}
}

/* --- TYPED CURSOR --- */
@keyframes blink {
	0%, 100% {
		opacity 					: 1;
	}
	50% {
		opacity 					: 0;
	}
}
.typed-cursor {
    -webkit-animation 				: 0.7s ease 0s normal none infinite running blink;
	-moz-animation 					: 0.7s ease 0s normal none infinite running blink;
	-o-animation 					: 0.7s ease 0s normal none infinite running blink;
	animation 						: 0.7s ease 0s normal none infinite running blink;
    opacity 						: 1;
}

.slide-bg-image {
	overflow 						: hidden;
	width 							: 100%;
	height 							: 100% !important;
}

.slide-bg-image.slide1 {
	background 						: url(../images/hero-img/06.jpg) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide2 {
	background 						: url(../images/hero-img/02.gif) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide3 {
	background 						: url(../images/hero-img/03.jpg) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide4 {
	background 						: url(../images/hero-img/04.jpg) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide5 {
	background 						: url(../images/hero-img/05.jpg) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide6 {
	background 						: url(../images/hero-img/01.jpg) no-repeat;
	background-size 				: cover;
}

.slide-bg-image.slide7 {
	background 						: url(../images/hero-img/07.jpg) no-repeat;
	background-size 				: cover;
}

#hero-fullscreen-slider .owl-item {
	height 							: 100vh;
}

#hero-fullscreen-slider .item {
	height 							: 100% !important;
}

.overlay:before {
	content 						:'';
	height 							: 100%;
	width 							: 100%;
	position 						: absolute;
	top 							: 0;
	left 							: 0;
	z-index 						: 0;
	/*background-color 				: rgba(255,255,255,.4);*/
	background 						: rgba(39, 44, 47, 0.4);
}

/* 	01. SERVICES
-------------------------------------------*/
#services .block-20 {
	width 							: 20%;
	float 							: left;
	min-height 						: 1px;
    padding-left 					: 15px;
    padding-right 					: 15px;
    position 						: relative;
	margin-top 						: 55px;
}

#services span {
    border 							: 0 none;
    color 							: #6b6e73;
    float 							: left;
    font-size 						: 38px;
    padding 						: 15px;
    text-align 						: center;
    transition 						: all 0.5s ease 0s;
}

#services .service:hover span {
	background 						: rgba(202,208,74,0.5);
	color 							: #111111;
}

#services .service-text {
	margin-left 					: 90px;
}

#services .service-text h3 {
	font-size 						: 20px;
	color 							: #272c2f;
	font-family 					: 'Abel', sans-serif;
	text-transform 					: uppercase;
}

#services .service-text p {
	line-height 					: 24px;
}

@media all and (max-width:1780px) {
	#services .block-20 {
		width 						: 33.333333%;
		padding 					: 0 15px;
	}
	
	#services .block-20:nth-child(4),
	#services .block-20:nth-child(5) {
		width 						: 50%;

	}
}

@media all and (max-width:1360px) {
	#services .block-20 {
		width 						: 50%;
	}
}

@media all and (max-width:710px) {
	#services .block-20 {
		width 						: 100% !important;
	}
}

/* 	03. PORTFOLIO
-------------------------------------------*/
#portfolio {
	padding-top 					: 90px;
}

#portfolio .mainheadline {
	text-align 						: center;
	margin-bottom 					: 50px; 
}

/* --- MASONRY FILTER --- */
#portfolio #filters {
	list-style-type 				: none;
	padding 						: 0;
	margin 							: 0;
	margin-bottom 					: 50px;
	text-align 						: center;
}

#portfolio #filters li {
	display 						: inline-block;
	margin-left 					: 20px;
}

#portfolio #filters li:after {
    color 							: #bdc3bd;
    content 						: " / ";
    margin-left 					: 20px;
}

#portfolio #filters li:last-child:after {
    content 						: "";
    margin-left 					: 0px;
}

#portfolio #filters li a {
	color 							:#808184;
	text-transform 					: uppercase;
	font-size 						: 14px;
	font-family 					: 'Abel', sans-serif;
	text-decoration 				: none;
	-webkit-transition 				: all .1s ease 0s;
	-o-transition 					: all .1s ease 0s;
	transition 						: all .1s ease 0s;
}
#portfolio #filters li a:hover,
#portfolio #filters li a:active,
#portfolio #filters li a:focus {
	color 							: #cad04a;
	text-decoration 				: none;
	background 						: transparent;
}

#portfolio #filters li a.active {
	color 							: #cad04a;
	font-weight 					: bold;
}

/* --- MASONRY GRID --- */
.grid {
	margin-left 					: -8px;
	margin-right 					: -8px;
	padding 						: 8px 0;
	overflow 						: hidden;
}

#load-more {
	display 						: block;
	border 							: 2px solid #272c2f;
	color 							: #272c2f;
	padding 						: 10px 0;
	font-size 						: 18px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
	background 						: transparent;
	border-radius 					: 0px;
	width 							: 60%;
	text-align 						: center;
	text-decoration 				: none;
	margin 							: 30px auto 0 auto;
	cursor 							: pointer;
}

#load-more:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #272c2f;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#load-more:hover:after,
#load-more:active:after {
    width 							: 100% !important;
}

#load-more:hover,
#load-more:active {
	color 							: #FFFFFF;
	text-decoration 				: none;
	outline-color 					: transparent !important;
}

/* --- SHOWROOM --- */
.work-item {
	width 							: 33.33333333333%;
	overflow 						: hidden;
	padding 						: 10px;
}

.work-wrapper {
	position 						: relative;
}

.work-thumbnail:after {
    content 						: "";
    display 						: block;
    left 							: 0;
    bottom 							: 0;
	right 							: 0;
    top 							: 0;
	position 						: absolute;
    -webkit-transition 				: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    -o-transition 					: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    transition 						: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    z-index 						: 1;
}

.work-item:hover .work-thumbnail:after {
	background 							: rgba(255,255,255,0.8);
}

.work-item img {
	width 								: 100%;
	height 								: auto;
}

.work-caption {
	position 							: absolute;
	top 								: 50%;
	-webkit-transform 					: translateY(-50%);
	-ms-transform 						: translateY(-50%);
	-o-transform 						: translateY(-50%);
	transform 							: translateY(-50%);
	-webkit-transition-delay 			: 0.2s;
	-o-transition-delay 				: 0.2s;
	transition-delay 					: 0.2s;
	width 								: 100%;
	z-index 							: 1;
	padding 							: 0 20px;
	text-align 							: center;
	opacity 							: 0;
}

.work-item:hover .work-caption {
	opacity 							: 1;
}

.work-item .work-caption .work-title {
	font-size 							: 15px;
	font-weight 						: bold;
	text-transform 						: uppercase;
	text-decoration 					: none;
	color 								: #6b6e73;
	cursor 								: pointer;
	margin 								: 0 0 15px 0;
	opacity 							: 0;
	-webkit-transform 					: translateY(10px);
	-ms-transform 						: translateY(10px);
	-o-transform 						: translateY(10px);
	transform 							: translateY(10px);
	-webkit-transition 					: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition 						: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition 							: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.work-item:hover .work-caption .work-title {
	-webkit-transition-delay 			: 0.2s;
	-o-transition-delay 				: 0.2s;
	transition-delay 					: 0.2s;
}

.work-category {
	font-size 							: 12px;
	color 								:#6b6e73;
	font-style 							: italic;
	font-weight 						: 400;
	margin 								: 0;	
	opacity 							: 0;
	-webkit-transform 					: translateY(-10px);
	-ms-transform 						: translateY(-10px);
	-o-transform 						: translateY(-10px);
	transform 							: translateY(-10px);
	-webkit-transition 					: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition 						: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition 							: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.work-item:hover .work-category {
	-webkit-transition-delay 			: 0.2s;
	-o-transition-delay 				: 0.2s;
	transition-delay 					: 0.2s;
}

.work-item:hover .work-title,
.work-item:hover .work-category {
	opacity 							: 1;
	-webkit-transform 					: translateY(0px);
	-ms-transform 						: translateY(0px);
	-o-transform 						: translateY(0px);
	transform 							: translateY(0px);
}

.work-item .desc {
	display 							: none;
}

@media (max-width: 1200px) {
	.work-item {
		width 						: 50%;
	}
}

@media (max-width: 767px) {
	.work-item {
		width 						: 100%;
	}
	
	#load-more {
		width 						: 100%;
	}
}

/* 	03. BANNER
-------------------------------------------*/
#banner {
	background 						: #272c2f;
	color 							: #FFFFFF;
	padding 						: 20px 0;
	margin-top 						: 90px;
}

#banner h3 {
	font-size 						: 22px;
	text-transform 					: uppercase;
	margin-top 						: 16px;
}

#banner a {
	display 						: block;
	border 							: 2px solid #cad04a;
	color 							: #cad04a;
	padding 						: 14px 80px;
	font-size 						: 18px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	text-decoration 				: none;
	text-align 						: center;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#banner a:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #cad04a;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#banner a:hover:after,
#banner a:active:after {
    width 							: 100% !important;
}

#banner a:hover,
#banner a:active,
#banner a:focus {
	color 							: #FFFFFF;
	text-decoration 				: none;
}
@media all and (max-width:1300px) {
	#banner a {
		padding 					: 14px 20px;
	}
}

@media all and (max-width:767px) {
	#banner a {
		width 						:100%;
	}
	
	.row-eq-height {
		display 					: block !important;
	}
}

/* 	04. AGENCY
-------------------------------------------*/
/* --- JOBS --- */

#agency {
	padding-top 					: 50px;
}

#agency .jobs h3 {
	font-family 					: 'Lekton', sans-serif;
	font-size 						: 14px;
	color 							: #6b6e73;
}

#agency .jobs ul {
	margin 							: 0;
	padding 						: 0;
	list-style-type 				: none;
}

#agency .jobs ul li {
	font-size 						: 16px;
	font-family 					: 'Abel', sans-serif;
	text-transform 					: uppercase;
	border-bottom 					: 1px dashed #e3e7e8;
	padding-top 					: 10px;
	width 							: calc(100% - 28px);
	position 						: relative;
}

#agency .jobs ul li a {
	color 							: #6b6e73;
	display 						: block;
	text-decoration 				: none;
	cursor 							: pointer;
	-webkit-transition 				: all 0.5s ease 0s;
	-o-transition 					: all 0.5s ease 0s;
	transition 						: all 0.5s ease 0s;
}

#agency .jobs ul li a:hover,
#agency .jobs ul li a:active,
#agency .jobs ul li a:focus {
	text-decoration 				: none;
	color 							: #272c2f;
	background: transparent;
}

#agency .jobs ul li span {
	background 						: #cad04a;
	font-size 						: 20px;
	padding 						: 5px 10px;
	display 						: block;
	float 							: right;
	color 							: #FFFFFF;
	-webkit-transition 				: all 0.5s ease 0s;
	-o-transition 					: all 0.5s ease 0s;
	transition 						: all 0.5s ease 0s;
	position  						: absolute;
	bottom 							: -1px;
	right 							: -28px;
}

#agency .jobs ul li a:hover span,
#agency .jobs ul li a:active span,
#agency .jobs ul li a:focus span {
	background 						: #272c2f;
}

#agency .jobs ul li .job-desc {
	display: none;
}


/* 	05. TEAM
-------------------------------------------*/
#team {
	padding-top 					: 50px;
}

#team .mainheadline {
	text-align 						: center;
	margin-bottom: 50px;
}

#team .team-member h3 {
	font-family 					: 'Abel', sans-serif;
	font-size 						: 20px;
	color 							: #272c2f;
	text-align 						: center;
	text-transform 					: uppercase;
}

#team .team-member h4 {
	font-family 					: 'Abel', sans-serif;
	font-size 						: 16px;
	color 							: #272c2f;
	text-align 						: center;
	margin-bottom 					: 20px;
}

#team .team-member-single h3 {
	font-family 					: 'Abel', sans-serif;
	font-size 						: 20px;
	color 							: #272c2f;
	text-align 						: left;
	text-transform 					: uppercase;
}

#team .team-member-single h4 {
	font-family 					: 'Abel', sans-serif;
	font-size 						: 16px;
	color 							: #272c2f;
	text-align 						: left;
	margin-bottom 					: 20px;	
}

#team img {
	width: 100%;
}

/* --- VIDEOS --- */
#video {
	margin-top 						: 50px;
}

#video .video-thumbnail {
	height 							: 70vh;
}

#video .video-thumbnail:after {
	content 						: "";
    display 						: block;
    left 							: 0;
    bottom 							: 0;
	right 							: 0;
    top 							: 0;
	position 						: absolute;
    -webkit-transition 				: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    -o-transition 					: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    transition 						: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    z-index 						: 1;
	background: rgba(39, 44, 47, 0.4);
}

#video .video-thumbnail img {
	width 							: 100%;
	height 							: 100%;
	object-fit 						: cover;
}

#video .video-caption {
	position 							: absolute;
	top 								: 50%;
	-webkit-transform 					: translateY(-50%);
	-ms-transform 						: translateY(-50%);
	-o-transform 						: translateY(-50%);
	transform 							: translateY(-50%);
	-webkit-transition-delay 			: 0.2s;
	-o-transition-delay 				: 0.2s;
	transition-delay 					: 0.2s;
	width 								: 80%;
	left 								: 10%;
	z-index 							: 1;
	padding 							: 50px 50px;
	text-align 							: center;
	opacity 							: 1;
	-webkit-transition 					: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition 						: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition 							: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#video .item .video-caption .video-title {
	font-size 							: 18px;
	font-weight 						: bold;
	text-transform 						: uppercase;
	text-decoration 					: none;
	color 								: #FFFFFF;
	cursor 								: pointer;
	margin 								: 0 0 15px 0;
	-webkit-transition 					: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition 						: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition 							: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#video .item:hover .video-caption .video-title {
	-webkit-transform 					: translateY(-10px);
	-ms-transform 						: translateY(-10px);
	-o-transform 						: translateY(-10px);
	transform 							: translateY(-10px);
}

#video .video-caption span {
	padding 						: 15px;
	background  					: #cad04a;
	color 							: #FFFFFF;
	margin 							: 0 auto;
	font-size 						: 38px;
}

.item .video-desc {
	display 							: none;
}

@media all and (max-width:1000px) {
	#video .video-thumbnail {
		height 							: 50vh;
	}
}

/* 	06. CUSTOMERS
-------------------------------------------*/
#clients {
	padding-top 					: 90px;
}

#clients .mainheadline {
	text-align 						: center;
	margin-bottom 					: 5px;
}

#clients .subheadline{
	text-align 						: center;
	margin-bottom 					: 50px;
	margin-top 						: 0;
	font-size 						: 14px;
}

#clients .client-item {
	padding 						: 50px 15px;
	border-right 					: 1px solid #e3e7e8;
}

#clients .client-item:nth-child(4n+0) {
	border-right 					: 0;
}

#clients .client-item:after {
    content 						: "";
    left 							: 0;
    position 						: absolute;
    top 							: -1px;
    width 							: 100%;
}

#clients .client-item:nth-child(n+5):after {
    border-top 						: 1px solid #e3e7e8;
}

#clients img {
	max-width 						: 150px;
	margin 							: 0 auto;
}

@media all and (max-width:700px) {
	#clients img {
		max-width 					: 100%;
	}
	
	#clients .client-item {
		width 						: 50%;
		padding 					: 20px 15px;
	}
	
	#clients .client-item:nth-child(1n){
		border-right 				: 2px solid #e3e7e8;
	}
	
	#clients .client-item:nth-child(2n){
		border-right 				: 0;
	}
	
	#clients .client-item:nth-child(1n+3):after {
    	border-top 					: 2px solid #e3e7e8;
	}
}

#clients .grayscale {
	filter 							: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter 							: gray; /* IE6-9 */
	-webkit-filter 					: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	opacity 						: .8;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#clients .grayscale:hover {
	filter 							: none;
	-webkit-filter 					: grayscale(0%);
	opacity 						: 1;
}

/* 	07. BLOG
-------------------------------------------*/

#blog .intro-text a {
	border 							: 2px solid #cad04a;
	color 							: #cad04a;
	padding 						: 8px 15px;
	font-size 						: 16px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	text-decoration 				: none;
	display 						: inline-block;
	margin-top 						: 20px;
	cursor 							: pointer;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#blog .intro-text a:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #cad04a;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#blog .intro-text a:hover:after,
#blog .intro-text a:active:after {
    width 							: 100% !important;
}

#blog .intro-text a:hover,
#blog .intro-text a:active,
#blog .intro-text a:focus {
	color 							: #FFFFFF;
	text-decoration 				: none;
}

/* 	08. CONTACT
-------------------------------------------*/
#contact {
	padding-top 					: 90px;
}

#contact .contact-details {
	padding-bottom 					: 60px;
}

#contact .mainheadline {
	text-align 						: center;
	margin-bottom 					: 50px;
}

/* --- CONTACT FORM --- */
#contact #contactFormular .form-control {
	box-shadow 						: none;
	border-radius 					: 0px;
	border 							: 0px;
	border-top 						: 1px transparent solid;
	border-left 					: 1px transparent solid;
	border-right 					: 1px transparent solid;
	border-bottom 					: 1px solid #cccccc;
}

#contact #contactFormular .form-control:focus {
	border-color 					: #cad04a;
}

#contact #contactFormular .form-control.error {
	border 					: 1px solid #a94442;
}

#contact #contactFormular .btn-submit {
	border 							: 2px solid #272c2f;
	color 							: #272c2f;
	padding 						: 10px 0;
	font-size 						: 18px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
	background 						: transparent;
	border-radius 					: 0px;
	width 							: 100%;
}

#contact #contactFormular .btn-submit:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #272c2f;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#contact #contactFormular .btn-submit:hover:after,
#contact #contactFormular .btn-submit:active:after {
    width 							: 100% !important;
}

#contact #contactFormular .btn-submit:hover,
#contact #contactFormular .btn-submit:active {
	color 							: #FFFFFF;
	text-decoration 				: none;
}

#contact #contactFormular .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color 							: #6b6e73;
}
#contact #contactFormular .form-control::-moz-placeholder { /* Firefox 19+ */
  color 							: #6b6e73;
}
#contact #contactFormular .form-control:-ms-input-placeholder { /* IE 10+ */
  color 							: #6b6e73;
}
#contact #contactFormular .form-control:-moz-placeholder { /* Firefox 18- */
  color 							: #6b6e73;
}

.errormessage {
	border 							: 2px solid #a94442;
	color 							: #a94442;
	line-height 					: 20px;
	text-align 						: center;
	margin-top 						: 10px;
	padding 						: 10px;
}

.errormessage p {
	margin-bottom 					: 0;
}

@media all and (max-width:991px) {
	#contact #contactFormular {
		margin-bottom: 50px;
	}
}

/* --- ADDRESS BLOCK --- */
#contact .text-block h3,
#contact .address-block h3 {
	font-family 					: 'Abel', sans-serif;
	font-size 						: 20px;
	color 							: #272c2f;
	text-transform 					: uppercase;
}

#contact .text-block h3 {
	margin-top 						: 0;
}

#contact .address-block h3 {
	margin-top 						: 55px;
}

#contact .address-block span.icon {
    color 							: #6b6e73;
    float 							: left;
    font-size 						: 38px;
    padding 						: 15px;
    text-align 						: center;
    -webkit-transition 				: all 0.5s ease 0s;
    -o-transition 					: all 0.5s ease 0s;
    transition 						: all 0.5s ease 0s;
}

#contact .address-block:hover span.icon {
	background 						: rgba(202,208,74,0.5);
	color 							: #111111;
}

#contact .address-block .headline {
	display 						: block;
	font-weight 					: bold;
	color 							: #272c2f;
}

#contact .address-block .dark {
	color 							: #272c2f;
}

#contact address {
	margin-left 					: 90px;
}

#contact address a {
	color 							: #6b6e73;
	text-decoration 				: none;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

#contact address a:hover {
	color 							: #FFFFFF;
	background 						: #cad04a;
	text-decoration 				: none;
}
/* --- MAPS CONTAINER --- */
#googlemaps {
	padding 						: 0;
}

#map {
    background 						: #ffffff;
    display 						: block;
    height 							: 400px;
    padding-left 					: 0;
    padding-right 					: 0;
}

#map .google-maps {
    height 							: 100%;
    width 							: 100%;
}

#map_wrapper {
    height 							: 400px;
}

#map_canvas {
    width 							: 100%;
    height 							: 100%;
}