/* reset ================================================================================= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;text-align:left;font-size:100%;vertical-align:baseline;}
html {overflow-y: scroll;}
body{font-size:62.5%;font-family:arial,verdana,helvetica,georgia,'Lucida Grande','Lucida Sans Unicode','Trebuchet MS','Arial Black','Courier New','Times New Roman','Times',sans-serif;line-height:1.35;height:100%;text-align:center;}
h1,h2,h3,h4,h5,h6 {line-height: normal; font-weight: normal;}
a,button{cursor:pointer;text-decoration:none;}
img{display:block;-ms-interpolation-mode:bicubic;}
ins{text-decoration:none;}
address{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
fieldset{position:relative;}
legend{position:relative;margin-left:-0.63em;}
label{cursor:default;}
select,input,texarea,button,textarea{font:120%/normal arial, sans-serif;resize:none;}
textarea{overflow:auto;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:400;}
center{text-align:center;}
b{font-weight:700;}
i{font-style:italic;}
big{font-size:large;}
small{font-size:small;}
blink{text-decoration:blink;}
u{text-decoration:underline;}
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clear {display: inline-block;}
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}
.hidden{position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;line-height:1px;}
ol,ul,menu{list-style:none;}
del,s,strike{text-decoration:line-through;}
object,embed,applet{display:block;}
/* ======================================================================================= */


/* base ================================================================================= */
html { overflow-x: hidden; }
body {
	background: #e6e6e6 url(/img/bg/bg_body.png) repeat-x left top;
	font-family: arial, helvetica, sans-serif;
}
p {
	font-size: 1.3em;
	line-height: 1.5;
}

a {
	color: #288fcb;
	text-decoration: none;
}
a:hover {
	color: #df6833;
}

h1 {
	font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
	font-size: 3.5em;
	color: #fff;
}
h2 {
	color: #de5f27;
	font-size: 1.9em;
	font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
	margin: 0 0 12px 0;
}

/* layout */
#container {
	/* width: 962px; */
	width: 1025px;
	margin: 0 auto;
	background: #fff;
}
#wrapper { padding: 0 31px; }
#header {
	height: 83px;
	position: relative;
}
#logo {
	position: absolute;
	top: 31px;
	left: 0;
	z-index: 10;
}
	#logo a {
		display: block;
		width: 250px;
		height: 50px;
		text-indent: -9999px;
		background: url(../img/logo/logo.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/dbe/img/logo/logo.png', sizingMethod='image');
	}

#nav_main {
	position: absolute;
	z-index: 10;
	top: 40px;
	right: 20px;
}
	#nav_main li {
		float: left;
	}
	/*#nav_main a {
		display: block;
		text-indent: -9999px;
		height: 35px;
		background-repeat: no-repeat;
		background-image: url(../img/nav/nav_alt.png);
		_background-image: url(../img/nav/nav_alt_8bit.png);
		
	}*/
	#nav_main a {
	    display: block;
	    font-size: 12px;
	    text-transform: uppercase;
	    height: 35px;
	    color: #818181;
	    font-weight: bold;
	    margin-left: 30px;
	}
	#nav_main .home_active a,
	#nav_main .process_active a,
	#nav_main .portfolio_active a,
	#nav_main .about_active a,
	#nav_main .news_active a,
	#nav_main a:hover {
		color: #024b92;
	}
	/*#nav_main .home a {
		width: 83px;
		background-position: 0 0;
	}
	#nav_main .home_active a,
	#nav_main .home a:hover { background-position: 0 -35px; }
	
	#nav_main .process a {
		width: 98px;
		background-position: -185px 0;
	}
	#nav_main .process_active a,
	#nav_main .process a:hover { background-position: -185px -35px; }
	
	#nav_main .portfolio a {
		width: 107px;
		background-position: -282px 0;
	}
	#nav_main .portfolio_active a,
	#nav_main .portfolio a:hover { background-position: -282px -35px; }
	
	#nav_main .about a {
		width: 101px;
		background-position: -83px 0;
	}
	#nav_main .about_active a,
	#nav_main .about a:hover { background-position: -83px -35px; }
	
	#nav_main .news a {
		width: 115px;
		background-position: -392px 0;
	}
	#nav_main .news_active a,
	#nav_main .news a:hover { background-position: -392px -35px; }*/

