/************************************************************************************

RESET

*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre,  ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset {

	margin: 0;

	padding: 0;

}



img, fieldset {

	border: 0;

}



/* set image max width to 100% */

 



/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}

/*::selection {

	background: #85b917;

	color:#FFF;  

	}

::-moz-selection {

	background: #85b917;

	color:#FFF; 

}*/



/************************************************************************************

GENERAL STYLING

*************************************************************************************/

body {

	font-family: 'OpenSansRegular';

	color:#454545;

	font-size:13px;

	 

}

a {

	color: #026acb;

	text-decoration: none;

	outline: none;

}



p {

	margin: 0 0 1.2em;

	padding: 0;

}

A:focus{

	outline:none;

}

*:focus{

	outline:none;

}





/* reset webkit search input styles */

input[type=search] {

	-webkit-appearance: none;

	outline: none;

}

input[type="search"]::-webkit-search-decoration, 

input[type="search"]::-webkit-search-cancel-button {

	display: none;

}

/************************************************************************************

FONT FACE

*************************************************************************************/

@font-face {

    font-family: 'BreeSerifRegular';

    src: url('../fonts/BreeSerif-Regular-webfont.eot');

    src: url('../fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/BreeSerif-Regular-webfont.woff') format('woff'),

         url('../fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),

         url('../fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}
@font-face {
    font-family: 'dinbold';
    src: url('../fonts/ufonts_com_dinbold.eot');
    src: url('../fonts/ufonts_com_dinbold.eot') format('embedded-opentype'),
         url('../fonts/ufonts_com_dinbold.woff2') format('woff2'),
         url('../fonts/ufonts_com_dinbold.woff') format('woff'),
         url('../fonts/ufonts_com_dinbold.ttf') format('truetype'),
         url('../fonts/ufonts_com_dinbold.svg#ufonts_com_dinbold') format('svg');
}

@font-face{

	font-family: 'FranklinGothicMediumCondRegular';

	src:url('../fonts/franklingothicmediumcond.eot') ;

	 src: url('../fonts/franklingothicmediumcond.eot?#iefix') format('embedded-opentype'),

         url('../fonts/franklingothicmediumcond.woff') format('woff'),

         url('../fonts/franklingothicmediumcond.ttf') format('truetype'),

         url('../fonts/franklingothicmediumcond.svg') format('svg');

}

@font-face {

    font-family: 'CalibriRegular';

    src: url('../fonts/calibri_0.eot');

    src: url('../fonts/calibri_0.eot') format('embedded-opentype'),

         url('../fonts/calibri_0.woff') format('woff'),

         url('../fonts/calibri_0.ttf') format('truetype'),

         url('../fonts/calibri_0.svg#CalibriRegular') format('svg');

}



 

@font-face {

    font-family: 'OpenSansRegular';

    src: url('../fonts/OpenSans-Regular-webfont.eot');

    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSansBold';

    src: url('../fonts/OpenSans-Bold-webfont.eot');

    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSansSemibold';

    src: url('../fonts/OpenSans-Semibold-webfont.eot');

    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSansLight';

    src: url('../fonts/OpenSans-Light-webfont.eot');

    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Light-webfont.svg#OpenSans-Light-webfont') format('svg');

    font-weight: normal;

    font-style: normal;



}

	

/************************************************************************************

STRUCTURE

*************************************************************************************/

#pagewrap {

	width: 1100px;

	margin: 0 auto;

	position:relative;

}



 

header{  

	width:100%;
	padding-bottom:0; 

}
.headerRight{
	float:right;
	width:65%;
}

.logo{

	/*width:104px;   */

	margin:0px auto;
	position:absolute;
	z-index:150;

}

.logo IMG{

	width:100%;

	height:auto;

}

.logo_main{

	 

	top:-13px;

	left:0px;

	background:#FFF;

	position:relative;
	float:left;
	width:35%;
	/*padding:15px;
	padding-top:0;
*/
	z-index:200;

}

.top_header{

	background:#FFF;

	width:100%;

	padding:13px 0; 

}

.top_menu{

	float:right;

}

.top_menu li{

	color:#222222;

	border-left:1px solid #222222;

	float:left;

	font-family: Arial, "Helvetica LT Std Cond", sans-serif;

	font-size:11px;

	padding:0 17px;

	list-style:none;

	line-height:15px;

}

.top_menu li a{

	color:#222222;

}

.top_menu li a:hover{

	color:#10c7c7;

}

.top_menu li:first-child{

	border:0px;

}

.menu_main{
	width:100%;
	/*background:#006b6e;

	

	padding:13px 0;*/ 

}

.top_max{

	max-width:1100px; 

	position:relative;

}
.indbanner{

	width:100%;
	padding-top:20px;

}

.banner{

	width:100%; 

}

.banner IMG{

	width:100%;

	height:auto;

	display:block;

}

.bnr_lft{

	width:856px;

	height:477px;

	position:absolute;

	z-index:100;

	left:-555px;

	top:-47px;

	background:url(../images/bnr_blk.png) no-repeat right top;

}

.inrbnr_lft{

	width:856px;

	height:377px;

	position:absolute;

	z-index:100;

	left:-555px;

	top:-47px;
	display:none;

	background:url(../images/bnr_blk.png) no-repeat right top;

}

#banner_btm{

	width:100%;

	background:url(../images/bnr_btm.jpg) no-repeat center #222222; 

	padding:13px 0;

	border-top:1px solid #FFF;

}

.bnr_btmleft{

	float:left;

}

.heading{

	font-family: 'OpenSansBold';

	color:#FFFFFF;

	font-size:25px;

	text-transform:uppercase;

	line-height:20px;

}

ul.social { 

	margin:0px 0 0px 0px; 

	width:250px;

	float:right;

}

ul.social li {

	display: inline-block;

	float: left ;

	overflow: hidden; 

	margin: 1px;

	margin-right:15px; 

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px; 

	text-indent:9999px;

}

ul.social li a {

	display: block; 

	width: 18px;

	height: 18px;

	-webkit-transition: all 400ms ease;

  	-moz-transition: all 400ms ease;

	-ms-transition: all 400ms ease;

	 transition: all 400ms ease;

}

ul.social li.facebook a { background:  url(../images/icon-facebok.png) no-repeat -6px -6px; }

ul.social li.facebook:hover a {

	background-position: -6px -36px;

	 

}

ul.social li.twitter a { background:  url(../images/icon-twitter.png) no-repeat -6px -6px; }

ul.social li.twitter:hover a {

	background-position: -6px -36px; 

}

 

 

ul.social li.youtube a { background: url(../images/icon-youtub.png)   no-repeat -6px -6px; }

ul.social li.youtube:hover a {

	background-position: -6px -38px; 

}



ul.social li.googleplus a { background: url(../images/icon-googleplus.png)   no-repeat -6px -6px; }

ul.social li.googleplus:hover a {

	background-position: -6px -36px; 

}



ul.social li.linkedin a { background: url(../images/icon-linkedin.png)   no-repeat -6px -6px; }

ul.social li.linkedin:hover a {

	background-position: -6px -36px; 

}



ul.social li.rss a { background: url(../images/icon-rss.png)   no-repeat -6px -6px; }

ul.social li.rss:hover a {

	background-position: -6px -36px; 

}

 

ul.social li.instagram a { background:  url(../images/icon-instagram.png) no-repeat -6px -6px; }

ul.social li.instagram:hover a {

	background-position: -6px -36px !important; 

}

#banner_btm2{

	width:100%;

	min-height:143px;

	background:url(../images/bnr_btm2.jpg) no-repeat center top;

	border-bottom:1px solid #d8d8d8;

}

