/* -----------------------------------------
:: BOOSTRAP QUOTES
----------------------------------------- */
.bs-quotes h3 {
  margin-bottom: 30px;
  color: rgba(255,255,255,0.75);
}

.bs-quotes p {
  width: 70%;
  margin: 30px 15%;
  line-height: 2;
}

.bs-quotes p:before, .bs-quotes p:after {
  font-family: 'FontAwesome';
}

/* paragraph quotes */
.bs-quotes p:before {
  margin-right: 10px;
  content: "\f10d";
}

.bs-quotes p:after {
  margin-left: 10px;
  content: "\f10e";
}

/* container properties and backgound */
.bootstrap-quotes {
  padding-top: 50px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}

.bs-quotes .bs-quote {
  padding: 0 0 10px;
  text-align: center;
  font-size: 16px;
  border: none;
}

.bs-quotes .carousel-control {
  background: none;
}

.bs-quotes a.carousel-control, .bs-quotes a.carousel-control:hover {
  color: rgba(255,255,255,0.75);
}
.bs-quotes .carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}
.bs-quotes .carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}
.bs-quotes .carousel-indicators {
  right: 50%;
  bottom: -40px;
}

.bs-quotes .carousel-indicators li {
  margin-right: 0;
  background: #fff;
}

.bs-quotes .carousel-indicators .active {
  background: #454545;
  border-color: #454545;
}

.bs-quotes .carousel-control.right, .bs-quotes .carousel-control.left {
  top: 45%;
}

/* -----------------------------------------
:: MAP 
----------------------------------------- */
.map-wrapper {
	position: relative;
 	height: 600px; 
	margin-top:-10px;
}

#map {
	height: 600px; 
	width: 100%;
 	position: absolute; 
	top: 0;
	left: 0;
	z-index: 0;
}

.map-form {
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 1;
	 height: 450px; 
	width: 100%;
	padding: 40px 0 0px;
}

/* -----------------------------------------
:: BETTER FULLSCREEN PORTFOLIO
----------------------------------------- */
.fsp-content-inner ul {
	margin: 0;
	padding: 0;
}

/* fullscreen-portfolio section */
#fullscreen-portfolio {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top:50px;
}

#fullscreen-portfolio:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.fsp-action {
	float: left;
	margin-top: 7px;
}

.fsp-action a {
	display: inline-block;
	margin: 0 2px 0 5px;
}

.fsp-action a:hover {
	color: #fff;
}

.fsp-action a.active {
	cursor: default;
	color: #fff;
}

#fullscreen-portfolio .filters {
	margin-bottom: 37px;
	text-align: center;
	font-weight: 800;
	font-size: 24px;
	line-height: 37px;
	text-transform: uppercase;
}

#fullscreen-portfolio .filters li {
	display: inline-block;
	padding: 1px;
}

#fullscreen-portfolio .filters li.active {
	padding: 0;
	border: 1px solid #003a49;
}

#fullscreen-portfolio .filters a {
	display: block;
	padding: 0 10px;
	color: #454545;
	text-decoration: none;
}

#fullscreen-portfolio .filters a:hover {
	color: #222222;
}

#fullscreen-portfolio .filters .active a {
	color: #454545;
	cursor: default;
}

.fsp-wrapper {
	position: relative;
}

