body {
	font-family: 'Raleway', sans-serif;
	font-weight : 400;
	background-color : black;
	color : white;
}

ul li {
	margin : 0;
	padding : 0;
	list-style:none;
}

ul {
	margin : 0;
	padding : 0;
}​

a:focus { 
    outline: none; 
}

a {
	text-decoration: none;
	background-color : none;
}

.display-inline-block {
	display : inline-block;
	position : relative;
}

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

.navbar-custom {
	background-color : black;
	padding-bottom : 10px;
}

.nav-bg-gradient {
	position : absolute;
	width : 100%;
	height : 46px;
	border : 0px solid white;
	top : 10px;
	z-index : -1;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, white , black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, white, black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, white, black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, white , black); /* Standard syntax */	
}

.logo-style {
	margin-top : 10px;
}


.navbar-nav-custom li a {
	color : white;
	font-size : 10pt;
	border-top : 5px solid black;
	margin-left : 10px;
	background-color:transparent;
}

.navbar-nav-custom li a:hover {
	background-color:transparent;
	border-top : 5px solid #24259B;
}

.navbar li a:after {
    background-color:transparent !important;
}

.top-nav-container {
	z-index : 99;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 17px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid white;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: white;   
}

.navbar {
  margin-bottom: 0px;
}

.nivo-controlNav {
	display : none;
}

.black-bg {
	position : relative;
	background-color : black;
	border : 0px solid white;
}

.theme-default {
	width : 90%;
	margin-left : 5%;
}

.absolute-bg-gray {
	position : absolute;
	bottom : 0px;
	right : 0px;
	background-color : #4D4D4D;
	width : 50%;
	height : 7.5%;
	z-index : 1;
}

.nivoSlider img {
	z-index : 2;
}

.about-left {
	background-color : black;
}

.about-right {
	background-color : #4D4D4D;
}

.about-right p {
	font-weight : 400;
}

.img-full {
	width : 100%;
}

.clear-style {
	margin : 0;
	padding : 0;
}

.clear-padding {
	padding-left : 0px;
	padding-right : 0px;
}

.position-absolute {
	position : absolute;
}

.house-bottom {
	bottom : 10%;
}

.about-img-right {
	top : 0px;
	z-index : 1;
}

.about-section {
	position : relative;
	width : 100%;
}

.about-content {
	position : relative;
	z-index : 99;
	color :white;
	width : 80%;
	margin-left : 10%;
	text-align : center;
	font-weight : 700;
}

.about-title {
	margin-top : 20px;
	font-size : 16pt;
}

.about-title-small {
	font-size : 14pt;
}

.project-section {
	width : 100%;
	position : relative;
	background-color : black;
	z-index : 99;
}

.project-img-section {
	margin-top : 50px;
	width : 94%;
	margin-left : 3%;
	position : relative;	
}

.project-left {
	border : 5px solid #4D4D4D;
}

.project-right {
	border-top : 5px solid #4D4D4D;
	border-right : 5px solid #4D4D4D;
	border-bottom : 5px solid #4D4D4D;
}

.project-bottom {
	border-top : 0px solid #4D4D4D;
}

.border-bottom {
	border-bottom : 5px solid #4D4D4D;
}

.img-bottom {
	background-position : bottom;
}

.showcase-3 {
	padding-top : 5px;
}

.vision-section {
	margin-top : 50px;
	margin-bottom : 50px;
}

.vision-column {
	border : 2px solid white;
	padding : 20px;
	display : inline-block;
	width : 30%;
	margin-left : 2%;
}

.first-vision-column {
	margin-left : 3%;
}

@media (min-width: 1400px) {
	.vision-column {
		min-height : 300px;
	}
}

@media (min-width: 1000px) and ( max-width: 1399px ) {
	.vision-column {
		height : 350px;
	}
}

@media (min-width: 750px) and ( max-width: 999px ) {
	.vision-column {
		height : 400px;
		margin-top : 30px;
	}
}

@media (max-width: 749px) {
	.vision-column {
		width : 96%;
		height : auto;
		margin-top : 30px;
		margin-left : 2%;
	}
}

.vision-text {
	margin-top : 10px;
	text-align: center;
	font-size: 12pt;
}

.contact-section {
	margin-top : 50px;
}

.contact-form {
	padding-top : 30px;
	padding-bottom : 30px;
	background-color : #4D4D4D;
}

.feedback-input {
	font-family: 'Raleway', sans-serif;
	color:#3c3c3c;
	font-size: 10pt;
	border-radius: 0;
	line-height: 20px;
	background-color: #fbfbfb;
	padding-left: 10px;
	margin-top: 15px;
	width:80%;
	margin-left : 10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  	border: 3px solid rgba(0,0,0,0);
}

.feedback-input-first {
	margin-top : 0px;
}

.error {
	width:80%;
	margin-left : 10%;
	color : red;
	height : 20px;
	border : 0px solid black;
}

textarea {
	font-family: 'Raleway', sans-serif;
    height: 120px;
}

.submit-button-row {
	width : 100%;
}

