@charset "utf-8";
/* Creative eWorld CSS
   Version 2.3 (Last update on 20 May 2015)*/
   
/* HTML5 display-role reset for older browsers */

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, img, ins, kbd, q, s, samp, strike, sub, tt, var, b, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Links and remove of Dotted line */

a, a:link, a:visited, a:active {
	color: #3b3b3b;
	outline:0;
	text-decoration:none;
	/*webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out; */
}
a:hover, a:focus {
	text-decoration: none;
	color: #03a08a;
 	ie-dummy: expression(this.hideFocus=true);
}
a.back {
	background:url(../../images/btn-arrow.gif) no-repeat 0px 2px;
	padding-left:15px;
	font:normal 12px 'arconregular', Arial, Helvetica, sans-serif;
	color: #949494;
    letter-spacing: 0.05em;
	text-decoration: none;
	text-transform:uppercase;
}

a.back:hover {
	color: #00b49b;
}

 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #878787;
}
/* <a> link with class */
a.btn, a.btn_02 {
	cursor: pointer;
	border: 0;
	outline: 0;
	background:#00b49b;
	color:#fff;
	font:normal 12px 'arconregular', Arial, Helvetica, sans-serif;
	letter-spacing:0.03em;
	text-transform:uppercase;
	line-height:20px;
	padding:12px 25px 8px 25px;
	border-radius:2em;
}

a.btn {
	background:#00b49b;
}

a.btn:hover {
	background: #00a18b;
	color:#fff;
}

a.btn_02 {
	background:#777777;
}

a.btn_02:hover {
	background: #616161;
	color:#fff;
}

a.highlight {
	font:normal 12px 'arconregular', Arial, Helvetica, sans-serif;
	color: #00b49b;
    letter-spacing: 0.05em;
	text-decoration: none;
	text-transform:uppercase;
}

a.highlight:hover {
	color: #14777a;
	text-decoration:underline;
}