#nav_utility {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 10;
}
	#nav_utility li,
	#nav_utility a {
		float: left;
		text-indent: -9999px;
		height: 40px;
		background-repeat: no-repeat;
		background-image: url(../img/nav/nav_utility.png);
		_background-image: url(../img/nav/nav_utility.8bit.png);
	}
	#nav_utility .contact a {
		background-position: 0 0;
		width: 157px;
		float: none;
		display: block;
	}
	#nav_utility .phone {
		width: 90px;
		background-position: -76px 0;
	}

.mobile-nav-btn {
	z-index: 100;
    display: none;
    position: absolute;
    top: 30px;
    right: 15px;
    cursor: pointer;
}
.mobile-nav-btn span {
    display: block;
    width: 24px;
    height: 3px;
    margin-bottom: 5px;
    background: #2464a0;

    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.mobile-nav-btn span:last-child {
    margin-bottom: 0;
}
.mobile-nav-btn.active span:first-child {
    transform: rotate(45deg);
    margin-top: 10px;
}
.mobile-nav-btn.active span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
.mobile-nav-btn.active span:last-child {
    transform: rotate(-45deg);
    margin-top: -16px;
}

#footer {
	padding: 11px 0;
}	
	#footer p {
		color: #909090;
		font-size: .9em;
	}
#content {
	padding-bottom: 20px;
	padding-top: 20px;
	background: url(../img/bg/bg_2col.png) repeat-y left top;
	position: relative;
	z-index: 10;
}
.work #content { background: url(../img/bg/bg_2col_work.png) repeat-y left top; }

#masthead {
	height: 127px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 30px;
}
	#masthead h1 {
		padding: 66px 0 0 0;
	}
	
#sidebar {
	float: left;
	width: 224px;
}
	#sidebar .inner { padding: 4px 18px 0 30px; }
	#sidebar a {
		color: #818181;
		display: block;
		padding: 4px 8px;
		_height: 1%;
	}
	#sidebar a:hover, 
	#sidebar a.active { color: #df6833; }
	
	#sidebar a.active, #sidebar li.current_page_item a{
		background: url(../img/icon/icon_item_active.png) no-repeat left top;
		padding-left: 13px;
		font-weight: bold;
	}
	
	#sidebar h3 {	
		font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
		font-size: 1.5em;
		font-style: italic;
		color: #2c2c2c;
		border-bottom: 2px solid #d5cfcd;
		margin: 0 0 3px 0;
		padding: 0 0 3px 0;
	}
	#sidebar li {
		font-size: 1.2em;
		border-bottom: 1px solid #dcdcdc;
	}
	#sidebar li.last { border: 0; padding-top:10px; }
	
#main {
	float: left;
	width: 735px;
	color: #333;
}
	#main .inner { padding: 0 20px; }
.lead {
	border-bottom: 2px solid #d0c9c7;
	margin: 0 0 13px 0;
}
	.lead h2 {
		float: left;
		font-size: 1.4em;
		font-weight: bold;
		color: #818181;
		margin: 4px 0 0 0;
	}
	.lead .btn {
		text-indent: -9999px;
		float: right;
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 28px;
		cursor: pointer;
	}
#main .intro {
	font-size: 1.8em;
	line-height: 1.4;
	color: #383838;
	font-family: Times New Roman, Times, Cambria, serif;
}
.body p, .client_list p { 
	margin: 0 0 23px 0; 
	line-height: 1.65;
}
.body h3, .client_list h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 5px 0;
}
.body ol,
.body ul, .client_list ul { margin: 0 0 23px 0; }
.body  li, .client_list li {
	font-size: 1.3em;
	margin: 0 0 4px 10px;
}
.client_list li{}
.body ul li, .client_list ul li {
	padding: 0 0 0 8px;
	background: url(../img/bullet/bullet_disc_black.png) no-repeat left 7px;
}
.client_list ul li{
	margin:1px solid black;
}
.body .col {
	float: left;
	width: 340px;
	padding: 0 0 10px 0;
}
.body .col_b {
	float: right;
	width: 320px;
}

.body .col_c{
	float:left;
	width:440px;
	padding: 0 0 10px 0;
}