.ind_news{

	width:68%;

	float:left;

	border-left:1px solid #d8d8d8;

	padding:21px 2%;

	position:relative;

}

.ind_news_right{

	width:200px;

	float:right;

}

.ind_newsmain{

	width:100%; 
	/*padding-top:5px;*/

}

.ind_newsmain:hover .ind_news_dt{

	color:#04a4a4;

}

 

.ind_newspic{

	width:25%;

	float:left;

	border:1px solid #d8d8d8;

}

.ind_newspic img{

	display:block;

	width:100%;

	height:auto;

}

.ind_newsdec{

	width:95%;

	float:right;

}

.ind_news_dt{

	background:url(../images/news_date.jpg) no-repeat left center;

	font-size:13px;

	/*color:#8f8f8f;*/
	color:#222222;

	font-family: 'OpenSansRegular';

	padding-left:22px;

}

.ind_newsdec aside{

	/*color:#4e4e4e;*/
	color:#2c2c2c;

	font-size:13px;

	font-family: 'OpenSansRegular';

	padding:8px 0;

}

.newsmore a{

	/*color:#04a4a4;*/
	color:#222222;

	-webkit-transition: all 400ms ease;

  	-moz-transition: all 400ms ease;

	-ms-transition: all 400ms ease;

	 transition: all 400ms ease;

}

