/*  
Theme Name: Eron - icg-lion
Theme URI: 
Version: 1.2
Description: iConcept Global Advertising Inc.
Author: Creative Department 'Aaron Baltazar'
Tags: eron

	Copyright: (c) 2012 icg-lion.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/* set image max width to 100% */
figure{position:relative; padding:0px !important; margin:0px !important;}
figure img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
/*heading title*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 20px; line-height: 34px; margin-bottom: 2px; text-shadow: 0 1px 1px #000; }
h2 { font-size: 13px; line-height: 30px; margin-bottom: 4px; text-shadow: 0 1px 1px #000; }
h3 { font-size: 12px; line-height: 24px; }
h4 { font-size: 11px; line-height: 21px; }
h5 { font-size: 10px; line-height: 21px; }
h6 { font-size: 9px; line-height: 21px;  }
hr{clear:both;}
/**GENERAL STYLING**/
body {background:#2f2f2f; font:12px Century Gothic; color:#ffffff;}

.iconcept-container {/*padding-left: 20px; padding-right: 20px;*/}
.iconcept-row {width: 100%; max-width: 1140px; margin: 0 auto;}
.iconcept-colone, .iconcept-coltwo, .iconcept-colthree, .iconcept-colfour, .iconcept-colfive, .iconcept-colsix, .iconcept-colseven, .iconcept-coleight, .iconcept-colnine, .iconcept-colten, .iconcept-coleleven {margin-right: 2% !important; min-height: 1px; }
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
/**Columns**/
.iconcept-colone {width: 6.5%;}
.iconcept-coltwo {width: 15%;}
.iconcept-colthree {width: 23.5%;}
.iconcept-colfour {width: 32%;}
.iconcept-colfive{width: 40.5%;}
.iconcept-colsix {width: 49%;}
.iconcept-colseven {width: 57.5%;}
.iconcept-coleight {width: 66%;}
.iconcept-colnine {width: 74.5%;}
.iconcept-colten {width: 83%;}
.iconcept-coleleven {width: 91.5%;}
.iconcept-coltwelve{width: 100%; padding:20px 0px 20px 0px}
.last {margin-right: 0px !important;}
img, object, embed {max-width: 100%;}
img {height: auto;}
.query {display:none;}
.footicon{display:none;}

/**HEADER**/
header {width:100%; height:100%; background:#6d0100;}
header div.icg-num {width:100%; height:100%; background:#4f0000;}
div.icg-num div.icg-num-cont {height:auto; margin:0px auto;}
div.icg-num-cont div.us, div.icg-num-cont div.phil {font:bold 12px/30px Century Gothic; width:10.82% !important;}
div.icg-num-cont div.us img, div.icg-num-cont div.phil img {vertical-align:middle;}
div.icg-num-cont div.phil2 {width:17.82% !important; font:bold 12px/30px Century Gothic;}
header div.main-header {
background-image:-webkit-gradient(linear,left top,right top,color-stop(75px,#6d0100),color-stop(470px,#c40000),color-stop(530px,#c40000),color-stop(926px,#6d0100)); background-image:-webkit-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-moz-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-ms-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-o-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); -pie-background:linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); behavior:url(PIE.htc); margin:0px auto; }
div.main-header div.icg-logo-desp {padding:19px 0px 0px 0px}
div.icg-logo-desp div.icg-logo {height:94px;}
div.icg-logo-desp div.icg-desp {height:auto; font:10px/12px Century Gothic; text-align:justify; margin:5px 0px 10px 0px; text-shadow:1px 1px 1px #000000;}
nav#main { width:100%; height:37px; background:url(images/nav-bg.png)repeat-x;}
nav div.icg-main-nav { height:37px; margin:0px auto;}
#megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-link-title {color:#c05d48 !important}
#megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-link-title:hover {color:#ffffff !important}
#megaMenu ul.megaMenu li ul { background-color:#000000; padding:5px !important;}
#megaMenu ul.megaMenu li ul li a { letter-spacing:0px !important; text-align:left; color:#fff !important}
#megaMenu ul.megaMenu li ul li a :hover { color:#c05d48; }
#megaMenu ul.megaMenu li a:hover, #megaMenu ul.megaMenu li a:focus { color:#ffffff;	}  
#megaMenu ul.megaMenu li.current_page_item > a,
#megaMenu ul.megaMenu li.current-menu-ancestor > a,
#megaMenu ul.megaMenu li.current-menu-item > a,
#megaMenu ul.megaMenu li.current-menu-parent > a { color:#ffffff;  }



div.icg-banner-quote{height:auto; background-image:-webkit-gradient(linear,left top,right top,color-stop(75px,#6d0100),color-stop(470px,#c40000),color-stop(530px,#c40000),color-stop(926px,#6d0100)); background-image:-webkit-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-moz-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-ms-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:-o-linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); background-image:linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); -pie-background:linear-gradient(left,#6d0100 75px,#c40000 470px,#c40000 530px,#6d0100 926px); behavior:url(PIE.htc); margin:0px auto; padding:0px 0px 0px 0px;}
div.icg-banner-quote div.icg-globe { width:100%; height:auto; 	background:url(images/bannerside.png)no-repeat right; padding:0px 0px 20px 0px;}
div.icg-banner-quote div.icg-globesub { width:100%; height:auto; background:url(images/bannerside.png)no-repeat left; padding:0px 0px 0px 0px;}
div.icg-banner-quote div.icg-globesub	h1{	font-family: Century Gothic; font-size: 50px; font-weight: bold; margin:50px 0px 0px 0px; }
div.icg-banner-quote div.icg-globesub	h1.long {margin:5px 0px 0px 0px; line-height:50px !important;}
div.icg-banner-quote div.icg-globesub div.social { 	width:135px;  margin:20px auto 10px !important;	float:none !important; }
div.icg-banner {height:298px;  padding:10px 0px 10px 0px; /*background:url(images/banner-bg.png) no-repeat center bottom;*/} 
div.calltoaction {width:38.05% !important; /*height:298px; */ padding:0px 0px 0px 0px}
div.calltoaction div.webring { width:100%; height:auto; margin:0px auto; padding:25px 0px 30px 0px; text-align:center;	}
div.calltoaction div.webring figure { max-width:289px; height:auto; margin:0px auto !important; }
div.calltoaction div.quote { width:80%;  text-align:center; margin:20px auto 0px; 	padding: 5px 0px 5px 0px; background-color:#a2a2a2; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a2a2a2),color-stop(1px,#a2a2a2),color-stop(1,#707070)); background-image:-webkit-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-moz-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-ms-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-o-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); }
div.calltoaction div.quote:hover { width:80%;  margin:20px auto 0px; padding: 5px 0px 5px 0px; 	background-color:#a2a2a2;  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707070),color-stop(1px,#707070),color-stop(1,#a2a2a2));  background-image:-webkit-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-moz-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  
background-image:-ms-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-o-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  	background-image:linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
div.calltoaction a div.quote  { color:#272727; text-decoration:none !important; text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);  font-family:Century Gothic; font-size:20px; text-transform:uppercase; font-weight:bold; }
div.social { width:135px; float:left; margin-left:60px; margin-top:50px;}
.tt-wrapper{ padding: 0; width: 135px; height: 36px;}
.tt-wrapper li{	float: left; list-style:none; margin-right:1px; }
.tt-wrapper li a{ display: block; width: 44px; height: 36px; outline: none; position: relative; z-index: 2;  text-indent: -9000px; }
.tt-wrapper li .tt-facebook{ background:url(images/facebook.png) no-repeat; }
.tt-wrapper li .tt-twitter{ background:url(images/twitter.png) no-repeat; }
.tt-wrapper li .tt-youtube{ background:url(images/youtube.png) no-repeat; }
.tt-wrapper li a span{ width: 60px; height: 60px; line-height: 60px; padding: 10px; left: 30%;	margin-left: -35px;	font-family: Georgia, serif;	font-weight: 400;	font-style: italic;	font-size: 14px; color: #ffffff; text-shadow: 1px 1px 1px #000000; text-align: center; border: 3px solid #fff; background: #2f2f2f; text-indent: 0px; position: absolute; pointer-events: none; border-radius: 50%; bottom: -40px; opacity: 0;	box-shadow: 0px 1px 1px #000000; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tt-wrapper li a:hover span{ opacity: 0.9; bottom: 38px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.tt-wrapper li .tt-twitter span { width: 65px; height: 65px; line-height: 60px; padding: 10px;	left: 30%;	margin-left: -35px;	font-family: Georgia, serif;	font-weight: 400;	font-style: italic;	font-size: 14px; color: #ffffff; text-shadow: 1px 1px 1px #000000; text-align: center; border: 3px solid #fff; background: #2f2f2f; text-indent: 0px; position: absolute; pointer-events: none; border-radius: 50%; bottom: -40px; opacity: 0;	box-shadow: 0px 1px 1px #000000; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
div.award { width:176px !important; float:left; margin-top:15px; margin-left:10px;}
div.award a img { margin:0px; float:left; padding:0px; }
div.icg-line { width:100%; height:26px; background-color:#fdfdfd; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)); background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); border-bottom:1px solid #bfbebe; border-top: 1px solid #bfbebe;}

div.icg-body {width:100%; background:url(images/body-bg.jpg) repeat;}
div.icg-body div.icg-body-cont { margin:0px auto; padding:21px 0px 0px 0px}
div.column{height:auto;}
.page h1 { color:#c05d48 !important; font-size: 24px !important; line-height: 34px; margin-bottom: 2px; text-shadow: 0 1px 1px #000;}
.page h2 { color:#c05d48 !important; font-size: 21px; line-height: 30px; margin-bottom: 4px; text-shadow: 0 1px 1px #000;  }
.page h3 { color:#c05d48 !important; font-size: 19px; line-height: 24px; margin-bottom: 4px; text-shadow: 0 1px 1px #000; }
.page h4 { color:#c05d48 !important; font-size: 17px; line-height: 21px; margin-bottom: 4px; text-shadow: 0 1px 1px #000; }
.page h5 { color:#c05d48 !important; font-size: 15px; line-height: 21px; margin-bottom: 4px; text-shadow: 0 1px 1px #000;  }
.page h6 { color:#c05d48 !important; font-size: 13px; line-height: 21px; margin-bottom: 4px; text-shadow: 0 1px 1px #000;  }
.page figure {padding:0px; margin:0px; }
.page figure img {width:250px; height:auto; border:5px solid #ffffff;}
.page ul li{ display: list-item !important; margin-left: 2em; list-style:disc !important }
.page ol li{ display: list-item !important; margin-left: 2em; list-style-type:lower-alpha !important }
.aligncenter {display: block; clear:both; margin:0px auto 20px; border:3px solid #ffffff}
.alignleft {	float: left; margin:0px 20px 20px 0px; border:3px solid #ffffff}
.alignright {float: right;	 margin:0px 0px 20px 20px; border:3px solid #ffffff}
.wp-caption-text {font-size: 10px !important;font-style: italic; text-shadow:none !important; color:#000000 !important; margin:0px 0px 0px 0px !important; padding:3px; background:#d6d6d6; text-align:left !important;}
.wp-caption {padding:5px; background:#ffffff;}
.wp-caption img {width:100%;}
.pagination {margin:0px 0px 10px 0px; text-align:center;}
.page-numbers {background:url(images/main-hightlight.png);  -webkit-border-radius: 5px; border-radius:5px; padding:5px}
.page-numbers:hover {background:#000000;}
.current {background:#000000;}
.dots {background:transparent !important;}
.thumbnail{max-width:306px !important; max-height:auto !important;  display:block;}
/*tabs*/
ul.nav {display:none;}
div.tabBox {width:99.9%; float:left; overflow: visible;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 32px; width:99.9%;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 32px;  line-height: 32px;  margin-bottom: -1px;  overflow: hidden; position: relative;}
ul.tabs li a { display: block; padding: 0 15px; outline: none; background:none; } 
.tabContainer {border-top: none; overflow: hidden; clear: both; float: left; width:99.9%; min-height:300px; margin-bottom:10px;}
.tabContent {padding:10px 0px 0px 0px; height:auto;}
 
/**** TABS STYLES ****/
div.tabBox h3 {}
ul.tabs {border-bottom:2px solid #6d0100;}
ul.tabs li { margin:0px 5px 0px 0px; font-size:15px;}
ul.tabs li a {text-decoration: none;  color: #ffffff; outline: none;}
ul.tabs li a:hover {color:#ffffff; background:#6d0100; }
ul.tabs li.active {border-bottom:2px solid #fff; background:#6d0100; }
ul.tabs li.active a, ul.tabs li.active a:hover  {border-bottom:2px solid #fff; background:#6d0100;  }
div.tabContainer {}
div.tabContainer  img {border:none !important;}

div.column div.button { padding:0px 0px 27px 0px; }
div.column div.button div.learn {font-size:15px; font-weight:bold; color:#c05d48;  margin:0px 5px 0px 0px;  padding:2px 0px 2px 0px; text-align:right; }
div.column div.button div.view {font-size:15px; font-weight:bold; color:#c05d48; padding:2px 0px 2px 0px; text-align:right;}
div.icg-body div.icg-body-cont  div.line { width:100%; height:5px; -webkit-border-radius: 3px; border-radius:3px; margin-top:2px; margin-bottom:11px; background:url(images/line.png) repeat-x }
div.icg-body div.icg-body-cont p { font-size:12px; margin: 0 0 20px; text-shadow: 0 1px 1px #000; text-align:justify;}
div.icg-body div.icg-body-cont div.highlight { width:auto; height:auto; padding:10px 8px 10px 8px; background:url(images/main-hightlight.png);  -webkit-border-radius: 10px; border-radius:10px; /*-webkit-box-shadow: 0px 3px 0px 0px #262626; box-shadow: 0px 3px 0px 0px #262626;*/ }
div.icg-body div.icg-body-cont .button{ color:#272727; text-decoration:none !important; text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);  font-family:Century Gothic; font-size:15px; text-transform:uppercase; font-weight:bold;}
div.icg-body div.icg-body-cont a.button { width:auto; text-align:center;	padding: 10px 20px 10px 20px; 
background-color:#a60000; background-color:#a2a2a2; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a2a2a2),color-stop(1px,#a2a2a2),color-stop(1,#707070)); background-image:-webkit-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-moz-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-ms-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-o-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); }
div.icg-body div.icg-body-cont a.button:hover { width:auto; text-align:center;	padding: 10px 20px 10px 20px; 
background-color:#a2a2a2;  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707070),color-stop(1px,#707070),color-stop(1,#a2a2a2));  background-image:-webkit-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-moz-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  
background-image:-ms-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-o-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  	background-image:linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
div.icg-body div.icg-body-cont div.highlight  img {width:98% !important; margin:0px auto !important;}
div.icg-body div.icg-body-cont div.highlight p {padding:0px !important; margin:0px !important;}
div.fullcolumn { margin:0 0 0 0; /*padding:0px 0px 30px 0px; */}
.fullcolumn .dark,.fullcolumn .brown,.fullcolumn .yellow,.fullcolumn .red,.fullcolumn .blue,.fullcolumn .green{padding-left:15px;margin-bottom:18px}
.fullcolumn .dark{border-left:#3B3B3B solid 7px} .fullcolumn .brown{border-left:#8D8767 solid 7px} .fullcolumn .yellow{border-left:#DBA742 solid 7px} .fullcolumn .red{border-left:#C05D48 solid 7px} .fullcolumn .blue{border-left:#52878B solid 7px}
.fullcolumn .green{border-left:#B0BD85 solid 7px}

/**hover**/
.zoom { display:block; position:relative; overflow:hidden;}
.zoom img { display:none }
.zoomOverlay {position:absolute;  top:0; left:0;   bottom:0; right:0;  display:none;   background-image:url(images/zoom.png);  background-repeat:no-repeat;  background-position:center;}

.recent_works_left {float:left;} .recent_works_right{float:right; padding:11px 0 3px 0;}
.recent_works_right a.prev_item {float:left;display:block;width:22px;height:22px;margin-right:8px;background:url("images/portfolio_prev.png") no-repeat top;}
.recent_works_right a.prev_item:hover {background:url("images/portfolio_prev.png") no-repeat bottom;}
.recent_works_right a.next_item {float:left;display:block;width:22px;height:22px;background:url("images/portfolio_next.png") no-repeat top;}
.recent_works_right a.next_item:hover {background:url("images/portfolio_next.png") no-repeat bottom;}
.recent_works_right a.prev2_item {float:left;display:block;width:22px;height:22px;margin-right:8px;background:url("images/portfolio_prev.png") no-repeat top;}
.recent_works_right a.prev2_item:hover {background:url("images/portfolio_prev.png") no-repeat bottom;}
.recent_works_right a.next2_item {float:left;display:block;width:22px;height:22px;background:url("images/portfolio_next.png") no-repeat top;}
.recent_works_right a.next2_item:hover {background:url("images/portfolio_next.png") no-repeat bottom;}
.recent_works {padding:0 0 0 0;margin:0 0 0 0;}
.recent_works ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;}
.recent_works ul li {margin:0 10px 60px 10px; float:left; background:url(images/main-hightlight.png);  -webkit-border-radius: 10px; border-radius:10px; padding:10px; min-height:363px; max-height:363px;}
.recent_works ul li.small { min-height:auto !important;}
.recent_works ul li a img {width:98%; max-height:159px; border:3px #ffffff solid;}
span.title {text-align:left; display:block; padding:10px 0 10px 0;font-family: Century Gothic ;font-size:12px;color:#c05d48 !important;}
span.title:hover {color:#ffffff; }
div.description p {display:block;padding:5px 0 0px 0;font-family:Century Gothic ;font-size:9px !important;line-height:15px;color:#ffffff;}
div.description p a {color:#ffffff;}
.recent_works ul li .clear {display:block;clear:both;padding:5px 0 0 0;}
.main-hightlight{ width:auto; height:auto; background:url(images/main-hightlight.png); -webkit-border-radius: 10px; border-radius:10px; padding:20px; margin:0px 0px 20px 0px }
.contact {background:url(images/body-bg.jpg) repeat;}
.contact  .captchaimg  {position: relative; left:10px !important; top:5px !important;}

.contact .button{ color:#272727; text-decoration:none !important; text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);  font-family:Century Gothic; font-size:15px; text-transform:uppercase; font-weight:bold; display:block; margin:0px 0px 15px 0px}
.contact a.button { width:auto; text-align:center;	padding: 10px 20px 10px 20px; 
background-color:#a60000; background-color:#a2a2a2; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a2a2a2),color-stop(1px,#a2a2a2),color-stop(1,#707070)); background-image:-webkit-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-moz-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-ms-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:-o-linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); background-image:linear-gradient(top,#a2a2a2 0,#a2a2a2 1px,#707070 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:0px 5px 0px 0px #303030,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); }
.contact a.button:hover { width:auto; text-align:center;	padding: 10px 20px 10px 20px; 
background-color:#a2a2a2;  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707070),color-stop(1px,#707070),color-stop(1,#a2a2a2));  background-image:-webkit-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-moz-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  
background-image:-ms-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  background-image:-o-linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%);  	background-image:linear-gradient(top,#707070 0,#707070 1px,#a2a2a2 100%); -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  -webkit-box-shadow: 0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5);  box-shadow:0px 5px 0px 0px #494949,inset 0 0 1px #b6b6b6,inset 0 1px 0 rgba(255,255,255,0.5); -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


.forms {padding:20px 10px 10px 10px}
form {margin: 0px auto !important;}
input[type=text], input[type=email] {border:0px; padding:10px; margin:0px 0px 5px 0px; width:95%; color:#000000; background-color:#fdfdfd; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)); background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%);  -webkit-border-radius: 4px;
border-radius: 4px; border:0px;}
textarea {width:97% !important; padding:10px; margin:0px 0px 5px 0px; color:#000000; background-color:#fdfdfd; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)); background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%);  -webkit-border-radius: 4px;
border-radius: 4px; border:0px;}
.captchaimg {position: relative; top: 20px; left:10px; max-width:84px !important; max-height:28px !important;}
	.ajax-loader {max-width:16px !important; max-height:16px !important;}
span.wpcf7-not-valid-tip {background: #ff0000 !important; 	border: 1px solid #ff0000 !important;}

input[type=text]:hover, input[type=email]:hover, input[type=text]:focus, input[type=email]:focus {padding:10px; margin:0px 0px 5px 0px; width:95%; color:#000000; background-color:#fdfdfd; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)); background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%);  -webkit-border-radius: 4px;
border-radius: 4px; border:0px;}

input[type=submit] {cursor:pointer; padding:10px; margin:10px 0px 0px; width:100%; color:#ffffff; 
background-color:#ba0000;
border:0px;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ba0000),to(#a10000));
background-image:-webkit-linear-gradient(top,#ba0000,#a10000);
background-image:-moz-linear-gradient(top,#ba0000,#a10000);
background-image:-ms-linear-gradient(top,#ba0000,#a10000);
background-image:-o-linear-gradient(top,#ba0000,#a10000);
background-image:linear-gradient(top,#ba0000,#a10000);
-pie-background:linear-gradient(top,#ba0000,#a10000);
-moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9);
-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9);
box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9); 
-webkit-border-radius: 4px;
border-radius: 4px;}

input[type=submit]:hover {cursor:pointer; padding:10px; width:100%; color:#ffffff; 
background-color:#ba0000;
border:0px;
background-image:-webkit-gradient(linear,left top,left bottom,from(#a10000),to(#ba0000));
background-image:-webkit-linear-gradient(top,#a10000,#ba0000);
background-image:-moz-linear-gradient(top,#a10000,#ba0000);
background-image:-ms-linear-gradient(top,#a10000,#ba0000);
background-image:-o-linear-gradient(top,#a10000,#ba0000);
background-image:linear-gradient(top,#a10000,#ba0000);
-pie-background:linear-gradient(top,#a10000,#ba0000);
-moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9);
-webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9);
box-shadow:inset 0 -1px 0 rgba(255,255,255,0.3),inset 0 0 2px rgba(0,0,0,0.9); 
-webkit-border-radius: 4px;
border-radius: 4px;}

input[type="file"].uploads {padding:10px; margin:0px 0px 5px 0px; width:95%; color:#000000; background-color:#fdfdfd; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)); background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%); background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%);  -webkit-border-radius: 4px;
border-radius: 4px; border:0px;}


h1 span a {font-size:15px; font-weight:bold; color:#c05d48; float:right; margin-right:20px; }
section.main-hightlight { width:auto%; height:auto; background:url(images/main-hightlight.png); -webkit-border-radius: 10px; border-radius:10px; padding:20px; }
section.main-hightlight article.art-news {width:auto; margin:0px auto 20px; }
section.main-hightlight article.art-news div.thumbs {background:#ffffff; padding:3px; margin:0px 10px 0px 0px}
section.main-hightlight article.art-news div.thumbs img { max-width:116px; max-height:84px; }
section.main-hightlight article.art-news p {font-size:10px; color:#979797;}
section.main-hightlight article.art-news div.readmore {font-size:10px; font-weight:bold; text-align:right;}
section.main-hightlight article.art-news h3 {font-size:12px; color:#ffffff; font-weight:bold;}
section.main-hightlight article.art-news a:hover h3 {text-decoration:underline !important;}

aside section.main-hightlight {margin:0px 0px 20px 0px; width:auto; padding:10px;}
aside section.main-hightlight article.art-news {width:auto; margin:0px auto 10px; border-bottom:1px #525252 solid; padding:0px 0px 3px 0px;}
aside section.main-hightlight article.art-news div.thumbs {background:#ffffff; padding:3px; margin:0px 10px 0px 0px; width:50px;}

aside section.main-hightlight article.art-news p {font-size:10px; color:#979797;}
aside section.main-hightlight article.art-news div.readmore {font-size:10px; font-weight:bold; text-align:right;}
aside section.main-hightlight article.art-news h3 {font-size:10px; color:#ffffff; line-height:12px; padding:0px 0px 10px 0px; }
aside section.main-hightlight article.art-news a:hover h3 {text-decoration:underline !important;}

/*companies*/
.companies {padding:0;padding:30px 0 30px 0;}
.companies .cbody {margin:0px auto; text-align:center;}
.companies .cbody ul {padding:0;margin:0 auto;}
.companies li {padding:0;display:inline; }
.companies li figure img {width:auto!important; vertical-align:middle;}

/*footer*/
footer{width:100%; height:auto; clear:both; background:#282828; padding:20px 0px 0px 0px; border-top:1px #6e6e6e solid;}
div.servicescat {height:auto; margin:0px auto;}
div.servicescat h1  {font-size:20px; font-weight:bold; color:#ffffff;}
div.servicescat ul.service1, div.servicescat ul.service2 {margin: 20px 0px 0px 23px ;  }
div.servicescat ul.service1 li , div.servicescat ul.service2 li{color:#c8c8c8; margin:0px 0px 10px 0px; font-weight:bold; }
div.servicescat ul.service1 li  ul, div.servicescat ul.service2 li  ul { margin:10px 0px 0px 23px}
div.servicescat ul.service1 li  ul li, div.servicescat ul.service2 li  ul li {margin:0px !important; font-weight:normal !important; color:#8f8f8f;}

/*testimonials*/
.testiphi {height:auto; margin:0px auto; padding:30px 0px 0px 0px}
.testi-container { width:auto; padding:10px; }
.testimonial{background:url(images/testimonial.png) no-repeat;	height:200px;	padding:0;	margin:0 0 0 0; background-size: 100% 200px;}
.testimonial h3{font-size:18px;	font-family: 'Century Gothic'; font-weight:bold; color:#cacaca;	padding:10px 10px 0px 25px !Important;}
.testimonial p{font-size:10px;  text-align:justify; color:#ffffff; margin:12px 0 0 0px; height:70px; text-shadow:none; padding:10px;}
.testimonial span.name{margin:47px 0 0 30px; padding:15px 0px 0px 10px;	color:#ffffff; font-weight:bold;	z-index:10;	float:left;	position:absolute;}
.testimonial span.work{margin:60px 0 0 30px;	color:#c05d48; padding:15px 0px 0px 10px;	position:absolute;}

/*philosophy*/
.philosophy { height:auto;	padding:0px;	margin:0 0 0 0; background:#121212;   -webkit-border-radius: 10px; border-radius:10px; }
.philosophy-container { width:auto; padding:10px; }
.philosophy h3{font-size:18px;	font-family: 'Century Gothic'; font-weight:bold; color:#cacaca;	padding:0px 0 10px 0px !Important;}
.philosophy h4 {font-size:14px;	font-family: 'Century Gothic'; font-weight:bold; color:#ffffff;	padding:0px 0 0px 0px !Important; margin:0px;}
.philosophy  div.info {width:100%; height:130px;}
.philosophy p {font-size:12px; width:100%; text-align:justify; color:#ffffff; margin:5px 0 0 0px; height:auto; text-shadow:none;}
.philosophy img {width:110px !important; height:110px !important; float:left; margin:0px 10px 0px 10px; border:none !important}

div.address-foot {width:100%; height:auto; background:#121212; margin:30px 0px 0px 0px; }
div.address-foot-main { margin:0px auto; padding:40px 0px 0px 0px;}
div.malolos, div.australia, div.munoz {font-size:12px; color:#979797 !important;}
div.malolos span, div.australia span, div.munoz span {text-decoration:underline; font-weight:bold;}
div.malolos {}
div.australia {}
div.munoz {}
div.foot {padding: 112px 0px 40px 0px; text-align:center;  width: auto; color: #4C4C4C; font-size:12px;}
div.foot a {color:#4c4c4c !important;}

ul.image-grid {margin: 0px 0 0 0px;  list-style:none !important;  margin-left:0px !important;  height:auto;  width:100%;}
ul.image-grid li { list-style:none !important; margin:0px 2% 0px 0px !important; max-width:257px !important; height:238px !important;}
ul.image-grid li:nth-child(4n) { margin:0px 0px 0px 0px !important;}
.details {}
.over img{opacity: 1; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;}
.over:hover img{opacity: 1; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;}
a:hover  .details{background:#000000;}
.details figure img { width:auto; height:auto; opacity: 1; -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear; }
a:hover .details figure img { opacity: 1; -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;}
.details h2 { font-size:12px !important; font-weight:bold; color:#ffffff !important; margin-bottom:0px !important;  text-align:center;}

form.select { padding:10px; -webkit-border-radius: 4px;
border-radius: 4px; background-color:#efefef; width:auto; margin:0px 0px 10px 0px !important  }
form.select h1 { float:left; margin-top:0px !important; margin-right:10px !important; color:#a70000 !important; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=0); font-size:15px !important; }
form.select select { color:#ffffff; height:37px; float:left; padding:5px; webkit-border-radius: 5px;
border-radius: 5px; background-color:#000000; border:none !important;}

form.select select:hover { color:#ffffff; background-color:#5b5b5b; }

form.select select option { padding:4px; }
ul.cat {list-style:disc !important;}
ul.cat li {margin:0px 0px 0px 2em !important; list-style:disc !important}


/*livehelp*/
#LiveHelpEmbedded { width:261px !important; right:0px !important;}
#LiveHelpBody {width:263px !important}
#LiveHelpOperatorNameBackground {width:191px !important; margin:0 10px 0 41px; }
.background.TabBackground {background-image:none !important; 
background-color:#fdfdfd !important; 
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1px,#fdfdfd),color-stop(1,#e0dede)) !important; 
background-image:-webkit-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%) !important; 
background-image:-moz-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%) !important; 
background-image:-ms-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%) !important; 
background-image:-o-linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%) !important; 
background-image:linear-gradient(top,#fdfdfd 0,#fdfdfd 1px,#e0dede 100%) !important; 
border:1px solid #bfbebe !important; }
#LiveHelpCallAction {display:none !important;}
#LiveHelpInitiateText {color:#000000 !important}
/*#LiveHelpInitiateChat img {width:250px !important; height:auto !important;}
#LiveHelpInitiateChat {left:81% !important;}
#LiveHelpInitiateText {width:188px !important; top:118px !important; font-size:10px !important; color:#000000 !important }
#AcceptInitiateChat {top:10px !important; background:#000000 !important; border:1px solid #000000;}
.LiveHelpStatusText {}*/

.pricing-table ul li {list-style:none !important}
.feature-content ul  {list-style:none !important}
.feature-content ul li {text-align:right !important; font-size:10px !important; padding-right:5px !important; list-style:none !important}