/* Font Embed */
@font-face {
    font-family: 'arconregular';
    src: url('../fontsMobile/arcon-regular-webfont.eot');
    src: url('../fontsMobile/arcon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontsMobile/arcon-regular-webfont.woff2') format('woff2'),
         url('../fontsMobile/arcon-regular-webfont.woff') format('woff'),
         url('../fontsMobile/arcon-regular-webfont.ttf') format('truetype'),
         url('../fontsMobile/arcon-regular-webfont.svg#arconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fontsMobile/quicksand-regular-webfont.eot');
    src: url('../fontsMobile/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontsMobile/quicksand-regular-webfont.woff2') format('woff2'),
         url('../fontsMobile/quicksand-regular-webfont.woff') format('woff'),
         url('../fontsMobile/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fontsMobile/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HTML */
html {
	position: relative;
	min-height: 100%;
	min-width:1007px;
}
body {
	background: #ffffff;
	color: #3b3b3b;
	font:normal 17px 'arconregular', Arial, Helvetica, sans-serif;
	line-height: 23px;
	letter-spacing:0.02em;
	height: auto;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
td {
	position: relative;
}
p {
	margin-bottom: 1em;
	font-weight: normal;
}
.clear {
	clear: both;
}

/* spacing  */
.spacing-top {
	margin-top: 30px
}
.spacing-top-extra {
	margin-top: 40px;
}
.spacing-top-less {
	margin-top: 15px;
}
.spacing-no-left-desktop {
	padding-left: 0;
}
.spacing-no-right-desktop {
	padding-right: 0;
}
.spacing-bottom {
	margin-bottom:20px;
}
.spacing-both-none {
	padding-left: 0;
	padding-right: 0;
}
.spacing-topbottom {
	margin-top: 15px;
	margin-bottom: 15px;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}



/* Basic Fonts */

h1, h2, h3, h5, h6, prod_name, prod_name a {
	font-family: 'arconregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 36px;
	color:#138c77;
	line-height: 1.2em;
	margin-bottom:10px;
}

h2 {
	font-size: 28px;
	color:#0e0e0e;
	line-height: 30px;
}

h3 {
	font-size:20px;
	line-height:22px;
	letter-spacing: 0.01em;
	color:#0e0e0e;
}


h4, h4 a {
	font: normal 26px 'arconregular', Arial, Helvetica, sans-serif;
	line-height: 26px;
	color:#14777a !important;
	text-decoration: none;
}

h4 a:hover {
	color:#14777a;
	text-decoration:underline !important;
}

h5 {	
	font-size:20px;
	line-height: 22px;
	color:#138c77;
	letter-spacing: 0.01em;
	margin-bottom: 5px;
}

.prod_name, .prod_name a {	
	font-size:20px;
	font-weight:900 !important;
	line-height: 24px;
	color:#138c77;
	letter-spacing: 0.01em;
}

.prod_name a:hover {	
	color:#00b49b;
	letter-spacing: 0.01em;
}

.prod_name_big {	
	font-size:26px;
	font-weight:900 !important;
	line-height: 24px;
	color:#138c77;
	letter-spacing: 0.01em;
}

h6 { }

.txt_small {
	font-size:13px;
	color:#949494;
	letter-spacing:0.1em;
}

label {
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;	
	letter-spacing:0.1em;
}



b, strong {
	font-family: 'arconregular', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
i, em {
	font-style: italic;
}
i b, i strong, em b, em strong, b i, b em, strong i, strong em {
	font-family: 'arconregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}
/* Listing Styles */

ol, ul {
	/*margin-left: 20px;*/
}
ol > li {
	margin-bottom: 15px;
}

ul li {
	list-style: none;
	margin:0;
	padding:0;
	color:#3b3b3b;
}

ul.num_list li {
	margin-bottom:20px;
}


li .number {
	color:#23a587;
	vertical-align: top;
	width:30px;
	letter-spacing:0.1em;
}

li .color_div {
	border-left:#23a587 3px solid;
	padding-right:10px;
}








/* Text Field & Button Style */

input {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
input[disabled="disabled"] {
	/* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
	/* Modern Browsers */
  opacity: 1;
	-webkit-opacity: 1;
}
input[type="password"], input[type='text'], select, textarea, input[disabled="disabled"] {
	width: 100%;
	height:32px;
	background-color: #fff;
    color: #727272;
    font-size: 13px !important;
    border: 1px solid #d8d8d8;
	border-radius:2em;
    margin: 0px;
	padding:5px 15px;
    outline: none;
	letter-spacing:0.05em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-fill-color: #808285;
	line-height:20px !important;
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root input[type="password"], input[type='text'], select, textarea, input[disabled="disabled"]  
{ line-height:26px !important;  }



input:focus,input[type='text']:focus, select:focus, textarea:focus,
input:hover,input[type='text']:hover, select:hover, textarea:hover {
	outline: 0;
	border: 1px solid #adadad;
}

textarea { resize:vertical; height:148px !important; padding:10px 15px; }


input[type='submit'], input[type='button'] {
	cursor: pointer;
	border: 0;
	outline: 0;
	background:#00b49b;
	color:#fff;
	font:normal 12px 'arconregular', Arial, Helvetica, sans-serif;
	letter-spacing:0.03em;
	padding:12px 25px 10px 25px;
	border-radius:2em;
}

input[type='submit']:hover, input[type='button']:hover {
	background:#118571;
}

textarea {	
}

input:focus, input[type='text']:focus, select:focus, textarea:focus {
	outline: 0;
}




/* customize input select field  */
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

select {
  border: 1px solid #111;
  background: transparent;
  width: 150px;
  padding: 5px 35px 5px 15px;
  border: 1px solid #d8d8d8;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../images/icon_input-select.png) 96% 5px no-repeat;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}

form select {
  background: url(../../images/icon_input-select.png) 96% 10px no-repeat !important;
}



/*for Contact Us Send enquiry button */
a .btn_enquiry, .btn_enquiry {
	padding: 5px 20px;
	background: #b20f15;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-family: 'mulilight', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	outline: 0;
}

a .btn_enquiry:hover, .btn_enquiry:hover {
	padding: 5px 20px;
	background: #93080d;
	color: #ffffff;
}


a .actionbtn, .actionbtn {
	padding: 5px 20px;
	background: #585858;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-family: 'mulilight', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	outline: 0;
}
a .actionbtn:hover, .actionbtn:hover {
	padding: 5px 20px;
	background: #212121;
	color: #ffffff;
}

a.backbtn, a .backbtn {
	font: normal 12px 'mulilight', Arial, Helvetica, sans-serif;
	color: #888888;
	text-transform:uppercase;
	letter-spacing: 0.03em;
	text-decoration:underline;
}
a.backbtn:hover, a .backbtn:hover {
	color: #cf070f;
}
/*for Download button */
a.dlbtn { 
	color: #949494;
	font-size:12px !important;
	background:url(../../images/btn_download.png) no-repeat left;
	text-transform:uppercase;
	letter-spacing:0.02em;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:35px;
}

a.dlbtn:hover { 
	color: #14777a;
}
/* Back to top style */
#scrollUp {
	bottom: 0;
	right: 30px;
	width: 70px;
	height: 70px;
	padding: 10px 5px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp, a#scrollUp {
	bottom: 40px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../../images/top.png) no-repeat;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
#scrollUp-active {
	display: none;
}
/* Divider and Outline */

hr.single-line {
 	background: url(../../images/div-1px.gif) repeat-x center center;
	height:30px;
	width: 100%;
	border:none;
}

hr.double-line {
 	background: url(../../images/div_double-line.png) repeat-x center center;
	height:50px;
	width: 100%;
	border:none;
}

hr.double-line_02 {
 	background: url(../../images/div_double-line.png) repeat-x center center;
	height:10px;
	width: 100%;
	border:none;
}

hr.double-line_03 {
 	background: url(../../images/div_double-line.png) repeat-x center center;
	height:30px;
	width: 100%;
	border:none;
}


.hDiv_01 {
	background:url(../../images/div-fateOut.png) no-repeat left;
	height:20px;
}


.vDiv {
	background: url(../../images/div-1px.gif) repeat-y center center;
}

.outline {
	border:#e6e6e6 1px solid;
}
/* Contact Tab */
#box {
	width: 180px;
	right: -230px;
	top: 96px; /* change this value to place the menu higher or lower */
	position: fixed;
	z-index: 100;
	background: #131313;
	color: #ffffff;
	font: normal 12px Arial, sans-serif;
	line-height: 19px;
	padding: 20px 25px;
}
#box h3 {
	color: #fff;
	margin-top:0;
}
#box a:hover {
	color: #fff;
}
#tab {
	float: left;
	list-style: outside none none;
	margin-left: -60px;
	padding: 0px;
	position: relative;
	z-index: 99;
	margin-top: -20px;
}
#tab li span {
	display: block;
	padding: 0;
	position: relative;
}
#tab img {
	cursor: pointer;
}
.show, .hide {
	/* we specify the transition length for hiding and showing */
     transition: margin-right .4s ease-in;
	-webkit-transition: margin-right .4s ease-in;
}
.hide {
	margin-right:0px;
}
.hide ul li img:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.show {
	margin-right:195px;
}
/* Header */

