/*
#hero-bg-image:after,
.section-image:after {
display:none !important;
visibility: hidden !important;
opacity:0 !important;
}
*/

/*a:hover, a:focus {
    color: black !important;
}*/


ul, ol {
    margin-left: 20px !important;
}

.flexnav, .flexnav-show{
	margin-left: auto !important;
}

.nav-height .inner {
    padding-left: 0px !important;
}

#hero-bg-image:after{
background:black;
opacity:0.3;
}



 #hero-bg-wrapper{
 	height: 80vh;
 }

/*portfolio.css*/
#project-nav {
		height: 40vh;
		width: 100%;
		color: #000;
		position: absolute;
		margin-bottom: 0;	
		bottom: -35vh;/*jswift this is very important*/	
		/*background:orange;*/
	}
.next-project-image {
		position: absolute;
		/*jswift top: 100%;*/
		top:10%;
		left: 0;
		height: 100vh;
		width: 100%;
		overflow:hidden;
	}
	
	.next-project-image-bg {
		position: absolute;
		top: 0;
		left: 0;
		height: 40vh;
		width: 100%;
		background-size: cover;
		background-position:center center;
		background-repeat: no-repeat;
		opacity:1;
		-webkit-transform: scale(1.05) translateY(0%);
		transform: scale(1.05) translateY(0%);
	}

 /*
 #hero.has-image #hero-styles{
 	height: 60vh;
 }

 #hero.has-image{
 	height: 40vh;
 }*/

/*top of page transition*/
.cd-cover-layer,.cd-cover-layer.invisible{
	background-color:transparent
}
.cd-cover-layer{
		position:fixed;
		z-index:5000;
		left:50%;
		top:50%;
		bottom:auto;
		right:auto;
		-webkit-transform:translateX(-50%) translateY(-50%);
		-moz-transform:translateX(-50%) translateY(-50%);
		-ms-transform:translateX(-50%) translateY(-50%);
		-o-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		height:101%;
		width:101%;
		opacity:0;
		visibility:hidden;
		-webkit-transition:opacity .4s .4s,visibility 0s .4s;
		-moz-transition:opacity .4s .4s,visibility 0s .4s;
		transition:opacity .6s 0s,visibility 0s .4s
	}
	.page-is-changing .cd-cover-layer{
		opacity:0.6;
		/*background:red;*/
		background:white;
		/*jswift opacity:1;*/
		visibility:visible;
		-webkit-transition:opacity .3s 0s,visibility 0s 0s;
		-moz-transition:opacity .3s 0s,visibility 0s 0s;
		transition:opacity .3s .3s,visibility 0s 0s
	}




.section-image:after {
	background: black;
    opacity: 0.3;
}


.inner {
    padding-left: 100px !important;
}

.first-item-jswift{
	margin-top:-80px !important;
}

.hero-bottom {
    opacity:0!important;
    visibility: hidden;
    display: none;
    }

@media only screen and (max-width: 479px){
#showcase-carousel-slider .img-mask {
    padding: 0px !important;
}
.first-item-jswift {
    margin-top: 0px !important;
}
}

@media only screen and (max-width: 767px) {
.inner {
    padding-left: 0px !important;
}

}


#project-nav{
	/*background:yellow !important;*/
}

.button-wrap.right .button-text{
	/*background:white !important;*/
}

.button-wrap.right .icon-wrap{
	/*background:white !important;*/
}


/*For dev purposes only*/
h1.modules-heading {
    padding: 40px 0px;
    color: #d3d3d3;
}

.module-row-jswift{
	background:#292929 !important;
}

/*#main-page-content img{
	width:50% !important;
	max-width:400px !important;
}*/

.copyright a.link {
    color: black;
}

.hb-right{
	opacity:1 !important;
	display:none;
	visibility: hidden;
}

.bg-toro{
	background:black !important;
	color:white !important;
}

.bg-saclib,
.bg-toro,
.bg-propertyradar,
.bg-ace{

}



.title,
#showcase-carousel-slider .outer .subtitle,
.title span,
.hero-title,
.hero-subtitle,
.next-project-title .main-title,
.next-project-title .main-title:hover,
.next-project-title .next-subtitle-info{
color:white !important;
}

.jswift.about-page .hero-title,
.jswift.about-page .hero-subtitle{
	color:black !important;
}

.jswift.about-page p {
    color: black;
}

#logo {
    display: block !important;
    max-width: 100px;
}

/* temporary only*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    margin-right: 2%!important;