/*#####################################################################################################################*/

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

}

/*GLOBAL STYLE */
html, body {font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; color: #000; font-size: 17px; line-height: 1.2em; font-weight: normal; background-color: #fff; height: 100%; width: 100%; margin: 0; padding: 0;}

a,a:visited {text-decoration: none; color: #2E9EA8; font-size: 17px; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #000; outline: none;}

.container-full {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;}

button {position: relative; margin: 0; padding: 1em; z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:992px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {width: 750px;}
}
@media (min-width: 992px) {
  .container {width: 970px;}
}
@media (min-width: 1200px) {
  .container {width: 1090px;  }
}
@media (min-width: 1520px) {
  .container {width: 1500px;  }
}
.row {margin-right: 0px; margin-left: 0px;}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*#####################################################################################################################*/
/*TOP*/
.logo {padding: 10px; width: 300px;}
/*navigation*/
.line {border-right: 1px solid #2E9EA8;}
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 0; background-color: #000;}
.navbar-default .navbar-nav > li > a {padding: 5px 35px 5px 35px; margin-top: 5px; color: #fff; outline: none; text-transform: uppercase; font-size: 13px; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #2E9EA8; outline: none;}
/* center navigation */
.navbar-collapse.collapse {
        text-align: center; /* Set this */
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
}
.navbar-nav {
    display:inline-block;
    float: none;
    margin: 0;
}
/* end center navigation */
@media (max-width: 1520px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
	
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav > li > a {margin-top: 0px;}
	.navbar-default {margin-bottom: 10px;}
	.navbar-default .navbar-nav > li {padding: none;}
	.navbar-default .navbar-nav > li > a {padding: 4px 4px 4px 8px; margin: 0; font-size:12px; text-align: left;}
	.navbar-collapse {z-index: 1000; background-color: #000;}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
	.line {border-right: none;}	
	.navbar-collapse.collapse {
	text-align: left;}
}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;}
.navbar-toggle .icon-bar {display: block; width: 28px; height: 5px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #858687;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}



/*#####################################################################################################################*/
/*HEADINGS*/
h1 {color: #000; font-size: 22px; font-weight: bold; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 18px; background-color: #EDEDED;}
h2 {color: #000; font-size: 25px; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0;  text-transform:uppercase; padding: 5% 40px; font-weight: bold;}
h3 {color: #000; font-size: 20px; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0; font-weight: bold; padding-bottom: 10px;}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad {padding: 40px;}
.contentpad2 {padding-right: 40px; padding-top: 40px;}
.contentpad3 {padding: 20px;}
.contentpad4 {padding-right: 40px;}

.whitebg {background-color: #fff; height: auto; overflow: hidden;}
.bluebg {background-color: #2E9EA8; overflow: hidden; height: 5px;}
.blackbg {background-color: #000; height: auto; overflow: hidden;}
.polybg {background-image: url('../images/background/top_bg.jpg'); background-position: center center;}
.polybg2 {background-image: url('../images/background/top_bg.jpg'); background-position: bottom center;}
.metalbg {background-image: url('../images/background/metalbg.jpg'); background-position: bottom center;}
.lightgrey {background-color: #EDEDED; height: auto; overflow: hidden;}

.fa-facebook-f:hover {color: #2E9EA8;}

.imageborder {border: 1px solid black;}

.tel {pointer-events: none; cursor: default; color:#000;/*SET COLOUR SAME AS MAIN TEXT*/}
.tel:hover {color:#000;/*SET COLOUR SAME AS MAIN TEXT*/}

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
} /*PLEASE USE THIS CLASS ON ANCHOR LINKS WHEN THERE IS A STICKY MENU. NOT THE LINK THE TARGET*/

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/*==== Start 2D Float ====*/

.pa-2d-float {
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
}

.pa-2d-float:hover {
   -webkit-transform: translateY(-4px);
   transform: translateY(-4px);
}


/*==== End 2D Float ====*/

@media (max-width: 1520px) {
	.contentpad2 {padding-right: 40px; padding-top: 0px;}
	
}
@media (max-width: 1200px) {
	h1 {font-size: 20px; }
}
@media (max-width: 992px) {
	
}
@media (max-width: 767px) {
	.tel {pointer-events: auto; cursor: pointer; color:#ccc;/*SET COLOUR SAME AS MAIN TEXT*/}
}
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #000;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 0px; color: #777; font-size: 13px;}
.form-control:focus {border-color: #2E9EA8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(2E,9E,A8,.075), 0 0 8px rgba(2E,9E,A8, .6); box-shadow: inset 0 1px 1px rgba(2E,9E,A8,.075), 0 0 8px rgba(2E,9E,A8, .6);}

.btn-primary {
  color: #fff !important;
  background-color: #2E9EA8;
  border: none;
  font-size: 15px;
  padding: 9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #a1a1a1;
  border: none;
}
.btn {border-radius: 0px;}
.loading-form {
    width: 47px;
    height: 39px;
    background-image: url(../images/ico/loading.gif);
    background-repeat: no-repeat;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {text-align:left; background-color: #000; padding: 27px;}
.copytext {color: #fff; font-size: 12px; line-height: 1.2em; font-weight: normal; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.copytext a {color: #fff; font-size: 12px; padding: 0 5px 0 5px;}
.copytext a:hover {color: #000; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #fff;  font-size: 11px; outline: none; font-family: open_sansregular, Century Gothic, Verdana, Arial, helvetica, Calibri;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #000; outline: none;}
a.copyat, a.copyat:visited {text-decoration: none; color: #fff; outline: none; font-weight: normal;}
/*#####################################################################################################################*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
/*PRODUCTS PAGE BLOCKS*/
h2.prod {color: #fff; font-size: 16px; font-family: Numans-Regular, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 18px 0 8px 20px; background-color: #212121;}
.lineborder {border: 1px solid #a3a3a3; max-height: auto; overflow: hidden;}

.nav-pills {
	position:relative;
	z-index:999;
}
.menu_left {
	float:left;
	width:200px;
	position:relative;
}
.plus:before {
	color:#F00; 
	font-size:16px;
	content:'+';
}
.minus:before {
	color:#F00; 
	font-size:16px;
	content:'-';
}
.menu_left2 {
	float:left;
	width:200px;
	position:relative;
	transition:all 300ms ease;
}

.menu_left2 ul {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	clear:both;
	transition:all 300ms ease;
	border-radius:5px;
	overflow:hidden;
}
.menu_left2 ul li{
	font-size: 13px;
	margin:0;
	display:block;
	padding:5px;
	clear:both;
	max-height:35px;
	overflow:hidden;
	color:#333;
	border-top:1px solid #DDD;
	border-bottom:3px solid transparent;
	transition:all 300ms ease;
	cursor:pointer;
}
.menu_left2 ul li:first-of-type{
	border-top:none
}
.menu_left2 ul li ul li ul li {
	cursor:pointer;
	border-top:none;
}
.menu_left2 li:hover{
	color:#F00;
	border-bottom:3px solid #F00;
	transition:all 300ms ease;
	cursor:pointer;
}
.pdflink {
	font-size: 13px;
	color:#333 !important;
	padding:0 !important;
}
.pdflink:hover {
	color:#F00 !important;
}
.menu_left2 a{
	display:block;
	margin:0;
	padding:5px 5px;
	clear:both;
	border-bottom:1px solid #AAA;
	transition:all 300ms ease;
}
.menu_left2 a{
	font-size: 13px !important;
	color:#333 !important;
}
.menu_left2 a:hover{
	color:#F00 !important;
}
.showline {
	max-height:none !important;
	background-color:#EEE !important;
}
.news_right {
	float:left;
	position:relative;
	width:calc(100% - 201px);
}
.menu_left ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu_left h2{
	border-right:1px solid #AAA;
}
.news_right h2 div {
	float:right;
}

.news_right h2 div select {
	color:#333;
	font-size:12px;
}
.menu_left ul li {
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:30px;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
}
.menu_left ul li a{
	padding:5px;
	display:block;
	width:100%;
	height:30px;
	line-height:20px;
	color:#555;
	border-bottom:3px solid #FFFF;
	transition:all 300ms ease;
}
.menu_left ul li:hover a{
	color:#FFF;
	border-bottom:3px solid #F00;
	background-color:#333;
}
.news_item {
	width: 100%;
	clear:both;
	border-bottom:1px solid #AAA;
	margin-bottom:10px;
	padding-bottom:10px;
}
.news_item img {
	width:250px;
	height:250px;
	object-fit: cover;
	float:left;
	cursor:pointer;
	border:5px solid #CCC;
	border-radius:5px;
	margin:0 10px 10px 0;
}
.news_text {
	float:left;
	width: calc(100% - 260px);
}
.news_item a {
	display:block;
	color:#FFF;
	background-color:#C00;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	float:right;
	margin:10px 0 0 10px;
}
.flexslider {
}
.flexslider ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.flexslider ul li {
	float:left;
	display:block;
}
/*lightbox*/
.large {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
opacity: 0;
z-index: -2;
pointer-events: none;
transition: all 300ms ease;
text-align: center;
}
.large img {
display:inline-block;
min-width:50%;
height: auto;
float: none;
margin-top:10%;
transform:scale(0.8);
max-height:80%;
max-width:70%;
transition: all 500ms ease;
}
.large .closer {
width: 80px;
height: 80px;
position: absolute;
right: 40px;
top: 0px;
overflow: hidden;
border: none;
background: url(../images/content/cross.png) no-repeat center center;
text-indent: 200%;
color: transparent;
outline: none;
cursor:pointer;
z-index: 100;
}
.showlarge {
z-index: 9999 !important;
opacity: 1 !important;
              pointer-events: all !important;
}
.showlarge img {  
transition: all 500ms ease;
transform:scale(1);
}
.er {
	color: #990000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #777;
	background-color: #eee;
	background-image: url('images/error.png');
	background-position: 5px 7px;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
	margin: 0px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
	position:relative;
	z-index:999;
}
/*pagination*/

.pagination {
	clear: both;
    position: relative;
    text-align: center;
    width: 100%;
    /* border-top: 1px solid #999; */
    padding: 10px 0;
    border-radius: 0;
    background-color: #FFF;
	
}
.pages {
	width:auto;
	display:inline-block;
}
.pagebutton {
	width:30px;
	height:30px;
	float:left;
	margin:2px;
}
.pagebutton a {
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#AAA;
	color:#000;
}
.empty {
	color:#888 !important;
	background-color:#BBB !important;
	pointer-events:none;
}
.pagebutton a:hover {
	background-color:#666;
	color:#FFF;
}/*end pagination*/

.imgWrap {
position:relative;
overflow:hidden;
}
.imgWrap .imgDescription {
width: 100%;
height: 160px;
position:absolute;
top:0;
left:0;
margin-top:-160px;
background-color: rgba(0,0,0,1);
}

.imgWrap:hover .imgDescription {
margin-top:0;
}
.text {
padding: 15px;
text-align:justify;
color: #fff;
font-size: 12px;
line-height: 14px;
}
.imgDescription {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align:justify;
}
.theprod{font-size: 13px;}
a.theprod{font-size: 13px;}
@media (max-width: 1520px) {
	.text {
	padding: 10px;	
	font-size: 9px;
	line-height: 10px;
	}
	.imgWrap .imgDescription {	
	height: 110px;
	margin-top:-110px;
	}
}
@media (max-width: 992px) {
	.text {
	padding: 20px;	
	font-size: 13px;
	line-height: 16px;
	}
	.imgWrap .imgDescription {	
	height: 245px;
	margin-top:-245px;
	}
}
@media (max-width: 768px) { 
	.text {
	padding: 10px;	
	font-size: 10px;
	line-height: 12px;
	}
	.imgWrap .imgDescription {
	margin-top:-152px;
	height: 152px;}
}
@media (max-width: 610px) { 
	.menu_left {
		float:none;
		clear:both;
		width:100%;
		position:relative;
		margin-bottom:15px;
	}
	.news_right {
		float:none;
		clear:both;
		width:100%;
		position:relative;
	}
}

@media (max-width: 390px) { 
	.news_item img {
		width: 100%;
		height: auto;
		float: none;
		clear:both;
	}
	.news_text {
		float: none;
		clear:both;
		width: 100%;
	}
}