.body .col_d{
	width:220px;
	float:right;
}

.quote {
	background: url(../img/icon/icon_startquote.png) no-repeat left top;
	padding: 0 0 0 27px;
	
}
	.quote p {
		font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
		color: #de5f27;
		font-style: italic;
		font-size: 1.8em;
		margin: 0 -10px 0 0;
	}
	.quote span {
		background: url(../img/icon/icon_endquote.png) no-repeat right top;
		padding: 0 27px 0 0;
		zoom: 1;
	}
	
/* work */
.work #masthead, .page #masthead, .archive #masthead, .single #masthead { background-image: url(../img/masthead/masthead_work.jpg); }
.archive #masthead, .single #masthead { background-image: url(../img/hdr/header_castle.jpg);}
.about-us #masthead{ background-image: url(../img/hdr/header_flag.jpg);}
.process #masthead{ background-image: url(../img/hdr/header_library.jpg);}
.lead .btn.slideshow {
	background-image: url(../img/btn/btn_slideshow.png);
	width: 143px;
}
.lead .btn.clientlist{
	background-image: url(../img/btn/btn_clientlist.png);
	width: 143px;
}
.projects { 
	position: relative; 
	margin: 0 -50px 0 0;
	zoom: 1;
}
.projects li {
	float: left;
	width: 150px;
    height: 150px;
	margin: 0 10px 10px 0;
	position: relative;
	display: none;
}
.projects.bios li { display: block; width: 150px; }
.projects li.active { 
	z-index: 5; 
	_margin-bottom: -10px;
	_margin-right: 10px;
}
	.projects li a {
		position: relative;
		z-index: 3;
	}
	.projects li img { 
		margin: 0 0 5px 0; 
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.projects li .frame {
		width: 145px;
	    height: 145px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: none;
	    z-index: 2;
	    background-size: contain;
	    border: 5px solid #fff;
	    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	.projects.bios li .frame {
		
	}	
	
	.projects li.active .frame { display: block; }
	.projects li strong {
		color: #010101;
	    font-size: 1.1em;
	    position: absolute;
	    width: 135px;
	    margin: -5px 0 0 0;
	    left: 0px;
	    padding: 10px;
	    display: none;
	    z-index: 4;
	    background: #fff;
	    box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	}
	.projects.bios li strong {
		
	}
		.projects li strong span {
			display: block;
			padding: 0;
		}
	.projects li.active strong { display: block; }
	.projects li .pop { display: none; }
	
.loader {
	background: url(../img/loader.gif) no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	position: absolute;
	left: 350px;
	top: 30px;
	z-index: 50;
}
.opaque {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.error {
	display: none;
	text-align: center;
	font-size: 1.1em;
	margin: 30px 0 0 0;
}

/* about */
.about #masthead, .page-id-2 #masthead  { background-image: url(../img/masthead/masthead_about.jpg); }
.lead .btn.share {
/*	background-image: url(../img/btn/btn_share.png); */
	width: 68px;
}

/* home */
#hero {
	height: 390px;
	position: relative;
	z-index: 3;
	margin-bottom: -83px;
}
	#hero .slides {
		position: absolute;
		top: -83px;
		left: 0;
	}
	#hero .slide {
		position: absolute;
		top: 0;
		left: 0;
	}
	#hero .content {
		position: absolute;
		top: 31px;
		left: 0;
		width: 287px;
		height: 276px;
	}
	#hero .content .opaque {
		background: #004a90;
		position: absolute;
		top: 0;
		left: 0;
		width: 287px;
		height: 276px;
		opacity: 0.86;
		filter: alpha(opacity=86);
	}
	#hero .inner {
		position: relative;
		z-index: 2;
		padding: 36px 20px 0 20px;
	}
	#hero h1 {
		font-size: 3.1em;
		margin: 0 0 18px 0;
	}
	#hero .content li {
		font-size: 1.2em;
		line-height: 1.5;
		color: #fff;
		font-family: Myriad, Myriad Pro;
		letter-spacing: 0.05em;
		margin: 0 0 9px 0;
		padding: 0 15px 0 25px;
	}
	#hero .togglers {
		position: absolute;
		width: 102px;
		height: 34px;
		top: 273px;
		left: 860px;
	}	
		#hero .togglers .opaque {
			position: absolute;
			width: 102px;
			height: 34px;
			background: #000;
			opacity: 0.64;
			filter: alpha(opacity=64);
			top: 0;
			left: 0;
		}
		#hero .togglers ul { padding: 11px 0 0 21px; }
		#hero .togglers li {
			float: left;
			position: relative;
			cursor: pointer;
			z-index: 2;
			width: 11px;
			height: 11px;
			text-indent: -9999px;
			background: #fff;
			margin: 0 6px 0 0;
			opacity: 0.3;
			filter: alpha(opacity=30);
		}
		#hero .togglers li.active {
			background: #e17a4c;
			opacity: 1.0;
			filter: alpha(opacity=100);
		}
	#hero .curly {
		position: absolute;
		width: 27px;
		height: 40px;
		background: url(../img/icon/icon_curly.png) no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/dbe/img/icon/icon_curly.png', sizingMethod='image');
		text-indent: -9999px;
		top: 95px;
		left: 13px;
		_left: 0;
		margin-top: -2px;
	}
	.home #sidebar { width: 287px; }
		.home #sidebar .inner  { padding: 30px 47px 0 30px; }
	.home #content { 
		background-image: url(../img/bg/bg_2col_home.png);
		background-color: #eee;
		height: 238px;
		padding-bottom: 0;
		padding-top: 0;
	}
	.home #main { width: 676px; }
		.home #main .inner { padding: 29px 50px 0 42px; }
		.home #main p { 
			font-size: 1.3em;
			color: #818181;
			line-height: 1.7;
		}
