@charset "utf-8"; @import url("animate.css"); /* Google font embedding. Font weights: Lighter 300, Normal 400, Bold 700, Ultra bold 900 */ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700); @font-face { font-family:'GTWalsheim_Black'; src: url('../fonts/gt-walsheim-black.eot'); src: url('../fonts/gt-walsheim-black.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-black.woff') format('woff'), url('../fonts/gt-walsheim-black.ttf') format('truetype'), url('../fonts/gt-walsheim-black.svg#GTWalsheim_Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'GTWalsheim_Bold'; src: url('../fonts/gt-walsheim-bold.eot'); src: url('../fonts/gt-walsheim-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-bold.woff') format('woff'), url('../fonts/gt-walsheim-bold.ttf') format('truetype'), url('../fonts/gt-walsheim-bold.svg#GTWalsheim_Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'GTWalsheim_Medium'; src: url('../fonts/gt-walsheim-medium.eot'); src: url('../fonts/gt-walsheim-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-medium.woff') format('woff'), url('../fonts/gt-walsheim-medium.ttf') format('truetype'), url('../fonts/gt-walsheim-medium.svg#GTWalsheim_Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'GTWalsheim_Regular'; src: url('../fonts/gt-walsheim-regular.eot'); src: url('../fonts/gt-walsheim-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-regular.woff') format('woff'), url('../fonts/gt-walsheim-regular.ttf') format('truetype'), url('../fonts/gt-walsheim-regular.svg#GTWalsheim_Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'GTWalsheim_Light'; src: url('../fonts/gt-walsheim-light.eot'); src: url('../fonts/gt-walsheim-light.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-light.woff') format('woff'), url('../fonts/gt-walsheim-light.ttf') format('truetype'), url('../fonts/gt-walsheim-light.svg#GTWalsheim_Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'GTWalsheim_Thin'; src: url('../fonts/gt-walsheim-thin.eot'); src: url('../fonts/gt-walsheim-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/gt-walsheim-thin.woff') format('woff'), url('../fonts/gt-walsheim-thin.ttf') format('truetype'), url('../fonts/gt-walsheim-thin.svg#GTWalsheim_Thin') format('svg'); font-weight: normal; font-style: normal; } /*--BASE--*/ body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em; color:#333; background:#fff; /*background-image:url(../images/page-pattern.png) right 600px no-repeat;*/} @media (min-width: 768px) { body{font-size:14px; line-height:1.5em; } } @media (min-width: 992px) { body{font-size:15px; line-height:1.6em; } } @media (min-width: 1200px) { body{font-size:15px; line-height:1.6em; } } #home body {background-image:none;} h1, h2, h3, h4, h5, h6, .gbs3 h2, .gbs3 .h2{margin-top:0px; margin-bottom:0.5em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; font-weight:normal; } .h1, h1{color:#003974; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; margin-bottom:0.9em; } .gbs3 h1, .gbs3 .h1{color:#003974 !important; font-size:3.0em !important; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif !important; margin-top:0px !important; margin-bottom:0.5em !important; padding-left:0 !important;} .h1 span, h1 span{color:#ccc } .h2, h2{color:#6d80ac; font-size:2.7em; text-align:left; font-weight:normal;} .gbs3 h2, .gbs3 .h2{color:#6d80ac !important; font-size:2.7em !important; text-align:left; } .h2 span, h2 span{color:#000 } .h3, h3{color:#000; font-size:2.2em; } .h4, h4{color:#003974; font-size:1.65em; } .h4 span, h4 span{color:#000; font-size:0.9em; } .h5, h5{color:#000; font-size:1.3em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .gbs3 h5, .gbs3 .h5{color:#003974 !important; font-size:1.3em !important; margin-bottom:1em !important;} .h6, h6{color:#000; font-size:1.1em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .gbs3 h6, .gbs3 .h6{color:#000 !important; font-size:1.2em !important; margin-bottom:1em !important;} p{margin:0 0 1.2em 0;} .csrp{font-size: 12px;} p.lead{font-family:'GTWalsheim_Regular',Arial, Helvetica, sans-serif; font-size:1.5em !important; line-height:1.4em; color:#666; text-align:left; font-weight:normal; margin-bottom:1.2em; } @media (min-width: 768px) { p.lead{font-size:1.5em !important; line-height:1.5em; } } @media (min-width: 992px) { p.lead{font-size:1.5em !important; line-height:1.6em; } } @media (min-width: 1200px) { p.lead{font-size:1.5em !important; line-height:1.6em; } } p.intro{color:#000; text-align:left; margin-bottom:20px; font-size:18px; font-weight:normal; line-height:1.55; } .descriptor{font-size:0.7em;} .nodisplay, .acymailing_footer{display:none;} a{color:#003974;} /*webcasts*/ a.webcasts{color:#000;} /*a:focus, a:hover .webcasts{color:#003974; text-decoration: none;}*/ a:focus, a:hover {color:#003974; text-decoration: none;} ul{margin:10px 0 1.5em 0; padding-left:0.5em; } ul,li{list-style:none;} li{position:relative; } ol li{list-style-type:decimal;font-size: 12px;} hr{border-top:2px dotted #ccc;} /* Reset li:before */ .carousel-indicators li:before, nav ul.pagination li:before, .section-main ul.pagination li:before, .section-main div.pagination li:before{content:" ";} input, textarea, button{} img.device{width:100%;} img.device-small{width:70%;margin-bottom:-54px;} img.pulldown30{margin-bottom:-30px;} img.pull-left{display:inline-block; margin:5px 18px 18px 0;} .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; position:relative;} /*--Home Sections--*/ #home section{width:100%; min-height:200px; padding:24px 0; margin:0; text-align:center; position:relative; border-top:2px solid #000;} section ::before{margin:0; padding:0; display:inline-block; } section h1.section-header{font-family:'GTWalsheim_Regular', arial, helvetica, sans-serif; font-weight:normal; color:#fff; font-size:19px; display:inline-block; width:auto; height:auto; padding:7px 15px 5px 15px; margin:-90px auto 0 auto; background:#000; line-height:1em; vertical-align:top; text-transform:uppercase; border-radius:20px;} /*--Main content page section--*/ .section-main{margin-top:0px; min-height:450px; } #home .section-main{min-height:200px} .section-main .container{border-top:0px solid #003974; padding-top:0px; position:relative;} .section-main .row{margin-bottom:1em;} .section-main .row .item-page{position:relative;} .section-main p{font-size:1.1em;} .section-main p.intro.blank{padding:0px 30px 0px 30px; margin:0 0 35px 0;} .section-main p.descriptor {font-size: 0.8em;} .section-main ul{} .section-main li{display:list-item; line-height:1.6em; padding:0 0 0.4em 22px; position:relative; margin-top:0px; margin-right:5px; text-align:left; font-size:1.1em;} .section-main ol li{padding:0 0 0.7em 10px;} .section-main li:last-child{border:0;} .section-main span{vertical-align:top; padding-top:9px; } .section-main ul li:before{ font-family:'FontAwesome'; font-size:0.8em; position: absolute; left:0; top:2px; content:"\f054"; color:#9ca8ca; } .section-main ol li:before{content:' ';} /*--Page H1 main headings with icons--*/ .section-main h1, /*old style when there was icons*/ /*.section-main .gbs3 h1{padding-left:45px !important; position:relative;}*/ .section-main .gbs3 h1{position:relative;} /*.section-main h1:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:6px; color:#9ca8ca; }*/ #home .section-main h1{padding-left:15px !important} .section-main h1:before {display:none} /*--Custom H1 page icons--*/ /*-- About us - article H1 icons --*/ .item-page-about-us h1:before{content:"\f2bb"; font-size:0.70em; } /* fa-address-card */ .item-page-board h1:before{content:"\f0c0";} /* fa-users */ .item-page-history h1:before{content:"\f1da";} /* fa-history */ .item-page-strategy h1:before{content:"\f279";} /* fa-map */ /*--Our business - article H1 icons--*/ .item-page-our-business h1:before{content:""; background:url(../images/h-icon-our-business.png) left top no-repeat; width:40px; height:47px;/*content:"\f0f2";*/} /* fa-suitcase */ .item-page-operations h1:before{content:""; background:url(../images/h-icon-operations.png) 0px -10px/100% 100% no-repeat; width:40px; height:47px;} /* fa-clipboard */ .item-page-projects h1:before{content:""; background:url(../images/h-icon-projects.png) left top no-repeat; width:40px; height:47px; /*content:"\f0ca";*/} /* fa-list-ul */ .item-page-infrastructure h1:before{content:""; background:url(../images/h-icon-infrastructure.png) left top no-repeat; width:40px; height:47px;/*content:"\f0e8";*/} /* fa-sitemap */ .item-page-tech-reports h1:before{content:"\f0f6";} /* fa-file-text-o */ /*--Our business - projects page--*/ .fit{margin-bottom:0;height:80px;} /*--Corporate governance - article H1 icons--*/ .item-page-board-committees h1:before{content:"\f0c0";} /* fa-users */ .item-page-policies h1:before{content:"\f02d";} /* fa-book */ .item-page-all-corporate-publications h1:before{content:"\f15c";} /* fa-file-text */ /*-- Sustainability - article H1 icons--*/ .item-page-sustainability h1:before{content:""; background:url(../images/h-icon-sustainability.png) left top no-repeat; width:40px; height:47px; /*content:"\f0ac";*/} /* fa-globe */ .item-page-adding-economic-value h1:before{content:""; background:url(../images/h-icon-adding-economic-value.png) left top no-repeat; width:40px; height:45px;/*content:"\f0d6";*/} /* fa-money */ .item-page-safety h1:before{content:""; background:url(../images/h-icon-safety.png) left top no-repeat; width:40px; height:47px; /*content:"\f023";*/} /* fa-lock */ .item-page-csr h1:before{content:"\f2bd";} /* fa-user-circle*/ .item-page-environment h1:before{content:"\f06c";} /* fa-leaf */ /*-- Investors and media - article H1 icons --*/ .item-page-investors-and-media h1{padding-left:50px;} .item-page-investors-and-media h1:before{content:""; background:url(../images/h-icon-investors-and-media.png) left top no-repeat; width:40px; height:47px;} /* fa-handshake-o */ .item-page-aimrule26 h1:before{content:"\f046";} /* fa-check-square-o */ .item-page-analyst-coverage h1:before{content:""; background:url(../images/h-icon-analyst-coverage.png) left top no-repeat; width:40px; height:45px; /*content:"\f201";*/} /* fa-line-chart */ /*.item-page-announcements h1:before{content:""; background:url(../images/h-icon-announcements.png) left top no-repeat; width:40px; height:47px;/*content:"\f0a1";}*/ /* fa-bullhorn */ .item-page-financial-reports h2:before {display:none;} .item-page-annual-reports h1:before{content:""; background:url(../images/h-icon-annual-reports.png) left top no-repeat; width:40px; height:47px; /*content:"\f200";*/} /* fa-pie-chart */ /*-- disclaimer - article H1 icons --*/ .item-page-disclaimer h1:before{content:""; background:url(../images/h-icon-disclaimer.png) left top no-repeat; width:38px; height:41px; top:5px;} .item-page-videos h1:before{content:"\f03d";} /* fa-video-camera */ .section-main .search-search h1 {padding-left: 40px !important;} .search-search h1:before {content:"\f002"; font-size:0.8em; top:4px;} /* .fa-search */ /*-- Blog pages: H1 and H2 swap around in style. H2 becomes main heading. H1 the red sub heading e.g. 2016 --*/ .item-page-corporate-publications h1, .item-page-financial-reports h1, .item-page-media-coverage h1, .item-page-photo-gallery h1, .item-page-presentations h1 {padding-left:0 !important; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; color:#003974; font-size:3.0em; text-align:left; font-weight:normal; } .item-page-corporate-publications h2{color:#003974; font-size:2.1em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; margin-bottom:120px; padding-left:0; text-transform:uppercase;} @media (min-width: 768px) { .item-page-corporate-publications h2 {font-size:2.5em; margin-bottom:100px; } } @media (min-width: 992px) { .item-page-corporate-publications h2 { font-size:2.5em; margin-bottom:100px; } } @media (min-width: 1200px) { .item-page-corporate-publications h2 { font-size:3.0em; margin-bottom:100px; } } /*.item-page-corporate-publications h2:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:10px; content:"\f0c5"; color:#9ca8ca;}*/ /* fa-files-o */ .item-page-corporate-publications h2:before{display:none;} .item-page-corporate-calendar h1:before{content:"\f073";} /* fa-calendar */ .item-page-financial-reports h2{color:#003974; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; margin-bottom:120px; padding-left:0; text-transform:uppercase;} @media (min-width: 768px) { .item-page-financial-reports h2 { margin-bottom:100px; } } @media (min-width: 992px) { .item-page-financial-reports h2 { margin-bottom:100px; } } @media (min-width: 1200px) { .item-page-financial-reports h2 { margin-bottom:100px; } } .item-page-financial-reports h2:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:10px; content:"\f080"; color:#9ca8ca;} /* fa-bar-chart */ .item-page-media-coverage h2{color:#003974; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; margin-bottom:120px; padding-left:45px; text-transform:uppercase;} @media (min-width: 768px) { .item-page-media-coverage h2 { margin-bottom:100px; } } @media (min-width: 992px) { .item-page-media-coverage h2 { margin-bottom:100px; } } @media (min-width: 1200px) { .item-page-media-coverage h2 { margin-bottom:100px; } } .item-page-media-coverage h2:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:10px; content:""; background:url(../images/h-icon-media-coverage.png) left top no-repeat; width:40px; height:47px; color:#9ca8ca;/*content:"\f1ea";*/} /* fa-newspaper-o */ .item-page-photo-gallery h2{color:#003974 !important; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; text-transform:uppercase;} .section-main .item-page-photo-gallery h2{color:#003974 !important; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; padding-left:45px; margin-bottom:120px; text-transform:uppercase;} @media (min-width: 768px) { .section-main .item-page-photo-gallery h2 { margin-bottom:100px; } } @media (min-width: 992px) { .section-main .item-page-photo-gallery h2 { margin-bottom:100px; } } @media (min-width: 1200px) { .section-main .item-page-photo-gallery h2 { margin-bottom:100px; } } .item-page-photo-gallery h2:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:10px; content:"\f083"; color:#9ca8ca;} /* fa-camera-retro */ .item-page-presentations h2{color:#003974; font-size:3.0em; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; position:relative; margin-bottom:120px; padding-left:45px; text-transform:uppercase;} @media (min-width: 768px) { .item-page-presentations h2 { margin-bottom:100px; } } @media (min-width: 992px) { .item-page-presentations h2 { margin-bottom:100px; } } @media (min-width: 1200px) { .item-page-presentations h2 { margin-bottom:100px; } } .item-page-presentations h2:before{font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:10px; color:#9ca8ca; content:""; background:url(../images/h-icon-presentations.png) left top no-repeat; width:40px; height:47px;/*content:"\f03e";*/} /* fa-picture-o */ .section-main h1.contentheading-register:before{content:"\f25d" !important; } /* fa-registered */ .item-page-register h1:before{content:"\f25d"; } /* fa-registered */ .item-page-register h1:before{content:"\f044"; font-size:0.9em;} /* fa-edit */ h1.contentheading-register:before{content:"\f044" !important; } /* fa-pencil-square-o */ .item-page-share-price-info h1:before{content:"\f201";} /* fa-line-chart */ .item-page-shareholder-info h1:before{content:"\f064";} /* fa-share */ /*-- Contact --*/ .item-page-contact-details h1:before{content:"\f098";} /* fa-phone-square */ .item-page-location h1:before{content:"\f041";} /* fa-map-marker */ .item-page-contact-form .gbs3 h1:before{content:"\f11c" !important;} /* fa-keyboard-o */ form#chronoform-contact-form h1:before{content:"\f11c" !important;} /* fa-keyboard-o */ .item-page-registration-success h1:before{content:"\f044" !important;} /* fa-pencil-square-o */ h1.contact-form {padding-left: 45px !important; position:relative;} .section-main h1.contact-form:before {display:block; font-family:'FontAwesome'; font-size:0.75em; position:absolute; left:0; top:5px; color:#9ca8ca; content:"\f11c" !important;} .item-page-corporate-publications h2{} .gbs3 .form-horizontal .control-label {padding-top:4px !important; margin-top:0 !important;} /*--Section Primary--*/ .section-primary{background:#003974; } .section-primary h1, .section-primary h2, .section-primary h3, .section-primary h2 h4{color:#fff;} .section-primary-a{border-top:4px solid #ef8e01;} .section-primary-b{border-bottom:4px solid #ef8e01;} /*--Section Secondary--*/ .section-secondary {background:#bcbdc0;} /*--Section subnav--*/ .section-subnav{background:#dfdfdf;} /*--Home page article--*/ div.home-article{} /* BLOG*/ .blog-post{border-top:1px solid #cccccc; border-right, border-left:1px solid #cccccc; padding:15px; } .blog-post h2.page-header {margin-top:5px !important;} .blog-featured{float:left; margin-right:15px;} .blog-blog-subpage{margin-top:15px; position:relative;} /*--Joomla blog page headings--*/ /*--.blog h1, .blog-blog-subpage h1{margin-bottom:10px; display:inline-block; width:auto;}--*/ .blog h1, .blog-blog-subpage h1{color:#fff; font-size:2.2em; display:inline-block; position:absolute; top:-150px; left:0; background:#003974; padding:15px 20px 15px 30px; margin:-30px -15px 50px -15px; line-height:1.1em; font-weight:normal;} @media (min-width: 768px) { .blog-blog-subpage h1{display:block; width:auto; font-size:2.5em; padding:15px 20px 20px 30px; margin:-30px -15px 50px -15px;} } @media (min-width: 992px) { .blog-blog-subpage h1{display:block; width:auto; font-size:2.8em; padding:15px 20px 20px 30px; margin:-35px -15px 50px -15px;} } @media (min-width: 1200px) { .blog-blog-subpage h1{display:inline-block; width:auto; font-size:3.0em; clear:both; padding:15px 45px 15px 45px; margin:-35px -15px 50px -15px !important; line-height:1.0em; clear:both;} } .blog h2, .blog-news h2, .blog-blog-subpage h2{color:#999; text-align:left;} .blog h2 a, .blog-news h2 a, .blog-blog-subpage h2 a{color:#999; border-bottom:none !important; text-align:left;} .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; font-weight:normal;} .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, .items-leading .leading-10{display:block; border-bottom:0px dotted #ccc; padding:0px 10px 0 30px; background:url(../images/bullet-2.png) 10px 24px no-repeat; position:relative;} .leading-0:before, .leading-1:before, .leading-2:before, .leading-3:before, .leading-4:before, .leading-5:before, .leading-6:before, .leading-7:before, .leading-8:before, .leading-9:before, .leading-10:before{ font-family:'FontAwesome'; font-size:1em; position: absolute; left:3px; top:3px; content:"\f054"; /* fa-chevron-right */ color:#003974; } /*--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{margin-top:15px; position:relative;} .section-main .item-page-blog-subpage h1{color:#000; font-size:2.2em; font-weight:normal; line-height:1.2em; display:inherit; margin:0 0 0.5em 0; padding:0; background:none;} .section-main .item-page-blog-subpage h1 a{color:#B48E1A;} .item-page-blog-subpage h2{color:#fff; font-size:2.3em; display:inline-block; position:absolute; top:-150px; left:0; background:#003974; padding:15px 20px 15px 30px; margin:-30px -15px 50px -15px; line-height:1.1em; font-weight:normal;} @media (min-width: 768px) { .item-page-blog-subpage h2{display:block; width:auto; font-size:2.5em; padding:15px 20px 20px 30px; margin:-30px -15px 50px -15px;} } @media (min-width: 992px) { .item-page-blog-subpage h2{display:block; width:auto; font-size:2.8em; padding:15px 20px 20px 30px; margin:-35px -15px 50px -15px;} } @media (min-width: 1200px) { .item-page-blog-subpage h2{display:inline-block; width:auto; font-size:3.0em; clear:both; padding:15px 45px 15px 45px; margin:-35px -15px 50px -15px !important; line-height:1.0em; clear:both;} } .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} /*--JDownloads Page--*/ .item-page-jdownloads h2{color:#000; font-size:3.3em; font-weight:bold;}/*--h1 styling--*/ .item-page-jdownloads h1{color:#003974; font-size:3.1em; text-align:left; font-weight:normal;}/*--h2 styling--*/ /*--Calendar stuff --*/ .addtocalendar var{display: none;} .addtocalendar {width: 3.5rem; display: block; position: relative;} .atcb-link {margin: 0; text-align: center; width: 3rem; height: 3rem; overflow: hidden; display: block; border: none;} .atcb-link:before{font-family: fontAwesome; content: "\f271"; font-size: 2.5rem; line-height: 3rem; display: block;} .addtocalendar:hover ul{display: block;} .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover{visibility:visible;} .atcb-list {position: absolute; font-size: 0.9em; right: 100%; top: -5px; transform: translateX(-12px); display: none; z-index: 900; width: 150px; border: 1px solid #003974; padding: 0.3rem; background: #fff; } .atcb-list, .atcb-item{list-style: none; margin: 0; } .atcb-list:after{content: ''; position: absolute; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; right: -12px; top: 8px; } .atcb-list:before{content: ''; position: absolute; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent #003974; display: block; width: 0; z-index: 0; right: -13px; top: 8px; } .section-main .atcb-item {float: none; text-align: left; border-bottom: 1px dotted #999; padding: 0} .section-main .atcb-item:before{content: ""} .atcb-item-link{display: block; padding: 0.4rem 0.5rem 0.2rem 0.5rem; text-decoration: none; outline: none; color: #666; background: #fff} .atcb-item-link:hover{background: #ededed;} .atcb-item.hover, .atcb-item:hover {position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none;} /*--MAIN NAV - From Gibela--*/ /* NAVBAR */ .navbar .container{} .caret{display:none;} .navbar{background:#000; padding:0; margin:0 0 0 0; width:100%; min-height:50px; z-index:1000; *zoom:1; border-radius:0; border:none; line-height:1.0em;} .navbar li{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;font-weight:300; } ul.navbar-nav {margin:0 0; display:inline-block; float:none;} @media (min-width: 768px) { ul.navbar-nav{margin:0 -15px; text-align:center;} } @media (min-width: 992px){ ul.navbar-nav{margin:0 -15px; text-align:center;} } @media (min-width: 1200px) { ul.navbar-nav{margin:0 auto; text-align:center;} } .navbar-nav > li{} .navbar-nav > li > a {padding-top:10px; padding-bottom:10px; line-height:1em; color:#a4a2a2} .navbar-nav > li > a:hover {color:#fff; background:none;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color:#ededed; background:none;} .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a.dropdown {color:#a4a2a2; padding:17px 17px; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {color:#fff; background:none; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.active > a:focus{color:#fff; background:none; font-weight:normal;} .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:none; } .navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.active > a:focus{color:#fff; background:none; } .navbar-inverse .navbar-nav > li.active > a:hover, .navbar-inverse .navbar-nav > .active > a:hover{color:#fff; background:none; } .navbar-collapse, .nav-collapse{padding-right:15px; padding-left:0px; position:relative;} /*--COLLAPSE-Override default Bootstrap .nav-collapse.collapse {display:none;} --*/ @media (min-width: 768px) { .nav-collapse.collapse {display:block !important; text-align:center;} } @media (min-width: 992px) { .nav-collapse.collapse {display:block !important; text-align:center;} } @media (min-width: 1200px) { .nav-collapse.collapse {display:block !important; text-align:center;} } /*--Toggle Button--*/ .navbar-toggle, .btn.btn-navbar{position: relative; float: right; padding: 8px 10px 4px 10px; margin-top: 6px; margin-right: 10px; margin-bottom: 6px; background-image: none; border: 1px solid #000; border-radius: 4px; background:#ccc; /* font-family:FontAwesome; font-size:16px; color:#000;; content:"\f0c9" */ } .btn.btn-navbar:hover{background:#fff; color:#000; border:1px solid #000;} .navbar-toggle .icon-bar, .btn.btn-navbar .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{background:#000;} .sr-only{background:#000;} @media (min-width: 768px) {.navbar-toggle, .btn-navbar{display: none;}} /*---Dropdown nav---*/ .dropdown-menu{margin-top:0 !important; min-width:170px; } .dropdown-menu > li{background:#F5F5F5; font-size:1.1em; text-transform:none; font-family:Arial, Helvetica, sans-serif; } .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{display:block; font-size:1.1em; display:block; padding:4px 10px 4px 26px; font-weight:normal; line-height:1.42857; color:#555; } .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#000; background:#fff; } .dropdown-menu > li:before{ font-family:'FontAwesome'; font-size:0.7em; position:absolute; left:11px; top:8px; content:"\f054"; color:#999; } .dropdown-menu > li:hover:before {color:#37578e; } .dropdown-menu > li.active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li.active > a, .dropdown-menu > .active > a:focus{color:#000; background:#fff; } .dropdown-menu > li.active:before{ color:#000; } ul.dropdown-menu ul.dropdown-menu {position: relative; top:inherit; left:inherit; display:block; float:none; padding:0; margin:0 0 0 0; font-size:12px; list-style:none; border:none; border-radius:0px; box-shadow:none;} ul.dropdown-menu ul.dropdown-menu > li {padding-left:15px; font-size:1em; line-height:1em;} ul.dropdown-menu ul.dropdown-menu > li:before {left:26px; top:5px;} ul.dropdown-menu ul.dropdown-menu > li > a {padding:2px 10px 2px 25px !important; line-height:1.2em;} .navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu > li > a {} .navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu ul.dropdown-menu > li > a:focus {color:#000; background:#fff} /* Navbar Header */ .navbar-header{border:none; display:block;} @media (min-width: 768px) { .navbar-header{display:none;} } @media (min-width: 992px) { .navbar-header{display:none;} } @media (min-width: 1200px) { .navbar-header{display:none;} } .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;}} .navbar-header img.brand{padding:17px; margin-left:10px;} /*--UTILITY NAVIGATION--*/ #utility-navigation{display:block; clear:both; padding:0; margin:0; width:auto; } @media (min-width: 768px) { #utility-navigation{margin:0; width:auto; float:none;} } @media (min-width: 992px) { #utility-navigation{margin:0; width:auto; float:none;} } @media (min-width: 1200px) { #utility-navigation{margin:0; padding:0 10% 0 0; width:auto; float:none;} } #utility-navigation ul{display:block; margin:0 auto; padding:10px 0 0; width:130px; height:auto;} @media (min-width: 768px) { #utility-navigation ul{margin:0; padding:20px 4% 0 0; width:auto; float:right;} } @media (min-width: 992px) { #utility-navigation ul{margin:0; padding:20px 4% 0 0; width:auto; float:right;} } @media (min-width: 1200px) { #utility-navigation ul{margin:0; padding:20px 2% 0 0; width:auto; float:right;} } #utility-navigation li{float:left; list-style:none; margin:0 0 0.7em 0.4em; padding:0; } @media (min-width: 768px) { #utility-navigation li{margin:0 0 0.9em 0.8em; float:right;} } @media (min-width: 992px) { #utility-navigation li{margin:0 0 0.9em 0.8em; float:right;} } @media (min-width: 1200px) { #utility-navigation li{margin:0 0 0.9em 0.8em; float:right;} } #utility-navigation a{display:block; width:25px; height:25px; font-size:0.0000001em !important; text-decoration:none; color:#fff; padding:0; margin:0; cursor:pointer;} @media (min-width: 768px) { #utility-navigation a{width:30px; height:30px;} } @media (min-width: 992px) { #utility-navigation a{width:30px; height:30px;} } @media (min-width: 1200px) { #utility-navigation a{width:30px; height:30px;} } #utility-navigation li a:hover{text-decoration:none; color:#666; background-color:transparent} #utility-navigation li:last-child{border-right:none} a.icon-utility-home{background:url(../images/icon-utility-home.png) left top no-repeat; background-size:100% 200%; } a.icon-utility-home:hover{background-position:left bottom;} a.icon-utility-register{background:url(../images/icon-utility-register.png) left top no-repeat; background-size:100% 200%; } a.icon-utility-register:hover{background-position:left bottom;} a.icon-utility-search{background:url(../images/icon-utility-search.png) left top no-repeat; background-size:100% 200%; } a.icon-utility-search:hover{background-position:left bottom;} a.icon-utility-contact{background:url(../images/icon-utility-contact.png) left top no-repeat; background-size:100% 200%; } a.icon-utility-contact:hover{background-position:left bottom;} /*--HOME BANNER CAROUSEL--*/ #carousel-home {height:inherit; min-height:800px; background:#666; padding-bottom:60px;} @media (min-width: 768px) { #carousel-home {padding-bottom:0px;} } @media (min-width: 992px) { #carousel-home {padding-bottom:0px;} } @media (min-width: 1200px) { #carousel-home {padding-bottom:0px;} } #carousel-home .carousel-indicators {bottom:20px; right:20px;} #carousel-home .carousel-inner{position:absolute; left:0; top:0; z-index:0; height:1000px; } @media (min-width: 768px) { #carousel-home .carousel-inner {height:1000px;}} @media (min-width: 992px) { #carousel-home .carousel-inner {height:1000px;}} @media (min-width: 1200px) { #carousel-home .carousel-inner {height:1000px;}} /*-- HEADER 1 - 2 Rows--*/ header{height:inherit; min-height:800px; background:none; padding:0 0 0 0; margin:0; position:relative; width:100%; text-align:left; clear:both; z-index:1} @media (min-width: 768px) { header {min-height:650px;} } @media (min-width: 992px) { header {min-height:650px;} } @media (min-width: 1200px) { header {min-height:650px;} } header .container {height:inherit; min-height:895px; margin-bottom:20px; } @media (min-width: 768px) { header .container {min-height:700px;} } @media (min-width: 992px) { header .container {min-height:700px;} } @media (min-width: 1200px) { header .container {min-height:700px;} } #header-topbar{margin:20px 0; z-index:300;} @media (min-width: 768px) { #header-topbar{margin-bottom:50px;} } @media (min-width: 992px) { #header-topbar{margin-bottom:80px;} } @media (min-width: 1200px) { #header-topbar{margin-bottom:36px /*80px*/;} } /*-- HEADER 2 - 3 Rows With Home banner Xtra --*/ /*--- header{height:inherit; min-height:800px; background:none; padding:0 0 0 0; margin:0; position:relative; width:100%; text-align:left; clear:both; z-index:1} @media (min-width: 768px) { header {height:1150px;} } @media (min-width: 992px) { header {height:980px;} } @media (min-width: 1200px) { header {height:920px;} } header .container {height:inherit; min-height:895px; } @media (min-width: 768px) { header .container {height:1000px;} } @media (min-width: 992px) { header .container {height:1000px;} } @media (min-width: 1200px) { header .container {height:920px;} } ---*/ /*--Logo - Home--*/ .logo{ margin:10px 0 10px 0; } .carousel .logo a {display:block; width:100%; margin:0; padding:15px; background:#fff;} .carousel .logo img {display:block; float:none; width:100%; max-width:354px; height:inherit; min-height:80px;} /* a#logo{display:block; background:#fff url(../images/logo-mcmining.png) center 15px no-repeat; margin:10px 0 10px 0; padding:15px; width:100%; height:209px; background-size:83px; } @media (min-width: 768px) { a#logo{margin:10px 0 0 0; width:354px; height:131px; background-size:100%; background-position:center; } } @media (min-width: 992px) { a#logo{margin:10px 0 0 0; width:354px; height:131px; background-size:100%; background-position:center; } } @media (min-width: 1200px) { a#logo{margin:10px 0 0 0; width:354px; height:131px; background-size:100%; background-position:center; } } */ a#logo img{margin:0; padding:0; width:auto; height:auto} /*--Logo - Sub pages--*/ .banner p.logo-coa{display:block; margin:15px 0 15px 0; width:inherit; font-size:inherit; position:relative; bottom:inherit; } .banner p.logo-coa a{display:block; margin:0; padding:0; float:none; } p.logo-coa img {width:240px;} @media (min-width: 768px) { a.logo-coa img {width:auto;} } @media (min-width: 992px) { a.logo-coa img {width:auto;} } @media (min-width: 1200px) { a.logo-coa img {width:auto;} } /*--Logo - Sub pages--*//*-- .banner p.logo-coa{display:block; margin:15px 0 15px 0; width:inherit; font-size:inherit; position:relative; bottom:inherit; } .banner p.logo-coa a{display:block; margin:0; padding:0; float:none; } p.logo-coa img {width:120px;} @media (min-width: 768px) { a.logo-coa img {width:auto;} } @media (min-width: 992px) { a.logo-coa img {width:auto;} } @media (min-width: 1200px) { a.logo-coa img {width:auto;} } --*/ /* Carousel */ .carousel {margin-bottom:0px;} .carousel-control{width:10%; height:895px; z-index:1;} .carousel img {padding:0; border:0px solid #CCC;} /*@media(max-width:768px) {.carousel img{min-height:450px; width:inherit;}}*/ /*--Carousel banners--*/ .banner-hm-1 {width:100%; height:1000px; background:url(../images/banner-home-1.jpg) center top no-repeat;} /* .banner-hm-1 {width:100%; height:895px; background:url(../images/banner-home-1.jpg) center top no-repeat;} */ .banner-hm-2 {width:100%; height:1000px; background:url(../images/banner-home-2.jpg) center top no-repeat;} .banner-hm-3 {width:100%; height:1000px; background:url(../images/banner-home-3.jpg) center top no-repeat;} .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px;} @media (min-width: 768px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:800px; }} @media (min-width: 992px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px; }} @media (min-width: 1200px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px; }} /* .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px;} @media (min-width: 768px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px;}} @media (min-width: 992px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px; }} @media (min-width: 1200px) { .banner-hm-1, .banner-hm-2, .banner-hm-3 {height:1000px; }} */ /*--Carousel banner Text block .banner-textblock {height:inherit; min-height:100px; margin-bottom:10px; padding-top:25px; padding-bottom:30px; background:#6d80ac; } @media (min-width: 768px) { .banner-textblock {min-height:120px; } } @media (min-width: 992px) { .banner-textblock {min-height:258px; } } @media (min-width: 1200px) { .banner-textblock {min-height:235px;} }--*/ /*--Carousel banner Text block--*/ .banner-textblock {height:auto; min-height:100px; margin-bottom:10px; padding-top:25px; padding-bottom:25px; background:#6d80ac; } @media (min-width: 768px) { .banner-textblock {height:200px; } } @media (min-width: 992px) { .banner-textblock {height:230px; } } @media (min-width: 1200px) { .banner-textblock {height:170px; } } .banner-textblock h1{width:90%; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; color:#000; font-size:1.8em; text-align:left; line-height:1.3; font-weight:normal; margin:0 auto 0 auto; text-transform:uppercase;} @media (min-width: 768px) { .banner-textblock h1 {font-size:1.7em; } } @media (min-width: 992px) { .banner-textblock h1 {font-size:1.7em; } } @media (min-width: 1200px) { .banner-textblock h1 {font-size:1.8em; } } .banner-textblock h1 a {color:#000; text-decoration:none;} .banner-textblock h1 a:hover {color:#fff; } .banner-textblock h1 span {text-transform:uppercase; color:#fff;} .banner-textblock h1 a span{color:#fff;} /*--Carousel banner Feature block--*/ .banner-feature {height:inherit; min-height:100px; margin-bottom:10px; padding:25px; padding-bottom:30px; background:#003975; } @media (min-width: 768px) { .banner-feature {min-height:120px; } } @media (min-width: 992px) { .banner-feature {min-height:120px; } } @media (min-width: 1200px) { .banner-feature {min-height:120px; } } .banner-feature h1{width:90%; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; color:#fff; font-size:1.8em; text-align:left; line-height:1.3; font-weight:normal; margin:0 0 0.3em 0; text-transform:uppercase;} @media (min-width: 768px) { .banner-feature h1 {font-size:1.7em; } } @media (min-width: 992px) { .banner-feature h1 {font-size:1.7em; } } @media (min-width: 1200px) { .banner-feature h1 {font-size:1.8em; } } .banner-feature h1 a {color:#fff; text-decoration:none;} .banner-feature h1 a:hover {color:#000; } .banner-feature h1 span {text-transform:uppercase; color:#9ca8c9;} .banner-feature h1 a span{color:#9ca8c9;} .banner-feature p {margin-bottom:0; color:#9ca8c9;} .banner-feature p a {color:#9ca8c9;} .banner-feature .btn-default {padding:3px 8px 4px 8px; background:#9ca8c9; color:#003975; border:none; font-size:0.7em; text-transform: uppercase;} .banner-feature ul {margin-top:0px; margin-bottom:10px;} .banner-feature li {color:#fff; margin-bottom:0.5em;} .banner-feature li a {color:#fff;} .banner-feature ul.list:before {color:#9ca8c9} .banner-feature img {height:auto !important; border:1px solid #9ca8c9; min-height:auto !important} /*--Home Xtra--*/ .home-banner-xtra {background:#fff; margin:5px 15px 10px 15px; padding:30px 10px 18px 10px;} .home-banner-xtra h1 {font-family:'GTWalsheim_Black', Arial, Helvetica, sans-serif; color:#003975; line-height:0.9em; margin-bottom:0.5em;} .home-banner-xtra h1 span {font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; color:#003975;} .home-banner-xtra h2 {font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; color:#003974; line-height:0.9em; margin-bottom:0.5em; font-size:35px; text-transform:uppercase; line-height:1.0em;} @media (min-width: 768px) { .home-banner-xtra h2 {font-size:40px;} } @media (min-width: 992px) { .home-banner-xtra h2 {font-size:45px;} } /*@media (min-width: 1200px) { .home-banner-xtra h2 {font-size:55px;} }*/ .home-banner-xtra h2 span {display:block; color:#003974; font-size:0.5em; text-transform:none; line-height:1.3em;} .home-banner-xtra h5 {font-size:1.15em; line-height:1.4em;} .home-banner-xtra table {color:#003975;} .home-banner-xtra table td {border:none; padding:0 7px 0 0; vertical-align:top;} .home-banner-xtra p {margin:0 0 0.7em 0;} .home-banner-xtra p.lead {font-size:1.2em !important; line-height:1.5em;} @media (min-width: 768px) { .home-banner-xtra p.lead {font-size:1.15em !important;} } @media (min-width: 992px) { .home-banner-xtra p.lead {font-size:1.3em !important;} } @media (min-width: 1200px) { .home-banner-xtra p.lead {font-size:1.3em !important;} } .home-banner-xtra table p strong {font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; font-weight:normal;} .home-banner-xtra ul {margin:0px 0 1em 0;} .home-banner-xtra ul.list li {padding-left:20px; font-size:1.2em; margin-bottom:0.5em;} .home-banner-xtra ul.list li:before{ font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f054"; /*-- fa fa-chevron-right --*/ /*-- Dot: f054 --*/ color:#9ca8c9; } .home-banner-xtra ul.list li a {color:#003974;} .home-banner-xtra ul.list li a:hover {color:#000;} .home-banner-xtra ul.list li span {display:block;} .home-banner-xtra ul.list li span.date {color:#000; font-weight:bold; font-size:0.8em;} .home-banner-xtra ul.list li span.descriptor {color:#666; font-size:0.75em;} .home-banner-xtra .btn-default { margin-left:20px; padding: 5px 8px 6px 8px; background: #9ca8c9; color: #003974; border: none; font-size: 0.8em; font-weight:bold; border:0; text-transform: uppercase;} .home-banner-xtra .btn-default:hover {border:0;} /*--BANNER--*/ .banner{width:100%; height:340px; background:none; position:relative;} .banner .container{position:relative; z-index:1; } .logo-row{margin-bottom:10px;} .banner h1{color:#fff; font-size:3.5em; text-shadow:1px 1px 2px rgba(0,0,0,0.4); margin-top:0px;} .banner a.btn-primary{border:1px solid #fff;} /*--About us BANNER--*/ .banner-about-us {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-about-us.jpg) center top no-repeat; } /* .banner-about-us {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-pattern.png) right bottom no-repeat, url(../images/banner-about-us.jpg) center top no-repeat; } */ .banner-about-us-strategy{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-about-us-strategy.jpg) center top no-repeat; } .banner-about-us-board {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-about-us-board.jpg) center top no-repeat; } /*--Our Business BANNER--*/ .banner-our-business{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-our-business.jpg) center top no-repeat; } .banner-operations{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-operations.jpg) center top no-repeat; } .banner-our-projects{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-projects.jpg) center top no-repeat; } .banner-our-Infrastructure{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-infrastructure.jpg) center top no-repeat; } /*--corporate-governance BANNER--*/ .banner-corporate-governance {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-corporate-governance.jpg) center top no-repeat; } .banner-all-corporate{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-all-corporate.jpg) center top no-repeat; } .banner-policies{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-policies-procedures.jpg) center top no-repeat; } /*--sustainability-- BANNER*/ .banner-sustainability {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-sustainability.jpg) center top no-repeat; } .banner-adding-economic-value {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-adding-economic-value.jpg) center top no-repeat; } .banner-safety-and-health{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-safety-health.jpg) center top no-repeat; } .banner-csr-led{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-csr-led.jpg) center top no-repeat; } .banner-environment{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/environment-banner-2017.jpg) center top no-repeat; } /*--investors-- BANNER*/ .banner-investors-and-media {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-investors-and-media.jpg) center top no-repeat; } .banner-announcement{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-announcement.jpg) center top no-repeat; } .banner-annual-report {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-annual-report.jpg) center top no-repeat; } .banner-financial-report {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-financial-report.jpg) center top no-repeat; } .banner-shareholder-information{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-shareholder-information.jpg) center top no-repeat; } .banner-analyst-coverage{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-analyst-coverage.jpg) center top no-repeat; } .banner-aim-rule26{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-aim-rule26.jpg) center top no-repeat; } .banner-aim-rule26{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-aim-rule26.jpg) center top no-repeat; } .banner-webcast{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-webcast.jpg) center top no-repeat; } .banner-technical{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/technical-reports-banner.jpg) center top no-repeat; } .banner-presentation{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-presentation.jpg) center top no-repeat; } .banner-videos {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-videos.jpg) center top no-repeat; } .banner-uitkomst{width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-uitkomst.jpg) center top no-repeat; } .banner-contacts {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-contacts.jpg) center top no-repeat; } .banner-footer {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-footer.jpg) center top no-repeat; } .banner-other {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-other.jpg) center top no-repeat; } .banner-mooiplaats {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-mooiplaats.jpg) center top no-repeat; } .banner-vele {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-vele.jpg) center top no-repeat; } .banner-makhado {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-makhado.jpg) center top no-repeat; } .banner-tshipise {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-tshipise.jpg) center top no-repeat; } .banner-mbeuyashu {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-mbeuyashu.jpg) center top no-repeat; } .banner-XXXXX {width:100%; height:340px; position:absolute; left:0; top:1; z-index:0; background:url(../images/banner-XXXXX.jpg) center top no-repeat; } .container.textbox{height:167px; margin-top:174px; position:relative;} .banner .textbox p {position:absolute; bottom:10px; left:15px; font-size:1.2em; color:#fff; width:92%; display:block; background:#003974; padding:13px 12px 18px 20px; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; line-height:1.45em; } @media (min-width: 768px) { .banner .textbox p {width:60%; font-size:1.15em; } } @media (min-width: 992px) { .banner .textbox p {width:50%; font-size:1.15em; } } @media (min-width: 1200px) { .banner .textbox p {width:40%; font-size:1.15em; } } /* .banner p {font-size:1.0em; color:#000; display:block; width:auto; background:#003974; padding:13px 12px 18px 20px; font-family:'GTWalsheim_Black', Arial, Helvetica, sans-serif; line-height:1.45em; } @media (min-width: 768px) { .banner p {font-size:1.0em; } } @media (min-width: 992px) { .banner p {font-size:1.1em; } } @media (min-width: 1200px) { .banner p {font-size:1.15em; } } */ /*Board committees and charters*/ .item-page-board-committees h1 {padding-left: 0px !important;} .item-page-board-committees h1:before {display:none;} .item-page-policies h1 {padding-left: 0px !important;} .item-page-policies h1:before {display:none;} .item-page-shareholder-info h1:before {display:none;} .item-page-shareholder-info h1 {padding-left: 0px !important;} /*--Home - Share price--*/ .ci-col-shares {min-height:200px; text-align:left;} .ci-shares{background:url(../images/black70.png) repeat; padding:25px 20px 15px 20px; margin:0 0 10px 0; min-height:210px;} @media (min-width: 768px) { .ci-shares {height:315px; } } @media (min-width: 992px) { .ci-shares {height:255px; } } @media (min-width: 1200px) { .ci-shares {height:237px; } } .ci-shares h3{display:inline-block; color:#003974; font-size:100%; margin:0 0 0.6em 0; padding-left:35px; clear:both; } @media (min-width: 768px) { .ci-shares h3{display:inline-block; font-size:1.7em; } } @media (min-width: 992px) { .ci-shares h3{display:inline-block; font-size:1.9em; } } @media (min-width: 1200px) { .ci-shares h3{display:inline-block; font-size:1.9em; } } .ci-shares h3 a{color:#6d80ac; text-decoration:none;} .ci-shares h3.market{background:url(../images/icon-market-prices.png) left top no-repeat;} .ci-shares h3.forex{background:url(../images/icon-forex-prices.png) left top no-repeat;} .ci-shares p{color:#c7c7c7; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; font-size:1.05em; font-weight:lighter; margin:0 0 0.5em 0; display:block;} @media (min-width: 768px) { .ci-shares p{display:inline-block;} } @media (min-width: 992px) { .ci-shares p{display:inline-block;} } @media (min-width: 1200px) { .ci-shares p{display:inline-block;} } .ci-shares p span.price{display:inline-block; font-weight:bold; font-size:1.6em; color:#c7c7c7; height:30px; min-width:65px; } @media (min-width: 768px) { .ci-shares p span.price{font-size:1.3em; height:26px;} } @media (min-width: 992px) { .ci-shares p span.price{font-size:1.6em; height:30px;} } @media (min-width: 1200px) { .ci-shares p span.price{font-size:1.6em; height:33px;} } .ci-shares p span.move{display:inline-block; font-weight:lighter; font-size:0.55em; color:#9a9a9a; height:32px; padding-top:5px; vertical-align:bottom;} .ci-shares p span.move.up{background:url(../images/move-up.png) center top no-repeat;} .ci-shares p span.move.down{background:url(../images/move-down.png) center top no-repeat;} .ci-shares p.updated{display:inline-block; font-size:0.8em; line-height:1.2em; font-weight:lighter; color:#9a9a9a; text-align:center; margin:0 auto;} .shares-brdr-right{border-right:2px dotted #6c6c6c;} .shares-brdr-left{border-left:2px dotted #6c6c6c; padding-left:25px;} @media (min-width: 768px) { .shares-brdr-left{padding-left:15px;} } @media (min-width: 992px) { .shares-brdr-left{padding-left:15px;} } @media (min-width: 1200px) { .shares-brdr-left{padding-left:30px;} } /*--Home--News Block--*/ .home-newsabout{background:#fff; height:inherit; min-height:180px; position:relative; text-align:center; position:relative; margin:0 0 10px 0; padding:20px; } @media (min-width: 768px) { .home-newsabout{height:315px; min-height:300px; } } @media (min-width: 992px) { .home-newsabout{height:245px; min-height:240px; } } @media (min-width: 1200px) { .home-newsabout{height:237px; min-height:220px; } } /*--Home--News Block-- .home-newsabout{background:#fff; height:auto; min-height:180px; position:relative; text-align:left; position:relative; text-align:center; margin:0 0 10px 0; padding:20px; } @media (min-width: 768px) { .home-newsabout{min-height:180px; } } @media (min-width: 992px) { .home-newsabout{min-height:200px; } } @media (min-width: 1200px) { .home-newsabout{min-height:250px; } }*/ .home-newsabout h1{display:inline-block; color:#6c6c6c; text-transform:uppercase; margin-bottom:0.4em; font-size:2.5em; position:relative; line-height:1.0em; text-align:left;} @media (min-width: 768px) { .home-newsabout h1{font-size:2em;} } @media (min-width: 992px) { .home-newsabout h1{font-size:2em;} } @media (min-width: 1200px) { .home-newsabout h1{font-size:2.2em;} } .home-newsabout h1 a{color:#6d80ac;} .home-newsabout h1 a:hover{color:#9ca8ca;} .home-newsabout h1.news{padding-left:55px; } @media (min-width: 768px) { .home-newsabout h1.news{padding-left:40px;} } @media (min-width: 992px) { .home-newsabout h1.news{padding-left:50px;} } @media (min-width: 1200px) { .home-newsabout h1.news{padding-left:55px;} } .home-newsabout h1.news:before{ font-family:'FontAwesome'; font-size:0.9em; position: absolute; left:0; top:4px; content:"\f1ea "; color:#6d80ac; } .home-newsabout h1:before{font-size:0.9em;} @media (min-width: 768px) { .home-newsabout h1:before{font-size:0.5em; top:2px !important;} } @media (min-width: 992px) { .home-newsabout h1:before{font-size:0.9em; top:3px !important;} } @media (min-width: 1200px) { .home-newsabout h1:before{font-size:2.8em;padding-right:10px; top:4px; position: absolute;} } .home-newsabout h1.about{padding-left:65px; background:url(../images/icon-minetruck.png) left 10px no-repeat; background-size:60px 34px;} @media (min-width: 768px) { .home-newsabout h1.about{padding-left:55px; background-position:left 7px; background-size:50px 28px;} } @media (min-width: 992px) { .home-newsabout h1.about{padding-left:65px; background-position:left 10px; background-size:60px 34px;} } @media (min-width: 1200px) { .home-newsabout h1.about{padding-left:65px; background-position:left 10px; background-size:60px 34px;} } .home-newsabout ul{display:block; margin:0 0 0 0; padding:0 0 0 0; width:auto; height:auto; overflow:visible;} @media (min-width: 768px) { .home-newsabout ul{width:auto; height:auto; } } @media (min-width: 992px) { .home-newsabout ul{width:auto; height:auto;} } @media (min-width: 1200px) { .home-newsabout ul{width:auto; height:auto; } } .home-newsabout li{display:block; padding:0 0 0 20px; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; font-size:1.4em;} .home-newsabout li p{color:#555759; font-size:0.8em; margin:0 0 1em 0; line-height:1.4em; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif;} .home-newsabout p.descriptor{font-size:0.8em; color:#999; margin:0 0 0.4em 0;} .home-newsabout a{color:#555759; text-decoration:none; } .home-newsabout h4, .home-newsabout h4.newsflash-title, a.mod-articles-category-title{font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; font-size:1.6em; margin:0 0 0.2em 0; line-height:1.2em; color:#000; display:block !important;} @media (min-width: 768px) { .home-newsabout h4, .home-newsabout h4.newsflash-title, a.mod-articles-category-title{font-size:1.5em;} } @media (min-width: 992px) { .home-newsabout h4, .home-newsabout h4.newsflash-title, a.mod-articles-category-title{font-size:1.6em;} } @media (min-width: 1200px) { .home-newsabout h4, .home-newsabout h4.newsflash-title, a.mod-articles-category-title{font-size:1.6em;} } .home-newsabout h4 a, .home-newsabout a.mod-articles-category-title{color:#000; } .home-newsabout h4 a:hover, a.mod-articles-category-title:hover{color:#003974;} .home-newsabout h5 {color:#000; font-size:1.3em; line-height:1.45em;} @media (min-width: 768px) { .home-newsabout h5 {font-size:1.2em; line-height:1.35em; } } @media (min-width: 992px) { .home-newsabout h5 {font-size:1.25em; } } @media (min-width: 1200px) { .home-newsabout h5 {font-size:1.25em; } } .home-newsabout h5 a {color:#000;} .home-newsabout span.mod-articles-category-date{display:block !important; width:auto !important; margin:0 auto !important; clear:both !important; font-size:0.8em; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif;} .home-newsabout h5 img {width:18px; height:auto; min-height:auto !important;} /*--Home Newsabout jDownloads latest--*/ .moduletable-home-news-jdownloads {} .moduletable-home-news-jdownloads div {display:block; text-align:center !important; padding-bottom:0 !important; } .moduletable-home-news-jdownloads small {display:block; padding-bottom:0.5em;} .moduletable-home-news-jdownloads img {min-height:inherit;} .moduletable-home-news-jdownloads a {font-size:1.5em; color:#000; font-weight: bold;} @media (min-width: 768px) { .moduletable-home-news-jdownloads a {font-size:1.2em;} } @media (min-width: 992px) { .moduletable-home-news-jdownloads a {font-size:1.2em;} } @media (min-width: 1200px) { .moduletable-home-news-jdownloads a {font-size:1.3em;} } .moduletable-home-news-jdownloads a:hover {color:#003974;} /*--Home Section Downloads--*/ #home .section-downloads{background:#9ca8ca; /* bcbdc0; url(../images/back-section-downloads.png) left top*/ } #home section h1.section-header{margin:-40px auto 0 auto; } .section-downloads h1{display:block; width:270px; height:60px; color:#000; font-size:1.7em; margin:-50px auto 1em auto; padding:15px 10px 20px 10px; line-height:1.2em; text-align:center; background:#ddd8d8; position:relative; font-weight:bold; text-transform:uppercase;} ul.downloads{text-align:center; margin:0 auto 10px auto; padding:0;} .downloads li{display:inline-block; width:255px; margin:0; padding:0 2%; vertical-align:top; text-align:center; list-style:none;} .downloads li:before{content:''} .downloads li img{width:auto; margin:20px 0 1em 0; padding:0 0 0 0; border:1px solid #fff; box-shadow:3px 3px 0 rgba(0,0,0,0.2);} .downloads li img:hover{border:1px solid #000;} .it-header{width:270px; height:70px; position:relative; display:table-cell; vertical-align:bottom; text-align:center; margin:0 auto 25px auto;} .downloads h4{text-align:center; color:#fff; font-size:1.7em; margin:0; } .downloads h4 a{color:#000;} .downloads h4 a:hover{color:#fff; text-decoration:none;} .downloads h4 span{color:#000; font-size:0.65em; line-height:1.1em; font-family:'GTWalsheim_Regular',Arial, Helvetica, sans-serif;} .downloads h5{text-align:center; color:#000; font-size:1.3em; margin:0 0 0em 0; line-height:1.3em;} .downloads h5 a{color:#000;} .downloads h5 a:hover{color:#003974; text-decoration:none;} .downloads h5 span{color:#000; font-size:0.65em; line-height:1.1em; font-family:'GTWalsheim_Regular',Arial, Helvetica, sans-serif;} .downloads.page h4{text-align:center; color:#003974; font-size:1.9em; margin:0; } .downloads.page h4 a{color:#003974;} .downloads p.descriptor{color:#666;} a.a-img{margin:0; padding:0; } a.a-img img {border:1px solid #ccc;} .downloads p{color:#ccc;} /*--Home Section Documents--*/ ul.documents-list{display:block; margin:0 0 0 20px; padding:0;} ul.documents-list li{display:inline-block; list-style:none; background:none; margin:0 0 30px 0; padding-right:15px; padding-left:15px; position:relative; height:250px; font-family:'GTWalsheim_Bold', arial, helvetica, sans-serif;} ul.documents-list li:before{content:""; } ul.documents-list li a{display:block; width:160px; height:200px; margin:10px 15px 0 15px; padding:150px 10px 10px 10px; text-align:center; color:#000; font-size:1.6em; text-transform:uppercase; border-top-left-radius:3.3em; border-top-right-radius:3.3em; position:absolute; left:30%; top:0; z-index:10;} @media (min-width: 768px) { ul.documents-list li a{font-size:1.5em; left:26%; } } @media (min-width: 992px) { ul.documents-list li a{font-size:1.5em; left:5%; } } @media (min-width: 1200px) { ul.documents-list li a{font-size:1.5em; left:15%; } } ul.documents-list li a span{font-size:100% !important;} ul.documents-list li a.docs-annual-reports{display:block; width:160px; height:200px; background:url(../images/icon-docs-annual-reports.png) center 15px no-repeat; margin:0 auto; } ul.documents-list li a.docs-financial-results{display:block; width:160px; height:200px; background:url(../images/icon-docs-financial-results.png) center 15px no-repeat; margin:0 auto;} ul.documents-list li a.docs-presentations{display:block; width:160px; height:200px; background:url(../images/icon-docs-presentations.png) center 15px no-repeat; margin:0 auto;} ul.documents-list li a.docs-presentations span{margin-left:-17px;} @media (min-width: 768px) { ul.documents-list li a.docs-presentations span{margin-left:-17px;} } @media (min-width: 992px) { ul.documents-list li a.docs-presentations span{margin-left:-17px;} } @media (min-width: 1200px) { ul.documents-list li a.docs-presentations span{margin-left:-17px;} } ul.documents-list li a.docs-publications{display:block; width:160px; height:200px; background:url(../images/icon-docs-publications.png) center 15px no-repeat; margin:0 auto;} ul.documents-list li a.docs-publications span{margin-left:-4px;} @media (min-width: 768px) { ul.documents-list li a.docs-publications span{margin-left:-4px;} } @media (min-width: 992px) { ul.documents-list li a.docs-publications span{margin-left:-4px;} } @media (min-width: 1200px) { ul.documents-list li a.docs-publications span{margin-left:-4px;} } ul.documents-list li a.docs-announcements{display:block; width:160px; height:200px; background:url(../images/icon-docs-announcements.png) center 15px no-repeat; margin:0 auto;} ul.documents-list li a.docs-announcements span{margin-left:-23px;} @media (min-width: 768px) { ul.documents-list li a.docs-announcements span{margin-left:-23px;} } @media (min-width: 992px) { ul.documents-list li a.docs-announcements span{margin-left:-23px;} } @media (min-width: 1200px) { ul.documents-list li a.docs-announcements span{margin-left:-23px;} } ul.documents-list li:hover > a{color:#000; background-position:center -185px; text-decoration:none; border:none; background-color:#eaeaea; z-index:100;} ul.documents-list li a:hover{color:#000; background-position:center -185px; text-decoration:none; border:none; background-color:#eaeaea; z-index:100;} ul.documents-list li:hover > ul{display:block !important; z-index:90 !important; } /* */ ul.documents-list li ul{display:none; margin:0 auto; padding:100px 0 0 0; background:#eaeaea; border:0px #fff solid; overflow:hidden; width:90%; position:absolute !important; left:0; top:130px; z-index:90 !important; box-shadow:2px 2px 3px rgba(0,0,0,0.3); -webkit-animation:fadeIn 0.2s; animation:fadeIn 0.2s; border-radius:0.5em; } @media (min-width: 768px) { ul.documents-list li ul.docs-display{width:260px; left:40px;} } @media (min-width: 992px) { ul.documents-list li ul.docs-display{width:260px; left:-40px;} } @media (min-width: 1200px) { ul.documents-list li ul.docs-display{width:260px; left:-15px; } } ul.documents-list li ul li{line-height:1.4em; height:auto; text-align:left; font-family:'GTWalsheim_Medium', arial, helvetica, sans-serif;} @media (min-width: 768px) { ul.documents-list li ul li{text-align:left;} } @media (min-width: 992px) { ul.documents-list li ul li{text-align:left;} } @media (min-width: 1200px) { ul.documents-list li ul li{text-align:left;} } ul.documents-list li h5 {color:#000; margin:0 0 5px 0; padding-left:20px; line-height:1.9em; background:url(../images/bullet-pdf.png) left 2px no-repeat; display:inline-block; text-align:left; font-size:0.6em; } @media (min-width: 768px) { ul.documents-list li h5 {display:inline-block; text-align:left; } } @media (min-width: 992px) { ul.documents-list li h5 {display:inline-block; text-align:left; } } @media (min-width: 1200px) { ul.documents-list li h5 {display:inline-block; text-align:left; } } ul.documents-list li h5 a{color:#000; text-transform:none; width:auto; height:auto; margin:0; padding:0; border:none; position:relative; top:inherit; left:inherit; text-align:left; } ul.documents-list li h5 a:hover{color:#003974} ul.documents-list li img{border:1px solid #666; margin-bottom:10px; box-shadow:2px 2px 0px rgba(0,0,0,0.2);} ul.documents-list li a.docs-img{text-transform:none; width:auto; height:auto; margin:0; padding:0; border:none;} ul.documents-list li img:hover{} ul.documents-list li p.descriptor{color:#999; margin:0 0 15px 0; font-size:0.8em; line-height:1.0em; padding-left:20px; font-weight:normal;} /*--Document list with left icon--*/ ul.icon-list {} ul.icon-list li div.row {position:relative;} ul.icon-list li h5{padding-left:0; background:none; display:inline !important; text-align:left !important; font-size:1.2em} ul.icon-list li h5 a{text-align:left !important; left:inherit;} ul.icon-list li p.descriptor{padding-left:0;} .icon-left{display:inline-block; float:left; width:15%; margin:0 10px 20px 10%; padding:0; text-align:right} @media (min-width: 768px) { .icon-left{width:20%; margin:0 10px 20px 4%;} } @media (min-width: 992px) { .icon-left{width:20%; margin:0 10px 20px 4%;} } @media (min-width: 1200px) { .icon-left{width:20%; margin:0 10px 20px 4%;} } .icon-left img{margin:0 0 0 auto; padding:0; } .icon-list-content{display:inline-block; float:left; width:60%; margin:0 0 20px 0; padding:0;} @media (min-width: 768px) { .icon-list-content{width:70%; margin:0 0 20px 0;} } @media (min-width: 992px) { .icon-list-content{width:70%; margin:0 0 20px 0;} } @media (min-width: 1200px) { .icon-list-content{width:70%; margin:0 0 20px 0;} } ul.icon-list .icon-left a{margin:0; padding:0; left:inherit;} .open{display:block !important; } /*--director s table Shareholder information--*/ .shareholder{font-size:14px;padding:0px;} .shareholder ul {margin:0px;} .shareholder ul li{padding-bottom:0px;} /*--Home--Info-Portal--*/ .section-info-portal{background:#666 url(../images/back-info-portal.jpg) left top repeat-y;} /*--Infoblock - Newsflash with images--*/ ul.infoblock{margin:0;} ul.infoblock li{background:none; list-style:none; display:block; width:90%; float:none; background:#fff; padding:20px; text-align:center; margin:0 auto 10px auto; height:auto; min-height: 200px;} @media (min-width: 768px) { ul.infoblock li{display:inline-block; margin:0 20px 10px 0; width:47%; float:left; min-height:430px;} } @media (min-width: 992px) { ul.infoblock li{display:inline-block; margin:0 20px 10px 0; width:47%; float:left; min-height:430px;} } @media (min-width: 1200px) { ul.infoblock li{display:inline-block; margin:0 20px 10px 0; width:47%; float:left; min-height:430px;} } ul.infoblock li:last-child{ margin:0 auto 10px auto;} @media (min-width: 768px) { ul.infoblock li:last-child{margin:0 0 10px 0;} } @media (min-width: 992px) { ul.infoblock li:last-child{margin:0 0 10px 0;} } @media (min-width: 1200px) { ul.infoblock li:last-child{margin:0 0 10px 0;} } .infoblock h3{font-size:2.8em; line-height:1.2em; padding:0 0 10px; color:#000; color:#000; border-bottom:2px dotted #b3b3b3;} .infoblock h3 a{color:#000;} .infoblock h3 a:hover{color:#003974; text-decoration:none;} .infoblock time.mod-articles-category-date{clear:both; display:block; font-size:1em; color:#999; line-height:1.5em; padding-bottom:0.9em;} .infoblock p mod-articles-category-introtext{color:#555759; } .infoblock img{float:none; margin:15px 0 0 0; padding:0; width:90%; max-width:355px;} /*--Home--Key projects--*/ #home section.section-key-projects{background:#000; border-top:2px solid #b6b5b5; } section.section-key-projects h1.section-header{color:#000; background:#b6b5b5; } .key-projects{text-align:center;} .key-projects img{border:1px solid #b6b5b5; margin:0 auto 20px auto;} .key-projects p{color:#fff;} .brdr img {border:1px solid #ccc;} img.brdr {border:1px solid #ccc;} img.cntr {margin:0 auto;} /*--Home Sub Navigation--*/ #home section.home-sub-menu{background:#ef373f; text-align:left; padding:35px 0;} .home-sub-menu{} .home-sub-menu ul{margin:0px 0px 1em 8px; 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 0px; font-size:1em; list-style:disc;} @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.0em;} } .home-sub-menu li a{color:#fff;} .home-sub-menu li a:hover{color:#000;} .home-sub-menu .col-lg-2 {width:20%;} /*--Breadcrumb--*/ section.section-breadcrumb{padding:0; height:auto; min-height:40px; background:#dfdfdf;} ul.breadcrumb{padding:7px 0 0 0; background:none; margin:0} ul.breadcrumb li{} ul.breadcrumb a{color:#7e7e7e; font-size:0.9em;} ul.breadcrumb a:hover{color:#003974; text-decoration:none;} .breadcrumb li span {} .breadcrumb .active{color:#7e7e7e; font-size:0.9em;} .breadcrumb li:fist-child:before{content:"";} /* Lists */ .list{margin-bottom:30px;} /* --Basic list with standard bullets --*/ ul.list-item{margin:10px 0; padding-left:20px; display:list-item;} ul.list-item li{display:list-item; float:none; padding:0 0 1.0em 20px; position:relative;} ul.list-item li:before{ font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0; content:"\f111"; color:#ef8e01; } /* li:before{content:"\27A4"; left:-20px;} -- HTML Unicode */ .list-feature{margin:0; padding:0; width:80%;} .list-feature li{line-height:2.3em; bottom:1px solid #cccccc; overflow:auto; padding:0 0 1.0em 20px; position:relative; margin-top:0px; margin-right:5px;} .list-feature li:last-child{border:0;} .list-feature span{vertical-align:top; padding-top:9px; font-size:120%;} .list-feature li:before{ font-family:'FontAwesome'; font-size:0.8em; position: absolute; left:0; top:0; content:"\f061"; color:#003974; } .list-comments {margin:0; padding:0;} .list-comments li{padding:10px 0 5px 0; border-bottom:1px solid #cccccc; overflow:auto !important;} .list-comments li:last-child{border:0;} .list-comments img{width:100px;} /*--Content bits--*/ img.framed-pic{outline:1px solid #fff; border:10px solid #ccc;} /*--Page feature block--*/ .featureblock{float:none; padding:15px; background:#f1f1f1; text-align:center; width:80%; height:auto; margin:0 auto 20px auto; border-radius:10px;} @media (min-width: 768px) { .featureblock{float:left; width:30%; min-height:410px; margin:0 1% 20px 1%;} } @media (min-width: 992px) { .featureblock{float:left; width:47%; min-height:410px; margin:0 1% 20px 1%;} } @media (min-width: 1200px) { .featureblock{float:left; width:47%; min-height:410px; margin:0 1% 20px 1%;} } .row.mh450 .featureblock{min-height:640px;} .row.mh520 .featureblock{min-height:660px;} .row.mh530 .featureblock{min-height:700px;} .row.mh540 .featureblock{min-height:685px;} .w-48{ width:80%;} @media (min-width: 768px) { .w-48{width:43%;} } @media (min-width: 992px) { .w-48{width:43%;} } @media (min-width: 1200px) { .w-48{width:43%;} } .featureblock.w-25{ width:25%;} .featureblock.w-20{ width:20%;} .featureblock h2{display:block; clear:both; min-height:55px; margin-bottom:0.3em; text-align:center; vertical-align:middle; position:relative;} .featureblock h2 a{display:inline-block; vertical-align:middle; color:#6d80ac;} .featureblock h3{display:inline-block; clear:both; min-height:75px; margin-bottom:0.3em; color:#003974; vertical-align:middle; text-align:center;} .featureblock h3 a{color:#003974; vertical-align:middle;} .featureblock h3 a:hover{color:#003974; text-decoration:none;} .featureblock p{font-size:1em; line-height:1.5em} .featureblock a.thumbnail{background:none;} .featureblock img{margin-bottom:1em; width:100%;} .featureblock .btn{display:inline-block; vertical-align:bottom;} /*--makhado project related doc images--*/ .related-documents-landscape{height:233px;} /*--Hilite block--*/ .hilite{padding:25px 4% 25px 8%; background:#f1f1f1;} .hilite a.thumbnail{background:none;} .hiliteblock{padding:15px; background:#f1f1f1; text-align:center; height:auto; margin-bottom:20px;} .hiliteblock img{margin:0 auto 20px auto;} /*--PDF List--*/ ul.pdf-list{} ul.pdf-list li{padding-left:25px; font-size:1.15em; padding: 0 0 0.5em 22px;} ul.pdf-list li a {color:#555;} ul.pdf-list li h5{margin-bottom:0em; line-height:1.3em; font-size:1.0em;} ul.pdf-list li h5 a{color:#555; text-decoration:none;} ul.pdf-list li h5 span{font-weight:normal; font-size:0.6em; font-family:'GTWalsheim_Regular',Arial, Helvetica, sans-serif; padding-left:3px;} ul.pdf-list li h5 a:hover{color:#000;} ul.pdf-list li:before{ font-family:'FontAwesome'; font-size:0.9em; position: absolute; left:0; top:-2px; content:"\f1c1 "; color:#6d80ac; } ul.pdf-list li span{font-size:0.8em;} /*--Rules list--*/ ul.ruleslist{} ul.ruleslist li{} ul.ruleslist h5{color:#555; margin-bottom:0em;} .pdf{position:relative; padding-left:20px;} .pdf:hover, .pdf:hover:before{color:#000;} .pdf:before{ font-family:'FontAwesome'; font-size:0.9em; position: absolute; left:0; top:-5px; content:"\f1c1 "; color:#003974; } p.pdf{top:-2px;} .arr{position:relative; padding-left:20px;} .arr:hover, .arr:hover:before{color:#000;} .arr:before{ font-family:'FontAwesome'; font-size:0.65em; position: absolute; left:2px; top:-5px; content:"\f061 "; color:#003974; } p.arr{top:-1px;} /*--for ol li--*/ .numbersize{font-size:12px;} p.numbersize{font-size:12px;} /*--Media coverage page list--*/ ul.media-coverage {margin:0 0 1.5em 0;} ul.media-coverage li {font-size:1.2em; padding:0 0 0.7em 25px;} ul.media-coverage li a {color:#555;} ul.media-coverage li a:hover {color:#000;} ul.media-coverage li:before{ font-family:'FontAwesome'; font-size:0.7em; position: absolute; left:0; top:-3px; content:"\f054"; /* \f061 */ color:#9ca8ca; } ul.media-coverage h6 {display:inline-block; color:#555; margin:0; line-height:1.2em; font-family:'GTWalsheim_Regular',Arial, Helvetica, sans-serif; font-weight:600; font-size:1.1em;} ul.media-coverage li a{color:#555;} ul.media-coverage li a:hover, ul.media-coverage li a h6:hover{color:#000 !important; cursor:pointer;} ul.media-coverage li span.descriptor{font-size:0.8em; color:#999 !important;} /* Headings */ .page-header{margin-top:0;} .heading-primary {color:#003974; border-bottom:2px solid #003974;} .heading-secondary {color:#ef8e01; border:none;} .heading-secondary-a {border-bottom:2px solid #ef8e01;} .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:#003974;} .em-secondary{color:#ef8e01;} .em-dark{color:#016064;} .em-light{color:#b2dfe1;} /*--COMPONENTS--*/ /*-- Jumbotron --*/ .container .jumbotron{background:#f1f1f1; padding:35px 40px; z-index:100; margin:0px 0 30px 0; position:relative;} .jumbotron h1{color:#fff; font-size:2.8em; display:block; background:#f1f1f1; padding:15px 30px 0 40px; margin:-80px 0 15px -40px; } @media (min-width: 768px) { .jumbotron h1{font-size:3.0em; margin:0; position:absolute; top:-60px; left:0;} } @media (min-width: 992px) { .jumbotron h1{font-size:3.5em; margin:0; position:absolute; top:-60px; left:0;} } @media (min-width: 1200px) { .jumbotron h1{font-size:3.5em; margin:0; position:absolute; top:-60px; left:0;} } .jumbotron p{color:#000; display:block; text-align:left; font-size:18px; line-height:1.63em;} @media (min-width: 768px) { .jumbotron p{font-size:21px;} } @media (min-width: 992px) { .jumbotron p{font-size:21px;} } @media (min-width: 1200px) { .jumbotron p{font-size:21px;} } .jumbotron a.btn-primary{border:1px solid #fff;} /*--Page header--*/ .blog-blog-subpage .page-header {padding-bottom:0px; margin:0 0 10px; border-bottom: 0px dotted #EEE;} /*--Buttons--*/ .btn {padding:6px 12px 8px 12px;} .btn-primary{ color:#fff; border:1px solid #003974; line-height:0.9em; background:#003974 !important; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} .btn-primary:hover{color:#fff; background:#555 !important; border:1px solid #ffffff} .btn-default{ color:#000; border:1px solid #ccc; background:#ccc; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} .btn-default:hover{color:#fff; background:#003974; border:1px solid #003974} /*--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:#003974;} .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:#ef8e01;} .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;} /*--New 5 Column system--*/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position:relative; min-height:1px; padding-right:10px; padding-left:10px; } .col-xs-15 {width:100%; float:left; } @media (min-width: 768px) { .col-sm-15 { width:20%; float:left; }} @media (min-width: 992px) { .col-md-15 { width:20%; float:left; }} @media (min-width: 1200px) { .col-lg-15 { width:20%; float:left; }} /*--FORMS 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:#f5f5f5; color:#6e6d6d; border:1px solid #c7c5c5; list-style:none; margin:5px 0 5px 5px; padding:3px 5px; border-radius:4px; font-size:1.2em;} 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; 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:"";} /*--FORM--MAIN PAGE--*/ .section-main input, .section-main select, .section-main textarea, .gbs3 input.form-control, .gbs3 textarea.form-control{background:#f5f5f5; height:34px; padding:6px 12px; color:#555; border:1px solid #CCC; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset;} .section-main textarea, .gbs3 textarea.form-control{height:100px;} .section-main input[type="radio"]{height:auto !important; } label, .gbs3 label {display:inline-block; font-size:1.2em; width:100px; vertical-align:top; margin-top:8px;} .section-main button, .section-main button.bfSubmitButton, .section-main input[type="button"], .section-main input[type="submit"], .section-main input[type="reset"] {display:block; margin:10px 0 15px 10px; padding:8px 12px; color:#fff; background:#888; width:auto; height:auto; border:none; font-size:1em; line-height: 1em;} .section-main button:hover, .section-main button.bfSubmitButton:hover, .section-main input[type="button"]:hover, .section-main input[type="submit"]:hover, .section-main input[type="reset"]:hover {background:#003974; color:#fff;} .section-main .acymailing_introtext {display: none} .acysubbuttons .btn {display: inline-block !important;} /*--Contact Form Breezing Forms--*/ .bf-contact-form {} .bfClearfix span {display:none;} .bfQuickMode .bfLabelLeft label {width:30% !important;} .section-main button.bfSubmitButton {float:none; margin-left:5px; text-transform:uppercase; font-weight: bold; border-radius:4px;} @media (min-width: 768px) { .section-main button.bfSubmitButton {margin-left:31.2%;} } .bfClearfix .bf-contact-form button.bfSubmitButton span {display:block !important; } /*--Home Register--*/ .footer-register{} .footer-register fieldset{border:none;} .footer-register legend {border:none; margin:0 0 5px 5px;} .footer-register legend span{margin:0 0 1em 0; padding:0; font-size:0.9em;} .footer-register .acymailing_module_form .acymailing_introtext{margin:0 0 1em 0 !important; font-size:1.2em;} .footer-register table.acymailing_form {margin:0 0 0 0; text-align:left;} .footer-register table.acymailing_form td, .footer-register table.acymailing_form th {text-align:left;} .footer-register label{width:100%; font-size:1em; font-weight:normal;} .footer-register h5 {} .footer-register a.btn-default {color:#fff; background:#37578e;} .footer-register a.btn-default:hover {color:#003974; background:#fff;} /* Searchbox */ /*-- Add "top" as suffix in the search module's "Module Class Suffix"--*/ div.searchtop{width:100%; margin:0 0 20px 58px; width:248px; float:none;} @media (min-width: 768px) { div.searchtop {width:248px; float:right; margin-top:46px; margin-bottom:0px; } } @media (min-width: 992px) { div.searchtop {width:248px; float:right; margin-top:46px; margin-bottom:0px; } } @media (min-width: 1200px) { div.searchtop {width:248px; float:right; margin-top:46px; margin-bottom:0px; } } div.searchtop input{border:1px solid #c7c5c5; border-radius:0; margin:0;} div.searchtop h3{margin-top:0; padding-top:0;} div.searchtop input[type="search"]{border:0; height:30px; width:170px; border:1px solid #c7c5c5; border-right:none; padding-left:10px; border-radius:4px 0px 0px 4px; font-size:1.1em;} @media (min-width: 768px) { div.searchtop input[type="search"]{height:30px; width:200px;} } @media (min-width: 992px) { div.searchtop input[type="search"]{height:30px; width:200px;} } @media (min-width: 1200px) { div.searchtop input[type="search"]{height:30px; width:200px;} } div.searchtop button{display:inline !important; width:32px; height:30px; background:#f5f5f5 url(../images/btn-search-sml.png) left top no-repeat; padding:0; vertical-align:top; margin:0 0 0 -5px; border:1px solid #c7c5c5; border-left:none; border-radius:0px 4px 4px 0px;} div.searchtop button.btn-primary{display:inline !important; width:32px; height:30px; background:#f5f5f5 url(../images/btn-search-sml.png) left top no-repeat !important; padding:0; vertical-align:top; margin:0 0 0 -5px; border:1px solid #c7c5c5; border-left:none; border-radius:0px 4px 4px 0px;} div.searchtop button.btn-primary:hover{ background:#f5f5f5 url(../images/btn-search-sml.png) left -30px no-repeat !important; border:1px solid #c7c5c5; border-left:none;} button.btn-search{display:inline; width:42px; height:40px; margin:0; background:#fff url(../images/btn-search.png) center center no-repeat;} button:hover{background-color:#c7c5c5;} section form.form-inline{} section form.form-inline input {border:1px solid #c7c5c5; 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:100%;} .section-main #searchForm button {margin:4px 0 5px 10px; padding:10px 12px;} ul.chzn-results{} .section-main li.active-result{padding-left:10px;} .section-main li.active-result:before{font-size:0.0005em; content:" "!important} .btn-toolbar {margin-bottom:10px;} #searchForm label.radio {display:inline-block; vertical-align:top; margin:0 10px 20px 0; width:auto; font-size: 1.1em; margin-top:0;} .btn-group label {width:auto; font-size: 1.3em;} #searchForm fieldset.phrases {} #searchForm fieldset.phrases legend {margin-bottom:10px;} dl.search-results-search {} dl.search-results-search dt.result-title {font-size:1.2em; margin-top:12px; color:#888;} dl.search-results-search dt.result-title a {} .section-main dl.search-results-search dt.result-title span {font-size:100%;} .searchintro-search .badge {padding:3px 7px 3px 7px;} /*--IMAGES--*/ .text-r{float:right; margin-right:25px; color: #003974; font-size: 20px;} .pic-r{float:right; } figure.pic-r{float:none; } @media (min-width: 768px) { figure.pic-r{float:right;} } @media (min-width: 992px) { figure.pic-r{float:right; } } @media (min-width: 1200px) { figure.pic-r{float:right; } } .pr-50{width:90%;} @media (min-width: 768px) { .pr-50{width:50%} } @media (min-width: 992px) { .pr-50{width:50%} } @media (min-width: 1200px) { .pr-50{width:50%} } .pr-40{width:90%;} @media (min-width: 768px) { .pr-40{width:40%} } @media (min-width: 992px) { .pr-40{width:40%} } @media (min-width: 1200px) { .pr-40{width:40%} } .pr-30{width:90%; max-width:400px;} @media (min-width: 768px) { .pr-30{width:30%} } @media (min-width: 992px) { .pr-30{width:30%} } @media (min-width: 1200px) { .pr-30{width:30%} } figure.pic-r img{margin:0 0 20px 20px; width:100%;} /*--SUB NAVIGATION--*/ nav.sub-navigation{margin-top:10px;} @media (min-width: 768px) { nav.sub-navigation{} } @media (min-width: 992px) { nav.sub-navigation{} } @media (min-width: 1200px) { nav.sub-navigation{} } .sub-navigation ul{margin:10px 0; padding-left:15px; display:list-item;} .sub-navigation li{font-size:1.3em; padding:0.25em 0 0.25em 20px; position:relative; border-bottom:1px dotted #dfdfdf;} .sub-navigation a{color:#555; text-decoration:none; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0.5em 0;} .sub-navigation li.active a{color:#555; font-family:'GTWalsheim_Bold', Arial, Helvetica, sans-serif; } .sub-navigation li:hover {border-bottom:1px dotted #999;} .sub-navigation li:hover > ul {display:block; position:absolute; left:30%; top:20px; z-index:1000; padding:10px; border:1px solid #999; background:#fff; width:auto; min-width:150px;} .sub-navigation ul ul{margin:5px 0; padding-left:15px; display:none;} .sub-navigation li li{font-size:0.8em; padding:0.15em 0 0.15em 16px; display:list-item;} .sub-navigation li.active:before{} .sub-navigation li:before{ font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:3px; content:"\f054"; color:#555;} .sub-navigation li.active a:hover, .sub-navigation li:hover:before, .sub-navigation a:hover, .sub-navigation l.active a:hover{color:#000;} .sub-navigation h3{color:#555;} .infoblock h6{font-size:2.8em; line-height:1.2em; padding:0 0 10px; color:#000; color:#000; border-bottom:2px dotted #b3b3b3;} .infoblock h6 a{color:#000;} .infoblock h6 a:hover{color:#003974; text-decoration:none;} .infoblock time.mod-articles-category-date{clear:both; display:block; font-size:1em; color:#999; line-height:1.5em; padding-bottom:0.9em;} .infoblock p mod-articles-category-introtext{color:#555759; } .infoblock img{float:none; margin:15px 0 0 0; padding:0; width:90%; max-width:355px;} /*--Menu page--*/ .menu-page{margin:0; padding:0; width:100%; height:auto; font-size:1.0em; text-align:left; position:absolute; top:100px; left:20px; z-index:1;} @media (min-width: 768px) { .menu-page{top:90px; } } @media (min-width: 992px) { .menu-page{top:90px; } } @media (min-width: 1200px) { .menu-page{top:85px; } } .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 1.2em 0; border-bottom:1px solid #ccc;} .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 -1px 0; text-align:center; border:1px solid #ccc; border-bottom:px solid #ccc; color:#999; font-weight:normal; background:#F9F9F9; border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;} .menu-page li a:hover{color:#000; } .menu-page li:last-child a{} .menu-page li.active a{color:#555; font-weight:bold; background:#fff; border-bottom:1px solid #fff;} .menu-page li.active a:hover{color:#555; font-weight:bold; } .menu-page ul#twoline{margin:0 0 1em 0; padding-top:47px !important} /* FOOTER */ footer{background:#003974 url(../images/footer.png) left top repeat; min-height:200px; padding:30px 0; z-index:100;} footer a{color:#fff;} footer a:hover{color:#000;} footer h4{color:#fff; margin:10px 0 0.5em 0; font-size:1.5em; text-align:left; } footer h5{color:#fff; text-align:left; } footer p{font-size:0.9em; color:#fff; text-align:left;} footer div{text-align:left;} footer ul{float:none; text-align:left; margin:0 0 20px 0; padding:0;} @media (min-width: 768px) { footer ul{float:none;} } @media (min-width: 992px) { footer ul{float:none;} } @media (min-width: 1200px) { footer ul{float:none;} } footer li{font-size:1.0em; margin:0 0 0.3em 0;} footer li:before{ font-family:'FontAwesome'; font-size:0.6em; position: absolute; left:0; top:0px; content:"\f054"; /* fa-chevron-right */ color:#fff; } footer li:hover:before{color:#9ca8ca;} footer li a, footer .nav li a{color:#fff; padding:0px 15px; } footer li a:hover, footer .nav li a:hover{color:#9ca8ca; background:none; text-decoration:none;} footer li:hover{} footer li:last-child a{border:none;} footer form{display:block; width:auto; margin-bottom:10px; clear:both; } footer fieldset{border:none} footer input, footer textarea, footer select{margin:0 0 10px 0 !important; background:#f5f5f5; color:#5e5e5e; border:none; border-right:none; width:auto; font-size:1em; border:1px solid #ccc; line-height:1.1em;} footer input.btn{padding:5px 6px 5px 6px !important; line-height: 1.1em !important} p.onefield {margin-bottom: 0.3rem} footer td.acysubbuttons input.button.btn{float:none; color:#fc424a; background:#000 !important; border:none;} footer td.acysubbuttons input.button.btn:hover{float:none; color:#000; background:#fff !important; border:none;} .acymailing_introtext{color: #ffffff; font-size: 1em} footer .search label.element-invisible{display:none;} footer .search input{float:left; border-top-right-radius:0; border-bottom-right-radius:0; width:auto; height:29px;} @media (min-width: 768px) { footer .search input{width:80%; } } @media (min-width: 992px) { footer .search input{width:80%; } } @media (min-width: 1200px) { footer .search input{width:80%; } } footer .search button.btn{float:left; display:block; clear:both; margin: 0 0 10px 0 !important; padding:0; background:#fff !important; width:25px !important; height:29px; cursor:pointer; display:block; border-radius:0; border-top-right-radius:4px; border-bottom-right-radius:4px; border:1px solid #ccc; border-left:none; clear:none; position:relative; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;} footer .search button:hover, footer .search button.btn:hover{color:#5e5e5e; background:#fff !important; } footer .search button.btn:before{ font-family:'FontAwesome'; font-size:1.1em; position: absolute; left:10px; top:6px; content:"\f0da "; color:#989898; } footer .search button.btn:hover:before{color:#000;} footer table.acymailing_form{margin:0;} footer td.acysubbuttons{text-align:left;} footer .container{padding-left:10%;} @media (min-width: 768px) { footer .container{padding-left:15px;} } @media (min-width: 992px) { footer .container{padding-left:15px;} } @media (min-width: 1200px) { footer .container{padding-left:15px;} } /*--SOCIAL NAVIGATION--*/ #social-navigation{display:block; padding:0; margin:0; width:auto; } #social-navigation ul{display:block; margin:0; opacity:1; visibility:visible;} #social-navigation li{float:left; list-style:none; margin:0.5em 0.5em 0.5em 0em; padding:0; position:relative; display:inline-block; } #social-navigation a{opacity:1 !important; visibility:visible !important; display:block; width:33px; height:33px; font-size:0.0000001em; text-decoration:none; color:#fff; padding:0; margin:0; } #social-navigation a:hover, #social-navigation ul.nav > li > a:focus, #social-navigation ul.nav li a:hover{text-decoration:none; color:#666; background-color:inherit !important} #social-navigation li:last-child{} #social-navigation li:before{display:none;} a.icon-social-phone, li.icon-social-phone a{background:url(../images/icon-social-phone.png) left top no-repeat;} a.icon-social-phone:hover, li.icon-social-phone a:hover{background:url(../images/icon-social-phone.png) left bottom no-repeat !important; } a.icon-social-twitter, li.icon-social-twitter a{background:url(../images/icon-social-twitter.png) left top no-repeat; } a.icon-social-twitter:hover, li.icon-social-twitter a:hover{background:url(../images/icon-social-twitter.png) left bottom no-repeat !important; } a.icon-social-email, li.icon-social-email a{background:url(../images/icon-social-email.png) left top no-repeat; } a.icon-social-email:hover, li.icon-social-email a:hover{background:url(../images/icon-social-email.png) left bottom no-repeat !important;} /*--Chronoforms--*/ .chrono_credits{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:#003974; border-bottom:0px dotted #CCCCCC; padding-bottom:0px; 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:#003974;} .downloadpage h5{font-size:1.15em; font-weight:normal; color:#000;} .downloadpage h5 a{color:#000; font-style:normal} .downloadpage h5 a:hover{color:#003974;} .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:0px; border-left:0px solid #666;} .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 .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.9em; position: absolute; left:0; top:0px; content:"\f054"; color:#6d80ac; } .downloadpage.dp-icon .filetext{padding:10px 0 0 0px;} .downloadpage.dp-icon .filetext:before{content:"";} .filetext h5{padding-top:0px; margin:0 0 0; font-size:1.3em;} .filetext p{margin-left:0px !important; padding-left:0em; font-size:0.9em; line-height:1.1em} .filetext.pdf{position:relative; padding-left:24px;} .filetext.pdf:hover, .filetext.pdf:hover:before{color:#003974;} .filetext.pdf:before{ font-family:'FontAwesome'; font-size:1.1em; position: absolute; left:0; top:-2px; content:"\f1c1 "; color:#6d80ac; } a.jd_download_url { text-align:left; margin-left:0px; min-width:75px; min-height:2px; float:none;} /*--Small list--*/ .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.smallist li{display:inline-block; width:46%; margin:0 2% 20px 0; min-height:80px; padding-bottom:0px; float:left; clear:none; border-bottom:1px dotted #ccc;} .downloadpage.smallist li img{max-height:80px; width:auto; margin:0 15px 8px 0; } .downloadpage.smallist li:first-child{display:block !important; float:none !important; width:100% !important; min-height:100px; padding-bottom:10px; margin-bottom:30px; border-bottom:2px dotted #ccc;} .downloadpage.smallist li:first-child img{max-height:100px; width:auto;} .downloadpage.smallist h4, .downloadpage.smallist h4 a{color:#003974;} .downloadpage.smallist .filetext{width:auto; padding-left:0;} .downloadpage.smallist .filetext:before{content:" ";} .downloadpage.smallist .filetext h5{} .downloadpage.smallist li:first-child h5{} .downloadpage.smallist .filetext h5 a{color:#000;} img.img-presentations{width:auto; max-width:120px;} /*--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;} /*--IMAGE MAP--*/ .thumbnail {position:relative; border: 1px solid #ccc; padding: 1px} .thumbnail:not([src*="."]){display: none} .tn-lft{float:left; width:auto; min-width:1px; } #main-content .tn-lft img{margin:0 15px 15px 0;} /*--Management--*/ .directors{display:inline-block; text-align:center; background:#e5e2e2; width:40%; margin:0 1.66% 20px 1.66%; padding:0 0 15px 0; height:auto; min-height:500px; vertical-align:top;} @media (min-width: 768px) { .directors{width:40%; margin:0 1.66% 20px 1.66%; min-height:500px;} } @media (min-width: 992px) { .directors{width:25%; margin:0 1.5% 20px 1.5%; min-height:450px;} } @media (min-width: 1200px) { .directors{width:23%; margin:0 1.0% 20px 1.0%; min-height:465px;} } /*--Management .directors{display:inline-block; text-align:center; background:#e5e2e2; width:30%; margin:0 1.66% 20px 1.66%; padding:0 0 15px 0; height:auto; min-height:500px; vertical-align:top;} @media (min-width: 768px) { .directors{width:30%; margin:0 1.66% 20px 1.66%; min-height:500px;} } @media (min-width: 992px) { .directors{width:20%; margin:0 1.5% 20px 1.5%; min-height:450px;} } @media (min-width: 1200px) { .directors{width:18%; margin:0 1.0% 20px 1.0%; min-height:465px;} }--*/ .directors img{width:100%; max-width:262px !important; margin:0 !important; padding:0 0 5px 0; float:none !important;} .directors hr{clear:both; height:2px; margin:0 0 10px 0; border:1px dotted #dddddd;} .directors h3 {font-size:1.2em; margin-bottom:0.2em; color:#000;} .directors h3 span{font-size:0.8em; color:#999; display:inline-block; vertical-align:bottom; padding-bottom:2px; font-family: 'GTWalsheim_Regular', Arial, Helvetica, sans-serif;} .directors h6{font-size:1.1em; font-family: 'GTWalsheim_Regular', Arial, Helvetica, sans-serif;} .directors button{margin: 10px auto 15px auto;} .directors button.btn-default{padding:5px 10px; font-size:0.9em; color:#666; background:#fff;} .directors button.btn-default:hover{color:#fff; background:#003974;} /*--Modal--*/ .modal{} .modal h3{font-size:2.5em; margin-bottom:0.3em; color:#003974} .modal button.btn-default{background:#e5e2e2; color:#555;} .modal-header {border-bottom:none; padding:25px 15px 15px 15px;} .modal-body {padding-top:0; border-bottom:none;} .modal-footer{padding-top:0; border-top:none;} .modal-dialog {width:90%; margin:30px auto;} @media (min-width: 768px) { .modal-dialog {width:90%;} } @media (min-width: 992px) { .modal-dialog {width:70%;} } @media (min-width: 1200px) { .modal-dialog {width:60%;} } /*--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 > a, .pagination > li > span { position: relative; float: left; padding: 7px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd;} .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{color:#555 !important; background:#eee; font-weight:normal; text-decoration:none !important} .pagination li .pagenav:hover{background:#bbb; cursor:pointer; border:1px solid #555} /*--TABLES--*/ /*table{margin:0 0 1.5em 0; width:100%; border-top:2px solid #003974; border-bottom:2px solid #003974;text-align:left;}*/ table{margin:0 0 1.5em 0; width:100%;text-align:left; background:#fff;} td, th{padding: 3px 7px 3px 3px; text-align: right; vertical-align:bottom; border: none;text-align:left;} th{font-weight:bold; border-bottom:1px solid #003974;text-align:left;} td{border-bottom:1px solid #CCC;text-align:left;} 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-r, .ta-r td, .ta-r th{text-align: right !important} .ta-c, .ta-c td, .ta-c th{text-align: center} .ta-borders-b{ border-bottom: 2px solid #CCC} .ta-bold{border: 1px solid #000;} .shade, .shade td{background: #ede4ba} .shade2, .shade2 td{background: #fdfaee} .shade3, .shade3 td{background: #f6f3e8} thead th{background:#fff; font-weight: bold; } thead td{background:#fff; border-top: #fff 3px solid; color: #fff} thead tr.shade, thead tr.shade th{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;} /*---Accordion---*/ .ui-widget {font-family:'GTWalsheim_Regular', arial, helvetica, sans-serif; } .ui-accordion{width:95%; position:relative; left:0px; } .ui-accordion .ui-accordion-header {font-size:2em; font-family:'GTWalsheim_Regular', arial, helvetica, sans-serif; background:#f0efef; border-radius:10px; -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:10px; -moz-border-radius:10px; } .ui-accordion h4.ui-accordion-header {font-size:1.5em; background:#f0efef; color:#555; border-radius:10px; -moz-border-radius:10px;} .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:#003974; } .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:#003974; } .ui-accordion .ui-accordion-header.ui-state-active strong{color:#fff;} .ui-accordion-content{font-size:1.05em; font-family:'GTWalsheim_Regular', arial, helvetica, sans-serif; color: #676767; border:none; padding-left:24px;} .ui-accordion-content li{margin:0 0 0.5em 0; font-size:1em; } /*--Announcements Iframe styling--*/ table.GridViewStyle{} table.GridViewStyle tr td {font-size:1.1em !important;} table.GridViewStyle tr td.llable{font-weight:normal !important;} /*--CI Operations -- Accordion --*/ .ci-operations .ui-accordion{width:100%; position:relative; left:0; } .ci-operations .ui-accordion .ui-accordion-header {font-size:2.1em; font-family:'GTWalsheim_Regular', Arial, Helvetica, sans-serif; font-weight:normal; background:#000 url(../images/arrow-1.png) 20px 12px no-repeat; -moz-border-radius:0px; border-radius:0px; color:#8d8c8c; cursor:pointer; padding:7px 15px 6px 40px; margin:0; position:relative; border:none !important; outline:none; width:100%;} .ci-operations .ui-accordion .ui-accordion-header:hover, .ci-operations .ui-accordion .ui-accordion-header:hover strong{color:#cac9c9; background:#000 url(../images/arrow-1.png) 20px 12px no-repeat; } .ci-operations .ui-icon {background:url(../images/bullet-acc.png) left 0px no-repeat; height:16px; } .ci-operations .ui-accordion h3.ui-accordion-header .ui-icon {right:0.5em; margin-top:-0px; position:absolute; top:16px;} .ci-operations .ui-state-default .ui-icon {background:url(../images/bullet-acc.png) left 0px no-repeat; } .ci-operations .ui-state-hover .ui-icon {background:url(../images/bullet-acc-hover.png) left 0px no-repeat; } .ci-operations .ui-state-active .ui-icon {background:url(../images/bullet-acc-active.png) left 0px no-repeat; } .ci-operations .ui-icon-triangle-1-s {background:url(../images/bullet-acc-hover.png) left 0px no-repeat; } .ci-operations .ui-accordion .ui-accordion-header.ui-state-active, .ci-operations .ui-accordion .ui-accordion-header:active{color:#cac9c9; background:#000 url(../images/arrow-1.png) 20px 12px no-repeat; } .ci-operations .ui-accordion .ui-accordion-header.ui-state-active strong{color:#cac9c9;} .ci-operations .ui-accordion-content{font-size:1.05em; font-family:'GTWalsheim_Regular', arial, helvetica, sans-serif; color: #676767; border:none; padding-left:4px;} .ci-operations .ui-accordion-content li{margin:0 0 0.5em 0; font-size:1em; } /*--Videos--*/ .videos {} .videos h4 {display:block; text-align:center !important; vertical-align:bottom; margin:0 auto;} .videos p {clear:both; display:block; width:100%;} /*--Unsubscribe page--*/ form#adminForm {} form#adminForm .unsuboptions {padding-left:10px;} #unsuball_div {} form#adminForm label, #unsuball_div label {display:block; width:100%; margin:0 0 10px 0; vertical-align:top;} form#adminForm label input, #unsuball_div label input[type="checkbox"] {margin:0; display:inline-block; margin:0 5px 0 0; height:inherit;} /* Mobile */ @media(max-width:768px){ .device {display:block; margin:20px auto 0 auto;} .device-small {margin-bottom:20px !important;} } /*--Footer Register button--*/ a.btn-register {display:inline-block; color:#fff !important; background:#6e80ad; -webkit-transition:transform background-color 0.5s ease; transition:transform background-color 0.5s ease; position:relative; font-size:0.9em !important; line-height:1.4em; font-weight:600; padding:10px 28px 10px 11px; margin:0px 0 0; width:auto; text-align:left; text-transform:uppercase; border-radius:3px; box-shadow:2px 2px 8px rgba(0,0,0,0.5); letter-spacing:0.5px;} a.btn-register:before { font-family:'FontAwesome'; font-size:0.9em; color:#fff; position:absolute; right:10px; top:9px; content:"\f061"; } /*--fa-arrow-right--*/ a.btn-register:hover {color:#fff; background:#a8b0cf; border-color:#005c7b; box-shadow:2px 2px 10px rgba(0,0,0,0.10);} a.btn-register:hover:before {color:#fff; } /*--Acymailing--*/ div#unsubpage {background:#fff; padding:20px;} /*--Newsletter Subscriptions Lists--*/ #subscriptions {} #subscriptions .callout {padding:1.5rem 2rem 2rem;} #subscriptions h3 {margin-bottom:0.5em;} #subscriptions .row {margin-left:10px; margin-bottom:0.5em;} #subscriptions table {border-bottom:0px; text-align:left; border:none;} #subscriptions table tr, #subscriptions table th, #subscriptions table td {border-bottom:0px; text-align:left;} #subscriptions thead, #subscriptions tbody, #subscriptions tfoot {border: 0px solid #f1f1f1; background-color: #fff;} #subscriptions table tbody tr:last-child > * {border-bottom:0px solid #E12024;} #subscriptions table.acymailing_form {background:#fff; width:80%; margin:0 0 30px 0;} @media (min-width: 480px) { #subscriptions table.acymailing_form {width:70%;} } @media (min-width: 768px) { #subscriptions table.acymailing_form {width:50%;} } #subscriptions div.acymailing_form {background:#fff; width:40%; margin:0;} #subscriptions table.acymailing_form tbody {background:none;} #subscriptions table.acymailing_form td {padding:15px 15px 0 15px; background:none; box-shadow:rgba(0,0,0,0);} #subscriptions table.acymailing_form tbody tr {} #subscriptions table.acymailing_form tbody tr:nth-child(2n) {background-color: rgba(202, 202, 202, 0);} #subscriptions table.acymailing_form .acysubbuttons, #subscriptions div.acymailing_form .acysubbuttons {display:block; text-align:left !important;} #subscriptions input {border: 1px solid #999; padding:0.6rem; font-size:1.1em; max-width:320px; margin:0;} #subscriptions input.button {padding:6px 12px !important; line-height:1.4em; color:#fff; background:#999 !important; border-radius:5px; border:none;} #subscriptions input.button:hover {color:#fff; background:#003974 !important;} #subscriptions table.acymailing_lists tr {display:inline-block; vertical-align:top; width:90%;} @media (min-width: 480px) { #subscriptions table.acymailing_lists tr {width:90%;} } @media (min-width: 768px) { #subscriptions table.acymailing_lists tr {width:50%;} } @media (min-width: 992px) { #subscriptions table.acymailing_lists tr {width:50%;} } @media (min-width: 1200px) { #subscriptions table.acymailing_lists tr {width:32%;} } @media (min-width: 1600px) { #subscriptions table.acymailing_lists tr {width:24%; } } #subscriptions table.acymailing_lists {margin-bottom:10px;} #subscriptions table.acymailing_lists input[type="checkbox"] {position:absolute; left:0; top:2px; border:none; height:18px; } @media (min-width: 480px) { #subscriptions table.acymailing_lists input[type="checkbox"] {top:4px;} } @media (min-width: 768px) { #subscriptions table.acymailing_lists input[type="checkbox"] {top:5px;} } #subscriptions table.acymailing_lists label {font-size:1.3em; position:relative; padding-top:0px; padding-left:18px; padding-bottom:0px; display:block; line-height:1.5em; text-align:left; font-weight:500; width:auto;} @media (min-width: 768px) { #subscriptions table.acymailing_lists label {font-size:1.1em;} } #subscriptions table.acymailing_lists [type='file'], [type='checkbox'], [type='radio'] {margin:0 0 0.4rem; } #subscriptions table.acymailing_lists tr:nth-child(1) {display:block; vertical-align:top; width:100%; border-bottom:2px dotted #ccc; padding-bottom:5px; margin-bottom:10px;} #subscriptions table.acymailing_lists tbody tr:nth-child(2n) {background-color: rgba(202, 202, 202, 0);} ul.subscriptions {} ul.subscriptions li {list-style:none;} div.acymailing_module_success { color:#E12024; background-color:#fff; border:1px solid #E12024; font-size:1.3em; margin:10px 0; padding: 1em !important; z-index: 10;} .brdr-bt {border-bottom:2px solid #999;} div.acymailing_module_success.slide_open {box-shadow: 0px 1px 5px rgba(0,0,0,0.1); border:1px solid #E12024;} div.acymailing_module_success {color:#000 !important; background-color: #dee7ef !important; padding: 1em !important; z-index: 10; margin-bottom: 10px; border:1px solid #7ba0bf !important;}