.newsmore a:hover{

	padding-left:15px;

}

.news_arwL{

	position:absolute;

	z-index:100;

	left:-10px;

	top:34px;

}

.news_arwR{

	position:absolute;

	z-index:100;

	left:-10px;

	top:82px;

}

.db_main{

	background:url(../images/DB.png) no-repeat left;

	font-size:25px;

	color:#FFF;

	line-height:20px;

	padding-left:75px;

	margin-top:45px;

	font-family: 'CalibriRegular';

}

.db_main span{

	font-size:31px;

	display:block;

	line-height:25px;

}

.welcome_main{

	width:100%;

	padding:10px 0;

}

.wel_left{

	width:52%;

	float:left;
	background:url(../images/ind_sepline.jpg) no-repeat right center;
	padding-right:4%;

}

.wel_right{

	width:40%;

	float:right;

}

.wel_right img{

	width:100%;

	height:auto;

}

.main_head{

	background:url(../images/head_line.jpg) repeat-x center;

	font-family: 'dinbold';

	color:#222222;

	font-size:25px;

	text-transform:uppercase;

	line-height:20px;

	margin-bottom:20px;

}

.main_head span{

	padding-right:25px;

	background:#FFF;

}
.main_head span2{
	color:#006b6e;
}

.wel_msg{

	font-size:14px;

}

.wel_msg span{

	/*color:#4e4e4d;*/
	color:#2c2c2c;

	font-size:13px;

	/*font-style:italic;*/

}

 

.divisions_main{

	padding:30px 0 10px 0;

}

.division_box{

	float:left;

	width:26%;

	margin:0 1%;

	padding-left:5%;

	min-height:150px;

}

.division_box h4{

	color:#21252b;

	font-size:22px;

	line-height:24px;

	font-family: 'OpenSansRegular';

	font-weight:normal;

	-webkit-transition: all .5s ease-in-out;

  	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	

}

.division_box:hover h4{

	color:#049c9c;

}

.division_box aside{

	color:#666e70;

	font-size:14px;

	font-family: 'OpenSansRegular';

	line-height:16px;

	padding:13px 0;

}

.div_more{

	

	font-size:15px;

	color:#049c9c;

	font-family: 'OpenSansRegular';

}

.div_more a{

	background:url(../images/more_arw.jpg) no-repeat  right 8px;

	color:#049c9c;

	padding-right:15px;

	-webkit-transition: all .8s ease-in-out;

  	-moz-transition: all .8s ease-in-out;

	-ms-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out;

}

.div_more a:hover{

	padding-right:30px;

}

#interior{

	background:url(../images/int_icon.png) no-repeat left 8px;

	-webkit-transition: all .8s ease-in-out;

  	-moz-transition: all .8s ease-in-out;

	-ms-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out;

}