header {
	width: 100%;
	margin: 3px auto 0px;
	padding: 10px 0 0;
	border-top:#17c1a9 2px solid;
	
	background: #fff;
}
.header_wrapper {
	width: 1007px;
	margin: 0 auto;
	padding:0;
}
.logo {
	float: left;
	width: 126px;
	margin-top: 20px;
}

/* Search - Desktop  */
#search_mobile { display:none; }


#search_desktop {
	float:right;
}

.search_bar {
	width:250px;
	height:32px;
	border:#e3e3e3 1px solid;
	border-radius:2em;
	background: #ffffff;
	padding:4px 15px 6px;
}

.search_bar_left {
	float: left;
}

.search_bar_right {
	float: right;
}

input.search_field {
	background: #fff;
	border: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.025em;
	color: #acacac;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 0px;
	height: 100%;
	width: 190px;
}

input.search_field:hover, input.search_field:focus {
	background: #fff;
	border: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.025em;
	color: #626262;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 0px;
	width: 190px;
}






/* Navigation */
nav {
	margin:0;
	float: right;
	position: relative;
}

.slinky-menu {
	height:20px;
}

#menu {
	float: right;
	height: auto;
}
.menu_toggle, .menu_close {
	display: none;
}
ul#navmenu-h {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: right;
	z-index: 500 !important;
	top: -25px;
}
ul#navmenu-h li {
	display: inline-block;
	position: relative;
	margin: 0;
}
/* Root Menu */

