.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ea3710;
	outline: 0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	z-index: 2;
	color: #020000;
	background-color: #54393633;
	border-color: #cdcfd1;
}

.copyright {
    position:relative;
    bottom: 0;
    width: 100%;
}

/* CUSTOMIZE Contatform 
-------------------------------------------------- */
  span.captcha {
    padding: 0;
    margin: 0;
  }
  img.captcha {
    height: 30px;
    width: 100px;
  }
  label.receiver {
    font-weight: normal;
    color: #999;
    display: inline;
  }
  .b4yf_errorfeld {
    border-color: #FAA;
    background-color: #F2DEDE;
  }
  #b4yf_reloadblock {
    display: none;
  }



/* CUSTOMIZE Images 
-------------------------------------------------- */

.css3grayscale1 {
padding: 8px;
float: left;
-webkit-filter: grayscale(100%);
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+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.css3grayscale1:active, .css3grayscale1:hover {
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}




/* CUSTOMIZE Footer
-------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
	ul,li{
		padding:0;
		margin:0;
	}
	li{
		list-style-type:none;
	}

	footer { background-color:#fff; font-family: 'Open Sans', sans-serif; }
	.footer-col { margin-top:60px; }
	.logofooter { margin-bottom:10px; font-size:24px; color:#fff; font-weight:700;}

	.footer-col p { color:#666666; font-size:12px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
	.footer-col p i { width:20px; color:#999;}

	.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
	.footer-ul li { line-height:30px; font-size:14px;}
	.footer-ul li a { color:#666666; transition: color 0.2s linear 0s, background 0.2s linear 0s; text-decoration:none; }
	.footer-ul i { margin-right:12px;}
	.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#fe8f00; }
	.footer-ul hr { color:#666666;}

	 .copyright { height:auto; margin-bottom:0px; background-color:#FFF; color:#000}
	 .copyright p { font-size:12px; text-align:left; color:#3c3c3c; padding:10px 0; margin-bottom:0;}
	 
	 .heading7 { font-size:20px; font-weight:700; color:#fe1200; margin-bottom:22px;}

	 
	 .post p { font-size:12px; color:#666666; line-height:20px;}
	 .post p span { display:block; color:#8f8f8f;}
	 
	 .bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
	 .bottom_ul li { float:left; line-height:40px;}
	 .bottom_ul li:after { content:"/"; color:#8f8f8f; margin-right:8px; margin-left:8px;}
	 .bottom_ul li a { color:#8f8f8f;  font-size:12px; }	 
	
	.social-icon {
		width: 40px;
		height: 40px;
		font-size: 15px;
		background-color: blue;
		color: #fff;
		text-align: center;
		margin-right: 10px;
		padding-top: 14px;
		border-radius: 10%;
	}
	 .footer-social li{
		 float:left;
		 padding-bottom:14px;
	 }
	 .linked-in{
		 background-color:#007bb6;
	 }
	 .facebook{
		 background-color:#3b5998;
	 }
	 .twitter{
		 background-color:#1da1f2;
	 }
	 .google{
		 background-color:#f63e28;
	 }


/* CUSTOMIZE Flexslider
-------------------------------------------------- */

/*<a href='http://de.freepik.com/vektoren-kostenlos/immobilien-ikonen_1104383.htm'>Designed by Freepik</a>*/

/* CUSTOMIZE Items
-------------------------------------------------- */

.items {
	padding: 2em 0;
}

 h3 {
	margin: 0;
}

.item-1 img, .item-2 img, .item-3 img {
	width: 100%;
}

.item-1 h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 300;
	background: #fe8f00;
	margin-bottom:10px;
	padding: 15px 0 16px 0;
	text-align: center;
}


.item-2 h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 300;
	background: #fe8f00;
	margin-bottom:10px;
	padding: 15px 0 16px 0;
	text-align: center;
}


.item-3 h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 300;
	background: #fe8f00;
	margin-bottom:10px;
	padding: 15px 0 16px 0;
	text-align: center;
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #fe1200; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #fe1200; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #fe1200; }
.box .space { height: 30px; }
.box .title {padding-top:15px;}

.bg-1 {background-color:#9e0712; color:#fff; min-height:150px; padding-top:30px;}



/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-family: 'Raleway', sans-serif;
	padding-bottom: 0px;
	background-color: #fff;
}

blockquote {
	padding: 10px 10px;
	margin: 10px 0 10px;
	font-size: 17.5px;
	border-left: 5px solid #fe8f00;
}

.page-header {
	text-align:center;
}

.page-header-2 {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee;
	padding-top:30px;
}

.underline {
	text-align:center;
	position: relative;
	font-size: 20px;
	max-width: 350px;
	margin: auto;
	margin-bottom: 40px;
	color: #fe1200;
}

.underline::before {
	position: absolute;
	content: "";
	width: 150px;
	height: 1px;
	background-color: #777;
	top: 50%;
	left: 0;
}

.underline::after {
	position: absolute;
	content: "";
	width: 150px;
	height: 1px;
	background-color: #777;
	top: 50%;
	right: 0;
}
.fa-briefcase::before {
	content: "\f0b1";
}

.loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
		
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
	background-color: rgba(255,255,255,0.8);
  }
  
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}