/*--Google Font Montserrat--*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');

/*--BASE--*/
body {background:#fff; font-size:14px; font-family:'Montserrat', arial, helvetica, sans-serif; line-height:1.6em; margin:0; padding:0; color:#666;}
@media (min-width: 768px) { body {font-size:15px;} }
@media (min-width: 992px) { body {font-size:16px;} }
@media (min-width: 1200px) { body {font-size:16px;} }
@media (min-width: 1920px) { body {font-size:17px;} }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top:0; font-family:'Montserrat', arial, helvetica, sans-serif; margin-bottom:0.5em; line-height:1.1em ;}

.h1, h1{color:#fff; font-size:4em; font-weight:normal; position:relative; text-transform:uppercase; }
.h1 span, h1 span{color:#fff }

.h2, h2{color:#f69f1a; font-size:3.2em; font-weight:normal; position:relative; text-transform:none; line-height:1.0em; margin-bottom:0.5em}
.h2 span, h2 span{color:#999; font-size:0.9em; line-height:0.7em }
.gbs3 h2, .gbs3 .h2{font-family:'Montserrat', arial, helvetica, sans-serif !important; color:#f69f1a !important; font-size:3.2em !important; font-weight:600; position:relative; text-transform:none; margin:0 0 0.5em 0 !important;}

/*--Page with two h2 headings. Add class to Menu's "Page Display" -twoheader --*/
.item-page-twoheader h2:last-child{color:#999}

.item-page{position:relative;}

.h3, h3{color:#000; font-size:2em; }
.gbs3 h3, .gbs3 .h3 {color:#000 !important; font-size:2em !important; }

.h4, h4{color:#F69F1A; font-size:1.7em; }
.h4 span, h4 span{color:#666; font-size:0.9em; }

.h5, h5{color:#333; font-size:1.3em; line-height:1.3em;}

.h6, h6{color:#333; font-size:1.1em; line-height:1.4em;}

i.icon-circle{display:block; width:96px; height:100px; background:url(../images/icon-circle.png) left top no-repeat; position:absolute; left:-50px; top:-30px; z-index:100;}

p{margin: 0 0 1.3em 0}
p.intro, p.lead{font-size:1.3em; color:#333; line-height:1.48em; margin:0 0 1.0em 0; font-weight:normal;}

ul{margin:0 0 1em 10px; padding:0;}
ul ul,
ul ol,
ol ol,
ol ul{margin:10px 0 1em 0em; }
li{list-style:disc; margin:0 0 0.8em 0; padding:0 0 0 20px; position:relative; } 
li:before,
ol li ul li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"";  color:#f69f1a; }
li ul li{margin:0 0 0.5em 20px;}
ol{margin:0 0 1em 0 !important; }
ol li{list-style-type:decimal !important; padding:0px 0px 0px 10px;}
ol li:before{display:none;}
ol li ul li{list-style-type:none !important;}

a{color:#bf2026; cursor:pointer;}
a:hover{color:#000;}
strong{color: #484848}
hr{clear:both; height:2px; margin:0 0 15px 0; border:none; border-bottom:1px dotted #ccc;}
img{}
img a{border:none;}
input{padding:2px; }

.center {text-align:center;}
.center-block {text-align:center; margin-bottom:20px;}

/* Reset li:before */
.carousel-indicators li:before,
nav ul.pagination li:before{content:"";}

input, textarea, button{border-radius:0px;}

.row {margin-right: 0px; margin-left: 0px;}
.row:before,
.container:before,
h1:before {content:"";}

.aside-box {padding:0 2%;}
.hidden {visibility:hidden;}
.descriptor, .mod-articles-category-date {color:#9c9b9b; font-size:0.9em;}
.sml-90 {font-size:0.9em; line-height:1.0em}
.bdr-r {border-right:1px solid #c3c3c3;}

img.img-90 {width:auto; max-width:90%;}
.mx-auto {margin:0 auto;}

/*--Row White background--*/
.wht {background:#fff; padding:20px 15px 25px 15px; margin-bottom:20px;}

/*--Col edits--*/
.tight-l {padding-left:0;}
.tight-r {padding-right:0;}
.tight-lr {padding-left:0; padding-right:0;}

/*--Form NEW--*/
form{margin:0 0 1em 0; clear:both;}
fieldset{border:0; border-bottom:1px dotted #ccc; margin:0 0 10px 0;}
label{clear:both;}
input, textarea, select{background:#F7F8F9; color:#8A8A8A; border:1px solid #CCC; list-style:none; margin:5px 0 5px 5px; padding:3px 5px}
input[type="checkbox"]{width:15px; border:none; margin:0 0 0 40px;}
input[type="submit"], input[type="reset"]{margin:3px 0 3px 0; padding:2px 0; border:none; color:#fff; background:#F7F8F9 url(../images/btn-submit.png) no-repeat left top; width:25px; height:auto; cursor:pointer; display:block; }
input[type="submit"]:hover, input:hover[type="button"]{background-position:left -25px;}
button, input[type="button"], button.btn{border:none; color:#fff; background:#b1b1b1 none; width:auto; height:auto; cursor:pointer; display:block; padding:3px 5px 3px 5px; margin:4px 0 10px 0}
button:hover, input[type="button"]:hover, button.btn:hover{color:#fff; background:#999}

label.checkbox input{top:5px;}

ul.chzn-results li:before{content:"";}

/*--Buttons--*/
.btn {padding:6px 12px 10px 12px; font-size:0.8em;}
.btn-primary{background:#01949b; border:2px solid #ffffff; line-height:0.9em;}
.btn-primary:hover{background:#01949b; }


/*--SECTIONS--*/
section {padding:30px 0; position:relative;}

/*--MAIN PAGE CONTENT--*/
section.section-main {margin-top:0px; padding:0px 0; }
.section-main h1{font-size:3.5em;}
.section-main li{list-style:none; margin:0 0 0.8em 0; padding:0 0 0 20px; position:relative; /* background:url(../images/bullet-1.png) left 8px no-repeat; */ }
.section-main li:before,
.section-main ol li ul li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f111";  color:#f69f1a; }

.section-main li.download{padding:0 0 0 25px;}
.section-main li.download:before{content:"\f019"; color:#f69f1a; font-size:1em;}

ul.lower-alpha li,
.section-main ul.lower-alpha li{list-style-type:lower-alpha !important; margin: 0px 0px 1em !important; padding: 0px 0px 0px 10px;}
ul.lower-roman li,
.section-main ul.lower-roman li{list-style-type:lower-roman !important; margin: 0px 0px 1em !important; padding: 0px 0px 0px 10px;}

section.section-main .container{min-height:300px; padding-top:30px; padding-bottom:50px; padding-right:5%; padding-left:5%; margin-right:auto; margin-left:auto;}
@media (min-width: 768px) { section.section-main .container{padding-right:5%; padding-left:5%;} }
@media (min-width: 992px) { section.section-main .container{padding-right:10%; padding-left:8%;} }
@media (min-width: 1200px) { section.section-main .container{padding-right:10%; padding-left:8%;} }

/*--Container--*/
.container {text-align:left; width:96%;}
@media (min-width: 768px) { .container {width:96%; text-align:left;} }
@media (min-width: 992px) { .container {width:96%; text-align:left;} }
@media (min-width: 1200px) { .container {width:96%; text-align:left;} }
@media (min-width: 1600px) { .container {width:96%; text-align:left;} }
@media (min-width: 1920px) { .container {width:96%; text-align:left;} }

/*--Container
.container {text-align:left; width:96%;}
@media (min-width: 768px) { .container {width:96%; text-align:left;} }
@media (min-width: 992px) { .container {width:96%; text-align:left;} }
@media (min-width: 1200px) { .container {width:1170px; text-align:left;} }
@media (min-width: 1600px) { .container {width:1440px; text-align:left;} }
@media (min-width: 1920px) { .container {width:1440px; text-align:left;} }--*/

/*--FORM --MAIN PAGE--*/
section.section-main input, 
section.section-main select,
section.section-main textarea{background:#F9F9F9 !important}

section.section-main button, section.section-main input[type="button"], section.section-main input[type="submit"], section.section-main input[type="reset"]{display:block; margin:10px 0 15px 10px; padding:6px 12px !important; color:#fff !important; background:#888 !important; width:auto; height:auto; border:none; border-radius:5px; font-size:1em;}
section.section-main button:hover, section.section-main input[type="button"]:hover, section.section-main input[type="submit"]:hover, section.section-main input[type="reset"]:hover{background:#F69F1A !important; color:#fff;}
/*--
button.btn-default,
section.section-main button.btn-default{color:#333; background-color:#bcbcbc; border:1px solid #CCC;}--*/

/*--Search page submit button--*/
button span.icon-search{display:none;}
section.section-main button.hasTooltip{border:none; color:#fff; background:#b1b1b1 url(../images/btn-submit-2.png) center center no-repeat; cursor:pointer; display:block; padding:4px 5px 4px 5px !important; content:"Submit"; color:#fff; font-weight:normal; font-size:1em;}

/*--Form Login--*/
form#login-form{}
form#login-form label{width:100px;}

/*--Sections--*/
.section-primary {background:#F69F1A;}
.section-primary h1, .section-primary h2, .section-primary h3, .section-primary h4{color:#fff;}
.section-primary-a {border-top:4px solid #f69f1a;}
.section-primary-b {border-bottom:4px solid #f69f1a;}

/*--Section Secondary-Yellow back--*/
.section-secondary {background:#f69f1a;}

/*--Section Grey--Grey back--*/
.section-grey {background:#e5e5e5;}

/*--Section Light-Yellow back--*/
.section-light {background:#b2dfe1; padding:30px 0;}

.section-clear {background:#fff; }
a.arrowup, a.arrowdown{color:#c5dbe4 ;}

.section-dark {background:#016064;}

/*--Section adoptin process--*/
.section-adoption-process {background:#fff; text-align:center;}

.section-adoption-process h2 {color:#ffa420; display:block; margin:0 auto 20px auto !important; font-size:2em;}
@media (min-width: 768px) { .section-adoption-process h2{font-size: 2.6em;} }
@media (min-width: 992px) { .section-adoption-process h2{font-size: 2.6em;} }
@media (min-width: 1200px) { .section-adoption-process h2{font-size: 2.6em;} }

.section-adoption-process .btn-default {margin-bottom:0; }

.section-mid{background:#dadada; text-align:center;}

.adoption-process {display:block; max-width:820px; background:#ffa420; margin:10px auto 30px auto; padding:10px 10px; border-radius:0px;}

.adoption-process ul{text-align:center; margin: 0px 0px 0em 0; }
.adoption-process li{display:inline-block; width:109px; height:90px; margin:10px 0px 20px 0; padding:0; background:url(../images/ap-arrow.png) right 30px no-repeat; position:relative;}
.adoption-process li span{display:none;}
.adoption-process li:hover span{display:block; width:220%; min-width:150%; background:#fff; border-radius:10px; padding:15px; color:#666; position:absolute; left:-80px; top:105px; z-index:1000; font-size:0.9em; line-height:1.2em; box-shadow:4px 4px 0 rgba(0,0,0,0.15)}
.adoption-process li:last-child{background:none; margin-right:0;}

.adoption-process li a {cursor:default;}

.adoption-process li.ap-select a{display:block; background:url(../images/icon-ap-select.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold; }

.adoption-process li.ap-register a{display:block; background:url(../images/icon-ap-register.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-profile a{display:block; background:url(../images/icon-ap-profile.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-download a{display:block; background:url(../images/icon-ap-download.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-complete a{display:block; background:url(../images/icon-ap-complete.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-upload a{display:block; background:url(../images/icon-ap-upload.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-submit a{display:block; background:url(../images/icon-ap-submit.png) left top no-repeat; width:88px; height:101px; position:relative; vertical-align:bottom; color:#fff; font-weight:bold;}

.adoption-process li.ap-select a:hover,
.adoption-process li.ap-register a:hover,
.adoption-process li.ap-profile a:hover,
.adoption-process li.ap-download a:hover,
.adoption-process li.ap-complete a:hover,
.adoption-process li.ap-upload a:hover,
.adoption-process li.ap-submit a:hover{background-position:left bottom; color:#555; text-decoration:none;}


/*--Section Indaba--*/
.section-indaba{text-align:center; margin:20px 0 0 0;}

.section-indaba h2{color:#ea961c; display:block; margin:10px auto; font-size:2em;}
@media (min-width: 768px) { .section-adoption-process h2{font-size: 2.6em;} }
@media (min-width: 992px) { .section-adoption-process h2{font-size: 2.6em;} }
@media (min-width: 1200px) { .section-adoption-process h2{font-size: 2.6em;} }

.indaba{display:block; background:#ffa420; margin:10px auto 30px auto; padding:20px 10px; border-radius:12px;}

.indaba h6{line-height:1.1em;}
.indaba h6 a{color:#fff; display:block;}
.indaba h6 a:hover{color:#000; text-decoration:none;}
.indaba h6 img{display:block; margin:0 auto 10px auto; border:1px solid #fff; }
.indaba h6 span.descriptor a{color:#000;}

/*--Buttons--*/
.btn-default {color:#fff !important; background:#bfbfbf; border-color:#CCC; border:none; font-size:0.7em; padding:8px 12px 8px !important; margin-top:0px; line-height:1.0; border-radius:0; text-transform:uppercase; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
.btn-default:hover{color:#fff; background:#666;}

.btn-default.sml {font-size:0.6em; padding:5px 10px !important; }

.btn-grey {color:#fff; background:#ababab; border-color:#CCC; border:none; font-size:0.7em; padding:8px 12px 8px !important; margin-top:0px; line-height:1.0; border-radius:0; text-transform:uppercase; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
.btn-grey:hover{color:#fff; background:#666;}

.btn-grey2 {color:#fff; background:#ababab; border-color:#CCC; border:none; font-size:0.7em; padding:8px 12px 8px !important; margin-top:0px; line-height:1.0;  text-transform:uppercase; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
.btn-grey2:hover{color:#fff; background:#f69f1a;}

/*--Home Latest Events--*/
.le {}
.le h3 {}

.red {color:#ee2736;}
.blue {color:#0055a6;}
.green {color:#00a76d;}
.orange {color:#e18127;}

div.newsfl ul {margin:0 0 10px 0; padding:0 0 10px 0;}
div.newsfl li {color:#555; list-style:none;}
div.newsfl li a {color:#555;}
div.newsfl li a:hover {color:#ffa420;}
div.newsfl h5 {color:#000; font-weight:bold; font-size:1.5em;}
div.newsfl p.mod-articles-category-date {color:#999999; text-transform:uppercase; margin-bottom:0.1em;}
div.newsfl a.mod-articles-category-title,
div.newsfl h5 a {color:#000; font-weight:bold;}
div.newsfl li:before {background:none; font-family:'FontAwesome';
    font-size:1em;
    position:absolute; left:0; top:2px;
    content:"\f105"; /*-- fa-angle-right--*/
    color:#b2b2b2;}

/*--Latest Events--*/
.col-event {height:auto; border-right:none;}
@media (min-width: 768px) { .col-event {height:auto; border-right:none;} }
@media (min-width: 992px) { .col-event {height:300px; border-right:1px solid #c3c3c3;} }
@media (min-width: 1200px) { .col-event {height:280px; border-right:1px solid #c3c3c3;} }
@media (min-width: 1600px) { .col-event {height:220px; border-right:1px solid #c3c3c3;} }

.col-event.last {border-right:none;}

ul.newsflash {margin:0 0 0px 0; padding:0 0 0px 0;}

ul.newsflash li {color:#555; list-style:none; height:auto;}

ul.newsflash li a {color:#555; }
ul.newsflash li a:hover {color:#ffa420;}
ul.newsflash h5 {color:#000; font-family:'Montserrat', arial, helvetica, sans-serif; font-size:1.5em; line-height:1.1em; font-weight: 600;}
ul.newsflash h5 a {color:#000; }
ul.newsflash p {margin-bottom:0.3em; font-size:0.8em; line-height:1.2em; margin-bottom:0.5em;}
ul.newsflash p.mod-articles-category-date {color:#999999; text-transform:uppercase; }
ul.newsflash a.mod-articles-category-title {color:#000; font-family:'Montserrat', arial, helvetica, sans-serif; font-size:1em; line-height:1.0em !important; font-weight: 600;}
ul.newsflash li:before {background:none; font-family:'FontAwesome';
    font-size:1em;
    position:absolute; left:0; top:0px;
    content:"\f105"; /*-- fa-angle-right--*/
    color:#b2b2b2;} 

/*--Home Leading Practices--*/
.leading-practices {}

.leading-practices .heading {border-right:none;}
@media (min-width: 480px) { .leading-practices .heading {border-right:none} }
@media (min-width: 768px) { .leading-practices .heading {border-right:none;} }
@media (min-width: 992px) { .leading-practices .heading {border-right:1px solid #c3c3c3;} }
@media (min-width: 1200px) { .leading-practices .heading {border-right:1px solid #c3c3c3;} }

.leading-practices h2 {font-size:2.5em; line-height:1em;}
.leading-practices h3 {font-size:1.7em; color:#4d4d4d;}
.leading-practices p {margin-bottom:0.3em;}

/*--Home Downloads--*/
.hm-downloads, .hm-gallery {height:auto;}
@media (min-width: 768px) { .hm-downloads, .hm-gallery {height:850px; }}
@media (min-width: 992px) { .hm-downloads, .hm-gallery {height:800px; }}
@media (min-width: 1200px) { .hm-downloads, .hm-gallery {height:660px; }}
@media (min-width: 1200px) { .hm-downloads, .hm-gallery {height:780px; }}

.hm-downloads h2 {text-align:center; line-height:0.8em;}
.hm-downloads .btn-default {display:inline-block; clear:both; font-size:0.6em; padding:4px 5px !important; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}

ul.downlds {margin:0 0 10px 0; padding:0 0 10px 0;}
ul.downlds li {color:#555; list-style:none; margin: 0 0 1em 0; text-align:left;}
ul.downlds li a {color:#555;}
ul.downlds li a:hover {color:#ffa420;}
ul.downlds h5 {color:#000; font-family:'Montserrat', arial, helvetica, sans-serif; font-size:1.5em; line-height:1.2em; font-weight: 600;}
ul.downlds h5 a {color:#000; }
ul.downlds p {font-size:0.95em; line-height:1.2em; margin-bottom:0.7em;}
ul.downlds p.mod-articles-category-date,
ul.downlds p.descriptor {color:#999999; font-size:0.7em; margin-bottom:0.5em;}
ul.downlds a.mod-articles-category-title {color:#000; font-family:'Montserrat', arial, helvetica, sans-serif; line-height:1.2em; font-weight: 600;}
ul.downlds li:before {background:none; font-family:'FontAwesome';
    font-size:1em;
    position:absolute; left:0; top:0px;
    content:"\f105"; /*-- fa-angle-right--*/
    color:#ffa420;} 

ul.downlds img {border:1px solid #808080; margin:0; max-height:95px;}
@media (min-width: 768px) { ul.downlds img {text-align:left;} }
@media (min-width: 992px) { ul.downlds img {text-align:left;} }
@media (min-width: 1200px) { ul.downlds img {text-align:left;} }

/*--Home Gallery--*/
.hm-gallery {}

.hm-gallery h2 {text-align:center; line-height:0.8em;}
.hm-gallery h5 {text-align:center; height:auto; font-size:1.3em; line-height:1.4em; margin-top:10px;}
.hm-gallery ul.osgalery-cat-tabs {display:none;}
.hm-gallery .copyright-block {display:none;}
.hm-gallery .os-gallery-caption {display:none !important;}

.hm-gallery .os-cat-tab-images .img-block {width:32% !important;}
@media (min-width: 768px) { .hm-gallery .os-cat-tab-images .img-block {width:23% !important; }}
@media (min-width: 992px) { .hm-gallery .os-cat-tab-images .img-block {width:19% !important; }}
@media (min-width: 1200px) { .hm-gallery .os-cat-tab-images .img-block {width:19% !important; }}

/*--Home Project--*/
.section-project {background:url(../images/banner-home-project-boikarabelo.jpg) no-repeat top center; height:376px;}
.section-project h2{color:#fff;}
.section-project p{color:#fff; font-weight:bold;}
.section-project .miner{margin-top:-90px;}
.project-details{margin-top:50px;}

/*--Home Register--*/
section.home-register{background:#F69F1A; padding:30px 0 0 0 !important;}
.home-register{}
.home-register .row::before{display:none;}
.home-register h3{color:#fff;}
.home-register h4{color:#fff;}
.home-register h5{color:#fff;}
.home-register p{color:#fff;}
img.device{margin-bottom:0;}
img.pulldown30{margin-bottom:-30px;}
img.pull-left{display:inline-block; margin:5px 18px 18px 0;}

.home-register input[type="text"]{border:0; height:auto; width:auto; border:1px solid #01949b; padding:4px 10px; margin-bottom:7px; color:#36acb2; font-size:1.2em;}	
.home-register button{border:0; padding:5px 10px; margin:0; background:#ef8e01; color:#fff; font-size:1em}

.section-pageheader {background:#01949b; padding:20px 0; }
.section-pageheader h1{color:#fff; margin-bottom:10px; line-height:0.7em;}

.regform{width:50%; padding:0; margin:0; float:left;}
.regdevice{width:30%; padding:0; margin:0; float:right;}
.regdevice img{float:none;}

/*--Home Sub Navigation--*/
section.home-sub-menu{background:#ef8e01;}
.home-sub-menu{}
.home-sub-menu h4{color:#fff;}
.home-sub-menu li{color:#fff; line-height:1.2em}
.home-sub-menu li a{color:#fff;}
.home-sub-menu li a:hover{color:#000;}
.home-sub-menu .col-lg-2 {width:20%;}

/* BLOG*/
.blog-post{border-top:1px solid #cccccc; border-right:1px solid #cccccc; padding:15px; border-left:1px solid #cccccc; padding:15px;}
.blog-post h2.page-header {margin-top:5px !important;}

.blog-featured{float:left; margin-right:15px;}

/*--Joomla blog page headings--*/
.blog h1, .blog-blog-subpage h1{font-weight:normal; margin-bottom:10px; display:inline-block; width:auto;}
.blog h2, .blog-news h2, .blog-blog-subpage h2{color:#999;}
.blog h2 a, .blog-news h2 a, .blog-blog-subpage h2 a{color:#999; border-bottom:none !important;}
.items-leading h2, .items-row h2{font-size:25px; font-weight:bold; margin:0 0 5px 0; color:#000 !important; text-decoration:none !important; text-transform:none; line-height:1.3em;}
.items-leading h2 a{color:#000 !important; text-decoration:none !important; text-transform:none;  border-bottom:none !important;}
.items-row h2 a{color:#B48E1A; text-decoration:none; border-bottom:none !important;}
.items-leading h2 a:hover, .items-row h2 a:hover{color:#B48E1A !important; }
.items-leading h4, .items-row h4{font-size:1.2em; font-weight:normal; margin:0 0 5px 0; color:#000; text-decoration:none}
.items-leading h4 a, .items-row h4 a{color:#000; text-decoration:none; border-bottom:none !important;}
.items-leading h4 a:hover, .items-row h4 a:hover{color:#417556; }

.items-leading .blog-blog-subpage .page-header{clear:both;}
.items-leading .blog-blog-subpage .page-header p{}
.items-leading .blog-blog-subpage .page-header p img{display:inline-block; float:left; margin:10px 18px 18px 0 !important;}

.items-leading .leading-0,
.items-leading .leading-1,
.items-leading .leading-2,
.items-leading .leading-3,
.items-leading .leading-4,
.items-leading .leading-5,
.items-leading .leading-6,
.items-leading .leading-7,
.items-leading .leading-8,
.items-leading .leading-9{display:block; border-bottom:0px dotted #ccc; padding:0px 10px 0 30px; background:url(../images/bullet-2.png) 10px 24px no-repeat;}

/*--Blog sup-page. Same style as h3. NB: Add styling "-blog-subpage" to the menu item's "Page Display" / "Page Class" - 
NB: The current html/com_content/article/default.php edit changes the main heading h2 to an h1. So h2 is not used now but h1:--*/
.item-page-blog-subpage h1{font-size:2em; line-height:1.2em; color:#000; text-transform:none; }
.item-page-blog-subpage h1 a{color:#B48E1A;}
.item-page-blog-subpage h2{font-size:3.3em; line-height:1.3em; color:#B48E1A; text-transform:none; margin-bottom:10px; display:inline-block; width:auto; font-family: "switzerlandcondblackregular",Arial,Helvetica,sans-serif;}
.item-page-blog-subpage h2 a{color:#999;}

dl.article-info{margin:1em 0 0.5em 0}
dl.article-info dt{display:none;}
dl.article-info dd{float:none; font-size:0.8em; margin:0; padding:0 0 0.3em 0; color:#aaa; line-height:0.7em; border:none}



/*-- HEADER --*/
header {background:#000; padding:10px 0 0px 0; margin:0; position:relative; width:100%; height:auto; min-height:90px; text-align:left; clear:both;}
@media (min-width: 992px) { header {padding:10px 0 10px 0;} }

/*-- header h1{left:20px\9; top:90px\9; font-size:6.0em\9; line-height:0.5em\9; *line-height:0.8em; }--*/
header h3{display:block; float:right; color:#bf2026; font-size:1.1em; text-transform:uppercase; margin:0; padding:0;}

/*--Logo--*/
a#logo{display:block; background:url(../images/logo-mosh.png) left top no-repeat; margin:0px auto; padding:0; width:252px; height:89px; }
@media (min-width: 992px) { a#logo{margin:0;} }
/*--Logo--*/
#home a#logo{display:block; background:url(../images/logo-mosh.png) left top no-repeat; margin:10px auto; padding:0; width:252px; height:89px}
@media (min-width: 768px) { #home a#logo{margin:0px 0 0; } }
@media (min-width: 992px) { #home a#logo{margin:0px 0 0;  } }
@media (min-width: 1200px) { #home a#logo{margin:0px 0 0;  } }

a#logo img{margin:0; padding:0; width:auto; height:auto}


/*--UTILITY NAVIGATION--*/
#utility-navigation{display:block; position:relative; float:none; padding:0; margin:10px auto; width:auto; background:none; }
@media (min-width: 768px) { #utility-navigation{float:right;} }
@media (min-width: 992px) { #utility-navigation{float:right;} }
@media (min-width: 1200px) { #utility-navigation{float:right;} }

#utility-navigation ul{display:block; margin:0 auto; opacity:1; visibility:visible; text-align:center; background:none;}
@media (min-width: 768px) { #utility-navigation ul{margin:0; text-align:right;} }
@media (min-width: 992px) { #utility-navigation ul{margin:0; text-align:right;} }
@media (min-width: 1200px) { #utility-navigation ul{margin:0; text-align:right;} }

#utility-navigation li{float:none; list-style:none; margin:0.5em 1em 0.5em 0em; padding:0; position:relative; display:inline-block; }
@media (min-width: 768px) { #utility-navigation li{float:none;} }
@media (min-width: 992px) { #utility-navigation li{float:none;} }
@media (min-width: 1200px) { #utility-navigation li{float:none;} }

#utility-navigation li:last-child{margin-left:0.5em;}
#utility-navigation li:hover, #utility-navigation .nav li:hover{background:none;}

#utility-navigation a{opacity:1 !important; visibility:visible !important; display:block; width:36px; height:36px; font-size:0.0000001em; text-decoration:none; color:#fff; padding:0; margin:0; }
#utility-navigation a:hover{text-decoration:none; color:#666; }
#utility-navigation li:last-child{border-right:none}
#utility-navigation li:before{display:none;}

li a.icon-utility-tools,
li.icon-utility-tools a{width:36px; height:36px; background-image: url(../images/icon-utility-tools.png); background-position: center 5px; background-repeat: no-repeat;}
li a.icon-utility-tools:hover,
li.icon-utility-tools a:hover{background-color: transparent; background-position: center -30px;}

li a.icon-utility-home,
li.icon-utility-home a{width:36px; height:36px; background:url(../images/icon-utility-home.png) left top no-repeat;}
li a.icon-utility-home:hover,
li.icon-utility-home > a:hover{background:url(../images/icon-utility-home.png) left bottom no-repeat; }

li a.icon-utility-contact,
li.icon-utility-contact a{width:36px; height:36px; background:url(../images/icon-utility-contact.png) left top no-repeat;}
li a.icon-utility-contact:hover,
li.icon-utility-contact a:hover{background:transparent url(../images/icon-utility-contact.png) left bottom no-repeat;}

li a.icon-utility-search,
li.icon-utility-search a{background:url(../images/icon-utility-search.png) left top no-repeat; background-size:100% 200%; }
li a.icon-utility-search:hover,
li.icon-utility-search a:hover{background:transparent url(../images/icon-utility-search.png) left bottom no-repeat;}

li a.icon-utility-login,
li.icon-utility-login a{background:url(../images/icon-utility-login.png) left top no-repeat; background-size:100% 200%; }
li a.icon-utility-login:hover,
li.icon-utility-login a:hover{background:transparent url(../images/icon-utility-login.png) left bottom no-repeat;}



/*--UP DOWN NAV--*/ 
#arrownav1,
#arrownav2,
#arrownav3{display:block; width:120px; height:auto; margin:0 auto; padding:0; position:absolute; bottom:20px; left:47%; z-index:100;}
#arrownav1{}
#arrownav2{}
#arrownav3{bottom:30px;}

a.arrowdown{display:inline-block; width:50px; height:auto; margin:0 0 0 0; padding:0; float:left;  font-family:'FontAwesome'; font-size:2.5em; content:"\f0ab"; color:#fff;}

a.arrowup{display:inline-block; width:50px; height:auto; margin:0 0 0 0; padding:0; float:left; font-family:'FontAwesome'; font-size:2.5em; content:"\f0aa"; color:#fff;}

a.arrowup:hover,
a.arrowdown:hover{color:#f69f1a; }



/*--MAIN NAV for MaxiMenu CK--*/  

/* NAVBAR */ 
.navbar {background:#000; padding:0; margin:0; width:100%; min-height:55px; z-index:1000; *zoom:1; border-radius:0; border:none; line-height:1.0em;}
@media (min-width: 992px) { .navbar {min-height:20px;} }

.navbar .container {}
.caret {display:none;}

.navbar li {display:inline-block; list-style:none; margin:0; padding:0; position:relative; background:none; font-size:1.1em; text-transform:uppercase; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif;  }

.maximenuckh {display:block; }

ul.maximenuck {text-align:center; background-image:none !important; margin:15px 0 0 ; padding:0; width:90%;}
@media (min-width: 992px) { ul.maximenuck {margin:0px auto 0 auto; width:100%; } }

ul.maximenuck li.maximenuck.level1 {display:block; list-style:none; margin:0; padding:0; position:relative; background:transparent; font-size:1.2em; text-transform:none; font-family:'Montserrat', arial, helvetica, sans-serif; text-align:left; font-weight: 600;}
@media (min-width: 992px) { ul.maximenuck li.maximenuck.level1 {display:inline-block; font-size:1.0em; text-align:center;} }
@media (min-width: 1200px) { ul.maximenuck li.maximenuck.level1 {font-size:0.99em; background:#000; } }

ul.maximenuck li.maximenuck.level1:first-child {display:inline-block !important;}

ul.maximenuck li.maximenuck.level1 > a, 
ul.maximenuck li.maximenuck.level1 > span.separator {display:block; padding:7px 10px 10px 12px; line-height:1em; color:#a4a2a2}

ul.maximenuck li.maximenuck.level1 > a:hover,
ul.maximenuck li.maximenuck.level1 > span.separatora:hover {color:#fff; background:none; text-decoration:none;}

ul.maximenuck li.maximenuck.level1.active > a, 
ul.maximenuck li.maximenuck.level1.active > span.separator {}

/*--2nd Tier MaxiMenuCK--*/
/*--Dropdown--*/
.floatck {position:absolute !important; top:2px !important; }
@media (min-width: 992px) { .floatck {top:25px !important;} } 

ul.maximenuck2 {background:#fff; display:block !important; margin:0; padding:0px; width:100%; box-shadow:none; border:0px solid #ccc;}
@media (min-width: 992px) { ul.maximenuck2 {width:260px; border:1px solid #ccc; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} }

ul.maximenuck2 li {position:relative; display:block !important; background:#fff; margin:0 0 0 0; padding:0; font-size:0.9em ; text-transform:none; float:none; line-height:1.3em; width:100%; text-align:left; font-family:'Montserrat', arial, helvetica, sans-serif; }
@media (min-width: 992px) { ul.maximenuck2 li {font-size:1em; width:auto; } }

ul.maximenuck2 li:first-child {}

ul.maximenuck2 li a {display:block; padding:4px 10px 4px 25px; border-bottom:1px dotted #666; line-height:1.42857; color:#333; }

ul.maximenuck2 li:last-child a {border-bottom:none;}
ul.maximenuck2 li a:hover {text-decoration:none; color:#000; background:#F5F5F5; }

ul.maximenuck2 > li > a:before {
    font-family: 'FontAwesome';
    font-size: 0.7em;
    position: absolute;
    left: 11px;
    top: 8px;
    content: "\f061" !important;
    color: #ffa420;
    z-index: 1000;
}

ul.maximenuck2 > li > a:hover:before {color:#555;}

ul.maximenuck2 li.active a {text-decoration:none; color:#000; background:#F5F5F5; }
ul.maximenuck2 li.active a:before {color:#555; }

#maximenuck157 .maximenumobiletogglericonck {display:inline-block; float:right; font-size:0px !important; padding-top:10px !important; cursor:pointer; color:#999 !important; background:#999 !important; padding:5px 10px 12px 10px !important; position:absolute; top:0px; right:10px; border-radius:5px; text-align:center; width:47px; height:47px; border:1px solid #999; }

@media screen and (max-width: 992px) { #maximenuck157 .maximenumobiletogglericonck {display:none; font-size:50px !important; cursor:pointer;  }}

#maximenuck157 .maximenumobiletogglericonck:before {
		font-family:'FontAwesome';
		font-size:1em;
		position: absolute; left:8px; top:18px; z-index:1000;
		content:"\f0c9";  
		color:#fff; } 

#maximenuck157 .maximenumobiletogglericonck:hover {background:#f69f1a !important; color:#f69f1a !important; border:1px solid #f69f1a; }

#maximenuck157 .maximenumobiletogglericonck:hover:before {color:#fff;}


#page-tools{float:right; margin:0}
#page-tools li{display:inline}


/*--Brand--*/
.brand{display:block;}


/*--HOME BANNER CAROUSEL--*/
#carousel-home {position:relative;}

.carousel {margin-bottom:0px;}

.carousel-inner {height:calc(1200px - 200px); min-height:1000px; position:relative;}
@media (min-width: 768px) { .carousel-inner {height:calc(100vh - 120px); min-height:auto;} }
@media (min-width: 992px) { .carousel-inner {height:calc(98vh - 130px); min-height:auto;} }
@media (min-width: 1200px) { .carousel-inner {height:calc(98vh - 140px); min-height:auto;} }
@media (min-width: 1600px) { .carousel-inner {height:calc(100vh - 130px); min-height:auto;} }

/*
.carousel-inner {height:calc(1200px - 200px); min-height:1000px; position:relative;}
@media (min-width: 768px) { .carousel-inner {height:calc(100vh - 167px); min-height:auto;} }
@media (min-width: 992px) { .carousel-inner {height:calc(100vh - 167px); min-height:auto;} }
@media (min-width: 1200px) { .carousel-inner {height:calc(100vh - 167px); min-height:auto;} 
*/

.carousel-inner .container {}

/* .carousel-caption {display:block; position:absolute; right:auto; left:auto;}  */

.carousel-caption {position:absolute; top:0; bottom:auto; text-align:left !important; padding:0px 10px 20px 20px; width:auto; right:3%; left:3%; z-index:0;}
@media (min-width: 768px) { .carousel-caption {width:65%; right:auto; left:5%;} }
@media (min-width: 992px) { .carousel-caption {width:60%; right:20%; left:5%;} }
@media (min-width: 1200px) { .carousel-caption {width:45%; right:20%; left:5%;} }

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5 {text-shadow:none !important;}

.carousel-caption h1 {color:#fff; display:block; padding:0px 0 0 0; font-size:2.5em; margin-bottom:10px; line-height:1em; text-transform:none; text-shadow:none; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
@media (min-width: 768px) { .carousel-caption h1 {font-size:2.3em; } }
@media (min-width: 992px) { .carousel-caption h1 {font-size:2.6em; } }
@media (min-width: 1200px) { .carousel-caption h1 {font-size:2.8em; } }

.carousel-caption h2 {color:#fff; display:block; padding:0px 0 0 0; font-size:2.5em; margin-bottom:14px; line-height:1em; text-transform:none; text-shadow:none; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
@media (min-width: 768px) { .carousel-caption h2 {font-size:2.0em; } }
@media (min-width: 992px) { .carousel-caption h2 {font-size:2.2em; } }
@media (min-width: 1200px) { .carousel-caption h2 {font-size:2.2em; } }

.carousel-caption h5 {color:#fff; }
.carousel-caption p {color:#fff; display:block; margin:0 0 15px 0; font-size:0.85em; line-height:1.4em; text-shadow:none;  }
.carousel-caption p.lead {font-size:1.0em; line-height:1.45em;}
.carousel-caption .btn {padding:5px 10px 5px;}

.carousel-caption .btn-default {display:inline-block; vertical-align:top; background:rgba(0,0,0,0.3); border:none; border-radius:0; text-transform:uppercase; color:rgba(255,255,255,0.7) !important;}
.carousel-caption .btn-default:hover {background:#fff; color:#000 !important;}

.carousel-caption .btn-default.sml {font-size:0.65em; padding:5px 8px !important;}

/*--Tight layout--*/
.carousel-caption.tight h3 {margin-bottom:0.3em !important;}

/*--1-Red--*/
.carousel-caption.red {background:#d71921; }

/*--2-Blue--*/
.carousel-caption.blue {background:#0e76bc; }

/*--3-Green--*/
.carousel-caption.green {background:#39b54a; }

/*--4-Orange--*/
.carousel-caption.orange {background:#d4ab2e; }
.carousel-caption.orange h2 {color:#fff;}
.carousel-caption.orange h3 {color:#fff;}
.carousel-caption.orange p {color:#fff;}

.carousel-caption .carousel-indicators {bottom:20px;}

.carousel-caption img {display:inline-block; margin:10px 10px 10px 0; padding:0; border:1px solid #CCC; width:100%; max-width:200px;}
@media (min-width: 480px) { .carousel-caption img {display:inline-block; margin:10px 10px 10px 0;} }
@media (min-width: 768px) { .carousel-caption img {display:block; margin:0 0 10px 0;} }
@media (min-width: 992px) { .carousel-caption img {display:block; margin:0 0 10px 0;} }
@media (min-width: 1200px) { .carousel-caption img {display:block; margin:0 0 10px 0;} }

.banner-hm-1 {width:auto; height:1100px; background:url(../images/banner-home-1.jpg) center top no-repeat; border-top:10px solid #d71921;}
.banner-hm-2 {width:auto; height:1100px; background:url(../images/banner-home-2.jpg) center top no-repeat; border-top:10px solid #d71921;}
.banner-hm-3 {width:auto; height:1100px; background:url(../images/banner-home-3.jpg) center top no-repeat; border-top:10px solid #39b54a;}
.banner-hm-4 {width:auto; height:1100px; background:url(../images/banner-home-4.jpg) center top no-repeat; border-top:10px solid #0e76bc;}
.banner-hm-5 {width:auto; height:1100px; background:url(../images/banner-home-5.jpg) center top no-repeat; border-top:10px solid #d71921;}
.banner-hm-6 {width:auto; height:1100px; background:url(../images/banner-home-6.jpg) center top no-repeat; border-top:10px solid #0e76bc;}
@media (min-width: 768px) { .banner-hm-1, .banner-hm-2, .banner-hm-3, .banner-hm-4, .banner-hm-5 {width:auto; height:100%;}}
@media (min-width: 992px) { .banner-hm-1, .banner-hm-2, .banner-hm-3, .banner-hm-4, .banner-hm-5 {width:auto; height:100%;}}
@media (min-width: 1200px) { .banner-hm-1, .banner-hm-2, .banner-hm-3, .banner-hm-4, .banner-hm-5 {width:auto; height:100%;}}

.banner-hm-traffic-man {width:auto; height:1100px; background:url(../images/assmang-manganese-bg.png) center top no-repeat; border-top:10px solid #d4ab2e;}
.banner-hm-conveyor-belt {width:auto; height:1100px; background:url(../images/banner-home-conveyor-belt.jpg) center top no-repeat; border-top:10px solid #d4ab2e;}

/*--Carousel Indicators Icons--*/
.carousel-indicators {position:absolute; bottom:10px; left:3%; right:3%; z-index:15; width:auto; padding-left:0px; margin:0 auto !important; text-align: center; list-style: outside none none; background-color:rgba(0,0,0,0.7); height:200px;}
@media (min-width: 768px) { .carousel-indicators {bottom:50px; height:90px;} }
@media (min-width: 992px) { .carousel-indicators {bottom:20px; height:90px;} }
@media (min-width: 1200px) { .carousel-indicators {bottom:20px; height:90px;} }

/*--4-Indicators--*/ /*--
.carousel-indicators li {display:inline-block; vertical-align:top; width:50.0%; height:100px; margin:0 0 5px -5px; padding:0; cursor:pointer; border:none; list-style:none; text-align:center; border-radius:0; position:relative !important; text-indent:0 !important;}
@media (min-width: 768px) { .carousel-indicators li {width:25%; height:90px; }}
@media (min-width: 992px) { .carousel-indicators li {width:25%; height:90px; }}
@media (min-width: 1200px) { .carousel-indicators li {width:25%; height:90px; }}

.carousel-indicators li.active {background-color:#fff; color:#000; width:50%; height:100px; margin-left:-5px;}
@media (min-width: 768px) { .carousel-indicators li.active {width:25%; height:90px; }}
@media (min-width: 992px) { .carousel-indicators li.active {width:25%; height:90px; }}
@media (min-width: 1200px) { .carousel-indicators li.active {width:25%; height:90px; }}  --*/

/*--5-Indicators--*/
.carousel-indicators li {display:inline-block; vertical-align:top; width:50.0%; height:100px; margin:0 0 5px -5px; padding:0; cursor:pointer; border:none; list-style:none; text-align:center; border-radius:0; position:relative !important; text-indent:0 !important;}
@media (min-width: 768px) { .carousel-indicators li {width:20%; height:90px; }}
@media (min-width: 992px) { .carousel-indicators li {width:20%; height:90px; }}
@media (min-width: 1200px) { .carousel-indicators li {width:20%; height:90px; }}

.carousel-indicators li.active {background-color:#fff; color:#000; width:50%; height:100px; margin-left:-5px;}
@media (min-width: 768px) { .carousel-indicators li.active {width:20%; height:90px; }}
@media (min-width: 992px) { .carousel-indicators li.active {width:20%; height:90px; }}
@media (min-width: 1200px) { .carousel-indicators li.active {width:20%; height:90px; }}

/*--6-Indicators--*/ /*--
.carousel-indicators li {display:inline-block; vertical-align:top; width:33.0%; height:100px; margin:0 0 5px -5px; padding:0; cursor:pointer; border:none; list-style:none; text-align:center; border-radius:0; position:relative !important; text-indent:0 !important;}
@media (min-width: 768px) { .carousel-indicators li {width:16.67%; height:150px; }}
@media (min-width: 992px) { .carousel-indicators li {width:16.67%; height:150px; }}
@media (min-width: 1200px) { .carousel-indicators li {width:16.67%; height:150px; }}

.carousel-indicators li.active {background-color:#fff; color:#000; width:33%; height:100px; margin-left:-5px;}
@media (min-width: 768px) { .carousel-indicators li.active {width:16.67%; height:150px; }}
@media (min-width: 992px) { .carousel-indicators li.active {width:16.67%; height:150px; }}
@media (min-width: 1200px) { .carousel-indicators li.active {width:16.67%; height:150px; }}
--*/

.carousel-indicators li:before {content:''; display:none;}

.carousel-indicators li div {display:table; text-align:center !important; width:calc(100% - 0px); height:60px; margin:10px 0 10px 0px; padding:0 10px 0 0; border-right:1px solid rgba(255,255,255,0.4); position:relative; font-size:1em; line-height:1.2em;}
@media (min-width: 768px) { .carousel-indicators li div {height:80px; margin:0px 0 0px 0px;} }
@media (min-width: 992px) { .carousel-indicators li div {height:80px; margin:0px 0 0px 0px;} }
@media (min-width: 1200px) { .carousel-indicators li div {height:80px; margin:0px 0 0px 0px;} }

.carousel-indicators li:last-child div {border:none;}

.carousel-indicators li:nth-child(3) div {border:none;}
@media (min-width: 768px) { .carousel-indicators li:nth-child(3) div {border-right:1px solid rgba(255,255,255,0.4); }}
@media (min-width: 992px) { .carousel-indicators li:nth-child(3) div {border-right:1px solid rgba(255,255,255,0.4); }}
@media (min-width: 1200px) { .carousel-indicators li:nth-child(3) div {border-right:1px solid rgba(255,255,255,0.4); }}

.carousel-indicators li div p {display:table-cell; vertical-align:middle !important; height:auto; text-align:center !important; color:#ccc; font-size:0.7em; line-height:1.2em;}
@media (min-width: 768px) { .carousel-indicators li div p {font-size:0.8em; line-height:1.3em;} }
@media (min-width: 992px) { .carousel-indicators li div p {font-size:1em; line-height:1.35em;} }
@media (min-width: 1200px) { .carousel-indicators li div p {font-size:1em; line-height:1.4em;} }

.carousel-indicators li div p:hover {color:#fff;}

.carousel-indicators li.active div,
.carousel-indicators li.active div p {color:#000; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}

/*--Carousel Control--*/
.carousel-control {
    position:absolute; top:0; bottom:0; left:0;
    width:5%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
	opacity:.5;}

/*--BANNER--*/
.banner {width:100%; background:#999; }
.banner .container{height:448px; position:relative;}

.bannerheader{position:absolute; top:0; text-align:left; padding:10px 8px 20px 30px; width:80%; height:auto !important; right:0; left:10%;}
@media (min-width: 768px) { .bannerheader{width:60%; left:5%;} }
@media (min-width: 992px) { .bannerheader{width:50%; left:5%;} }
@media (min-width: 1200px) { .bannerheader{width:40%; left:5%;} }

.bannerheader h1{color:#fff; display:block !important; min-height:52px; padding:5px 0 0 53px; font-size:2.4em; margin-bottom:12px; line-height:1em; text-transform:none; text-shadow:none; font-family:'GothamBold', arial, helvetica, sans-serif; position:relative !important; width:auto; vertical-align:top; top:auto; bottom:auto; }
@media (min-width: 768px) { .bannerheader h1{font-size:3em; } }
@media (min-width: 992px) { .bannerheader h1{font-size:3em; } }
@media (min-width: 1200px) { .bannerheader h1{font-size:3em; } }

.bannerheader h1:before{display:none;}

.bannerheader p{color:#fff; display:block; width:90%; margin:0 0 15px 0; font-size:1.1em; text-shadow:none; font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
.bannerheader .btn {padding:5px 10px 5px;}

.banner a.btn-primary{border:1px solid #fff;}

.banner-about {background:url(../images/banner-about.jpg) center top no-repeat; height:448px; border-top:10px solid #faa21b; }
.banner-dust {background:url(../images/banner-dust.jpg) center top no-repeat; height:448px; border-top:10px solid #d71921;}
.banner-noise {background:url(../images/banner-noise.jpg) center top no-repeat; height:448px; border-top:10px solid #0e76bc;}
.banner-falls {background:url(../images/banner-falls.jpg) center top no-repeat; height:448px; border-top:10px solid #39b54a;}
.banner-transport {background:url(../images/banner-transport.jpg) center top no-repeat; height:448px; border-top:10px solid #d4ab2e;}
.banner-behavioural-change {background:url(../images/banner-behavioural-change.jpg) center top no-repeat; height:448px; border-top:10px solid #d71921;}
.banner-membership {background:url(../images/banner-membership.jpg) center top no-repeat; height:448px; border-top:10px solid #00929C;}
.banner-contact {background:url(../images/banner-contact.jpg) center top no-repeat; height:448px; border-top:10px solid #d71921;}
.banner-downloads {background:url(../images/banner-downloads.jpg) center top no-repeat; height:448px; border-top:10px solid #0e76bc;}
.banner-footer {background:url(../images/banner-footer.jpg) center top no-repeat; height:448px; border-top:10px solid #faa21b;}
.banner-other {background:url(../images/banner-other.jpg) center top no-repeat; height:448px; border-top:10px solid #faa21b;}

.bannerheader.about{background:#faa21b; position:relative;}
.bannerheader.about h1{background:url(../images/icon-carousel-about.png) left 0px no-repeat; vertical-align:top;}

.bannerheader.dust{background:#d71921; position:relative;}
.bannerheader.dust h1{background:url(../images/icon-carousel-dust.png) left 0px no-repeat; }

.bannerheader.noise{background:#0e76bc; position:relative;}
.bannerheader.noise h1{background:url(../images/icon-carousel-noise.png) left 0px no-repeat; }

.bannerheader.falls{background:#39b54a; position:relative;}
.bannerheader.falls h1{background:url(../images/icon-carousel-falls.png) left 0px no-repeat; }

.bannerheader.transport{background:#d4ab2e; position:relative;}
.bannerheader.transport h1{background:url(../images/icon-carousel-transport.png) left 0px no-repeat; }

.bannerheader.behavioural-change {background:#d71921; position:relative;}
.bannerheader.behavioural-change h1{background:url(../images/icon-carousel-behavioural-change.png) left 0px no-repeat; }

.bannerheader.membership{background:#00929C; }
.bannerheader.membership h1{background:url(../images/icon-carousel-membership.png) left 0px no-repeat; }

.bannerheader.downloads{background:#0e76bc; }
.bannerheader.downloads h1{background:url(../images/icon-carousel-downloads.png) left 0px no-repeat; }

.bannerheader.contact{background:#d71921; }
.bannerheader.contact h1{background:url(../images/icon-carousel-contact.png) left 0px no-repeat; }


/* --HOME SEARCH BAR--*/
@media(max-width:768px){.search{display:inline-block; text-align:center;} }	
@media(max-width:768px){.register{display:inline-block; text-align:center;} }

/*--Share price--*/
.share-price{display:block; background:#ef8e01; padding:10px 10px 6px 10px; border:1px solid #fff; text-align:center;}
.share-price h3{color:#fff; line-height:1em; display:inline-block; margin:0 15px 0 0; text-align:left; }
.share-price h4{color:#fff; line-height:1em; display:inline-block; margin:0 5px 0 0; text-align:left; }
.share-price h5{color:#fff; line-height:1em; display:inline-block; margin:0 15px 0 0; text-align:left; }
.share-price p{color:#fff; line-height:1em; display:inline-block; margin:0 15px 0 0; text-align:left; }


/*--HOME INFO BLOCKS*/
#infobar{}
#infobar .col-lg-3{padding-right:15px; padding-left:0;}

.infoblock{padding:15px 15px 20px 15px; margin-bottom:15px; min-height:200px;}
@media (min-width: 768px) { .infoblock{min-height:460px;} }
@media (min-width: 992px) { .infoblock{min-height:460px;} }
@media (min-width: 1200px) { .infoblock{min-height:460px;} }


.infoblock h2{display:block; margin-top:0; padding:0 0 10px 71px; color:#fff; font-size:2.5em; border-bottom:2px dotted rgba(255,255,255,0.4); text-transform:uppercase; font-family:'Montserrat', arial, helvetica, sans-serif; line-height:0.9em; font-weight: 600;}
.infoblock h2 span{font-size:0.6em; font-family:'Montserrat', arial, helvetica, sans-serif; margin:0 0 0 0;}

.infoblock h2.lann{margin-top:0; padding:5px 0 20px 71px; font-size:1.45em; line-height:1.1em}
.infoblock h2.lann span{font-size:0.7em; margin:0 0 0 0;}

.infoblock a,
.infoblock a:focus{color:#fff; text-decoration:none;} 
.infoblock a:hover{color:#000; text-decoration:none;}

.infoblock iframe{width:100%;}
.infoblock img{height:inherit; margin:0 10px 15px 0;}

.infoblock .newsflash{margin:0; padding:0;}
.infoblock h4,
.infoblock h4.newsflash-title,
.infoblock a.mod-articles-category-title{color:#fff; line-height:1.3em; margin-bottom:0.2em}
.infoblock h5,
.infoblock h5.newsflash-title{color:#fff;}
.infoblock h4 span,
.infoblock h5 span{font-size:0.8em; color:#fff;}
.infoblock p,
.infoblock .newsflash p,
.infoblock p.mod-articles-category-introtext{color:#fff;}
.infoblock span.mod-articles-category-date,
.infoblock p.descriptor{color:#FFF; font-size:0.8em; line-height:1em;}

.infoblock ul{margin-left:0;}
.infoblock li{color:#fff;}
.infoblock li:before{display:none;}


/*--Announcements--*/
.block-announcements{background:#01949b; }
.block-announcements h2{background:url(../images/infoblock-icon-announcements.png) left center no-repeat; }

/*--Financial reports--*/
.block-fin-reports{background:#a74d00; }
.block-fin-reports h2{background:url(../images/infoblock-icon-fin-reports.png) left center no-repeat;}
.block-fin-reports img{display:inline-block; }

/*--Responsive coal--*/
.block-responsive-coal{background:#016064; }
.block-responsive-coal h2{background:url(../images/infoblock-icon-responsive-coal.png) left center no-repeat;}
.infoblock.block-responsive-coal li{display:list-item; content:"\f061"; color:#fff; position:relative}
.infoblock.block-responsive-coal li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position:absolute; left:0; top:0; content:"\f061"; color:#fff; }

/*--Investor toolkit--*/
.block-investor-toolkit{background:#ef8e01; }
.block-investor-toolkit h2{background:url(../images/infoblock-icon-investor-toolkit.png) left center no-repeat;}
.block-investor-toolkit ul{margin-left:0; padding-left:0;}
.block-investor-toolkit li{list-style:none; background:none; margin-left:0; padding-left:0; clear:both;}
.block-investor-toolkit li img{display:inline-block; float:left; margin:0 10px 20px 0; padding:0; width:72px; border:1px solid #fff; box-shadow:2px 2px 0 rgba(0,0,0,0.2)}
.block-investor-toolkit li h5{color:#fff; display:inherit; margin:0; padding:0; vertical-align:top;}
.block-investor-toolkit li p{color:#fff; display:inherit; margin:0; padding:0; vertical-align:top;}



/*--ICONS--*/
.fa-2{font-size:18px;}
.fa-3{font-size:24px;}
.fa-4{font-size:27px;}
.fa-5{font-size:35px;}
.fa-6{font-size:40px;}
.fa-primary{color:#01949b;}
.fa-border{border:1px solid #01949b; border-radius:40px; padding:18px 23px; width:80px; margin-bottom:10px;}

/*--TYPOGRAPHY--*/

/* Headings */
.page-header{margin-top:0;}
.heading-primary {color:#01949b; border-bottom:2px solid #01949b;}
.heading-secondary {color:#f69f1a; border:none;}
.heading-secondary-a {border-bottom:2px solid #f69f1a;}
.heading-light {color:#b2dfe1;}
.heading-light-a {border-bottom:2px solid #b2dfe1;}
.heading-dark {color:#016064;}
.heading-dark-a {border-bottom:2px solid #016064;}

/* Emphasis Text */
.em-primary{color:#01949b;}
.em-secondary{color:#f69f1a;}
.em-dark{color:#016064;}
.em-light{color:#b2dfe1;}



/*--COMPONENTS--*/

/*-- Jumbotron --*/
.jumbotron{background:#01949b;}
.jumbotron h1{color:#fff; font-size:3.5em;}
.jumbotron p{color:#fff; display:block; width:60%; }
.jumbotron a.btn-primary{border:1px solid #fff;}

/*--Page header--*/
.blog-blog-subpage .page-header {padding-bottom:10px; margin:0 0 10px; border-bottom: 2px dotted #EEE;}

/*--Thumbnail--*/
.thumbnail {padding:6px; margin-bottom: 20px; line-height: 1.42857; background-color: #FFF; border:0; border-radius: 4px; transition: border 0.2s ease-in-out 0s;}
.thumbnail .caption {padding:10px 0;color: #333;}


/*--TABS-- */
.tab-pane{padding:20px 10px; border-radius:5px; margin-bottom:20px;}
.tab-primary .tab-pane,.tab-primary .nav-tabs > li.active > a, .tab-primary .nav-tabs > li.active > a:hover, .tab-primary .nav-tabs > li.active > a:focus{
	background:#01949b;
}
.tab-secondary .tab-pane,.tab-secondary .nav-tabs > li.active > a, .tab-secondary .nav-tabs > li.active > a:hover, .tab-primary .nav-tabs > li.active > a:focus{
	background:#f69f1a;
}
.tab-dark .tab-pane,.tab-dark.nav-tabs > li.active > a, .tab-dark .nav-tabs > li.active > a:hover, .tab-primary .nav-tabs > li.active > a:focus{
	background:#016064;
}
.tab-light .tab-pane,.tab-light .nav-tabs > li.active > a, .tab-light .nav-tabs > li.active > a:hover, .tab-primary .nav-tabs > li.active > a:focus{
	background:#b2dfe1;
}

/*--MEDIA--*/
.media-left, .media > .pull-left {padding-right:20px;}

/*--FORMS--*/

/* Searchbox */
input{border:1px solid #999; border-radius:0; }

form.search, form.register {width:100%; margin-bottom:10px;}	
form.search h3, form.register h3 {margin-top:0; padding-top:0;}
	
form.search input[type="search"], 
form.register input[type="register"]{border:0; height:50px; width:80%; border:2px solid #01949b; padding:10px; color:#36acb2; font-size:1.45em;}	
form.search button, 
form.register button{border:0; padding:0; vertical-align:top; margin-left:-4px;}
	
button.btn-search,
button.btn-register{width:18%; height:50px;}
	
button.btn-search{background:#01949b url(../images/btn-search.png) center center no-repeat;}
button.btn-register{background:#01949b url(../images/btn-register.png) center center no-repeat;}
	
button.btn-search:hover,
button.btn-register:hover{background-color:#f69f1a;}
 
section form.form-inline input{border:1px solid #afafaf; font-size:18px; padding-left:10px; padding-bottom:5px;}
section form.form-inline .form-group{margin-right:10px;}


/*--Home Sub Navigation--*/
section.sub-navigation{background:#00929c; padding:30px 0 0 0 !important;}
.home-sub-menu{}
.home-sub-menu h4{color:#fff;}
.home-sub-menu li{color:#fff; line-height:1.2em}
.home-sub-menu li a{color:#fff;}
.home-sub-menu li a:hover{color:#000;}
.home-sub-menu .col-lg-2 {width:20%;}


/*--SUB NAVIGATION--*/
section.sub-navigation{background:#dadada; padding:30px 0 30px 0 !important;}
.sub-navigation h3{color:#000;}
.sub-navigation ul{margin:10px 0 20px 0; padding-left:15px; display:list-item; list-style:none;}
.sub-navigation li{font-size:1.3em; margin:0 0 10px 0; padding:0 0 0 20px; position:relative; list-style:none;}
.sub-navigation li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f061 ";  color:#888; }
.sub-navigation ul ul li{font-size:0.8em; margin:0 0 0px 0; padding:0 0 0 18px;}
.sub-navigation ul ul{margin:5px 0 10px;}
.sub-navigation a{color:#000; text-decoration:none;}
.sub-navigation a:hover{color:#666;}
.sub-navigation li.active a{}
.sub-navigation li.active:before{} 

/*--BREADCRUMB--*/
.breadcrumb {padding:8px 15px; margin-bottom:10px; list-style:none; background-color:#f5f5f5; border-radius:0; }
.breadcrumb > li {display:inline-block; margin: 0px 0px 0em; font-size:0.9em;}
.breadcrumb > li + li:before { padding:0 5px; color:#ccc; content:"/\00a0";}
.breadcrumb > .active {color: #777;}
.section-main .breadcrumb li::before{content:'';}
.breadcrumb > li a{color:#777; text-decoration:none;}
.breadcrumb > li a:hover{color:#000;}

/*--FOOTER--*/
footer{width:100%; background:#000; line-height:16px; margin:0; padding:25px 0 20px 0; color:#bfbfbf; position:relative; font-size:0.9em}

footer h4{display:block; color:#bfbfbf;}

footer p{color:#bfbfbf; font:'Montserrat', Arial, Helvetica, sans-serif; margin:0px 5% 10px 0; float:none; text-align:left; line-height:1.3em}
@media (min-width: 768px) { footer p{float:none; text-align:left;} }
@media (min-width: 992px) { footer p{float:left} }
@media (min-width: 1200px) { footer p{float:left} }

footer p.descriptor{font-size:0.75em;}

footer ul.nav.ftr,
footer ul.nav.menuftr{text-align:left; width:auto;}
@media (min-width: 768px) { footer ul.nav.menuftr{text-align:left;} }
@media (min-width: 992px) { footer ul.nav.menuftr{text-align:left;} }
@media (min-width: 1200px) { footer ul.nav.menuftr{text-align:left;} }

footer li,
footer ul.nav.ftr li,
footer ul.nav.menuftr li{display:list-item; margin:0 0 0.5em 0; padding:0 8px 0 2px; background:none; border-right:0px solid #666; }
footer li:before{display:none;}

footer li a,
footer ul.nav.ftr li a,
footer ul.nav.menuftr li a{padding:0 7px 2px 0px; color:#bfbfbf; text-decoration:none; font-weight:normal; }
footer li a:hover,
footer ul.nav.ftr li a:hover,
footer ul.nav.menuftr li a:hover{color:#fff; background:none;}

footer ul.nav.ftr li a:hover{
	text-decoration: underline;
}
footer form{display:block; width:auto; margin-bottom:10px; clear:both; }
footer input, footer textarea, footer select{float:left; margin:0 0 10px 0 !important; padding:4px 4px 5px 6px !important; background:#bbbbbb; color:#333; border:none; border-right:none; width:auto; font-size:13.5px}
footer button, footer button.btn, footer input[type="submit"], footer input[type="button"]
{float:left; margin:0 0 0 0; padding:0; background:#bbbbbb url(../images/btn-submit.png) no-repeat left top; width:25px !important; height:25px; cursor:pointer; display:block; border-radius:0; border:none; border-left:none; clear:none;}
footer button:hover, footer button.btn:hover, footer input[type="submit"]:hover, footer input[type="button"]:hover{background:#bbbbbb url(../images/btn-submit.png) no-repeat left -25px; border:none;}

/*--jNews Register form in footer--*/
footer .jNewsMod .subscriptionField{display:none;}
footer .jNewsMod .subscriptionButton{float:left; margin:-21px 0 0 0; padding:0; background:#bbbbbb url(../images/btn-submit.png) no-repeat left top; width:25px !important; height:25px; cursor:pointer; display:block; border-radius:0; border:none; border-left:none; clear:none;}
footer .jNewsMod .subscriptionButton:hover{background:#bbbbbb url(../images/btn-submit.png) no-repeat left -25px;}
footer .jNewsMod .subscriptionButton input{background:none; height:25px; width:100% !important; padding:0 !important;}


/*--Management--*/
.directors{}
.directors img{float:left; max-width:30% !important; margin:15px 4px 10px 0 !important;}
.directors hr{clear:both; height:2px; margin:0 0 10px 0; border:1px dotted #dddddd;}

.management{width:64%; padding:0 0 0 4%; margin:15px 0 10px 0; float:left}
.management h3{font-size:1.4em; margin-top:5px; margin-bottom:0 !important; line-height:1em}
.management h4{margin:0 0 0.0em 0;}
.management h5{margin-bottom:5px !important}
.management p{margin-bottom:0.5em}
.management p em{margin:0 0 0 0 !important;}

.article-info-term{display:none;}
dl.article-info{margin:0 0 0.1em 0;}
.published{font-size:0.95em; color:#9f9f9f; margin:0 0 0.1em 0;}


/*--JDownloads Search--*/
.search h1{color:#f69f1a; font-size:3.2em; font-weight:normal; position:relative; text-transform:none;}

/*--Chronoforms--*/
.chrono_credits{display:none;}
.jd_footer{display:none;}


/*--Downloads page--*/
.downloadpage{clear:both; margin:0 0 20px 0;}
.downloadpage h4, .downloadpage h5, .downloadpage h6{line-height:1.3em;  margin:0 0 2px 0; padding:0; }
.downloadpage h3{color:#d02c30; border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin:0 0 15px 0; line-height:1.2em;}
.downloadpage h3 span{color:#b5cbe2; }
.downloadpage h4{font-size:1.3em; color:#555555; font-weight:normal; }
.downloadpage h4 a{color:#555555; font-family:'calibribold', Arial, Helvetica, sans-serif; font-style:inherit;}
.downloadpage h4 a:hover{color:#d02c30;}
.downloadpage h5{font-size:1.15em; font-weight:normal; color:#f25824;} 
.downloadpage h5 span{color:#999;}
.downloadpage h6{font-size:1em; font-weight:bold; line-height:1.3em; color:#484848; }
.downloadpage p{margin:0 0 0 0;}
.downloadpage ul{display:block; width:auto;}
ul.downloadpage{margin-left:0px; padding-left:0px;}
.downloadpage ul ul, .downloadpage ol ul {margin:10px 0px 1em 0px; }
.downloadpage li{list-style:none; background:none; padding-bottom:10px; margin-bottom:1.2em; clear:both; border-bottom:0px dotted #ccc; min-height:80px}

.downloadpage li img{display:inline-block; width:auto; max-width:100px; margin:0 15px 15px 0; padding:0; border:1px solid #ccc; vertical-align:top;}
@media (min-width: 768px) { .downloadpage li img{width:80%; max-width:100px; } }
@media (min-width: 992px) { .downloadpage li img{width:80%; max-width:100px; } }
@media (min-width: 1200px) { .downloadpage li img{width:80%; max-width:100px; } }

.downloadpage .jd_content {float:none;}

/*--Indaba Vids--*/
.video-links ul{list-style: none !important;}
.video-links ul li a{color: #666;}
.video-links ul li:before{list-style: none; background:none; font-family:'FontAwesome'; position: absolute; left:0; top:0; color:#f69f1a; content:"\f16a"; font-size:0.8em;}

/*--Download Docs--*/
.download-docs{margin:0 0 20px 15px;}
.download-docs h5{font-size:1.05em; font-weight:normal; color:#f25824; position:relative; display:block; padding-left:25px; margin-bottom:2px; font-weight:normal} 
.download-docs h5 a{color:#f25824}
.download-docs h5 a:hover{color:#f25824;}
.download-docs h5:before{background:none; font-family:'FontAwesome'; position: absolute; left:0; top:0; color:#f69f1a; content:"\f019"; color:#f69f1a; font-size:0.8em;}

.download-docs h6{font-size:1.0em; font-weight:normal; color:#666; position:relative; display:block; padding-left:25px; margin-bottom:0px; font-weight:normal} 
.download-docs h6 a{color:#666}
.download-docs h6 a:hover{color:#f25824;}
.download-docs h6:before{background:none; font-family:'FontAwesome'; position: absolute; left:0; top:0; color:#f69f1a; content:"\f019"; color:#f69f1a; font-size:0.8em;}

.download-docs p.descriptor{margin:0 0 0.8em 25px; font-size:0.7em; line-height:1.1em; background:none; padding-left:0; color:#b2b1b1}
.download-docs p.descriptor:before{display:none;}

.tier2-indent{margin-left:20px;}
.tier3-indent{margin-left:20px;}


/*--Files list--*/
.jd_content{float:none; width:100%;}

.fileitem{margin-bottom:1.2em;}

.fileicon{/* float:left; width:20%; margin:0 12px 0px 2%; */ position:relative;}

.filetext{display:inline-block; width:70%; margin:0 0 10px 0;}
.filetext h5{padding-top:0px;  margin: 0 0 2px; font-size:1.3em;}
.filetext p{margin-left:0px !important; padding-left: 0em; font-size:0.9em;}

a.jd_download_url { text-align:left; margin-left:0px; min-width:75px; min-height:2px; float:none;}

/*--Downloads list with icons--*/
.dwlds-icon{float:left; width:100px; margin:0 15px 10px 0; padding:0;}
.dwlds-icon img{border:1px solid #ccc;}
.dwlds-txt{float:left; width:65%; margin:0 0 10px 0; padding:0;}

/*--Menu page--*/
.menu-page{margin:0 0 1em 0; padding:0; height:auto; font-size:1.0em; text-align:left; position:relative; z-index:1;}
.item-page-blog-subpage .menu-page{display:none;}
.menu-page h2{color:#999}
.menu-page h2 a{color:#999}
.menu-page h2 a:hover{color:#F69F1A;}
.menu-page h3{color:#999; margin-bottom:0; padding-top:15px; border-top:2px dotted #ccc;}
.menu-page ul{display:block; margin:25px 0 1em 0;}
.menu-page li{display:inline; margin:0 !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none;}
.menu-page li:before{display:none;}
.menu-page a{display:inline-block; text-decoration:none !important; padding:3px 10px; margin:0 0 0 0; border:1px solid #ccc; border-right:none; text-align:center; color:#666; font-weight:normal; background:#f3f2f2;}
.menu-page li a:hover{color:#fff; background:#999;}
.menu-page li:last-child a{border-right:1px solid #ccc;}
.menu-page li.active a{color:#fff; background:#999;}
.menu-page li.active a:hover{color:#fff; background:#999;}

/*--Menu page large vertical--*/
ul#menu-lv{}
ul#menu-lv li{font-size:1.4em; margin:0 0 0.5em; padding:0px 0px 0px 25px;}
ul#menu-lv li:before{font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f061";  color:#f69f1a; }
ul#menu-lv li li{font-size:0.9em;}

/*--Blog pagination--*/
.pagination{}
.pagination p{font-size:15px; margin:15px 0;}
.pagination p.counter{font-weight:bold}

.pagination ul{margin:15px 0 10px 0}
.pagination li{list-style:none; display:inline; padding:0; margin:0 5px; font-size:15px;}
.pagination li .pagenav{padding:3px 8px; border:1px solid #CCC; }
.pagination li span.pagenav{background:#555; color:#fff; font-weight:bold; border:1px solid #555}
.pagination-start span.pagenav, 
.pagination-prev span.pagenav, 
.pagination-next span.pagenav, 
.pagination-end span.pagenav
	{background:#fff !important; font-weight:normal !important; border:1px solid #CCC !important; color:#bbb !important}
.pagination-start a.pagenav, 
.pagination-prev a.pagenav, 
.pagination-next a.pagenav, 
.pagination-end a.pagenav
	{background:#fff !important; font-weight:normal !important; border:1px solid #CCC !important; color:#bbb !important}
.pagination-start a.pagenav:hover, 

.pagination-prev a.pagenav:hover, 
.pagination-next a.pagenav:hover, 
.pagination-end a.pagenav:hover
	{background:#ddd !important; font-weight:normal !important; border:1px solid #555 !important; color:#555 !important}
.pagination li a.pagenav{background:#eee; font-weight:normal; text-decoration:none !important}
.pagination li .pagenav:hover{background:#bbb; cursor:pointer; border:1px solid #555}


/*---Accordion---*/
.ui-widget {font-family:'Montserrat', arial, helvetica, sans-serif; font-weight: 600;}
.ui-accordion{width:95%; position:relative; left:0px;  }

.ui-accordion .ui-accordion-header {font-size:2em; font-family:'Montserrat', arial, helvetica, sans-serif; background:#f0efef; border-radius:20px; -moz-border-radius:20px; color:#555; cursor:pointer; padding:3px 15px 5px 25px; margin:5px 0 10px 15px; position:relative; border:none !important; outline:none; font-weight: 600;}
.ui-accordion h3.ui-accordion-header {font-size:1.9em; background:#b1b0b0; color:#fff; padding:3px 15px 4px 25px; border-radius:24px; -moz-border-radius:24px; }
.ui-accordion h4.ui-accordion-header {font-size:1.5em; background:#f0efef; color:#555; border-radius:20px; -moz-border-radius:20px;}
.ui-accordion h5.ui-accordion-header {font-size:1.2em; background:#f0efef; color:#555; }
.ui-accordion h6.ui-accordion-header {font-size:1.1em; background:#fef5e8; color:#555; }

.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover strong{color:#fff; background:#f69f1a; }
.ui-icon {background:url(../images/bullet-acc.png) right 7px no-repeat; height:20px; width:20px; display:block; padding:0;}

.ui-accordion h3.ui-accordion-header .ui-icon {right:0.5em; margin-top:-4px; position:absolute; top:16px;}
.ui-accordion h4.ui-accordion-header .ui-icon {right:0.5em; margin-top:-4px; position:absolute; top:12px;}
.ui-accordion h5.ui-accordion-header .ui-icon {right:0.5em; margin-top:-8px; position:absolute; top:10px;}
.ui-accordion h6.ui-accordion-header .ui-icon {right:0.5em; margin-top:-6px; position:absolute; top:10px;}

.ui-state-default .ui-icon {background:url(../images/bullet-acc.png) left 7px no-repeat; }
h3.ui-state-default .ui-icon {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }

.ui-state-hover .ui-icon {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }
.ui-state-active .ui-icon{background:url(../images/bullet-acc-active.png) left 7px no-repeat; }
.ui-icon-triangle-1-s {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }
.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header:active{color:#fff; background:#f69f1a; }
.ui-accordion .ui-accordion-header.ui-state-active strong{color:#fff;}

.ui-accordion-content{font-size:1.05em; font-family:'Montserrat', arial, helvetica, sans-serif; color: #676767; border:none; padding-left:24px; font-weight: 600;}
.ui-accordion-content li{margin:0 0 0.5em 0; font-size:1em; }



/*---Accordion
.ui-widget {font-family:'GothamBold', arial, helvetica, sans-serif; }
.ui-accordion{width:95%; position:relative; left:0px;  }

.ui-accordion .ui-accordion-header {font-size:2em; font-family:'GothamBold', arial, helvetica, sans-serif; background:#f0efef; border-radius:20px; -moz-border-radius:20px; color:#555; cursor:pointer; padding:3px 15px 5px 25px; margin:5px 0 10px 15px; position:relative; border:none !important; outline:none;}
.ui-accordion h3.ui-accordion-header {font-size:1.9em; background:#b1b0b0; color:#fff; padding:3px 15px 4px 25px; border-radius:24px; -moz-border-radius:24px; }
.ui-accordion h4.ui-accordion-header {font-size:1.5em; background:#f0efef; color:#555; border-radius:20px; -moz-border-radius:20px;}
.ui-accordion h5.ui-accordion-header {font-size:1.2em; background:#f0efef; color:#555; margin:5px 0 10px 20px;}
.ui-accordion h6.ui-accordion-header {font-size:1.1em; background:#fef5e8; color:#555; margin:5px 0 20px 35px; }

.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover strong{color:#fff; background:#f69f1a; }
.ui-icon {background:url(../images/bullet-acc.png) right 7px no-repeat; height:20px; width:20px; display:block; padding:0;}

.ui-accordion h3.ui-accordion-header .ui-icon {right:0.5em; margin-top:-4px; position:absolute; top:16px;}
.ui-accordion h4.ui-accordion-header .ui-icon {right:0.5em; margin-top:-4px; position:absolute; top:12px;}
.ui-accordion h5.ui-accordion-header .ui-icon {right:0.5em; margin-top:-8px; position:absolute; top:10px;}
.ui-accordion h6.ui-accordion-header .ui-icon {right:0.5em; margin-top:-10px; position:absolute; top:10px;}

.ui-state-default .ui-icon {background:url(../images/bullet-acc.png) left 7px no-repeat; }
h3.ui-state-default .ui-icon {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }

.ui-state-hover .ui-icon {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }
.ui-state-active .ui-icon{background:url(../images/bullet-acc-active.png) left 7px no-repeat; }
.ui-icon-triangle-1-s {background:url(../images/bullet-acc-hover.png) left 7px no-repeat; }
.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header:active{color:#fff; background:#f69f1a; }
.ui-accordion .ui-accordion-header.ui-state-active strong{color:#fff;}

.ui-accordion-content{font-size:1.05em; font-family:'GothamBold', arial, helvetica, sans-serif; color: #676767; border:none; padding-left:24px;}
.ui-accordion-content li{margin:0 0 0.5em 0; font-size:1em; }

---*/



/*--Video--*/
.embed-responsive-16by9 {padding-bottom: 56.25%;}
@media (min-width: 768px) { .embed-responsive-16by9{padding-bottom: 56.25%;} }
@media (min-width: 992px) { .embed-responsive-16by9{padding-bottom: 40.25%;} }
@media (min-width: 1200px) { .embed-responsive-16by9{padding-bottom: 40.25%;} }


/*--Responsive videos--*/
.video-container {
position: relative; padding-bottom:30px; padding-top:30px; height:inherit; overflow: hidden; text-align:center;}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align:center;}

/*--New videos--*/
.newvid-featured {text-align:center; margin:0 0 20px 0;}

.newvid-featured h5 {display:inline-block; text-align:center; margin-bottom:0em; font-size:1.3em; line-height:1.2em;}
@media (min-width: 480px) { .newvid-featured h5 {font-size:1.3em;} }
@media (min-width: 768px) { .newvid-featured h5 {font-size:1.4em;} }
@media (min-width: 992px) { .newvid-featured h5 {font-size:1.5em;} }
@media (min-width: 1200px) { .newvid-featured h5 {font-size:1.6em;} }
@media (min-width: 1600px) { .newvid-featured h5 {font-size:1.8em;} }

.newvid-featured p {font-size:1em; }
.newvid-featured p.descriptor {font-size:0.75em; }

.newvid {display:block;  padding-bottom:16px; padding-top:0px; width:85%; height:281px; overflow:hidden; text-align:center; margin:0 auto 10px auto; }
@media (min-width: 768px) { .newvid {width:600px; height:362px;} }
@media (min-width: 992px) { .newvid {width:700px; height:422px;} }
@media (min-width: 1200px) { .newvid {width:780px; height:470px;} }
@media (min-width: 1600px) { .newvid {width:860px; height:518px;} }

.newvid iframe {border:2px solid #000; margin-bottom:0px}

.hm-gallery .newvid {width:85%; height:281px;}
@media (min-width: 768px) { .hm-gallery .newvid {width:600px; height:362px;} }
@media (min-width: 992px) { .hm-gallery .newvid {width:700px; height:422px;} }
@media (min-width: 1200px) { .hm-gallery .newvid {width:780px; height:470px;} }
@media (min-width: 1600px) { .hm-gallery .newvid {width:860px; height:518px;} }

/*--Modal Videos--*/
.video-modal .modal-dialog {margin:10vh auto 0 auto;}
.video-modal .modal-content {background:#eee;}
.video-modal .modal-body {padding:15px 15px 0 15px;}

.video-modal {width:100%; height:auto; background-size: cover; background-position: center; margin:0px auto; text-align:center;}
@media (min-width: 768px) { .video-modal {width:90%; margin:0px auto; } }
@media (min-width: 992px) { .video-modal {width:80%; margin:0px auto; } }
@media (min-width: 1200px) { .video-modal {width:70%; margin:0px auto; } }
@media (min-width: 1600px) { .video-modal {width:75%; margin:0px auto; } }
/*
.video-modal iframe {width:100%; height:338px; background-size: cover; background-position: center; border:1px solid #000;}
@media (min-width: 768px) { .video-modal iframe {width:100%; min-height:338px;} }
@media (min-width: 768px) { .video-modal iframe {width:100%; min-height:400px;} }
@media (min-width: 992px) { .video-modal iframe {width:100%; min-height:500px;} }
@media (min-width: 1200px) { .video-modal iframe {width:100%; min-height:500px;} }
@media (min-width: 1600px) { .video-modal iframe {width:100%; min-height:700px;} }
*/
.video-modal iframe {width:100%; height:338px; background-size: cover; background-position: center; border:2px solid #000;}
@media (min-width: 768px) { .video-modal iframe {width:600px; height:338px;} }
@media (min-width: 768px) { .video-modal iframe {width:640px; height:360px;} }
@media (min-width: 992px) { .video-modal iframe {width:700px; height:394px;} }
@media (min-width: 1200px) { .video-modal iframe {width:800px; height:451px;} }
@media (min-width: 1600px) { .video-modal iframe {width:1100px; height:620px;} }


.modal-footer {padding:0 15px 15px; border:0px;}

.video-modal .modal-dialog {width:100%; }

.video-modal .btn-default {margin:0 auto; font-size:1.0em; padding:0; margin:0px auto; border-radius:5px; background:#999; color:#fff; font-weight:400 !important;}
.video-modal .btn-default:hover {background:#555; color:#fff;}

/*--TABLES--*/
table{margin:0 0 1.5em 0; width:100%; border-top:3px solid #F69F1A; border-bottom:3px solid #F69F1A;}
td, th{padding: 3px 7px 3px 3px; text-align: right; vertical-align:bottom; border: none;}
th{font-weight:bold; color:#e5951a; border-bottom:1px solid #F69F1A;}
td{border-bottom:1px solid #CCC;}
caption{font-weight: bold; font-family: Arial; font-size: 1.25em; line-height: 1.1em; padding: 3px}
caption span{font-weight: normal}
.ta-l, .ta-l td, .ta-l th{text-align: left !important}
.ta-c, .ta-c td, .ta-c th{text-align: center}

.shade, .shade td{background: #ede4ba}
.shade2, .shade2 td{background: #fdfaee}
.shade3, .shade3 td{background: #f6f3e8}
thead th{background:#fff; color:#e5951a; font-weight: bold;  text-align: right; }
thead td{background:#fff; border-top: #fff 3px solid; color: #fff}
thead tr.shade,
thead tr.shade th{background:#e5951a; color:#fff;}

thead tr.nb td {background:#FA9C1E; border-top: #FA9C19 3px solid}
thead tr.nb th, th.nb{background: #2E2B2C}
.rule td, .rule{border-bottom: #CECECE 1px solid}
.rule-nb td{border-bottom: #000 1px solid}
.indent{padding-left: 15px}
.va-t td, .va-t{vertical-align: top}
.v-borders td, td.v-borders{border-right: #FA9C1E 1px solid}
.v-borders thead th, th.v-borders, thead td.v-borders{border-right: #fff 1px solid}
.nvb{border-right: none !important}
.border-white, .border-white td{border:2px solid #ffffff;}

/*--Right back button--*/
.rightbtn{display:inline-block; position:absolute; right:0; top:0; z-index:2; width:100px; height:auto;}

/*--Login Added functionality--*/
ul.actions{}
ul.actions li.edit-icon{display:none;}

/*--Profile component--*/
.profile{}
#users-profile-core legend,
form#member-profile legend{color:#f69f1a; font-size:3.2em; font-weight:normal; position:relative; text-transform:none; line-height:1.1em; }
#users-profile-custom legend{font-family:'Montserrat', arial, helvetica, sans-serif; margin-bottom:10px; line-height:1.3em; color:#000; font-size:2em; line-height: 1.1em; font-weight: 600;}

form#member-profile.well{padding:0 19px; background-color:#fff !important; border:none !important;; border-radius:0; box-shadow:0px 0px 0px rgba(0, 0, 0, 0) !important;}

.control-group{margin-left:5%; clear:both;}
.form-horizontal .control-label{text-align:right !important; display:inline-block; width:20%; float:left; margin:0 10px 10px 0;}
.control-label label{margin-bottom:0px; line-height:1.2em}
.control label label span{font-size:0.9em; color:#999;}
.form-horizontal .controls{text-align:left !important; display:inline-block; width:auto; float:left;}

.cb_template .form-control { font-size: 1.5rem; }

#users-profile-core,
#users-profile-custom{border-bottom:none;}
#users-profile-core .dl-horizontal{}
#users-profile-core .dl-horizontal dt,
#users-profile-core .dl-horizontal dd,
#users-profile-core #users-profile-custom dt,
#users-profile-core #users-profile-custom dd{font-size:1.2em; line-height:1.6em;}

/*--Sitemap list--*/
ul.sitemap{margin:0 0 1em 10px;}
ul.sitemap li{list-style:disc; margin:0 0 0.5em 0; padding:0; position:relative; font-size:15px} 
ul.sitemap ul{margin:0 0 0.8em 0;}
ul.sitemap li:before,
ul.sitemap ul li:before{display:none;}
ul.sitemap ul li{margin:0 0 0 20px; line-height:1.4em;}
ul.sitemap ul ul li{margin:0 0 0 20px; font-size:12px; line-height:1.4em;}
ul.sitemap h5{line-height:1.1em; margin:0;}

/*--Content page highlights--*/
.hilite {display:block; padding:20px 25px; }
.hl-1 {background:#EDEDED; border:1px solid #999;}

/*--Multi columns 2--*/
.multicol-2 {column-count:1; column-gap:20px;}
@media (min-width: 480px) { .multicol-2 {column-count:1; column-gap:20px;} }
@media (min-width: 768px) { .multicol-2 {column-count:2; column-gap:30px;} }
@media (min-width: 992px) { .multicol-2 {column-count:2; column-gap:30px;} }
@media (min-width: 1200px) { .multicol-2 {column-count:2; column-gap:40px;} }

/* Cookie conset popup */

#cookieConsent {
	background: #fff;
	color: #000;
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding-block: 1.2rem;
	z-index: 9999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.cookie-container-wrapper {
	max-width: 95% !important;
	margin: 0 auto;
}

#cookieConsent.active {
	display: block;
}

#cookieConsent .cookie-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

#cookieConsent p {
	margin: 0 !important;
}

#cookieConsent a {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: bold;
}

#cookieConsent a:hover {
	color: #f69f1a;
}

#cookieConsent button {
	background-color: #f69f1a;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	width: 100%;
	margin: 0 !important;
}

#cookieConsent button:hover {
	background-color: #ababab;
	color: #f5f5f5;
}

.result__title-text{
	font-size: 16px;
	font-weight: 700;
}

.com-finder h1{
	color: #f69f1a;
	font-size: 3.2em;
	font-weight: normal;
	position: relative;
	text-transform: none;
}

::marker{
	text-indent:10px !important;
}



@media screen and (min-width: 768px) {
	#cookieConsent .cookie-container {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;

		width: 100%;
	}

	#cookieConsent button {
		width: 120px;
	}
}

@media screen and (min-width: 1024px) {
	#cookieConsent .cookie-container-wrapper {
		max-width: 93% !important;
	}

	#cookieConsent .cookie-container div:first-child {
		flex-basis: 70%;
	}
}