/*=================================================
||				1. Imports 
==================================================*/
@import url(http://fonts.googleapis.com/css?family=Roboto:200,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

body
{
	font-family: 'Roboto', 'Open-Sans', sans-serif;
	overflow-x: hidden;
	background-color: #222222;
}

.black{
	color: #313131;
}
.white{
	background: #ffffff ;
}
.purple{
	background: #4a148c;
}
.section-wrapper{
	padding-top: 90px;
	padding-bottom: 80px;
}
.section-title{
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	color: white;
}
.section-item-title{
	
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 3px;
	
}
.section-item-detail{
	font-size: 14px;
    font-weight: 300;
    margin-bottom: 25px;
    color: #999;
    letter-spacing: .39px;
	text-transform: none;
}
.underline{
	height: 2px;
	width: 50px;
	margin: 0px auto 60px;
}

.desc-text {

	text-transform: none;
	color: #999;
}
/*=================================================
||				3. Header
==================================================*/
.header
{
	background-repeat: no-repeat;
	background-position: center center;
	
	background-attachment: fixed;
	height: 94vh;
	color: #ffffff;
	text-transform: uppercase;
}
			/*navbar*/
.navbar-default .navbar-brand{
	border: 1px solid #222222;
	color: #ffffff;
	font-size: 30px;
	padding: 10px 20px;
	height: auto;
	font-weight: 200;
	letter-spacing: 5px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
	color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-fixed-top .navbar-toggle .icon-bar {
    background-color: #313131;
}
.navbar-fixed-top .navbar-toggle{
	border-color: #313131;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    padding-top: 15px;
}
.navbar-default .navbar-nav>li>a{
	color: #ffffff;
    /*text-transform: uppercase;*/
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
}
.navbar-default .navbar-toggle{
	border-radius: 0px;
}
.navbar-default .navbar-nav>li>a:hover{
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #ffffff;
}
.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
}
		/*Home*/
.header-wrapper{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background: #222222;


}
.header-table{
	display: table;
	height: 70vh;
	width: 100%;
}
.header-title{
	font-size: 50px;
	letter-spacing: 10px;
	font-weight: 200;
}
.header-subtitle{
	font-size: 20px;
	letter-spacing: 3px;
}

.row {
	margin-left:  15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

/*=================================================
||				10. Footer
==================================================*/
footer{
	position: fixed;
	left:0px;
	bottom:0px;
	width:100%;
	background: #333333;
	margin-top: 59px;
	height: 50px;
	
}
.copy{
	position: absolute;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	padding: 0px 0px;
	bottom: 11px;
	right: 2%;
	display: inline-block;
}

.companynumber{
	position: absolute;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	padding: 0px 0px;
	bottom: 11px;
	left: 2%;
	display: inline-block;
}

.clear { clear: both; height: 60px; }




/*=================================================
||				11. Others
==================================================*/

@media (max-width: 960px){
	.nav>li{
		text-align: center;
	}
	.service-img{
		opacity: .2;
	}
	.fun-box{
		margin: 15px;
	}
	.quote{
		padding: 0 50px;
	}
	.portfolio .portfolio-item{
		margin: 15px;
	}
	.price-title, .price-list{
		text-align: center;
	}
	.options a{
		padding: 0 5px;
	}
	footer{
		text-align: center;
	}
	footer .text-right{
		text-align: right;
	}
	.navbar-default .navbar-brand{
		
		margin-left: 15px;
	}
		img.about-img {
	    width: 100%;
	    padding: 15px 15px 0px;
	}
	.quote{
		padding: 0 15px;
	}
} 
@media (max-width: 480px){
	.header-table{
		max-height: 627px;
	}
}