/* ------------------------------------------------*/
/* KB Lighting
/* Revision: 3.4
/* Date: 16-07-2016
/* Author: Clear Signal
/* Fonts:
/* Source: my.fonts
/* font-family: geometriaregular; Regular
/* font-family: geometria_boldbold; Bold 
/* font-family: geometria_heavyheavy; Bold
/* Colours: 
   pink: 		#ff3db4
   dark grey: 	#323e48
   light grey: 	#eceeed
   body copy: 	#283036


---------------------------------------------------*/
/* default
---------------------------------------------------*/

body { background: #fff; font-family: 'geometriaregular', Helvetica, Tahoma, Verdana, Arial, sans-serif !important; color: #000; }

.bg-preview { background: #fff url(/img/bg-preview-k.png) 0 0 repeat;  }


/* debug
---------------------------------------------------*/
.border { border: 1px solid red; }
.border-blue { border: 1px solid blue; }
.border-green { border: 1px solid green; }
.border-orange { border: 1px solid orange; }
.border-top { border-top: 1px solid red; }
.border-right { border-right: 1px solid red; }
.border-bottom { border-bottom: 1px solid red; }
.border-left { border-left: 1px solid red; }
.border-top-white { border-top: 1px solid #fff; }

.bg { background: #ffcc00; }


/* Bootstrap overrides
---------------------------------------------------*/
/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) { padding-right: 0; padding-left: 0; }

/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child { padding-right: 0; }

/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child { padding-left: 0; }

/* row padding override */
div.special > div[class*="col-"] { padding: 0; }

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.no-padd { padding: 0 !important; }


/* 5 equal columns */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}





/* defaults & overrides
---------------------------------------------------*/
.clear { clear: both; }
.hidden { display: none !important; visibility: hidden; }
.articleselected,
.referrer,
.off { position: absolute; width: 1px; border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; padding: 0; overflow: hidden; }
.off.focusable:active, .off.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/* anchor offset */
a.shiftedanch { position: relative; top: -135px; margin: 0; padding: 0; float: left; color: #fff !important; }

/* print */
.print-only { display: none; }

a { color: #000; }
a:hover { color: #666; text-decoration: underline; }
.img { width: 100%; }
.fixed { position: fixed; z-index: 9000; width: 100%; top: 0; }

hr { border: none; border-bottom: 1px solid #cbccce; padding: 0; margin: 30px 0; background: #cbccce; }

img#captcha { width: 200px !important; }

.fade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fade:hover { opacity: 0.8; }

.fade2 { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fade2:hover { opacity: 0.5; }

/* colours */
.white { color: #fff; }
.white-bg { background: #fff; }
.grey-bg { background: #eceeed; }
.pink { color: #ff3db4; }

.google-maps { position: relative; padding-bottom: 75%; /* This is the aspect ratio */ height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }


/* 404s */
#page404 { background: #edeff0; font-family: Tahoma,Geneva,sans-serif; }
#page404 #container-404 { border: 1px solid #ccc; margin: 50px auto; width: 760px; background: #fff url(/img/404/404-body-bg.gif) 0 0 repeat-x; }
#page404 #container-404 h1 { font-size: 20px; color: #666; margin: 50px 0 10px 0; }
#page404 #container-404 #logo-404 { background: transparent url(/img/404/404.png) -15px -15px no-repeat; padding: 75px; }
#logo-404 p { color: #666}
#logo-404 p.error-404 { color: #ccc; font-weight: bold; margin-bottom: 15px; }

#page404 ul { list-style-type: none; }
#page404 ul,
#page404 dl { margin: 5px; }

#page404 li,
#page404 dd { color: #666; background: transparent url(/img/404/404-arrow-r.gif) 0 7px no-repeat; padding: 0 0 0 20px; }

#page404 li.sub,
#page404 dd.sub { margin-left: 5px; }

#page404 li a { color: #666; }

#sitemap dl  { margin: 15px; }
#sitemap dd { background: transparent url(/img/404/404-arrow-r.gif) 0 7px no-repeat; padding: 0 0 0 20px; }
#sitemap dd.sub { margin-left: 20px; }



/* cookies */
#cookies { position: fixed; bottom: 0; z-index: 500; width: 100%; min-height: 50px; background: #000; z-index: 9999; }
#cookies p { display: block; color: #fff; font-size: 16px; margin: 17px auto !important; padding-left: 11px; }
#cookies p a { color: #fff; text-decoration: underline; }
#cookies p a.agreed { display: block; float: right; background: #ccc; padding: 5px; margin: -5px 10px 0 0; color: #000; text-decoration: none; }
#cookies p a.closed { display: block; float: right; background: #ddd; padding: 5px; margin: -5px 0 0 0; color: #000; text-decoration: none; }


/* top bar */
.headet { -webkit-box-shadow: 0px 3px 3px 0px rgba(105,105,105,1); -moz-box-shadow: 0px 3px 3px 0px rgba(105,105,105,1); box-shadow: 0px 3px 3px 0px rgba(105,105,105,1); margin-top: 18px; background: rgba(255, 255, 255, 0.95); }

/* Social */
.topbarcol dl { float: right; padding: 0; margin: 0; }
.topbarcol dt { display: none; }
.topbarcol dd { display: block; float: left; padding-left: 15px; }
.topbarcol img { width: 33px; height: 33px; }

.topbarcol dd.email img { width: 24px; height: auto; }

.topbarcol dd.email { padding-top: 7px;  }
.topbarcol dd.tel { padding-top: 4px;  }
.topbarcol dd.tel img { width: 18px; height: auto; }
.topbarcol dd.tel a { color: #323e48; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size: 20px; }

.logobarmob .topbarcol { padding-top: 20px; }



/* logo */
.logobar { padding-top: 0; padding-bottom: 10px; margin-top: 18px; }
.logo img { width: 176px; height: auto; } 

.logobarmob { padding: 0; margin: 0; }
.logobarmob .logo img { width: 146px; height: auto; } 


/* main nav */
.nav .open > a { background: #fff !important; }
.navbar-collapse { padding: 27px 0 0 0 !important; margin-bottom: 0 !important; z-index: 1000000 }
.navbar { min-height: 60px; margin-bottom: 0 !important; z-index: 1000000 }

ul#main-nav { float: right; }

ul#main-nav li.parent { padding-left: 15px; }
ul#main-nav li.parent > a { color: #000; font-size: 17px; padding: 0 0 0 0; border-bottom: 2px solid transparent; }
ul#main-nav li.parent > a:hover { border-bottom: 2px solid #ff3db4; background: none; color: #000; }
ul#main-nav li.parent:focus,
ul#main-nav li.parent > a:focus { background: none !important; }
ul#main-nav li.parent > a.current { border-bottom: 2px solid #ff3db4; }

ul.dropdown-menu { border-radius: 0; background: #323e48; margin-left: -5px; margin-top: 10px !important; }

ul.dropdown-menu li.chld { font-size: 18px; }
ul.dropdown-menu li.chld a { color: #fff; }
ul.dropdown-menu li.chld a.current,
ul.dropdown-menu li.chld a:hover { background: #ff3db4; color: #fff; }

 

/* banner
---------------------------------------------------*/
.banner-wrap { margin: 0 auto 0 auto; width: 75%; }

.banner-outer { min-height: 500px; width: 100%; }

.banner-item { padding: 0; width: 100%; min-height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #fff; }

.cycle-overlay { position: absolute; bottom: 0; left: 0; width: 100%;  background: rgba(255, 65, 180, 0.8); text-align: center; }
.cycle-overlay h1 { margin: 10px 0 10px 0; color: #fff; font-size: 28px; line-height: 32px; }


/* featured
---------------------------------------------------*/
.featured { background: #eceeed; } 
.featrow { padding-top: 0; }
.featrow p { font-size: 12px; color: #323e48; }
.feat-item { margin: 20px 0; }
.feat-item img { width: 100%; height: auto; }



/* main container
---------------------------------------------------*/
.maincntr { margin-top: 25px; margin-bottom: 25px; }

hr.line { height: 1px; background: #fff; border: 0; border-top: 1px solid #d0d3d5; }

.maincntr h1, h2, h3 { color: #ff3db4; font-size: 21px; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }
p { color: #283036; font-size: 15px; line-height: 22px; }

.thumbnail img { height: 90px; }

.thumbnail { margin: 0 !important; }

.caption { padding-left: 7px;}




/* news container
---------------------------------------------------*/
.newscntr { margin-top: 25px; }
.newscntr dt { color: #ff3db4; font-size: 21px; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }
.nwsdte { color: #898989; font-size: 14px; margin-bottom: 0 !important; }
.nwstxt { color: #323e48; font-size: 15px; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif;}

.nwsitem:hover { cursor: pointer; text-decoration: none; }



/* quicklinks
---------------------------------------------------*/
.qlitem { padding-bottom: 25px; }
.qlitem:hover { cursor: pointer;  }
.qltxt { padding: 15px; background: #323e48; color: #fff; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; min-height: 120px; }
.qltxt p { color: #fff; font-size: 18px; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }
.qlimg img { width: 100%; height: auto; }



/* colophon
---------------------------------------------------*/
.colophon { background: #323e48; font-size: 20px; color: #fff; margin-top: 25px; }

.colophon p { font-size: 20px; color: #fff; }

.colophon strong { color: #ff3db4; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }

.colophon a { color: #ff3db4; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; text-decoration: underline; }

.coloptxt { padding-top: 15px; padding-bottom: 7px; text-align: center; }



/* sub
---------------------------------------------------*/
.introstrip { background: #323e48; font-size: 20px; color: #fff; padding-top: 170px; padding-bottom: 15px; }

.intro h1 { color: #ff3db4; font-size: 28px; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; margin: 0 0 10px 0; }
.intro p { font-size: 16px; color: #bbbebf;  }
.intro a { color: #bbbebf; text-decoration: underline; }
.intro a:hover { color: #fff;  }

.crumb { font-size: 15px; color: #fff !important; margin-bottom: 0; }

/* case studies */
.cswrap { margin-top: 25px; }
.csitem { min-height: 450px; }
.csitem img { width: 100%; height: auto; }
.csitem:hover { cursor: pointer; }

.cstit { color: #323e48; font-size: 16px; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }

.cstxt { font-size: 13px; }

a.csback { font-size: 16px; color: #fff; }
a.csback:hover { color: #fff; }
.csback span.glyphicon { font-size: 13px; color: #ff3db4 !important; }

.csherotxt ul { list-style-type: none; padding: 0; margin: 0; }
.csherotxt li { padding: 0 0 5px 20px; background: transparent url(/img/next-arrow.png) 0 3px no-repeat; }
.csherotxt li a { font-size: 15px; }

.csheroimg img { width: 100%; height: auto; }

.maincntr a { color: #ff3db4; }
.maincntr hr { height: 1px; background: #fff; border: 0; border-top: 1px solid #d0d3d5; }
.maincntr th { padding: 10px; }
.maincntr td { padding: 10px; }
.maincntr table { margin-bottom: 25px; }
.maincntr h3,
.maincntr h4,
.maincntr h5,
.maincntr h6 { color: #ff3db4; }


/* prod range */
.prodrangewrap { margin-top: 25px; }
.prodrangeitem { min-height: 325px; }
.prodrangeitem img { width: 100%; height: auto; }
.prodrangeitem:hover { cursor: pointer; }

.prodrangecnt { z-index: 1; position: relative; }
.prodrangetit { z-index: 2; position: absolute; bottom: 0; height: 50px; background: rgba(255, 61, 175, 0.95); width: 100%; padding: 15px 0 0 15px; }

.prodtit { color: #fff; font-size: 16px; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }

.prodsize { font-size: 11px; width: 100%; background: #323e48; color: #fff; }
.prodrangeimg { padding: 0; margin: 0; }



/* products */
.prodesc,
.prodimg { padding-top: 40px; }

.prodesc ul { padding: 0; list-style-type: none; }
.prodesc ul li { border-bottom: 1px solid #bec0bf; background: transparent url(/img/bullet-li.gif) 0 center no-repeat; padding: 10px 0 10px 15px; }
.prodesc ul li:last-child { border: none; }

.prodesc h3,
.prodesc h4,
.prodesc h5 { margin-top: 0 !important; }

.prodimg img { width: 100%; height: auto; }

.prodpdf { margin-top: 25px; padding: 7px; background: #cbccce; }

.prodpdf a { display: inline-block; padding: 10px 0 10px 50px; background: transparent url(/img/PDF-i@2x.png) 0 0 no-repeat; background-size: contain; }

.prodrange h4,
.prodrange h5 { color: #ff3db4; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; }

.prodaccitem { position: relative;  float: left; margin-right: 7px; margin-bottom: 7px; }

.prodaccitem em { position: absolute; width: 100%; height: 40px; bottom: 0; display: block; background: #ff3db4; color: #fff; font-style: normal; font-size: 11px; z-index: 2; padding-top: 10px; font-weight: bold; }



/* accordion */
.accordion { overflow: hidden; padding: 0;  }

a.accord-ttl { width: 100%; padding: 10px; display: inline-block; transition: all linear 0.15s; font-size: 14px; color: #fff; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; background: #323f48; text-decoration: none; }

a.accord-ttl:after { content: "\e081"; font-family: "Glyphicons Halflings"; position: absolute; right: 25px; font-size: 16px; color: #f63eb0; }

a.accord-ttl-white.accord-ttl:after { color: #fff; }

a.accord-ttl:focus,
a.accord-ttl:hover { color: #fff; }

a.accord-ttl.active { background: #fff; color: #000; }

a.accord-ttl.active:after { content: "\e082"; font-family: "Glyphicons Halflings"; position: absolute; right: 25px; font-size: 16px; color: #323f48; }

.accord-item { margin-bottom: 10px !important; }

.accord-item:last-child .accord-ttl { border-bottom: none; }

.accord-txt { padding: 15px; display: none; background: #fff; }

/* Related products */
.prodrange h4 { margin-bottom: 25px; }

.relitem { width: auto; height: 165px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 25px; }
.relitem:hover { cursor: pointer; }

.relitem p.reltxt { position: relative; bottom: -110px; margin: 0 !important; width: auto; height: auto; min-height: 55px; display: block; color: #fff; font-size: 14px; color: #fff; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; padding: 7px; text-align: center; white-space: normal; }

.relitem:hover { cursor: pointer; text-decoration: none; color: #fff; }

.relimg img { width: 100%; height: auto; }


/* product search */
.prodsearch { border: 1px solid #ebebeb; padding: 7px; }

.searchmob { padding-top: 20px; }
.searchmobfrm .prodsearch { width: 100%; }


/* product items */
.proditemtbl { width: 100%; }

.proditemtblhd { color:  #333; font-weight: normal; font-family: 'geometria_boldbold', Helvetica, Tahoma, Verdana, Arial, sans-serif; font-size: 16px; }

.proditemtbl th { padding: 3px 7px 3px 0; color: #f84abd; }
.proditemtbl td { padding: 5px 3px 5px 0; }
.proditemtbl .proditemtblimg { width: 45px; height: auto; margin-left: 3px; margin-right: 25px;  }
.proditemtbl .proditemtblfile { width: 25px; height: auto; }
.proditemtbl .proditemtblfile2 { width: 75px; height: auto; padding-left: 15px; z-index: 1; }

.proditemtblacc th { padding: 3px 7px 3px 0; color: #f84abd; }
.proditemtblacc td { padding: 3px 10px 3px 0; }
.proditemtblacc .proditemtblimg { width: 45px; height: auto; margin-left: 3px; margin-right: 25px;  }
.proditemtblacc .proditemtblfile { width: 25px; height: auto; }

.proditemtblacc .proditemtblfile2 { width: 200px; height: auto; }

.proditemtblacc tr:nth-child(even),
.proditemtbl tr:nth-child(even) { background: #eceeed; }

.proditemtblacc .proditemtblimgtx { width: 45px; height: auto; margin-left: 3px; margin-right: 25px; }


/* product search */
.searchlist { border-bottom: 1px solid #ccc !important; padding-bottom: 35px; padding-top: 25px;  }

.searchlist:hover { cursor: pointer; background: rgba(248,74,189,0.1); }

.psimg img { width: 125px; height: auto; }

.pscode em { font-style: normal; color: #f84abd; }

.psview { margin-top: 25px; }

.psview a { background: #666; font-size: 14px !important; color: #fff !important; padding: 10px; border: 1px solid #ccc; display: inline-block; }
.psview a:hover { text-decoration: none; background: #f84abd; } 




/* footer
---------------------------------------------------*/

.footer { padding-top: 15px; padding-bottom: 5px; margin-bottom: 50px; margin-top: 50px; background: #fff; }
.footer p { font-size: 13px; color: #000; }
.footer a { font-size: 13px; color: #000; }
.ftr2 { text-align: right; }
.accred { padding-top: 15px; }
.accred img { width: 100px; height: auto; padding-right: 20px;}


/* tooltips */
.ptooltip + .tooltip > .tooltip-inner { background-color: #ff3db4;}
.ptooltip + .tooltip > .tooltip-arrow { border-bottom-color: #ff3db4; }