#IOE-CNT{ margin-top:20px; margin-bottom:20px;}
#IOE-CNT img{max-width:100%;}
#IOE-CNT p {
	color: #333333;
}
#IOE-CNT ul {
	list-style:inherit;
	margin-left: 27px;
}
#IOE-CNT li {
    list-style:disc;
}
#IOE-CNT h1, h1.page-title {
	/*text-transform: uppercase;*/
	    font-size: 34px;
    font-weight: bold;
    padding-bottom: 6px;
	text-align:center;
    position: relative;
}
#IOE-CNT table{width:100%;}
#IOE-CNT h1:before,h1.page-title:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 75px;
    height: 3px;
    background-color: #27282d;
}
#IOE-CNT ul {
	
}
.contant-page{
	padding: 30px 0px 70px;
}
/*
	  ==============================================================
		   structure tree
	  ==============================================================
*/
#structure-tree {}
#structure-tree .tree-item-cpntainer {
	text-decoration: none;
	display: block;
	margin: 0 0 0 1.2em;   		
	background-color: transparent;
	border: solid silver;
	border-width: 0 0 1px 1px;
}
#structure-tree .tree-item{
	display: block; 
	position: relative;
	top: 12px; 
	background-color: #fff; 
	margin: 0 0 1px 8px; 
	padding: 3px 4px; 
}
#structure-tree .fitst-item{
	top: 11px; 
}
#structure-tree span{
	
}
#structure-tree span.title{
}
#structure-tree .tree-item-cpntainer a  {
}
#structure-tree ul, #structure-tree li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#structure-tree ul li {
	line-height: 1.2em;
}
#structure-tree ul li ul {}
#structure-tree ul li ul li {
	margin: 0 0 0 1.2em;
	border-left: 1px solid silver; 
}
#structure-tree ul li.last ul li {
	border: none;  
}
/*
	  ==============================================================
		   Gallery
	  ==============================================================
*/
.filterable_container{		
	margin-left:-1.5%;
	margin-right:-1.5%;
}
.filterable_container .home_gallery{
	width:24.7%;
	float:left;
	padding-left:1.5%;
	padding-right:0px;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.fc_galry_item{
	float:left;
	width:100%;
	position:relative;
	margin-bottom:2.8%;
	overflow:hidden;	
}
.fc_galry_item:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
	background-color:rgba(0,0,0,0.3);
	z-index:1;	
}
.fc_galry_item figure img{
	width:100%;
	height:auto;
}
.fc_galry_item figure figcaption{
	position:absolute;
	left:0px; right:0px; top:0px; bottom:0px;
	width:100%;
	text-align:center;
	z-index:9999;
	opacity:0;	
}
.fc_galry_item figure figcaption a{
	display:block;
	position:absolute;
	left:0px; right:0px; top:0px; bottom:0px;
	font-size:45px;
	color:#fff;	
}
.fc_galry_des{
	position:absolute;
	bottom:-50px;
	right:0px;
	z-index:99999;
	text-align:right;
	width:100%;
	padding:0px 25px 20px 0px;
	opacity:0;	
}
.fc_galry_des p{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:14px;	
}
.fc_galry_des h6{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;	
}
.fc_galry_item:hover:before{
	height:100%;	
}
.fc_galry_item:hover figure figcaption{
	opacity:1;	
}
.fc_galry_item:hover figure:before{
	right: -171px;
	opacity:1;	
}
.fc_galry_item:hover figure:after{
	width:100%;	
}
.fc_galry_item:hover .fc_galry_des{
	opacity:1;
	bottom:0px;	
}
/*
	  ==============================================================
		   PAGINATION WRAP CSS Start
	  ==============================================================
*/
.io_pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:12px;
}
.io_pagination .pagination{
	margin:0px;
	border:0px;
	border-radius:0px;	
}
.io_pagination .pagination li{
	display:inline-block;
	margin-right:3px;	
}
.io_pagination .pagination li a{
	color:#666666;
	border:0px;
	margin:0px;	
	font-size:16px;
	padding:6px 14px;
	border:1px solid #d9d9d9;
	border-radius:0px;float: left;
}
.io_pagination .pagination .dots{
display: inline-block;
    margin-right: 3px;
	font-weight:bold;
	font-size:20px;
line-height:24px;
height:34px;
margin-top:-24px;
vertical-align:middle;
	
}
.io_pagination .pagination li a span{
	border:1px solid #cfcfcf;
	padding:4px 9px;	
}
.io_pagination .pagination li a:focus,
.io_pagination .pagination li a:hover{
	background:none;	
}
.io_pagination .pagination li:hover a,
.io_pagination .pagination li:focus a{
	color:#000;	
	 background-color: #93CEE4;
}
.io_pagination .pagination li.active a{
	    background-color: #1697c7!important;
	color:#fff;
}

.io_pagination .bx-wrapper .bx-pager{
	display:none;	
}
/*Second Pagination*/
.io_pagination2{
	margin-top:20px;	
	margin-bottom:38px;
}
.io_pagination ul.pagination{
	float:left;
	width:100%;	
}
.io_pagination .pagination li a b{
	border-top:2px solid #000000;
	color:#000000;
	padding-top:5px;	
}


/*
	  ==============================================================
		   PAGINATION WRAP CSS END
	  ==============================================================
*/
.page-content > ul.detail{
	float:left;
	width:100%;
	margin-bottom:15px;	
}
.page-content > ul.detail > li{
	float:left;	
	padding:0px 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    color: #AAAAAA;
    letter-spacing: 2px;
    text-transform: uppercase;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
	.page-content{padding: 4px 5px 4px 5px;}
	.page-content h1{
		font-size: 20px;
	}
	.page-content > ul.detail > li{
		font-size:11px;
	}
	.breadcrumbs{
		font-size:14px;
	}
	.breadcrumbs .separator{font-size:12px; padding:0px 6px;}
}
.page-content > ul.detail > li > a{
	color:#a1a1a1;
}
.page-content ul.detail li i{
	margin-right:10px;	
}
.page-content ul.detail li:first-child{
	padding-left:0px;	
}
.page-content blockquote{
	padding:50px 70px;
	border-left:2px solid;	
	background:#f7f7f7;
	margin-bottom:10px;
}
.page-content blockquote p{
	font-size:16px;
	font-weight:bold;
	color:#898989;
	position:relative;
	line-height:30px;	
}
.page-content blockquote p:before,
.page-content blockquote p:after
{
	content:"\f10d";
	position:absolute;
	font-family:fontawesome;
	font-size:22px;
	top:-30px;
	left:-20px;	
}
.page-content blockquote p:after{
	content:"\f10e";
	left:auto;
	right:0px;
	bottom:-30px;
	top:auto;	
}
/*
	  ==============================================================
		  INFO BOXES
	  ==============================================================
*/
info{background-color:#FFFFE1; border: 1px solid #E6E600; padding:8px; display:block; margin:2px; color: #171717; margin:8px 0px 18px 0px;}
info[green],info[ok]{background-color:#98E9BC; border: 1px solid #5EDD97;}
info[red],info[error]{background-color:#FDA38C; border: 1px solid #FB3D0D;}
info[none]{background-color:transparent; border:none;padding:0px; margin:0px;color:#000000;}

figure {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}
.files-list .icon{
	float: left;
    margin-right: 5px;
}

#shadowbox_container a{
border-bottom:none;
}
#shadowbox_container a#shadowbox_nav_close{
border-bottom:2px solid #FFFFFF;
}