body {
	font-family: 'Open Sans', sans-serif;
	color: #636363;
	font-size: 14px;
	line-height: 1.5;
}

/* typography */
a:active, a:hover {
    outline: 0 none;
	text-decoration: none;
	color:#E27D05;
}
a {
    color: #337ab7;
    text-decoration: none;
}

.text-red{
	color:#A70002;
}

.text-green{
	color:#0B9B00;
}

/* layout */

.bonsi-bg {
	background-image: url(../images/bg-main.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0%;
	background-size: 100% 100%;
}


/* overide BS container padding */
.container {
	padding-left: 15px;
	padding-right: 15px;
}
.top {
	position:relative;
}

/*lev 2 logo and menu*/
.top-logo{
	position: absolute;
	top: 10px;
	left: 40px;
	width: 150px;
	height: 120px;
	background-image: url(../images/logo-top.png);
	background-repeat: no-repeat;
	background-size: 150px 120px;
}
.top-logo a{
	display:block;
	width:150px;
	height:120px;
}
.top-logo a:focus {
   outline: none;
}

.content{
	padding-top:10px;
}
.content-internal{
	padding-top:130px !important;
}

.home {
	text-align: center;
}


	
.home-text {
	font-size: 14px;
	color: #797979;
	padding-top: 10px;
}
.home-line {
	border-bottom: 1px solid #ACACAC;
	width: 350px;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 30px;
	height: 1px;
}
.navlist {
	margin: 0 auto;
	padding: 0;
	padding-left: 10px;
	width: 150px;
}

.navlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}
.navlist a {
	text-indent: -9999px;
	display: inline-block;
	width: 45px;
	height: 30px;
}
.navlist a:hover {
	background-position: 0px -30px;
}
.navlist a:focus {
   outline: none;
}
.item-101 {
	display:none !important;
}
.nav-portfolio {
	background-image: url(../images/icon-see.png);
	margin-right: 40px;
}
.nav-contact {
	background-image: url(../images/icon-contact.png);
}
.nav-container{
	float:right;
	margin-top:90px;
	margin-right:120px;
}
#more {
	background-image: url(../images/arrow-down.png);
	width: 17px;
	text-indent: -9999px;
	display: inline-block;
	background-position: 4px 9px;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 7px 4px;
}
#about {
	display: none;
}
.img-responsive{
	display:inline-block;
}
.col-align-right {
	text-align: right;
}
.footer{
	text-align:center;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
	color: #C9C9C9;
}


/* define width and bg for mobiles */
@media (max-width: 768px) {
.bonsi-bg {
	background-image: none;
	background-color: #EFEFEF;
}
.top-logo{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 120px;
	height: 96px;
	background-image: url(../images/logo-top.png);
	background-size: 120px 96px;
	background-repeat: no-repeat;
}
.top-logo a{
	display:block;
	width:120px;
	height:96px;
}
.nav-container{
	float:right;
	margin-top:60px;
	margin-right:10px;
}
.nav-container .navlist {
	padding: 0;
	width: auto ;
}
.nav-portfolio {
	background-image: url(../images/icon-see.png);
	margin-right: 20px;
}
.content-internal{
	padding-top: 120px !important;
}
.page-content {
		padding-left: 20px;
		padding-right: 20px;
}
.col-align-right {
	text-align: inherit ;
}
.home-line {
	width: 90%; 
}
.footer{
	padding-top:80px;
}
h1, .h1 {
    font-size: 34px;
}
h2, .h2 {
    font-size: 28px;
}


}


/* define width and bg for 3 screen sizes */
@media (min-width: 768px) {
.top {
	background-image: url(../images/bg-top-750-conent-home.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 750px;
}
.home-logo {
	margin-top: 50px;
}
.nav-container {
	float:right;
	margin-top:90px;
	margin-right:40px;
}
.content-sides {
	background-image: url(../images/bg-sides-750-conent.png);
	background-repeat: repeat-y;
	width: 750px;
}
.content {
		background-image: url(../images/bg-fade-conent.png);
		background-repeat: repeat-x;
		width: 730px;
		margin-left: 10px;
		background-attachment: fixed;
		min-height: 86vh;
	}
.bottom {
	background-image: url(../images/bg-bottom-750-conent.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 750px;
}
.page-content {
		padding-left: 45px;
		padding-right: 45px;
		overflow-y: hidden;
	}
}


@media (min-width: 992px) {
	.top {
		background-image: url(../images/bg-top-970-conent-home.png);
		background-repeat: no-repeat;
		height: 46px;
		width: 970px;
	}
	.nav-container {
	float:right;
	margin-top:90px;
	margin-right:40px;
}
	.content-sides {
		background-image: url(../images/bg-sides-970-conent.png);
		background-repeat: repeat-y;
		width: 970px;
	}
	.content {
		background-image: url(../images/bg-fade-conent.png);
		background-repeat: repeat-x;
		width: 950px;
		margin-left: 10px;
		background-attachment: fixed;
		min-height: 86vh;
	}
	.bottom {
		background-image: url(../images/bg-bottom-970-conent.png);
		background-repeat: no-repeat;
		height: 10px;
		width: 970px;
	}
	.page-content {
		padding-left: 45px;
		padding-right: 45px;
		overflow-y: hidden;
	}
}

@media (min-width: 1200px) {
	.top {
		background-image: url(../images/bg-top-1170-conent-home.png);
		background-repeat: no-repeat;
		height: 46px;
		width: 1170px;
	}
	.home-logo {
	margin-top: 150px;
}
.nav-container {
	float:right;
	margin-top:90px;
	margin-right:80px;
}
	.content-sides {
		background-image: url(../images/bg-sides-1170-conent.png);
		background-repeat: repeat-y;
		width: 1170px;
	}
	.content {
		background-image: url(../images/bg-fade-conent.png);
		background-repeat: repeat-x;
		width: 1150px;
		margin-left: 10px;
		background-attachment: fixed;
		min-height: 86vh;
	}
	.bottom {
		background-image: url(../images/bg-bottom-1170-conent.png);
		background-repeat: no-repeat;
		height: 10px;
		width: 1170px;
	}
	.page-content {
		padding-left: 85px;
		padding-right: 85px;
		overflow-y: hidden;
	}
}