#button-submit{
	font-family: 'Raleway', sans-serif;
	width : 150px;
	text-align : center;
	margin : auto;
	margin-top: 20px;
	background-color : #FFFFFF;
	color : black;
	padding : 5px;
	cursor : pointer;
}

#button-submit:hover{
	background-color: #000000;
	color: white;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.copy-row {
	margin-top : 50px;
	border : 0px solid white;
}

.copy {
	font-size : 8pt;
}

.map-row {
	position : relative;
	margin-top : 50px;
	width : 100%;
	height : 400px;
}

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

.grid-cus-height {
	width : 100%;
	height : 50px;
}

.back-to-top {
	cursor : pointer;
}

.img-row ul li {
	display : inline-block;
	position : relative;
	height : 170px;
	border : 0px solid white;
	margin-left : 0px;
	margin-bottom : 50px;
	padding : 0px;
	vertical-align : top;
}

.hidden {
	display : none;
}

.img-row img {
	height : 100%;
}

.img-row-title {
	color : white;
	font-size : 20pt;
	margin-top : 20px;
	margin-bottom : 20px;
}

.last-li {
	margin-right : 20px;
}

.project-img-title {
	margin-top : 5px;
}

.extra-space {
	width : 100%;
	height : 20px;
	margin-top : 10px;
}

.client-row-title {
	color : white;
	font-size : 20pt;
	margin-top : 20px;
	margin-bottom : 40px;
}

.client-left {
	width : 50%;
	display : inline-block;
	position : relative;
	border-right : 5px solid #444;
	text-align : left;
	vertical-align : top;
}

.client-right {
	display : inline-block;
	position : relative;	
	width : 49%;
	text-align : left;
	padding-left : 5%;
	vertical-align : top;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
}

figure.effect-bubba img {
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media (min-width: 1000px) {
	.navbar-nav-custom {
		float : right;
	}
}


@media (min-width: 1400px) {
	.about-title {
		margin-top : 50px;
		font-size : 30pt;
	}

	.about-title-small {
		font-size : 22pt;
	}

	.about-content p {
		font-size : 12pt;
	}

	.contact-left {
		font-size : 14pt;
	}
}

@media (min-width: 1600px) {
	.about-content {
		padding-top : 100px;
	}

	.about-content p {
		font-size : 14pt;
	}

}

@media (max-width: 999px) {
	.logo-style {
		margin-left : 20px;
	}

	.house-bottom {
		bottom : 30%;
	}	

	.contact-left {
		margin-top : 50px;
	}

	.contact-form {
		margin-top : 50px;
	}

	.copy-row {
		margin-top : 50px;
	}

	.copy {
		padding-top : 10px;
		padding-bottom : 10px;
	}

	.about-section {
		min-height : 1600px;
		max-height : 1600px;
		border : 0px solid white;
	}

	.navbar-nav-custom li a {
		color : white;
		font-size : 10pt;
		border-top : 0px solid white;
		margin-left : 0px;
		text-align : center;
	}

	.navbar-nav-custom li a:hover {
		background-color:transparent;
		border-top : 0px solid #24259B;
	}	

	.absolute-bg-gray {
		background-color : black;
	}	

	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		content: '';
		opacity: 1;
	}	

	figure.effect-bubba figcaption::before {
		border-top: 0px solid #fff;
		border-bottom: 0px solid #fff;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}

	figure.effect-bubba figcaption::after {
		border-right: 0px solid #fff;
		border-left: 0px solid #fff;
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}	

	figure.effect-bubba h2 {	
		font-size : 14pt;
	}

	figure.effect-bubba p {
		padding: 20px 2.5em;
		opacity: 1;
	}

	.project-right {
		border-left : 5px solid #4D4D4D;
	}

	.client-left {
		width : 100%;
		border-right : 0px solid white;
	}

	.client-right {
		padding-left : 0%;
		width : 100%;
	}	
}

@media (max-width: 750px) { 
	.about-section {
		min-height : 1400px;
		max-height : 1400px;
		border : 0px solid white;
	}

	.grid-cus-height {
		width : 100%;
		height : 20px;
	}	
}

@media (max-width: 500px) { 
	.about-section {
		min-height : 1100px;
		max-height : 1100px;
		border : 0px solid white;
	}

	.text-right {
		text-align : center;
		padding-bottom : 20px;
	}
}


.video-container {
    width : 640px;
    height : 360px;
    margin : auto;
	margin-top : 100px;
	margin-bottom : 100px;	    
}

@media screen and ( max-width: 500px ){
    .video-container {
        width : 300px;
        height : 169px;
        margin : auto;
		margin-top : 100px;
		margin-bottom : 100px;	        
    }
}

@media screen and ( min-width: 501px ) and ( max-width: 660px ){
    .video-container {
        width : 480px;
        height : 270px;
        margin : auto;
		margin-top : 100px;
		margin-bottom : 100px;	        
    }
}

.video-container iframe, .video-container object, .video-container embed {
    width:100%;
    height:100%;
}