.fsp-wrapper .fsp-container {
	position: relative;
	overflow: hidden;
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.fsp-hide {
	opacity: 0 !important;
}

.fsp-content:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.fsp-content-inner {
	position: relative;
	text-align: center;
	margin-bottom: 0;
}

.fsp-content-inner li {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 31.27%;
	vertical-align: top;
	margin: 1%;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fsp-content-inner li.current {
	border: 5px solid #fff;
}

.fsp-content-inner li .fsp-image {
	position: relative;
	z-index: 0;
}

.fsp-content-inner li .fsp-image img {
	width: 100%;
	height: auto;
	vertical-align: top;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.fsp-content-inner li:hover .fsp-image img {
	-webkit-transform: scale(2) rotate(10deg);
	-moz-transform: scale(2) rotate(10deg);
	-o-transform: scale(2) rotate(10deg);
	-ms-transform: scale(2) rotate(10deg);
	transform: scale(2) rotate(10deg);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.fsp-content-inner li .fsp-cover {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #f9f9f9;
	line-height: 1.6;
	background: #ffffff;
	background: rgba(255,255,255,0.3);
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0;
}

.fsp-info {
	height: 100%;
}

.fsp-info h2 {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-size: 22px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
	text-shadow: none;
	color: #454545;
	margin: 20px 40px 0;
	background: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.fsp-info p{
  color:#000000;
}


.fsp-info a.fsp-readmore {
	color: #fff;
	background: #454545;
	padding: 20px 12px;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
	overflow: hidden;
	text-transform: uppercase;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.fsp-info a.fsp-readmore:hover {
	background: rgba(0,0,0,0.75);
}

.fsp-info:hover h2, .fsp-info:hover p, .fsp-info:hover a.fsp-readmore {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

:root .fsp-content-inner li .fsp-cover {
	filter: 'none';
}

.fsp-content-inner li .fsp-cover:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.fsp-content-inner li .fsp-cover a {
	display: block;
	padding: 20px auto;
	text-decoration: none;
	color: rgba(255,255,255,0.75);
	padding:10px auto;
}

.fsp-content-inner li .fsp-cover span {
	display: block;
}

.fsp-content-inner li .fsp-cover .project_icon {
	padding: 5% 0;
	color: #fff;
	font-size: 42px;
}

.fsp-content-inner li .fsp-cover .project_title {
	margin-bottom: 5px;
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
}

.fsp-content-inner li .fsp-cover .project_text {
	color: #fff;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* width margins and spacing*/
@media screen and (min-width: 1600px) {
.fsp-content-inner li {
	width: 24%;
	margin: .5%;
}

}
/* fullscreen, no spacing*/
@media screen and (min-width: 1600px) {
.fsp-content-inner li {
	width: 24.98%;
	margin: 0%;
}

}
#fullscreen-portfolio.section.anchor div.fsp-wrapper div.fsp-container div.fsp-content div.projects.fsp-content-inner ul.isotope {
	padding: 0;
	margin: 0;
}

/* -----------------------------------------
:: INFO BOX CAROUSEL
----------------------------------------- */
#ibc .carousel-control.right {
	background-image: none;
}

#ibc .carousel-control.left {
	background-image: none;
}

#ibc .article-carousel.carousel-control.right {
	width: 26px;
	background: url('../../graphics/ibc-right.png') no-repeat center top;
}

#ibc .article-carousel.carousel-control.left {
	width: 26px;
	background: url('../../graphics/ibc-right.png') no-repeat center top;
}

#ibc .carousel-indicators {
	bottom: -50px;
}

#ibc .ibc-section {
	margin: 0px auto 100px;
}

/* col padding */
#ibc .col-xs-3 {
	padding-left: 30px;
	padding-right: 30px;
}

#ibc {
margin-top:100px;
	padding-bottom: 50px;
}

/* img thumbnail */
#ibc .ibc-img-thumbnail {
	background: rgba(255, 255, 255, 0.0);
	border: 10px #ffffff solid;
	border: 10px rgba(255,255,255,0.5) solid;
	border-radius: 50%;
	display: inline-block;
	height: auto;
	line-height: 1.42857;
	max-width: 100%;
	width: 100%;
	padding: 10px;
	transition: all 0.2s ease-in-out 0s;
}

#ibc .ibc-bg1 .ibc-img-thumbnail:hover {
	background: rgba(255, 255, 255, 1.0);
	border: 5px #454545 solid;
}

#ibc .ibc-bg2 .ibc-img-thumbnail:hover {
	background: rgba(255, 255, 255, 1.0);
	border: 5px #454545 solid;
}

#ibc .ibc-bg3 .ibc-img-thumbnail:hover {
	background: rgba(255, 255, 255, 1.0);
	border: 5px #454545 solid;
}

