/*#####################################################################################################################*/
@font-face {
	font-family: 'Conv_PS_16';
	src: url('../font/Helvetica-Condensed-regular/PS_16.eot');
	src: local('☺'), url('../font/Helvetica-Condensed-regular/PS_16.woff') format('woff'),
		url('../font/Helvetica-Condensed-regular/PS_16.ttf') format('truetype'),
		url('../font/Helvetica-Condensed-regular/PS_16.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

a,a:visited {text-decoration: none; color: #c68d26; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #909092; 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: 100%;}
}
@media (min-width: 992px) {
  .container {width: 100%;}
}
@media (min-width: 1200px) {
  .container {width: 100%;  }
}
@media (min-width: 1520px) {
  .container {width: 100%;  }
}
.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: 3px 0 0 0;}
/*navigation*/
.line {border-right: 2px solid #474747;}
.linefront {border-left: 2px solid #474747;}
.navbg {background: #171616; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2b2b2b, #000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2b2b2b, #000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2b2b2b, #000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2b2b2b, #000000); /* Standard syntax */
}
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 0; background-color: transparent;}
.navbar-default .navbar-nav > li > a {padding: 40px 13px 40px 13px; color: #fff; outline: none; font-size: 18px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #161616; outline: none;
	background: #c88d23; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e4a127, #a9781e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e4a127, #a9781e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e4a127, #a9781e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e4a127, #a9781e); /* Standard syntax */
}
.selected {color: #161616 !important; outline: none;
	background: #c88d23; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e4a127, #a9781e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e4a127, #a9781e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e4a127, #a9781e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e4a127, #a9781e); /* Standard syntax */
}
.navpad { padding: 0 9.9%;}
@media (max-width: 1280px) {
	.navbar-default .navbar-nav > li > a {padding: 30px 13px 30px 13px; font-size: 14px; }
}
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {padding: 24px 9px 24px 9px;font-size: 13px;}
}
@media (max-width: 767px) {
	.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: transparent;}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
	.line, .linefront {border-right: none;}
	.navpad {padding: 0 0;}
	.logo {padding: 3px 5% 3px 5%; margin: 0 auto;}
}
/*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: #c68d26; font-size: 36px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0; }
h2 {color: #2e2e2e; font-size: 15px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0; text-transform:uppercase;}
h3 {color: #ffffff; font-size: 36px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0;     padding: 34px 0 34px 0; text-align:center;}
h4 {color: #161616; font-size: 22px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0; line-height:2em}
h5 {color: #1b1d25; font-size: 36px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0;padding:  0; text-align:center;}
h6 {color: #ffffff; font-size: 22px; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0;padding:  0;}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad {padding: 70px 9.9%;}
.contentpad2 {padding: 124px 9.9% 192px 9.9%;}
.contentpad3 {padding: 10px;}

.whitebg {background-color: #fcfcfc; height: auto; overflow: hidden; position:relative;}
.orangebg {background-color: #ef4036; overflow: hidden; height: 5px;}
.greybg {background-color: #7e7e7e; height: auto; overflow: hidden;}

.bg1 {background:url(../images/background/bg1.jpg) center center no-repeat fixed; background-size:cover; position:relative; color:#ffffff;}
.topskew { position:absolute; bottom:0; left:0; width:100%; z-index:5;}

.top-image-container { z-index:1; position:relative;}
.top-image { z-index:2; position: relative; top:0; left:0; width:100%;}
.toptext { position: absolute; z-index:2000; bottom:390px; left: 9.9%; font-size:60px; color:#ffffff; text-shadow: 2px 2px 2px #000000;}

.button1, a.button1 {color: #ffffff; background-color: transparent; border: none; font-size: 32px; padding: 30px 100px; border: solid 4px #ffffff; text-decoration:none; transition:all ease 200ms;}
.button1:hover, a.button1:hover {color: #1b1d25; background-color: rgba(228,161,39,0.5); text-decoration:none;}
.butpad1 {padding: 40px 0 0 0;}

.sm-icon {filter: brightness(200%) contrast(100%) grayscale(100%); transition:all ease 200ms;}
.sm-icon:hover {filter: brightness(100%) contrast(100%) grayscale(0%);}

.bottom-line { border-right: 1px solid #ffffff;}

.text-left { text-align:left !important;}

.tags {background-color: #333333; border-radius: 5px; padding: 2px 10px; color: #ffffff;}
.products-outerpad { padding:10px 10px;}
.products {border: 2px dotted #333333; padding: 10px; cursor: pointer;}


a.download,a.download:visited {text-decoration: none; color: #000; outline: none; background-color: #c68d26; padding: 10px; display: block;}
a.download:hover,a.download:visited:hover {text-decoration: none; color: #fff; outline: none;}

/*--------------------------------------------------------------------------------------*/
.linetop { border-top: 2px solid #1b1d25;}
.linebottom { border-bottom: 2px solid #1b1d25;}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #e4a127;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	z-index:999999999;
}

.sidenav a {
    padding: 15px 0 15px 6px;
    text-decoration: none;
    font-size: 24px;
    color: #f2f2f2;
    display: block;
	text-align:center;
	transition: 0.3s;
}

.sidenav a:hover {
    color: #f2f2f2;
	background-color:#1b1d25;
}

.closebtn{padding: 10px 10px 20px 10px !important;}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


.productmenu {
	font-size: 25px;
    cursor: pointer;
    position: absolute;
    top: 118px;
    left: 10%;
    display: block;
    z-index: 99999;
    color: #1b1d25;	
	background-color: #edb349; padding: 8px;
	border: 2px solid black;
}
.productmenu-main { color:#000 !important;}
.productmenu:hover, .productmenu-main:hover {
	color:#fff !important;
}
.sidenav-link:after { content: url(../images/content/down-arrow.png); float:right; padding-right:5%;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*--------------------------------------------------------------------------------------*/

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

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999999; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: rgba(0,0,0,0.8);
    margin: auto;
    padding: 35px;
    border: 1px solid #888;
    width: 80%;
    color: #ffffff;
    border-radius: 0;
	font-size:16px;
}

/* The Close Button */
.close {
    color: #ffffff;
    float: right;
    font-size: 36px;
    font-weight: bold;
	opacity:0.6;
}

.close:hover,
.close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
	opacity:1;
}

.modal-left { width:45%; float:left; display:block; margin-right:17px; background-color:#fcfcfc;}
.modal-right { width:45%; float:left; display:block; padding-left:17px;}

.panel-info > .panel-heading {
  color: #151515;
  background-color: #edb349;
  border-color: #e4a127;
}
.panel-info {
  border-color: #e4a127;
}

@media (max-width: 1520px) {
	.toptext {bottom: 290px;font-size: 50px;}
	.button1, a.button1 {font-size: 26px; padding: 26px 70px; border: solid 3px #ffffff;}
}
@media (max-width: 1280px) {
	.button1, a.button1 {font-size: 24px; padding: 20px 70px; border: solid 2px #ffffff;}
	html, body {font-size: 16px; line-height:1.3em;}
	.sm-icon {padding: 0 4px;}
}
@media (max-width: 1200px) {
	.toptext { bottom: 210px; font-size: 40px;}
}
@media (max-width: 992px) {
	h1 {font-size: 25px;}
	.button1, a.button1 { font-size: 22px; padding: 15px 50px; border: solid 2px #ffffff;}
	.sm-pad { padding: 0 0 0 25px;}	
	h3 {font-size: 28px; padding: 0 0 15px 0;}
	
	.sidenav a { padding: 10px 0 10px 6px; font-size: 18px;}
	.productmenu { font-size: 22px; top: 90px;}
	
	.modal-left { width:100%; float:left; display:block; margin-right:17px; background-color:#fcfcfc;}
	.modal-right { width:100%; float:left; display:block; padding-left:0; padding-top:35px;}
	
}
@media (max-width: 767px) {
	.tel {pointer-events: auto; cursor: pointer; color:#161616;/*SET COLOUR SAME AS MAIN TEXT*/}
	.toptext {bottom: 70px;font-size: 26px;}
	.contentpad2 {padding: 85px 2% 120px 2%;}
	.button1, a.button1 {font-size: 16px; padding: 5px 25px; border: solid 2px #ffffff;}
	.sm-pad { padding: 25px 0 0 0;}
	
	.productmenu { color: #ffffff; top:110px; left: 5%;}
}
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #000;padding-bottom: 5px;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #777; font-size: 13px;}
.form-control:focus {border-color: #e4a127; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(228,161,39,.075), 0 0 8px rgba(228,161,39, .6); box-shadow: inset 0 1px 1px rgba(228,161,39,.075), 0 0 8px rgba(228,161,39, .6); background-color:#fff8ec;}
.form-horizontal .control-label { text-align: left;}
.form-group { margin-bottom: 0px;}

.btn-primary {
  color: #fff;
  background-color: #1b1d25;
  border: none;
  font-size: 16px;
  padding: 15px 25px;
  margin-top:15px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #e4a127;
  border: none;
}

.btn-primary2 {
  color: #ffffff;
  background-color: #e4a127;
  border: none;
  font-size: 16px;
  padding: 15px 20%;
  margin-top:15px;
}
.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active,
.btn-primary2.active,
.open > .dropdown-toggle.btn-primary2 {
  color: #000000;
  background-color: #ffffff;
  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: #1b1d25; padding: 70px 9.9%;}
.copytext {color: #fff; font-size: 13px; line-height: 1.2em; font-weight: normal; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.copytext a {color: #fff; font-size: 13px; padding: 0 10px 0 5px;}
.leftend { padding: 0 10px 0 0 !important;}
.copytext a:hover {color: #e4a127; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #fff;  font-size: 13px; outline: none; font-family: Conv_PS_16, Century Gothic, Verdana, Arial, helvetica, Calibri;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #e4a127; 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;}