@charset "utf-8";

@font-face {
    font-family:'Swis721CnBTBold'; src: url('../fonts/swz721bc-webfont.eot'); src: url('../fonts/swz721bc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721bc-webfont.woff') format('woff'),
         url('../fonts/swz721bc-webfont.ttf') format('truetype'),
         url('../fonts/swz721bc-webfont.svg#Swis721CnBTBold') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
    font-family:'Swis721CnBTRoman'; src: url('../fonts/swz721c-webfont.eot'); src: url('../fonts/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721c-webfont.woff') format('woff'),
         url('../fonts/swz721c-webfont.ttf') format('truetype'),
         url('../fonts/swz721c-webfont.svg#Swis721CnBTRoman') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
    font-family:'Swis721CnBTItalic'; src: url('../fonts/swz721ci-webfont.eot'); src: url('../fonts/swz721ci-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swz721ci-webfont.woff') format('woff'),
         url('../fonts/swz721ci-webfont.ttf') format('truetype'),
         url('../fonts/swz721ci-webfont.svg#Swis721CnBTItalic') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'helvetica_lt_stdBdCn'; src: url('../fonts/HELLTSBC-webfont.eot'); src: url('../fonts/HELLTSBC-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HELLTSBC-webfont.woff2') format('woff2'),
         url('../fonts/HELLTSBC-webfont.woff') format('woff'),
         url('../fonts/HELLTSBC-webfont.ttf') format('truetype'),
         url('../fonts/HELLTSBC-webfont.svg#helvetica_lt_stdBdCn') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'helvetica_neue_lt_std57Cn'; src: url('../fonts/HELNLTSC-webfont.eot'); src: url('../fonts/HELNLTSC-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HELNLTSC-webfont.woff2') format('woff2'),
         url('../fonts/HELNLTSC-webfont.woff') format('woff'),
         url('../fonts/HELNLTSC-webfont.ttf') format('truetype'),
         url('../fonts/HELNLTSC-webfont.svg#helvetica_neue_lt_std57Cn') format('svg'); font-weight: normal; font-style: normal;
}