ul#navmenu-h li a {
	display: block;
	padding: 5px 16px 5px 20px;
	color: #454545;
	font: normal 15px 'mulisemibold', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border: 0;
	background:url(../images/nav_div.gif) no-repeat 0px 12px;
}

ul#navmenu-h li:first-child a {
	background: none;
}

ul#navmenu-h li:last-child a {
	padding-right: 0px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h li:hover a {
	color: #c02219;
}
ul#navmenu-h li.active a, ul#navmenu-h li a.active {
	color: #c02219;
	cursor:auto;
}
ul#navmenu-h ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	list-style-type:none;
	padding: 0;
	margin: 0;
	float: left;
	border: 1px solid #ebe8e8;
	background-color: #ffffff;
	min-width: 170px;
}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
ul#navmenu-h ul li {
	width: 100%;
	display: block;
	margin:0;
	background: #126f72;
	padding: 0;
	margin: 0;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a {
	width: 100%;
	float: none;
	background: #ffffff;
	color: #686868;
	font: normal 13px 'muliregular', Arial, Helvetica, sans-serif;
	padding: 8px 20px;
	margin: 0px;
	text-align: left;
	cursor: pointer;
	z-index: 500!important;
	text-shadow: none;
	text-transform: capitalize;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

ul#navmenu-h li:hover li.div {
	width: 130px;
	float: none;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	z-index: 500!important;
	border-bottom: #ccc 1px solid;
}


ul#navmenu-h li a.submenu {
	/*background:url(../images/navarrow-right.png) center right no-repeat;*/
	cursor:context-menu;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a {
	cursor: pointer;
	color: #e41119;
	border: none;
	z-index: 500!important;
}
ul#navmenu-h ul li a.submenu:hover {
	/*background:url(../images/navarrow-right-hover.png) center right no-repeat;*/
	cursor:context-menu;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a {
	float: none;
	background: #ffffff;
	color: #808285;
	font: normal 12px 'muliregular', Arial, Helvetica, sans-serif;
	padding: 5px 20px;
	margin: 0px;
	text-align: left;
	cursor: pointer;
	z-index: 500!important;
	width: 100%;
	border: none;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
ul#navmenu-h ul ul li a.submenu {
	background:url(../images/navarrow-right.png) center right no-repeat !important;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {
	cursor: pointer;
	color: #e41119;
	border: none;
	z-index: 500!important;
}
/* 4th Menu  */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {
	float: none;
	background: #ffffff !important;
	color: #808285;
	font: normal 13px 'muliregular', Arial, Helvetica, sans-serif;
	padding: 10px 15px;
	margin: 0px;
	text-align: left;
	cursor: pointer;
	z-index: 500!important;
	width: 100%;
	border: none;
	text-shadow: none;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	cursor: pointer;
	color: #e41119;
	border: none;
	background-color: #a0a0a0 !important;
	z-index: 500!important;
}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
	top: 0;
	left: 100%;
	float:left;
}
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {
	display: none;
}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {
	display: block;
}
ul#navmenu-h ul li.active a, ul#navmenu-h ul li.active a, ul#navmenu-h ul li a.active, ul#navmenu-h ul li:hover li.active a, ul#navmenu-h ul li:hover li:hover li.active a, ul#navmenu-h ul li:hover li:hover li:hover li.active a {
	color: #c02219 ;
	background-color: none;
}
/* end Nav */


/* Banner */

#banner {
	width: 100%;
	background: #fff;
	margin: auto;
	overflow:hidden;
	position: relative;
	z-index: 2;
}

#slick, .slick-slide {
	position: relative;
}

#slick {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:600px;
	overflow:hidden;
}