#container .module_news h3 {
	font-style: normal;
	font-size: 1.4em;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 7px 0;
	margin: 0;
}
#container .module_news ol { margin: 0 0 10px 0; }
#container .module_news li {
	font-size: 1.1em;
	background: url(../img/bullet/bullet_rect_orange.png) no-repeat 0 13px;
	padding: 9px 0 9px 11px;
	border-bottom: 1px solid #e3e3e3;
}
#container .module_news li a { padding: 0; }
#container .module_news .view a {
	color: #288fcb;
	font-size: 1.1em;
	padding: 0;
}
#container .module_news .view a:hover { color: #de5f27; }


.lightbox {
	position: absolute;
	z-index: 999;
	top: 0;
	left: auto !important;
	width: 858px;
	background: url(../img/bg/bg_lightbox_head.png) no-repeat;
	_background: url(../img/bg/bg_lightbox_head.8bit.png) no-repeat;
	padding: 37px 0 0 0;
	display: none;
}
	.lightbox .inner {
		background: url(../img/bg/bg_lightbox_inner.png) no-repeat left bottom;
		_background: url(../img/bg/bg_lightbox_inner.8bit.png) no-repeat left bottom;
		padding: 0 40px 41px 34px;
	}
	.lightbox .close {
		text-indent: -9999px;
		background: url(../img/btn/btn_close.png) no-repeat;
		_background: url(../img/btn/btn_close.8bit.png) no-repeat;
		width: 37px;
		height: 35px;
		position: absolute;
		top: 16px;
		left: 808px;
		cursor: pointer;
	}	
	.lightbox h2 {
		color: #de5f27;
		font-size: 2.4em;
		line-height: 1.25;
		height: 75px;
		font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
	}
	.lightbox .head {
		height: 36px;
		position: relative;
	}
	.lightbox .prev {
		text-indent: -9999px;
		background: url(../img/btn/btn_prev.png) no-repeat;
		width: 77px;
		height: 36px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	.lightbox .next {
		text-indent: -9999px;
		background: url(../img/btn/btn_next.png) no-repeat;
		width: 88px;
		height: 36px;
		position: absolute;
		top: 0;
		left: 700px;
		cursor: pointer;
	}
	.lightbox .hdr {
		color: #848383;
		font-style: italic;
		font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
		font-size: 1.3em;
		position: absolute;
		top: 8px;
		width: 300px;
	}
	.lightbox .hdr.left {
		left: 83px;
	}
	.lightbox .hdr.right {
		text-align: right;
		left: 393px;
	}
	.lightbox .content {
		background: url(../img/bg/bg_lightbox_content.png) no-repeat left top;
	}
	.lightbox .col_a {
		float: left;
		width: 520px;
	}
	.lightbox .col_b {
		float: right;
		width: 264px;
	}
	.lightbox.bios .col_a{
		float:left;
		width:50%;
	}
	.lightbox.bios .col_b{
		float:right;
		width:50%;
	}
		.lightbox .col_b .inner {
			background: none;
			padding: 17px 15px 0 25px;
		}
	.lightbox .body {
		border-top: 1px solid #e6e6e6;
		padding: 15px 0 0 0;
		height: 280px;
		overflow: auto;
		padding: 10px 10px 0 0;
	}
	.lightbox.bios h2 { font-size: 2.0em; }
		.lightbox.bios .body h2 {
			font-size: 1.3em;
			font-weight: bold;
			margin: 0 0 5px 0;
			height: auto;
			text-transform:uppercase;
		}
		.lightbox.bios .body .title{
			text-transform:uppercase;
		}
		.lightbox.bios img {
			height: auto;
		}
	.lightbox .body p {
		color: #818181;
		font-size: 1.2em;
		line-height: 1.5;
		margin: 0 0 8px 0;
	}
	.lightbox .body ul,
	.lightbox .body ol { margin: 0 0 14px 0; }
	.lightbox .body li {
		background: url(../img/bullet/bullet_disc_gray.png) no-repeat left 7px;
		margin: 0 0 3px 0;
		color: #818181;
	}
	.lightbox .slideshow {
		position: relative;
		height: 400px;
		overflow: hidden;
	}
	.lightbox img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.lightbox .togglers {
		position: absolute;
		width: 102px;
		height: 34px;
		bottom: 0;
		left: 0;
		width: 520px;
	}
		.lightbox .togglers .opaque {
			position: absolute;
			width: 520px;
			height: 34px;
			background: #000;
			opacity: 0.64;
			filter: alpha(opacity=64);
			top: 0;
			left: 0;
		}
		.lightbox .togglers .title {
			display: none;
			float: left;
			color: #b8b6b6;
			font-size: 1.2em;
			position: relative;
			margin: 8px 0 0 0;
			text-align: right;
			width: 416px;
		}		
		.lightbox .togglers ul { 
			padding: 11px 12px 0 0; 
			float: right;
		}
		.lightbox .togglers li {
			float: left;
			position: relative;
			cursor: pointer;
			z-index: 2;
			width: 11px;
			height: 11px;
			text-indent: -9999px;
			background: #fff;
			margin: 0 6px 0 0;
			opacity: 0.3;
			filter: alpha(opacity=30);
		}
		.lightbox .togglers li.active {
			background: #e17a4c;
			opacity: 1.0;
			filter: alpha(opacity=100);
		}
		.lightbox .togglers .more {
			color:#B8B6B6;
			float:left;
			font-size:1.1em;
			font-style:italic;
			left:10px;
			position:absolute;
			top:10px;
			display: none;
		}
#modal_overlay, #contact_overlay {
	background: #fff;
	width: 100%;
	height: 3369px !important;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.71;
	filter: alpha(opacity=71);
	z-index: 998;
	display: none;
}
#contact.lightbox .content {
	height: 400px;
}
	#contact.lightbox .head { padding: 0 15px;  }
	#contact.lightbox .head h2 { padding: 2px 0 0 0;  }