#ibc .ibc-bg4 .ibc-img-thumbnail:hover {
	background: rgba(255, 255, 255, 1.0);
	border: 5px #454545 solid;
}

#ibc .ibc-bg1 h3, #ibc .info-box-wrapper h1, #ibc .info-box-wrapper h2, #ibc .info-box-wrapper h3, #ibc .info-box-wrapper h4, #ibc .ibc-bg1 h1, #ibc .ibc-bg1 h2, #ibc .ibc-bg1 h3, #ibc .ibc-bg1 h4, #ibc .ibc-bg2 h1, #ibc .ibc-bg2 h2, #ibc .ibc-bg2 h3, #ibc .ibc-bg2 h4, #ibc .ibc-bg3 h1, #ibc .ibc-bg3 h2, #ibc .ibc-bg3 h3, #ibc .ibc-bg3 h4, #ibc .ibc-bg4 h1, #ibc .ibc-bg4 h2, #ibc .ibc-bg4 h3, #ibc .ibc-bg4 h4 {
	font-family: "Roboto Condensed",sans-serif;
	font-weight: normal;
	line-height: 1;
	background: #ffffff;
	padding: 5px 10px;
	margin: 15px 0 5px 0;
	border-radius: 10px 10px 0px 0px;
	text-align: center;
}

#ibc .info-box-wrapper h1 {
	font-size: 34px;
}

#ibc .info-box-wrapper h2 {
	font-size: 32px;
}

#ibc .info-box-wrapper h3 {
	font-size: 30px;
}

#ibc .info-box-wrapper h4 {
	font-size: 28px;
}

#ibc h1, #ibc h2, #ibc h3, #ibc h4 {
	color: #454545;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
}

#ibc .ibc-bg1 h1, #ibc .ibc-bg1 h2, #ibc .ibc-bg1 h3, #ibc .ibc-bg1 h4 {
	color: #454545;
}

#ibc .ibc-bg2 h1, #ibc .ibc-bg2 h2, #ibc .ibc-bg2 h3, #ibc .ibc-bg2 h4 {
	color: #454545;
}

#ibc .ibc-bg3 h1, #ibc .ibc-bg3 h2, #ibc .ibc-bg3 h3, #ibc .ibc-bg3 h4 {
	color: #454545;
}

#ibc .ibc-bg4 h1, #ibc .ibc-bg4 h2, #ibc .ibc-bg4 h3, #ibc .ibc-bg4 h4 {
	color: #454545;
}

/* p description */
#ibc .info-box-wrapper p, #ibc .ibc-bg1 p, #ibc .ibc-bg2 p, #ibc .ibc-bg3 p, #ibc .ibc-bg4 p {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	background: none;
	padding: 5px 10px;
	text-align: center;
	background: #454545;
	border-radius: 0px 0px 10px 10px;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#ibc .carousel {
	margin-bottom: 0px;
	padding: 30px 40px 70px 40px;
}

/* Reposition the controls slightly */

#ibc .carousel-control {
	background-color: rgba(0, 0, 0, 0);
	border: 0 none;
	color: transparent;
	font-size: 0px;
	height: 200px;
	width: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

#ibc .article-carousel.carousel-control.right {
	right: 0%;
	bottom: 0%;
	width: 40px;
	height: 40px;
	border: 0px #454545 solid;
	border-radius: 50%;
	background: rgba(255,255,255,0.5) url('../../graphics/ibc-right.png') no-repeat center;
	opacity: 1;
	transition: all .2s ease-in-out;
}

#ibc .article-carousel.carousel-control.right:hover {
	background: #FFA921 url('../../graphics/ibc-right.png') no-repeat center;
}

#ibc .article-carousel.carousel-control.left {
	left: 0%;
	bottom: 0%;
	width: 40px;
	height: 40px;
	border: 0px #454545  solid;
	border-radius: 50%;
	background: rgba(255,255,255,0.5) url('../../graphics/ibc-left.png') no-repeat center;
	opacity: 1;
	transition: all .2s ease-in-out;
}

