body {
	background-color:#dadad7;
	font-family: 'Open Sans', sans-serif;
}

.header {
	background-color:#dadad7;
	color:#464538;
	padding:0px 20px;
}

.header img {
	position:relative;
	width:100%;
	padding-bottom:4px;
	left:-30px;
}

.content {
	background-color:#fff;
	padding:30px;
	padding-top:30px;
}

h1 {
	display:none;
}

.content ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

.content .breadcrumb {
	padding-left:0px;
	background:none;
	font-size:20px;
}

.content p {
	margin-top:10px;
	margin-bottom:15px;
}

.content p.gray-back,.content div.gray-back {
	background:red;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	background:#dadad7;
	padding:15px;	
}

.content div.row img {
	width:100%;
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	line-height:0px;
}

.content div.row img.border {
	border:1px solid #222;
}

.content div.row a.imgeff {
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	line-height:0px;
	position:relative;
	display:block;
	overflow:hidden;
}

.content div.row a.border {
	border:1px solid #222;
}

.content div.row .ibox_zoom {
	position:absolute;
	top:0px;
	left:0px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.content div.row a:hover img.ibox_zoom {
	width:108%;
	left:-4%;
	top:-4%;
}


.content div.row div.ibox {
	padding:10px;
}

.content a {
	color:#444;
}

/*reference*/

.subitem-container {
	border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	overflow:hidden;
	position:relative;
	margin:10px;
}

.subitem-container img {
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}

.subitem-container img.zoom {
	position:absolute;
	top:0px;
	left:0px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.subitem-container img.over {
	z-index:400;
}

.subitem-container a:hover img.zoom {
	width:110%;
	left:-5%;
	top:-5%;
}

.subitem-container span {
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#24231d;
	color:#fff;

	padding:0px;
	transition:padding 0.3s;
	-webkit-transition:padding 0.3s;
}

.subitem-container h3 {
	font-size:20px;
	margin:15px;
	padding:0px;
}

.subitem-container p {
	margin:15px;
	margin-bottom:20px;
	padding:0px;
	text-align:left;
}

.subitem-container a:hover span {
	padding-bottom:16px;
}

.navbar > li > ul {
	padding-left:30px;
	line-height:80%;
}

/*sidebar*/
.sidebar {
	display:fixed;
	position:fixed;
	top:0px;
	right:-18em;
	background:#222;
	color:#fff;
	width:18em;
	height:100%;
	overflow:auto;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
	-o-transition: right 0.3s ease-in-out 0s;
	z-index:300;
}

.sidebar > li > ul {
	padding-left:30px;
}

.sidebar a {
	color:#fff;
}

.sidebar li > a:hover {
	background-color:#45443a !important;
}

.sidebar li.sidebar-closer > a:hover {
	background-color:transparent !important;
}

.sidebar-toggle {
	right:0;
}

body {
	position:relative;
	left:0px;
}

body {
	transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
}

.navbar-toggled {
	position:relative;
	left:-18em;
}

.sidebar-closer {
	text-align:right;	
}

.sidebar-closer a {
	background:transparent;
	font-size:180%;
}

.sidebar-closer > a {
	display:inline-block !important;
}

/* main menu */
.container-fluid>.navbar-header {
	color:#aaa;
	background-color:#5a5a38 !important;
}

.main-nav {
	background-color:#45443a;
	background-color:#5a5a38;
	border:none;
	border-radius:0px;
}

.main-nav > ul > li > ul {
	display:none;
	position:absolute;
	z-index:200;
	background:#222;
	padding-bottom:10px;
}

.main-nav > ul > li > ul a {
	color:#fff !important;
	font-size:110%;
	padding-left:20px;
	width:250px;
}

.main-nav > ul > li > ul a:hover {
	text-decoration:underline;
}

.main-nav > ul > li > a {
	font-size:120%;
	padding:15px 20px;
	color:#fff !important;
}

.main-nav > ul > li.active > a {
	background-color:#222 !important;
}

.main-nav > ul > li > a:hover {
	background-color:#222 !important;
}