/*--BASE--*/
body{background:#fff; font-size:17px; font-family:'Swis721CnBTRoman', arial, helvetica, sans-serif; line-height:1.6em; margin:0; padding:0; color:#666;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{margin-top:0; margin-bottom:0.5em; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif; margin-bottom:10px; line-height:1.3em;}
.h1, h1{color:#fff; font-size:4em; font-weight:normal; position:relative; text-transform:uppercase; line-height:1.3em;}
.h1 span, h1 span{color:#fff }
.h2, h2{color:#000; font-size:3.2em; font-weight:normal; position:relative; text-transform:none; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;}
.gbs3 h2, .gbs3 .h2{color:#000 !important; font-size:2.6em !important; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif !important;}
.h2 span, h2 span{color:#f09121 }
.h3, h3{color:#df8c29; /*--color:#f09121;--*/ font-size:2.0em; }
.h4, h4{color:#01949b; font-size:1.6em; }
.h4 span, h4 span{color:#666; font-size:0.9em; }
.h5, h5{color:#333; font-size:1.25em;}
img{margin-bottom: 20px;}

/*--Item page JDownloads PDFs--*/
.section-main .item-page-jdownloads h1{color:#000; font-size:3.2em; font-weight:normal; position:relative; text-transform:none; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;}
.item-page-jdownloads h2{color:#f09121; font-size:2.8em; font-weight:normal; position:relative; text-transform:none; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;}
.jd-no-img .jd_content img {display:none;}

/*--Joomla blog page headings--*/
/*--.blog h1{font-size:3.0em; color:#acacac; font-weight:normal; text-transform:none !important; margin:0 0 10px 0; letter-spacing:0; position:relative; left:inherit; top:inherit; line-height:1.3em; transform: scale(1, 1); z-index:1;}--*/
.blog .items-leading .page-header{border-bottom:none; padding-bottom:9px; margin:0 0 0;}
.blog h2, .blog-news h2, .blog-blog-subpage h2{font-size:3em; color:#000; margin:0 0 10px 0; text-transform:none !important; letter-spacing:0;}
.blog h2 a, .blog-blog-subpage h2 a{line-height:1.2em !important; margin:0 0 5px 0; color:#000; text-decoration:none !important; }/*Blog page headings!*/
.items-leading h2, .items-row h2{font-size:22px !important; font-weight:bold !important; margin:0 0 5px 0; color:#000 !important; text-transform:none !important; letter-spacing: 0px !important; line-height:1.2em !important;}
.items-leading h2 a, .items-row h2 a{color:#000 !important; text-decoration:none !important; text-transform:none !important;}
.items-leading h2 a:hover, .items-row h2 a:hover{color:#bf2026 !important; } 
.items-leading h4, .items-leading h4 a, .items-row h4, .items-row h4 a{font-size:1.2em; font-weight:normal; margin:0 0 5px 0; color:#676767; text-decoration:none}
.items-leading h4 a:hover, .items-row h4 a:hover{color:#959595; }
h2 span.subheading-category{color:#f09121; font-weight:normal; margin:0 0 0 0; line-height:0.9em; font-size: 0.9em;}

/*--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 h2{font-family:'swis721_hv_btheavy', Arial, Helvetica, sans-serif; font-size:4.6em; color:#FEBF0F; font-weight:normal; text-transform:none; margin:5px 0 25px 0; letter-spacing: -2px;}
	.item-page-blog-subpage h2 a{color:#FEBF0F; }
.item-page-blog-subpage h1{font-size:2.0em; letter-spacing:-1px; line-height:1.2em; color:#bf2026; text-transform:none}
.item-page-blog-subpage h1 a{color:#bf2026;}

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

p{font-size:1.1em; margin: 0 0 1.3em 0}
p.intro, p.lead{font-size:1.3em; color:#01949b; /*--color:#df8c29;--*/ line-height:1.5em; margin:0 0 1.0em 0; font-weight:normal;}
ul{margin:0 0 1.1em 10px; padding:0;}
ul ul{margin:10px 0 1em 0; }
li{font-size:1.1em; list-style:disc; margin:0 0 0.8em 0; padding:0 0 0 20px; position:relative; } 
li:before{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"";  color:#f09121; }
li ul li{margin:0 0 0.5em 20px;}
ol{margin: 0 0 1em 2em; }
ol li{list-style-type:decimal}
a{color:#018f99;}
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; }
.descriptor, .mod-articles-category-date{color:#9c9b9b; font-size:0.9em;}
.sml-90{font-size:0.9em; line-height:1.0em}
.nodisplay{display:none;}

.shareholder ul li{display: inline-block; margin-right: 10px;}
.shareholder li.public:before{font-family: 'FontAwesome'; font-size: 0.6em; position: absolute; left: 0; top: 0; content: "\f111";
    color: #a75025 !important;}
.shareholder li.noble:before{font-family: 'FontAwesome'; font-size: 0.6em; position: absolute; left: 0; top: 0; content: "\f111";
    color: #25979c !important;}
.shareholder li.altius:before{font-family: 'FontAwesome'; font-size: 0.6em; position: absolute; left: 0; top: 0; content: "\f111";
    color: #bdbec2 !important;}
.shareholder li.freefloat:before{font-family: 'FontAwesome'; font-size: 0.6em; position: absolute; left: 0; top: 0; content: "\f111";
    color: #f29120 !important;}

/* 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;}

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

/*--Main section for page content--*/
.section-main {margin-top:10px; min-height:300px;}
.section-main h1{color:#000; font-size:3.2em; font-weight:normal; position:relative; text-transform:none; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;}
/* .section-main h1{color:#000; font-size:2.6em; font-weight:normal; position:relative; text-transform:uppercase; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;} */
.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{background:none; font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f111";  color:#f09121; }


.section-primary {background:#01949b;}
.section-primary h1, .section-primary h2, .section-primary h3, .section-primary h4{color:#fff;}
.section-primary-a {border-top:4px solid #f09121;}
.section-primary-b {border-bottom:4px solid #f09121;}

.section-secondary {background:#f09121;}

.section-light {background:#b2dfe1; padding:30px 0;}

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

.section-dark {background:#016064;}

/*--Home Project--*/
.section-project {background:url(../images/banner-home-project-boikarabelo.jpg) left top no-repeat; height:auto; padding:0; position:relative;}
@media (min-width: 768px) { .section-project{height:340px; } }
@media (min-width: 992px) { .section-project{height:340px; } }
@media (min-width: 1200px) { .section-project{height:340px; } }

.section-project h1{font-size:3em; line-height:1em}
.section-project h1 a{color:#fff;}
.section-project h2{color:#fff;}
.section-project p{color:#fff; font-weight:bold;}

.section-project .miner{display:block; margin-top:-50px; }
.section-project .miner img{margin:0; padding:0; vertical-align:bottom; width:100%;}


.project-details{margin-top:50px;} 


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

/*---Home Register Acymailing Form--*/
.home-register table.acymailing_form{margin:0 !important;}
.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 input.button,
.home-register button{border:0; padding:11px 14px; margin:0; background:#ef8e01; color:#fff; font-size:1.0em}
.home-register input.button:hover,
.home-register button:hover{background:#000;}

/*--Acymailing page--*/
.section-main #acymodifyform h1.contentheading{color:#000; font-size:2.6em; font-weight:normal; position:relative; text-transform:uppercase; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif;}
div.acymailing_footer{display:none;}
#acymodifyform fieldset{margin-bottom:20px;}


.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 0 20px 0; display:inline-block; float:left;}
@media (min-width: 768px) { .regform{margin:0 0 30px 0; } }
@media (min-width: 992px) { .regform{margin:0 0 30px 0; } }
@media (min-width: 1200px) { .regform{margin:0 0 20px 0; } }

.regdevice{width:30%; height:auto; padding:0; position:relative; float:right; vertical-align:bottom; }

.regdevice img{float:none; height:210px; /*  display:inline-block; */ position:relative; top:50%; margin:0 0 0 0; 
transform:translateY(30%); -webkit-transform: translateY(30%); -ms-transform: translateY(30%);}
@media (min-width: 768px) { .regdevice img{transform:translateY(22%); -webkit-transform: translateY(22%); -ms-transform: translateY(22%);} }
@media (min-width: 992px) { .regdevice img{transform:translateY(22%); -webkit-transform: translateY(22%); -ms-transform: translateY(22%);} }
@media (min-width: 1200px) { .regdevice img{transform:translateY(5%); -webkit-transform: translateY(5%); -ms-transform: translateY(5%);} }

.coal{ height:auto; padding:0; position:relative; float:right; vertical-align:bottom; }

.coal img{float:none; height:210px; /*  display:inline-block; */ position:relative; top:50%; margin:0 0 0 0; 
transform:translateY(30%); -webkit-transform: translateY(30%); -ms-transform: translateY(30%);}
@media (min-width: 768px) { .coal img{/*transform:translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(22%);*/} }
@media (min-width: 992px) { .coal img{/*transform:translateY(22%); -webkit-transform: translateY(22%); -ms-transform: translateY(22%);*/} }
@media (min-width: 1200px) { .coal img{/*transform:translateY(5%); -webkit-transform: translateY(5%); -ms-transform: translateY(5%);*/} }

/*--Home Sub Navigation--*/
section.home-sub-menu{background:#ef8e01;}
.home-sub-menu{}
.home-sub-menu ul{margin:0px 0px 1em 14px; min-height:200px;}

.home-sub-menu h4{font-size:1.3em; color:#fff;}
@media (min-width: 768px) { .home-sub-menu h4{font-size:1.4em;} }
@media (min-width: 992px) { .home-sub-menu h4{font-size:1.4em;} }
@media (min-width: 1200px) { .home-sub-menu h4{font-size:1.4em;} }

.home-sub-menu li{color:#fff; line-height:1.2em; margin:0 0 0.5em; padding:0px 0px 0px 5px; font-size:1em;}
@media (min-width: 768px) { .home-sub-menu li{} }
@media (min-width: 992px) { .home-sub-menu li{} }
@media (min-width: 1200px) { .home-sub-menu li{font-size:1.1em;} }

.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:none; 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 7px no-repeat,--*/ position:relative;}
.items-leading .leading-0:before,
.items-leading .leading-1:before,
.items-leading .leading-2:before,
.items-leading .leading-3:before,
.items-leading .leading-4:before,
.items-leading .leading-5:before,
.items-leading .leading-6:before,
.items-leading .leading-7:before,
.items-leading .leading-8:before,
.items-leading .leading-9:before{
		font-family:'FontAwesome';
		font-size:0.8em; position:absolute; left:0; top:0px; content:"\f061";  color:#ef8e01; } 

/*--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:#fff; position:relative; width:100%; padding:0; min-height:170px; position:relative;}
@media (min-width: 768px) { header {min-height:150px;} }
@media (min-width: 992px) { header {min-height:150px;} }
@media (min-width: 1200px) { header {min-height:170px;} }


/*--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:#f09121; }

#arrownav2 a.arrowdown{color:#B2DFE1;}
#arrownav2 a.arrowup{color:#B2DFE1;}
#arrownav2 a.arrowup:hover,
#arrownav2 a.arrowdown:hover{color:#f09121; }

/*--NAV LISTS--*/ /*--
nav li{display:list-item; line-height:1.5em; font-family:"Swis721CnBTRoman","Segoe WP","Segoe Regular", sans-serif;;}
nav li:before{
	font-family:'FontAwesome';
	font-size:0.7em;
	position: absolute;
    left:0; top:0;
	content:"\f061"; 
	color:#f09121;
}  --*/


/*--MAIN NAV--WITH BOOTSTRAP--*/

/* NAVBAR */
.navbar .container{}
#home .navbar{margin:0 0 0 0;}
.caret{display:none;}

.navbar{background:#fff; padding:0; margin:0 0 0 0; width:100%; min-height:30px; z-index:3000; *zoom:1; border-radius:0; border:none;}
@media (min-width: 768px) {.navbar{background:#fff; padding:0; margin:0 0 0 0; width:100%; min-height:30px; z-index:3000; *zoom:1; border-radius:0; border:none} }
@media (min-width: 992px) {.navbar{background:#fff; padding:0; margin:0 0 0 0; width:100%; min-height:30px; z-index:3000; *zoom:1; border-radius:0; border:none;} }
@media (min-width: 1200px) {.navbar{background:#fff; padding:0; margin:0 0 0 0; width:100%; min-height:30px; z-index:3000; *zoom:1; border-radius:0; border:none;} }

.navbar li:before{display:none;}

.navbar li{list-style:none; margin:0; padding:0; position:relative; background:#fff; font-size:1.4em; text-transform:uppercase; }
@media (min-width: 768px) { .navbar li{font-size:1.1em;} }
@media (min-width: 992px) { .navbar li{font-size:1.2em;} }
@media (min-width: 1200px) { .navbar li{font-size:1.4em;} }

.navbar li.item-101{display:none;}

.navbar-nav > li > a {padding-top:10px; padding-bottom:10px; line-height:1em; color:#666}
.navbar-nav > li > a:hover {color:#fff; background:none;}

/*--Active top menu link--*/
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color:#fff; background-color: #FF4C00;}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a.dropdown {color:#000; padding:7px 10px;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li.active > a, 
.navbar-inverse .navbar-nav > li.active > a:focus{color:#000; background:none; }
.navbar-inverse .navbar-nav > li.active > a:hover, 
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > .active > a:hover{color:#FFF; background:#f09121; }

.navbar-collapse,
.nav-collapse{padding-left:0px; position:relative;}

/*--COLLAPSE-Override default Bootstrap
.nav-collapse.collapse {display:none; padding:50px 0 0 0;} --*/
@media (min-width: 768px) { .nav-collapse.collapse {padding:46px 0 0 0; display:block !important;} }
@media (min-width: 992px) { .nav-collapse.collapse {padding:46px 0 0 0; display:block !important;} }
@media (min-width: 1200px) { .nav-collapse.collapse {padding:60px 0 0 0; display:block !important;} }

ul.navbar-nav {margin:0 0 0;}
@media (min-width: 768px) { ul.navbar-nav{margin:0px -15px 10px 0px;} }
@media (min-width: 992px) { ul.navbar-nav{margin:0px -15px 10px 0px; float:right;} }
@media (min-width: 1200px) { ul.navbar-nav{margin:0px -15px 10px 0px; float:right;} }
/*
ul.navbar-nav {margin: 0 0 0;}
@media (min-width: 768px) { ul.navbar-nav{margin:0px -15px 10px 0px;} }
@media (min-width: 992px) { ul.navbar-nav{margin:50px -15px 0 10px;} }
@media (min-width: 1200px) { ul.navbar-nav{margin:60px -15px 0 10px;} } */


/*--Toggle Button--*/
.navbar-toggle,
.btn.btn-navbar{position:relative;float:right; padding:8px 10px 4px 10px; margin:100px 15px 0 0; background-image:none; border:1px solid #000; border-radius:4px; background:#fff;}
@media (min-width: 768px) { .navbar-toggle, .btn.btn-navbar{background:#fff; margin-top:6px;} }
@media (min-width: 992px) { .navbar-toggle, .btn.btn-navbar{background:#fff; margin-top:6px;} }
@media (min-width: 1200px) { .navbar-toggle, .btn.btn-navbar{background:#fff; margin-top:6px;} }

.btn.btn-navbar:hover{background:#000; color:#fff;}

.navbar-toggle .icon-bar,
.btn.btn-navbar .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar{display:block; width: 22px; height: 4px; border-radius: 2px; background:#000; margin:0 0 4px 0;}
.navbar-toggle:hover .icon-bar,
.btn.btn-navbar:hover .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar{background:#fff;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:#000;}

@media (min-width: 768px) {.navbar-toggle, .btn-navbar{display: none;} }



/* Dropdown nav */
.dropdown-menu{margin-top:0 !important;}
.open > .dropdown-menu {display: block !important;}

/*--Navbar inverse--*/
.navbar-inverse .navbar-nav .open .dropdown-menu > li{background:#fff; font-size:1.2em; text-transform:none;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{display:block; background:url(../images/bullet-1.png) 15px 9px no-repeat; padding:4px 10px 4px 33px; border-bottom:1px dotted #666; line-height:1.42857; color:#333;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child > a{}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color:#000; background:#F5F5F5 url(../images/bullet-3.png) 15px 9px no-repeat;}

@media (min-width: 768px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li{background:#fff; font-size:1.2em;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{display:block; background:url(../images/bullet-2.png) 7px 9px no-repeat; padding:4px 10px 4px 23px; border-bottom:1px dotted #ccc; line-height:1.42857; color:#333;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child > a{border-bottom:none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color:#000; background:#F5F5F5 url(../images/bullet-3.png) 7px 9px no-repeat;}
}
@media (min-width: 992px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li{background:#fff; font-size:1.2em;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{display:block; background:url(../images/bullet-2.png) 7px 9px no-repeat; padding:4px 10px 4px 23px; border-bottom:1px dotted #ccc; line-height:1.42857; color:#333;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child > a{border-bottom:none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color:#000; background:#F5F5F5 url(../images/bullet-3.png) 7px 9px no-repeat;}
}
@media (min-width: 1200px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li{background:#fff; font-size:1.2em;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{display:block; background:url(../images/bullet-2.png) 7px 9px no-repeat; padding:4px 10px 4px 23px; border-bottom:1px dotted #ccc; line-height:1.42857; color:#333;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li:last-child > a{border-bottom:none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color:#000; background:#F5F5F5 url(../images/bullet-3.png) 7px 9px no-repeat;}
}

/* Navbar Header */
.navbar-header{border:none; display: block;}
@media (min-width: 768px) { .navbar-header{} }
@media (min-width: 992px) { .navbar-header{} }
@media (min-width: 1200px) { .navbar-header{} }

.navbar-header h5{display:inline-block; margin:10px 10px 10px 15px; color:#fff; font-size:1.5em;}
@media (min-width: 768px) {.navbar-header h5{display:none;}}
@media (min-width: 992px) {.navbar-header h5{display:none;}}
@media (min-width: 1200px) {.navbar-header h5{display:none;}}


/* Brand */
a.navbar-brand{display:inline-block; padding:0; margin:0 15px 0 0;  height:inherit; position:relative;}
@media (min-width: 768px) { a.navbar-brand {}}
@media (min-width: 992px){ a.navbar-brand {}}
@media (min-width: 1200px) { a.navbar-brand { }}

img.brand{float:none; width:100%; margin:17px 17px 10px 15px; width:160px;}
@media (min-width: 768px) { img.brand{width:150px; } }
@media (min-width: 992px) { img.brand{width:150px;} }
@media (min-width: 1200px) { img.brand{width:204px;} }

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


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


/*--UTILITY NAVIGATION--*/
#utility-navigation{display:block; position:absolute; right:20px; top:45px; z-index:5000; clear:none; padding:0; margin:0; width:auto; background:#fff; border-radius:20px;}
@media (min-width: 768px) { #utility-navigation{right:20px; top:150px; z-index:1000; } }
@media (min-width: 992px) { #utility-navigation{right:20px; top:130px; z-index:1000; } }
@media (min-width: 1200px) { #utility-navigation{right:20px; top:150px; z-index:1000; } }

#utility-navigation ul{display:block; margin:0; opacity:1; visibility:visible;}
#utility-navigation li{float:right; list-style:none; margin:0.5em 0.5em 0.5em 0em; padding:0; position:relative; display:inline-block; }
#utility-navigation li:last-child{margin-left:0.5em;}
#utility-navigation a{opacity:1 !important; visibility:visible !important; display:block; width:30px; height:30px; font-size:0.0000001em; text-decoration:none; color:#fff; padding:0; margin:0; }
#utility-navigation a:hover{text-decoration:none; color:#666; background-color:#fff;}
#utility-navigation li:last-child{border-right:none}
#utility-navigation li:before{display:none;}

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

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

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

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


/*--HOME BANNER CAROUSEL--*/
#carousel-home{}

.carousel {margin-bottom:0px;}

.carousel-inner{}
@media(max-width:768px) {.carousel-inner {min-height:300px;} }

.item{position:relative;}

.carousel-caption {font-family:'BlissBold', arial, helvetica, sans-serif; top:60px; bottom:auto; background:rgba(0,0,0,0); } 

.carousel-caption h1{color:#fff; font-size:2.0em; line-height:1.2em; text-transform:none;}
@media (min-width: 768px) { .carousel-caption h1{font-size:3em; line-height:1.3em; } }
@media (min-width: 992px) { .carousel-caption h1{font-size:3em; line-height:1.3em; } }
@media (min-width: 1200px) { .carousel-caption h1{font-size:3em; line-height:1.3em; } }

.carousel-caption p.lead{color:#fff; display:inline-block; width:auto; margin:50px auto; background-color:#000; padding:8px 15px 12px 15px; font-size:1.0em;}
@media (min-width: 768px) { .carousel-caption p.lead{font-size: 1.2em;} }
@media (min-width: 992px) { .carousel-caption p.lead{font-size: 1.2em;} }
@media (min-width: 1200px) { .carousel-caption p.lead{font-size: 1.3em;} }
/*
.carousel-caption p.lead{color:#fff; display:block; width:auto; margin:0 auto; position:absolute; bottom: 125px; left:30%; background-color: #000; padding-left: 10px; padding-right: 10px;} */

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

.carousel img {padding:0; border:0px solid #CCC;}	
@media(max-width:768px) {.carousel img{min-height:450px; width:inherit;}}

.carousel-indicators {bottom:80px;}

.banner-hm-1 {width:100%; height:600px; background:url(../images/banner-home-1.jpg) center top no-repeat;}
.banner-hm-2 {width:100%; height:600px; background:url(../images/banner-home-2.jpg) center top no-repeat;}
.banner-hm-3 {width:100%; height:600px; background:url(../images/banner-home-3.jpg) center top no-repeat;}
@media (min-width: 768px) {.banner-hm-1, .banner-hm-2, .banner-hm-3{height:800px;}}

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

.bannerheader{height:auto; position:relative; margin:0;}
/* @media (min-width: 768px) { .bannerheader{height:auto; margin:0;} } */
@media (min-width: 768px) { .bannerheader{position:relative; margin:0; height:350px;} } 
@media (min-width: 992px) { .bannerheader{position:relative; margin:0; height:350px;} }
@media (min-width: 1200px) { .bannerheader{position:relative; margin:0; height:350px;} }

.bannerheader h1{display:inline-block; color:#fff; text-shadow:1px 2px 0 rgba(0,0,0,0.4); position:relative; left:auto; bottom:auto; margin:10px 0; line-height:0.9em; font-size:3em;}
/* .bannerheader h1{display:inline-block; color:#fff; position:absolute; left:0; bottom:0; margin-bottom:0px; line-height:0.6em; text-shadow:1px -2px 0 rgba(0,0,0,0.4); font-size:3em;} */
/* @media (min-width: 768px) { .bannerheader h1{position:relative; left:auto; bottom:auto; margin:10px 0; line-height:0.9em} } */
@media (min-width: 768px) { .bannerheader h1{display:inline-block; position:absolute; left:0; bottom:0; margin-bottom:-10px; line-height:0.9em; text-shadow:1px -2px 0 rgba(0,0,0,0.4); font-size:4em;} }
@media (min-width: 992px) { .bannerheader h1{display:inline-block; position:absolute; left:0; bottom:0; margin-bottom:-10px; line-height:0.9em; text-shadow:1px -2px 0 rgba(0,0,0,0.4); font-size:4em;} }
@media (min-width: 1200px) { .bannerheader h1{display:inline-block; position:absolute; left:0; bottom:0; margin-bottom:-10px; line-height:0.9em; text-shadow:1px -2px 0 rgba(0,0,0,0.4); font-size:4em;} }

.banner .slogan{height:auto; float:none; position:relative;}
/* @media (min-width: 768px) { .banner .slogan{height:auto; float:none;} } */
@media (min-width: 768px) { .banner .slogan{height:380px; float:right;} } 
@media (min-width: 992px) { .banner .slogan{height:380px; float:right; } }
@media (min-width: 1200px) { .banner .slogan{height:380px; float:right; } }

.banner .slogan p{font-size:1.1em; color:#fff; display:inline-block; position:relative; bottom:auto; right:auto; width:auto; padding:15px; background:#ef8e01; margin-bottom:0px; }
@media (min-width: 768px) { .banner .slogan p{position:absolute; bottom:0; right:0; width:auto; margin-bottom:0px; font-size:1em;} }
@media (min-width: 992px) { .banner .slogan p{position:absolute; bottom:0; right:0; width:auto; margin-bottom:0px; font-size:1.2em;} }
@media (min-width: 1200px) { .banner .slogan p{position:absolute; bottom:0; right:0; width:auto; margin-bottom:0px; font-size:1.2em;} }

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

.banner-about {background:url(../images/banner-about.jpg) center top no-repeat; height:350px;}
.banner-our-business {background:url(../images/banner-our-business.jpg) center top no-repeat; height:350px;}
.banner-responsible-coal {background:url(../images/banner-responsible-coal.jpg) center top no-repeat; height:350px;}
.banner-investors {background:url(../images/banner-investors.jpg) center top no-repeat; height:350px;}
.banner-contact {background:url(../images/banner-contact.jpg) center top no-repeat; height:350px;}
.banner-footer {background:url(../images/banner-footer.jpg) center top no-repeat; height:350px;}
.banner-other {background:url(../images/banner-other.jpg) center top no-repeat; height:350px;}

/* --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{font-size: 1.7em; color:#fff; line-height:1em; display:inline-block; line-height:1.0em; margin:0 10px 0 0; text-align:left; }
.share-price h4{font-size: 1.2em; color:#fff; line-height:1em; display:inline-block; margin:0 4px 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; }

@media (min-width: 768px) { .share-price h3{display:block; line-height:1.3em; margin:0 0 10px 0;} }
@media (min-width: 992px) { .share-price h3{display:inline-block; line-height:1.0em; margin:0 15px 0 0; } }
@media (min-width: 1200px) { .share-price h3{display:inline-block; line-height:1.0em; margin:0 15px 0 0; } }


/*--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; text-align:left; } }
@media (min-width: 992px) { .infoblock{min-height:460px; text-align:left; } }
@media (min-width: 1200px) { .infoblock{min-height:460px; text-align:left; } }


.infoblock h2{display:block; margin:0 0 20px 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:'Swis721CnBTBold', arial, helvetica, sans-serif; line-height:0.9em}

.infoblock h2 span{font-size:0.6em; font-family:'Swis721CnBTRoman', arial, helvetica, sans-serif; margin:0 0 0 0; color:#fff;}

.infoblock h2.lann{margin:0 0 20px 0; padding:5px 0 20px 71px; font-size:1.45em; line-height:1.1em}
@media (min-width: 768px) { .infoblock h2.lann{margin:0 0 20px 0; padding:5px 0 20px 71px;} }
@media (min-width: 992px) { .infoblock h2.lann{margin:0 0 20px 0; padding:5px 0 20px 71px;} }
@media (min-width: 1200px) { .infoblock h2.lann{margin:0 0 20px 0; padding:5px 0 20px 71px;} }

.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:15px;}
.infoblock li{color:#fff; margin:0px 0px 0.3em; padding:0px 0px 0px 0px;}
.infoblock li:before{display:none;}


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


/*--Financial reports--*/
.block-fin-reports{background:#a74d00; }
.block-fin-reports h2{background:url(../images/infoblock-icon-fin-reports.png) left center no-repeat;}
.infoblock .block-fin-reports p.pimg{margin-bottom:0.5em !important;}
.block-fin-reports img{display:inline-block; margin-bottom:0}

/*--Responsive coal--*/
.block-responsive-coal{background:#016064; max-height: 450px;}
.block-responsive-coal h2{background:url(../images/infoblock-icon-responsive-coal.png) left center no-repeat;}
.block-responsive-coal ul{}
.infoblock.block-responsive-coal li{display:list-item; list-style:disc; content:""; color:#fff; position:relative; }
.infoblock.block-responsive-coal li:before{display:none; }

/*--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;}

/* Lists */
.list{margin-bottom:30px;}


/*--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; border-bottom:0px solid #EEE; margin-bottom: 0; padding-bottom: 0;}
.heading-primary {color:#01949b; border-bottom:2px solid #01949b;}
.heading-secondary {color:#f09121; border:none;}
.heading-secondary-a {border-bottom:2px solid #f09121;}
.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:#f09121;}
.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;}

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

/*--Button Grey--*/
.btn-grey{color:#fff; background:#989898; border-color:#CCC; border:none; font-size:1.0em; }
.btn-grey:hover{color:#989898; background:#fff;}

/*--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;}

/*--Project blocks--*/
.proj-block{text-align:center; margin:0 0 20px 0;}
.proj-block img{text-align:center; margin:0 auto;}
.proj-block a img{padding:4px; border:1px solid #fff;}
.proj-block a img:hover{padding:4px; border:1px solid #000;}
.proj-block h3{color:#01949B; line-height:1.1em; margin:0 0 0.2em 0;}
.proj-block h3 a{color:#01949B; }
.proj-block h3 a:hover{color:#000; text-decoration:none;}

/*--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:#f09121;
}
.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 #666; border-radius:0; }

form.search input, form.register input{border:1px solid #01949b; 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;} */

/*--FORM --MAIN PAGE--*/
section.section-main input, 
section.section-main select,
section.section-main textarea{background:#F9F9F9 !important; height:34px; padding:6px 12px; color:#555; border:1px solid #CCC;border-radius:4px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset;}
section.section-main input[type="radio"]{height:auto !important; }
label {display:inline-block;}

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:8px 12px; color:#fff; 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;}


/*--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;}


/*--Searchbar--Home page--*/
#searchbar div.search, form.register {width:100%; margin-bottom:10px;}	
#searchbar div.search h3, form.register h3 {margin-top:0; padding-top:0;}
	
#searchbar div.search input[type="search"], 
#searchbar div.register input[type="register"]{border:0; height:50px; width:80%; border:2px solid #01949b; padding:10px; color:#36acb2; font-size:1.45em;}	
#searchbar div.search button, 
#searchbar div.register button{border:0; padding:0; vertical-align:top; margin-left:-4px;}
	
#searchbar button.btn-search,
#searchbar div.search button.btn-primary{width:18%; height:50px; background:#01949b url(../images/btn-search.png) center center no-repeat; border-radius:0;}

#searchbar button.btn-register,
#searchbar div.register button.btn-primary{width:18%; height:50px; background:#01949b url(../images/btn-register.png) center center no-repeat; border-radius:0;}
	
#searchbar button.btn-search:hover,
#searchbar div.search button.btn-primary:hover,
#searchbar button.btn-register,
#searchbar div.register button.btn-primary:hover{background-color:#f09121;}
 
section form.form-inline input{border:1px solid #01949b; font-size:18px; padding-left:10px; padding-bottom:5px;}
section form.form-inline .form-group{margin-right:10px;}

/*--Search page--*/
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {position:relative; margin:0 5px 0 0; height:auto !important; top:0;}
label.radio{padding:0 8px 0 0;}
.chzn-container-single .chzn-single span{}
/*.section-main span{padding-top:0px; font-size:110%;}*/
.section-main #searchForm button{margin:1px 0 15px 10px; padding:4px 12px;}
ul.chzn-results{}
.section-main li.active-result{padding-left:10px;}
.section-main li.active-result:before{font-size:0.0005em; content:" "!important}



/*--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:#00929c; padding:30px 0 30px 0 !important;}
.sub-navigation h3{color:#fff;}
.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:-4px; content:"\f061 ";  color:#fff; }
.sub-navigation ul ul li{font-size:0.75em; margin:0 0 4px 0; padding:0 0 0 15px;}
.sub-navigation ul ul{margin-bottom:10px;}
.sub-navigation a{color:#fff; text-decoration:none;}
.sub-navigation a:hover{color:#000;}
.sub-navigation li.active a{}
.sub-navigation li.active:before{} 


/*--BREADCRUMB--*/
.breadcrumb {padding:8px 15px; margin-bottom:10px; list-style:none; background:none; 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;}

/*--Menu page--*/
/*.menu-page{margin:0; padding:0; height:auto; font-size:1.0em; text-align:left; position:absolute; top:115px; left:5%; z-index:1;}*/
.menu-page{margin: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 h3{font-size:3.0em; color:#ac9a79; font-weight:normal;}
.menu-page ul{display:block; margin:0 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-right:1px solid #E1E1E1; text-align:center; border-bottom:none !important; color:#999; font-weight:bold; background:#fff;}
.menu-page li a:hover{color:#000; background:#fff;}
.menu-page li:last-child a{border-right:none;}
.menu-page li.active a,
.menu-page li.active a:hover{color:#fff; font-weight:bold; background:#999;}

.menu-page ul#twoline{margin:0 0 1em 0; padding-top:47px !important}

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

footer p{color:#fff; font:Arial, Helvetica, sans-serif; color:white; margin:0px 5% 10px 0; float:none; text-align:center; 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 ul.nav.menuftr,
footer ul.menuftr{text-align:center; width:auto; margin-right:12px}
@media (min-width: 768px) { footer ul.menuftr{text-align:center;} }
@media (min-width: 992px) { footer ul.menuftr{text-align:right;} }
@media (min-width: 1200px) { footer ul.menuftr{text-align:right;} }

footer ul.menuftr li{display:inline-block; padding:0 8px 0 8px; background:none; border-right:1px solid #666; }
footer ul.menuftr li:last-child{border-right:none !important; padding:0 0 0 7px}
footer ul.menuftr li:before{display:none;}

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

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; }

/*--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:#000; font-size:3.2em; font-weight:normal; position:relative; text-transform:none;}
.search h1 span{color:#f69f1a; }

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


/*--Downloads page--*/
.downloadpage{margin:0 0 0 30px;}
.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:#000;  }
.downloadpage h4 a{color:#000; font-style:normal}
.downloadpage h4 a:hover{color:#01949B;}
.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 p span{font-size:90%; color:#666; margin-left:5px; padding-left:10px; border-left:1px solid #ccc;}
.downloadpage ul{display:block; width:auto;}
ul.downloadpage{margin-left:0px; padding-left:0px;}
.downloadpage ul ul, 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 img{display:inline-block; width:auto; max-width:100px; margin:0 15px 15px 0; padding:0; border:1px solid #ccc; vertical-align:top; box-shadow:2px 2px 0 rgba(0,0,0,0.2);}
@media (min-width: 768px) { .downloadpage img{width:80%; max-width:100px; } }
@media (min-width: 992px) { .downloadpage img{width:80%; max-width:100px; } }
@media (min-width: 1200px) { .downloadpage img{width:80%; max-width:100px; } }

.downloadpage .jd_content {float:none;}

/*--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; padding-left:20px; position:relative;}
.filetext:before{
		font-family:'FontAwesome';
		font-size:0.8em; position:absolute; left:0; top:0px; content:"\f061";  color:#ef8e01; } 
.filetext h4{padding-top:0px;  margin: 0 0 2px; font-size:1.3em;}
.filetext p{margin-left:0px !important; padding-left: 0em; font-size:0.9em;}

/*--
.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;}


/*--Blog pagination--*/
.pagination{text-align: center; width: 100%;}
.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 !important; display:inline; padding:0; margin:0 5px; font-size:15px;}
.pagination li:before{content: "" !important;}
.pagination li .pagenav{padding:3px 8px; border:1px solid #CCC; list-style: none !important;}
.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; list-style:none !important;}
.pagination li .pagenav:hover{background:#bbb; cursor:pointer; border:1px solid #555}


/*---Accordion---*/
/*---.ui-widget {font-family:'calibriregular', arial, helvetica, sans-serif; }---*/
.ui-accordion{width:95%; position:relative; left:-5px;  }
.ui-accordion .ui-accordion-header {font-size:1.2em; font-family:'calibribold', arial, helvetica, sans-serif; background:#f0efef; -moz-border-radius: 5px; border-radius:5px; color:#555; cursor:pointer; padding:4px 15px 6px 25px; margin-top:5px; position:relative; border:none !important; outline:none;}
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover strong{color:#fff; background:#f25824; }
.ui-icon {background:url(../images/bullet-4.png) left 7px no-repeat; height:16px; width:16px; display: block; }
.ui-accordion .ui-accordion-header .ui-icon {left:0.5em; margin-top: -8px; position: absolute; top:14px;}
.ui-state-default .ui-icon {background:url(../images/bullet-4.png) left 7px no-repeat; padding-left:15px;}
.ui-state-hover .ui-icon {background:url(../images/bullet-6.png) left 7px no-repeat; padding-left:15px;}
.ui-state-active .ui-icon{background:url(../images/bullet-8.png) left 7px no-repeat; padding-left:15px;}
.ui-icon-triangle-1-s {background:url(../images/bullet-6.png) left 7px no-repeat; padding-left:15px;}
.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header:active{color:#fff; background:#f25824; }
.ui-accordion .ui-accordion-header.ui-state-active strong{color:#fff;}
/*--.ui-accordion-content{font-size:1.05em; font-family:'calibriregular', arial, helvetica, sans-serif; color: #676767; border:none; padding-left:24px;}
.ui-accordion-content li{margin:0 0 0.5em 0; font-size:1em;}--*/


/*--DP Calendar--*/
.fc-header-title h2{color:#f09121; font-size:2.5em; font-weight:normal; position:relative; text-transform:none; font-family:'Swis721CnBTBold', arial, helvetica, sans-serif; margin:0 0 10px 0; line-height:1.3em}