#interior:hover{

	background:url(../images/int_icon2.png) no-repeat left 8px;

}

#wood_work{

	background:url(../images/Wd_icon.png) no-repeat left 8px;

}

#wood_work:hover{

	background:url(../images/Wd_icon2.png) no-repeat left 8px;

}

#Steel{

	background:url(../images/Stl_icon.png) no-repeat left 8px;

}

#Steel:hover{

	background:url(../images/Stl_icon2.png) no-repeat left 8px;

}

#grg{

	background:url(../images/GRG_icon.png) no-repeat left 8px;

}

#grg:hover{

	background:url(../images/GRG_icon2.png) no-repeat left 8px;

}

#grc{

	background:url(../images/GRC_icon.png) no-repeat left 8px;

}

#grc:hover{

	background:url(../images/GRC_icon2.png) no-repeat left 8px;

}

#grp{

	background:url(../images/GRP_icon.png) no-repeat left 8px;

}

#grp:hover{

	background:url(../images/GRP_icon2.png) no-repeat left 8px;

}

footer{

	width:100%;

	background:#21252b;

	margin-top:40px;

	padding:20px 0 10px 0;

	border-bottom:1px solid #1a1e22;

}

.ftr_box1{

	width:20%;

	float:left;

	margin-left:5%;

	background:url(../images/ftr_line.png) no-repeat right center;

}

.ftr_list li{

	list-style:none;

	background:url(../images/ftr_icon.png) no-repeat left center;

	padding-left:20px;

	

}

.ftr_list li a{

	color:#646e70;

	font-family: 'OpenSansRegular';

	font-size:12px;

	-webkit-transition: all .4s ease-in-out;

  	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.ftr_list li a:hover{

	color:#10c7c7;

	padding-left:10px;

}

	

.ftr_box2{

	width:25%;

	float:left;

	padding:0 4%;

	background:url(../images/ftr_line.png) no-repeat right center;

	color:#949494;

	font-family: 'OpenSansRegular';

	font-size:14px;

}

.ftr_box2 span{

	color:#c6ccd0;

}

.ftr_locate{

	background:url(../images/locate_icon.png) no-repeat left 6px;

	padding-left:25px;

	margin-bottom:15px;

}

.ftr_tel{

	background:url(../images/ph_icon.png) no-repeat left;

	padding-left:25px;

	margin-bottom:10px;

}

.ftr_fax{

	background:url(../images/fax_icon.png) no-repeat left;

	padding-left:25px;

	margin-bottom:10px;

}

.ftr_mail{

	background:url(../images/mail_icon.png) no-repeat left;

	padding-left:25px;

	margin-bottom:10px;

}

.ftr_box3{

	width:30%;

	float:left; 

	min-height:200px;

	padding:0 0 0 5%;

}

.ftr_head{

	color:#10c7c7;

	font-size:18px;

	font-family: 'OpenSansSemibold';

	margin-bottom:25px;

}

.ftr_txtbox{

	width:35%;

	padding:3% 3%  3%  10%;

	height:16px;

	color:#576068;

	background:#2a3037 url(../images/name_icon.jpg) no-repeat 8px;


	float:left;

	border:0;

	margin:0 3% 0 0;

	border-radius: 3px 3px 3px 3px;

	-moz-border-radius: 3px 3px 3px 3px;

	-webkit-border-radius: 3px 3px 3px 3px;

}

.ftr_txtbox1{

	width:35%;

	padding:3% 3%  3%  10%;

	height:16px;

	color:#576068;

	background:#2a3037 url(../images/E_icon.jpg) no-repeat 8px;

	float:left;

	border:0;

	border-radius: 3px 3px 3px 3px;

	-moz-border-radius: 3px 3px 3px 3px;

	-webkit-border-radius: 3px 3px 3px 3px;

}

.ftr_txtbox3{

	width:85%;

	padding:3% 3%  3%  10%;

	margin:20px 0;

	height:70px;

	color:#576068;

	background:#2a3037 url(../images/msg_icon.jpg) no-repeat 8px 12px; 

	border:0;

	border-radius: 3px 3px 3px 3px;

	-moz-border-radius: 3px 3px 3px 3px;

	-webkit-border-radius: 3px 3px 3px 3px;

}

.ftr_send a{

	background:#0dc0c0;

	color:#FFF;

	padding:5px 15px;

	font-size:14px;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

}

	

#footer_bottom{

	width:100%;

	background:#21252b;

	border-top:1px solid #2e343a;

	border-bottom:5px solid #006b6e;

	padding:20px 0;

}