#ibc .article-carousel.carousel-control.left:hover {
	background: #FFA921 url('../../graphics/ibc-left.png') no-repeat center;
}

/* Changes the position of the indicators */

#ibc .carousel-indicators {
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
	right: 50%;
	bottom: -30px;
	margin-right: -19px;
}

/* Changes the colour of the indicators */
#ibc .carousel-indicators li {
	background: #454545;
	border: 2px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 1px;
	text-indent: -999px;
	width: 20px;
	transition: all .2s ease-in-out;
}

#ibc .carousel-indicators .active, #ibc .carousel-indicators li:hover {
	background: #ffffff;
	border: 2px solid #454545;
	height: 20px;
	margin: 1px;
	width: 20px;
}

#ibc .ibc-image-wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

#ibc .ibc-image-wrapper ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#ibc .ibc-circle1 {
	position: absolute;
	bottom: 0%;
	right: 0;
	color: rgba(255,255,255,0.50);
	font-size: 300%;
	padding: 0;
	margin: 0;
	line-height: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#ibc .ibc-bg1-wrapper:hover .ibc-circle1, #ibc .ibc-bg2-wrapper:hover .ibc-circle1, #ibc .ibc-bg3-wrapper:hover .ibc-circle1, #ibc .ibc-bg4-wrapper:hover .ibc-circle1 {
	transform: scale(0);
	bottom: 0%;
	right: 25%;
	opacity: 0;
}

#ibc .ibc-circle2 {
	position: absolute;
	bottom: -1px;
	right: 15%;
	color: rgba(255,255,255,0.50);
	font-size: 200%;
	padding: 0;
	margin: 0;
	line-height: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#ibc .ibc-bg1-wrapper:hover .ibc-circle2, #ibc .ibc-bg2-wrapper:hover .ibc-circle2, #ibc .ibc-bg3-wrapper:hover .ibc-circle2, #ibc .ibc-bg4-wrapper:hover .ibc-circle2 {
	transform: scale(0);
	bottom: 0%;
	right: 25%;
	opacity: 0;
}

#ibc .ibc-circle3 {
	position: absolute;
	bottom: 0%;
	right: 25%;
	color: rgba(255,255,255,0.50);
	font-size: 100%;
	padding: 0;
	margin: 0;
	line-height: 1;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#ibc .ibc-bg1-wrapper:hover .ibc-circle3, #ibc .ibc-bg2-wrapper:hover .ibc-circle3, #ibc .ibc-bg3-wrapper:hover .ibc-circle3, #ibc .ibc-bg4-wrapper:hover .ibc-circle3 {
	transform: scale(0);
	bottom: 0%;
	right: 25%;
	opacity: 0;
}

@media (max-width: 1199px) {
#ibc .ibc-item-bottom {
	visibility: hidden;
	display: none;
}

}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 0px) and (max-width: 767px) {
}
/* -----------------------------------------
:: PARALLAX SECTION
----------------------------------------- */
.parallax-section {
	margin-top: 100px;
}

.ps-title1 {
	color: #454545;
	font-size: 40px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 1.1;
	margin: 0px auto 50px;
}

.ps-title2 {
	color: #ffffff;
	font-size: 25px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
	line-height: 2;
	background: #454545;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	display: inline-block;
	text-align: center;
	padding: 0px 30px;
	margin: 0px 0px 50px 0px;
}

.ps-description {
	margin: 0px 0px 50px 0px;
}

.ps-button1 .btn, .ps-button2 .btn {
	background: #454545;
	border: 0;
	border-radius: 10px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.42857;
	padding: 7px 20px 7px;
	margin: 5px auto;
}

.ps-right {
	padding: 50px 50px 100px 50px;
	text-align: center;
	position: relative;
}

.ps-left {
}

.ps-image1 {
	position: absolute;
	top: 0;
	left: 0;
}

.ps-image2 {
	position: absolute;
}

.ps-image3 {
	position: absolute;
}

.ps-image4 {
	position: absolute;
}

.ps-image5 {
	position: absolute;
}