.slick-slide img {	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.slick_caption_div {
	max-width: 1140px;
	/*width: 90%;*/
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
	z-index: 5;
	min-height: 90%;
	padding: 30px 0;
}
.slick_caption {
	width: 50%;
	max-width: 460px;
	color: #0f0f0f;
	font: normal 1.31em 'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height: 1.2em;
	letter-spacing:-0.02em;
	 
text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
/* WebKit (Safari/Chrome) Only 
  -webkit-text-stroke: 1px white;  */
  
  margin-top: 250px;
}

.slick_caption .highligh {
	color: #c02219;
	font: normal 1.52em 'open_sansbold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.015em;
}



/* HOME-PAGE Content */

#maincontent {
	margin: auto;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home_news {
	width: 100%;
	max-height:80px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align:left;	
}

.home_news h4 a {
	color:#14777a;
	font-size:15px !important;
	line-height:16px !important;
}

.home_prod {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	text-align:left;	
}

.v_align {
	float:none !important;
	display:inline-block;
	margin-left:-4px;
	vertical-align: middle;
}


/* SUB-PAGE Content */
#subpg_content {
	margin: auto;
	margin-top: 30px;
	margin-bottom:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.subpg_heading-bg { background-color:#060201; }

.subpg_heading {
	width: 100%;
	margin:0 auto;
	background:url(../../images/sub-banner.jpg) no-repeat top right/cover;
	padding:110px auto 30px auto;
	color:#fff;
	font-family: 'quicksandregular', Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:40px;
	text-transform:uppercase;
}

.breadcrumb {
	color:#a1a1a1;
	font-size:13px;
	letter-spacing:0.05em;
	margin-bottom:20px;
}

.breadcrumb .current {
	color:#454646;
}

.breadcrumb a {
	color:#a1a1a1;
}

.breadcrumb a:hover {
	color:#454646;
}

.margin-bottom {
	margin-bottom:20px;
}

.margin-bottom_30 {
	margin-bottom:30px;
}

.margin-bottom_50 {
	margin-bottom:50px;
}


.profile_img, .news_details {
	display: block;
	width: 100%;
	height: 315px;
	position: relative;
	overflow: hidden;
	border: none;
}
.profile_img img, .news_details img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	/*min-width: 100%;*/
	width: auto;
	height: auto;
}

.news_details {
	border: #e6e6e6 1px solid;
}




/**********************
   Product
**********************/
.griddiv {
	/*width: 253px;	*/
	width:100%;
	max-width:229px;
	text-align:center !important;
	padding:15px 0 !important;
	margin:auto;
}

.rowdiv {
	width: 100%;	
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.img_griddiv {
	width: 100%;	
}

.img_rowdiv {
	width:100%;
	float: left;	
	display: none;
}

.prodimg_div {
	width:229px;
	height: 229px;
	display: table-cell;
	text-align: center;
	line-height: 1em;
	overflow: hidden;
	vertical-align: middle; 
	margin: 0 auto;  
	border: #e6e6e6 1px solid;
}


.prodimg {
	width:229px;
	/*height: 150px;*/
	position: relative;
	display: block;	
	text-align: center;
	line-height: 1em;
	overflow: hidden;
	vertical-align: middle !important;      
}

.prodimg img {
	display: inline-block;
	vertical-align: middle !important;
	margin: 0 auto;
	overflow: hidden;
    max-height: 229px;
    max-width: 229px;
}


.visible {
	display: block !important;	
}

.info_div { margin-top:10px; }

.prod_type {
	color:#141414;
	font-size:15px; 
}

.prod_type_big {
	color:#141414;
	font-size:18px; 
	padding-bottom:5px;
}


.info_list {
	padding:15px 0 !important;
}


.pagination {
	margin: 0; 
	padding: 0;
	list-style: none;	
	text-align: center;
	color: #c8c8c8;
}

.pagination {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0;
}


.pagination a {
	padding: 0px 5px;
	font: normal 13px 'arconregular', Arial, Helvetica, sans-serif;
	color: #a1a1a1;
	border: none;
	text-transform: capitalize;
	text-decoration: none;
}

.pagination .current {
	color: #494949;	
	padding: 0px 5px;
	text-decoration: underline;
}

.pagination a:hover {
	color: #494949;	
	text-decoration: underline;
}

/**********************
   Product Details 
**********************/

.tabs { padding:0;}
.tabs ul {list-style:none;}
.tabs li { display: inline; }
.tabs li a { 
	padding: 0px 0px 2px 0px; 
	margin-right:20px; 
	border-bottom: transparent 3px solid; 
	text-decoration: none; 
	color:#949494;
	font: normal 13px 'arconregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.tabs li a:hover { 
	color:#00b49b;
	border-bottom: transparent 3px solid; 
}

.tabs li.active a { 
	color:#00b49b;
	border-bottom: #43ccb8 3px solid; 
}

.tabscontent { 
	width: 100%; 
	margin-top:20px; 
	padding-right:25px;
	overflow:auto; 
	height:200px; 
	text-align:left;
}

.bulletcontent ul{ list-style:none; }

.bulletcontent li{
	margin:0;
	padding-left:20px;
	background: url(../../images/dash.png) no-repeat 5px 5px;
	margin-bottom:10px;
	list-style:none;
	line-height:20px;
	text-align:left;
}









/**********************
   Enquiry & Contact  
**********************/
.enquiry_list_field {
	width:100%;
	padding:25px 50px;
	outline:#d8d8d8 2px solid;
	text-align:center;
}

.enquiry_list_field .heading {
	color:#949494;
	font-size: 13px;
	text-transform:uppercase;
}

.item_list img {
	display: inline-block;
	vertical-align: middle !important;
	margin: 0 auto;
	overflow: hidden;
	width:100px !important;
    max-height: 100px;
    max-width: 100px;
}

input[type='text'].quantity {
	width: 80px;
	height:32px;
	text-align:center !important;
}

.captcha_img {
	width:100%;
	border:#d9d9d9 1px solid;
	border-radius:2em;
}

.white_bg {
	background:url(../../images/white_opacity.png) repeat;
	padding:30px;
	position:absolute;
	z-index:101;
	font-size:15px;
	color:#3b3b3b;
	margin-top:35px;
}













/* Footer */

footer {
	width: 100%;
	background: #095c5f;
	position: absolute;
	bottom: 0;
}
.footer_wrapper {
	width: 100%;
	margin:0 auto;
	
	background:url(../../images/footer-logo.png) no-repeat left center;
	margin:0 auto;
	font: normal 11px 'arconregular', Arial, sans-serif;
	color: #a2c8c2;
	line-height: 20px;
	letter-spacing:0.1em;
	padding: 10px 0px;
	text-align:center;
	text-transform:uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer_wrapper a {
	color: #a2c8c2;
}

.footer_wrapper a:hover {
	color: #ffffff;
}



/***********************
  Print
************************/
/****Print Optimization - Make Sure Everything Stay In Place****/

@media print {
.hidden-print {
	display:none !important
}
#maincontent {
	display: block !important;
}
.printBtn, .actionbtn, #scrollUp, header, footer {
	display: none !important;
}
body {
	margin: 0;
 padding 0 !important;
	min-width: 768px;
}
.container {
	width: auto;
	min-width: 750px;
}
a[href]:after {
	content: none;
}
.noprint, div.alert, header, .group-media, .btn, .footer, form, #comments, .nav, ul.links.list-inline, ul.action-links {
	display:none !important;
}
#maincontent {
	display: block !important;
}
.printBtn, .actionbtn, #scrollUp, header, footer {
	display: none !important;
}
 [class*="col-sm-"] {
 float: left;
}
 [class*="col-xs-"] {
 float: left;
}
.col-sm-12, .col-xs-12 {
	width:100% !important;
}
.col-sm-11, .col-xs-11 {
	width:91.66666667% !important;
}
.col-sm-10, .col-xs-10 {
	width:83.33333333% !important;
}
.col-sm-9, .col-xs-9 {
	width:75% !important;
}
.col-sm-8, .col-xs-8 {
	width:66.66666667% !important;
}
.col-sm-7, .col-xs-7 {
	width:58.33333333% !important;
}
.col-sm-6, .col-xs-6 {
	width:50% !important;
}
.col-sm-5, .col-xs-5 {
	width:41.66666667% !important;
}
.col-sm-4, .col-xs-4 {
	width:33.33333333% !important;
}
.col-sm-3, .col-xs-3 {
	width:25% !important;
}
.col-sm-2, .col-xs-2 {
	width:16.66666667% !important;
}
.col-sm-1, .col-xs-1 {
	width:8.33333333% !important;
}
.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, .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 !important;
}
}
/***********************
  Programmer Required
************************/
.IE8Fix {
	z-index: 1;
}
.errMsg, .errMsg a:link, .errMsg a:visited, .errMsg a:Active {
	font-family: normal 11px Arial, sans-serif;
	color:#CC0000;
}
.errMsg a:hover {
	text-decoration: underlink;
}