.ftr_btm_left{

	width:60%;

	float:left;

	color:#646e70;

	font-size:12px;

	font-family: 'OpenSansRegular';

}
.ftr_btm_left a{
	color:#646e70;
}

.ftr_btm_left span{

	color:#066a6d;

	padding:0 0px;

	

	

	

}

.ftr_btm_left span a{

	color:#066a6d;

	background:url(../images/enslogo.png) no-repeat right;

	padding:10px 40px 10px 0;

}

.ftr_btm_right{

	width:40%;

	float:right;
	
	color:#646e70;

	font-size:12px;
	text-align:right;

	font-family: 'OpenSansRegular';

}

.mob{

	display:none;

}

.list_carousel { 

			width:100% !important;

			margin:0px auto !important;

				

			}

			.list_carousel ul {

				margin: 0;

				padding: 0;

				list-style: none;

				display: block;

			}

			.list_carousel li { 

				padding: 0; 

				margin:0 5px; 

				float: left;

			}

			.list_carousel.responsive {

				width: auto;

				margin-left: 0;

			}





#inner{

	padding:30px 0;

}

.inner_head{

	background:url(../images/head_line.jpg) repeat-x center;

	font-family: 'OpenSansBold';

	color:#222222;

	font-size:25px;

	text-transform:uppercase;

	line-height:20px;

	margin-bottom:20px;

}



.inner_head span{

	padding-right:25px;

	background:#FFF;

}

.inner_left{

	width:70%;

	padding:1.5%;

	float:left;

	text-align:justify;

	/*color:#454343;*/
	color:#2c2c2c;

}

.inner_left1{

	width:100%;

	padding:1.5%;

	float:left;

	text-align:justify;

	/*color:#454343;*/
	color:#2c2c2c;

}

.inner_right{

	width:23%;

	padding:1.5%; 

	float:right;  

	right:0px;

	top:0px;

	bottom:0px;

	min-height:150px;

	 

}

.inner_right_head{

	padding:0px 0px 0px 12px; 

	font-size:18px;

	color:#02677c;  

	font-family: 'KozGoPr6N-Regular';

	border-bottom:1px dotted;

	margin:27px 0 0 0px;

	

}

.inner_right ul {

	margin:0; 

	padding:0; 

	list-style:none;

}



.inner_right ul li a{

	color:#6b6e6f; 

	font-size:13px;

	line-height:41px;

	text-decoration:none;

	display:block;

	background:url(../images/list_arrow.png) no-repeat 19px 18px;

	border-bottom:1px solid #e7e8e8;

	padding-left:34px;

	-webkit-transition: all .4s ease-in-out;

  	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

 

.inner_right ul li a:hover{

	padding-left:45px;

	color:#006b6e;

}

.inner_right ul li:hover{

	background:url(../images/list_over_bg.jpg) repeat-x center left;

	background-position:0px 4px;

}









#skills span {

    top: -20px;

    left: 2%;

    position: relative;

    font-size: 13px;

    color: #fff;

}



progress {

    background-color: #f3f3f3;

    border: 0;

    height: 2.5em;

    width: 100%;
	margin-bottom:-10px;

}