.lightbox iframe {
	background: none;
	height: 400px;
	overflow:hidden;
	width: 784px;
}
html#iframe {
	overflow: hidden;
}
#iframe body { background: none; }
#iframe #header,
#iframe #footer,
#iframe #masthead,
#iframe #sidebar,
#iframe #content .lead
{
	width: auto;
	display: none;
}
#iframe #container,
#iframe #content { 
	background: none; 
	width: auto;
}

/* client list */
.lightbox.client_list h2 {
	height: auto;
	line-height: 1.3;
	padding: 0 10px;
}
.lightbox.client_list .col_a { width: 400px; }
.lightbox.client_list .col_b { width: 335px; }
.lightbox.client_list .content { 
	padding: 20px; 
	height: 200px;
	overflow: auto;
}
.lightbox.client_list .content ul {
	overflow: hidden;
	zoom: 1;
	
}
.lightbox.client_list .content li {
	background:url("../img/bullet/bullet_disc_black.png") no-repeat scroll left 7px transparent;
	padding:0 0 0 8px;
	font-size:1.1em;
	width: 220px;
	float: left;
	margin:0 0 4px 8px;
	color:#333333;
}


.clients ul li{
	width:320px;
	float:left;
	display:inline;
}

.tagline{
	float:right;
	font-style:italic;
	font-size:0.9em;
	color:#034c92;
	padding-right:6px;
}
/* ======================================================================================= */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.category-links {
	padding: 15px;
}
.category-links a {
	font-size: 18px;
    padding: 0 !important;
    margin-bottom: 10px;
}
.news-recent {
	display: none;
}
.news-link:hover .news-recent {
	display: block;
}
.news-recent a {
	font-size: 14px;
	margin-bottom: 20px;
	position: relative;
    padding-left: 37px !important;
}
.news-recent .post-date {
	position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 32px;
    font-size: 12px !important;
    text-align: center;
    font-weight: bold;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-recent .post-date span {
	position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.post-item {
	padding: 0 !important;
	margin-bottom: 30px;
}
.post-item .post-inner {
	padding: 0 15px;
}
.post-item .post-img {
	width: 100%;
	height: 150px;
	margin-bottom: 10px;
	border: 2px solid #ddd;
	position: relative;
}
.post-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.post-item .post-img iframe{
	width: 100%;
	height: 100%;
}
.post-item .post-img .iframe-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
}
.post-item .post-title {
	
}
.post-item .post-desc{
    height: 50px;
    overflow: hidden;
}
.post-item .post-desc p {
    line-height: 16px;
    color: #818181;	
}
.post-item .post-date {
	position: absolute;
    width: 32px;
    height: 32px;
    top: 61px;
    left: 0px;
    background: #e6e6e6;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}
.post-item .post-date span {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-popup {
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 999;
}
.video-popup.active {
	display: block;
}
.video-popup .popup-inner {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 760px;
    height: 350px;
    padding: 15px 0;
    background: url(../img/bg/bg_lightbox_content.png) no-repeat center center;
    background-size: cover;
    border: 5px solid #fff;
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video-popup .post-title {
    color: #de5f27;
    font-size: 2.4em;
    line-height: 1.25;
    font-family: Palatino Linotype, Palatino, Book Antiqua, Baskerville, Garamond, Georgia;
}
.video-popup .post-desc {
	height: 88%;
    overflow: auto;
}
.video-popup iframe {
	width: 100% !important;
	height: 350px !important;
}
.video-popup .close {
	background: url(../img/btn/btn_close.png) no-repeat;
    width: 37px;
    height: 35px;
    position: absolute;
    top: -18px;
    right: -20px;
    cursor: pointer;
}

.single-post .post-date {
	margin-right: 15px;
	font-size: 14px;
	display: inline-block;
}
.single-post .post-date span,
.single-post .post-author span {
	margin-right: 5px;
}
.single-post .post-author {
	font-size: 14px;
    display: inline-block;
}
.single-post .post-img img{
	width: 100%;
	height: 300px;
	object-fit: contain;
	margin: 15px 0;
}
.single-post .post-desc {
	margin-top: 15px;
}


@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

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

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666666666666%;
}

.col-xs-pull-10 {
  right: 83.33333333333334%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666666666666%;
}

.col-xs-pull-7 {
  right: 58.333333333333336%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666666666667%;
}

.col-xs-pull-4 {
  right: 33.33333333333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.666666666666664%;
}

.col-xs-pull-1 {
  right: 8.333333333333332%;
}

.col-xs-pull-0 {
  right: 0;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666666666666%;
}

.col-xs-push-10 {
  left: 83.33333333333334%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666666666666%;
}

.col-xs-push-7 {
  left: 58.333333333333336%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666666666667%;
}

.col-xs-push-4 {
  left: 33.33333333333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.666666666666664%;
}

.col-xs-push-1 {
  left: 8.333333333333332%;
}

.col-xs-push-0 {
  left: 0;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
	min-height: 278px;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
	.buttoni{
		background-color: #e7e7e7;  /* Green */
		border: none;
		color: black;
		padding: 12px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
	}
	.button-div{
		display: flex;
  		justify-content: center;
	}
}