progress::-webkit-progress-bar {

    background-color: #e0eaf0;

}



progress::-webkit-progress-value {

    background-color: #10c7c7;

}



progress::-moz-progress-bar {

    background-color: #009ca8;

}

.ind_newspic1{

	width:20%;

	float:left;

	border:1px solid #d8d8d8;
	 margin-bottom: 3%;
    margin-right: 3%;

}

.ind_newspic1 img{

	display:block;

	width:100%;

	height:auto;

}
.newsbox {
    border-bottom: 0px solid #cccccc;
 /*   height: 140px;*/
    margin: 15px 0 0;
    padding: 0 0 15px;
}

.newscont {
/*    float: left;*/
    margin: 0 0 0 0px;
    width: 100%;
}
.newscapt {
   /* color: #e02e2e;*/
    font-size: 18px;
}
.stylelist {
	margin-left:30px;
	line-height:30px;
	list-style:url(../images/tick.png)
}
.contact_left{
	width:45%;
	float:left;
}
.contact_right{
	width:50%;
	float:left;
}
.gmap{
	float:right;
	
}

.contactus {
    
    padding: 2% 0;
}
.compstr {
	float:left;
	border:0px solid #CCC;
	min-height:150px;
	width:50%;

	/*margin:1%;
	padding:1%;*/
}
.compstrhd {
	 border-bottom: 0px solid #ccc;
    font-weight: bold;
  /*  margin-bottom: 1%;*/
    padding-bottom: 1%;
	 font-size: 20px;
	 	text-transform:uppercase;
		 color:#006b6e;
}
.compstrshd {
	 font-size: 17px;
    margin-bottom: 2%;
}
.compstrcon {
	 margin-bottom: 5%;
}
.pj1 {
	float:left;
}
.pj2 {
	float:left;
	margin-left:25px;
	 width: 60%;
}
.pjanme {
	font-size:22px;
}
 
.stdivision {
    border: 1px solid #CCCCCC;
    float: left;
    /*height: 150px;*/
    margin: 1%;
    padding: 1%;
    text-align: center;
	width:20%;
    /*width: 200px;*/
	min-height:244px;
}
.stdivision IMG {
    height: auto;
    max-width: 260px;
    width: 100%;
}
.crbox {
    width: 100%;
}
.crbox ul {
    margin: 10px 0 0 25px;
}
.crbox ul li {
    clear: both;
    line-height: 40px;
    list-style: none outside none;
    width: 100%;
}
.crbox1 {
    float: left;
    width: 25%;
}
.crbox2 {
    float: left;
    width: 5%;
}
.crbox3 {
 /*   float: left;*/
    width: 70%;
}
.box {
    background-color: #d1f7f8;
    border: 0 none;
    border-radius: 2px;
    height: 25px;
    padding: 2px;
    width: 200px;
}
.categoryList { width: 100%; height: auto; float: left; text-align: center; }
.categoryList li { width: 20%; float: none; position: relative; display: inline-block; /*border: #cacaca solid 1px;*/  margin: .5%; padding:1%; }
.categoryList li IMG{
	height:auto;
	width:100%;
}
.categoryList li a {     }
.categoryList li h2 { width: 100%; height: auto; float: left; font-size: 12px; color: #FFFFFF; margin: 5px 0 0 0; background:#006b6e; padding:10px 0;border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px; }
/* animation */


.mask { width: 100%; height: 5px; float: none; position: relative; left: 1px; top: 1px;  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(89,148,206, 0.2); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.mask span { width: 124px; height: 168px; float: left; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-image: url(../images/hover.png); background-repeat: no-repeat; background-position: 15px 15px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); s -moz-transform: scale(0);
-o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.categoryList li:hover .mask span { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.mask:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; background: rgba(255,255,255,0.5); }
/*editing style*/

.service-box:before{position:absolute;content:"";width:1px;height:0px;background:#006b6e;left:0;top:0;transition:all .4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}

.service-box:after{position:absolute;content:"";width:1px;height:0px;background:#006b6e;right:0;bottom:0;transition:all .4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}

.service-box:hover:before{position:absolute;content:"";width:1px;height:100%;background:#006b6e;left:0;top:0}

.service-box:hover:after{position:absolute;content:"";width:1px;height:100%;background:#006b6e;right:0;bottom:0}

.service-box1:before{position:absolute;content:"";width:0px;height:1px;background:#006b6e;left:0;top:0;transition:all .4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}

.service-box1:after{position:absolute;content:"";width:0px;height:1px;background:#006b6e;right:0;bottom:0;transition:all .4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}

.service-box:hover .service-box1:before{position:absolute;content:"";width:100%;height:1px;background:#006b6e;left:0;top:0}

.service-box:hover .service-box1:after{position:absolute;content:"";width:100%;height:1px;background:#006b6e;right:0;bottom:0}

 
.service-box{cursor:pointer;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition: 0.4s linear;-webkit-transition: 0.4s linear;-moz-transition: 0.4s linear;-ms-transition: 0.4s linear;-o-transition: 0.4s linear;opacity:1}

.drink {
	float:left;
	margin:5px;
	text-align:center;
	width:12%;
}
.drink IMG {
	height:auto;
	width:100%;
}
.gallerybox {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 1%;
    padding: 1%;
    text-align: center;
	width:10%;
	min-height:150px;

}
.gallerybox IMG {
    height: auto;
    width: 100%;
}
.gallerybbox {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 1%;
    padding: 1%;
    text-align: center;
	width:250%;
	min-height:150px;

}
.gallerybbox IMG {
    height: auto;
    width: 100%;
}
.galleryboxpr {
    border: 1px solid #CCCCCC;
    margin: 1%;
    padding: 1%;
    text-align: center;
    width:20%;
	float:left;
	min-height: 220px;
}
.galleryboxpr IMG {
    height: auto;
    max-width: 260px;
    width: 100%;
}
.galleryimgbox {
    border: 1px solid #CCCCCC;
    float: left;
    /*height: 150px;*/
    margin: 1%;
    padding: 1%;
    text-align: center;
   width: 25%;
}
.galleryimgbox IMG {
    height: auto;
    max-width: 260px;
    width: 100%;
}
#newmid{
	width:100%;
	background:url(../images/bnr_bg.jpg) repeat-x top #FFF;
}
.banner_shdw{
	width:auto;
}
.banner_shdw img{
	width:100%;
	height:auto;
	
}
.indmore {
	margin-top:20px;
}
.indmore a{
	color:#006b6e;
	font-size:14px;
	font-family: 'OpenSansSemibold';
	font-weight:bold;
	
}
.indmore a:hover{
	padding-left:15px;
}
.logo_txt{
	width:290px;
	position:absolute;
	top:35px;
	left:140px;
}
.menu_newmain{
	background:url(../images/menunewbg.png) no-repeat left top;
	padding:0px 0;
	position:relative;
}
.overhead {
	font-size:14px;
	color:#066a6d;
	font-size: 22px;
	margin-bottom:2%;
	
}
.certdiv {
	float: left;
    margin: 0.5%;
    /*padding: 0.5%;*/
    text-align: center;
    width: 32%;
}
 
.certdiv IMG {
	 height:auto;
	width:100%;
	border: 1px solid #CCC;
 
}
.sitemapL {
	float:left;
	width:30%;
}
.sitemapR {
	float:left;
}
.vision_pic{
	float:left;
	width:15%;
}
.vision_pic img{
	width:100%;
	height:auto;
}
.vision_dec{
	float:left;
	width:80%;
	margin-left:5%;
}
.vision_head{
	font-size:30px;
	font-family: 'OpenSansLight';
	color:#006b6e;
	line-height:30px;
	margin-bottom:15px;
}
.vision_main{
	margin-bottom:50px;
}