/* CSS Document */

/*============== Base Styles ==============*/

body {
  margin: 0;
  padding:0;
  color: #ffffff;
  background:#ffffff;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
 }
 table {
  border-collapse:collapse;
 }
 p, h1, h2, h3, h4, h5, h6 {
 
 }
 
 /*  links */
 a {
  text-decoration:none;
 }
 a:hover {
  text-decoration:none;
 }
 a img {opacity: 1.0;}
 a:hover img {opacity: 0.6;}
 
 /*  headers */
 h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color:#ffffff;
  text-transform: uppercase;
 }
 h1 {font-size: 31px; line-height: 39px; margin-top: 0px;}
 h2 {font-size: 19px; line-height: 27px; margin-top: 0px;}
 
 /* text */
 p {margin-top: 0px;}
 
 /*============== Header ==============*/
 .clear {clear: both !important;}
 .no-border {border: 0px !important;}
 
 /*  triangles and plus */
 .triangle {
  width:0; 
  height:0; 
  border-bottom:43px solid #C33D27; 
  border-left:43px solid transparent;
  position: absolute;
  bottom:0px; 
  right:0px; 
  opacity: 0;
  z-index: 1;
 }
 .plus-sign {position: absolute; bottom: 4px; right: 11px; z-index: 2;}
 .plus-sign div{
  background:#ffffff;
  width:4px;
  height:18px;
  position:relative;
  margin-left:7px;
 }
 .plus-sign div:before {
  background:#ffffff;
  content:"";
  width:18px;
  height:4px;
  position:absolute;
  top:7px;
  left:-7px;
 }
 div.plus:hover .triangle, img.expand:hover ~ .triangle, img.map:hover + img.expand + .triangle {opacity: 1; z-index: 1;}
 a.inlink {z-index: 2; position: relative;}
 .triangle:hover {opacity: 1;}
 .boxlink {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
 /* project expand sections */
 .plus_hold {position: absolute; right: 0px; bottom: 2px; width: 16px; height: 16px; background-color: #A1A1A1;}
 .expand {position: relative; padding-right: 25px; display: inline; display: inline-block; clear: both; cursor: pointer;}
 .expand h2 {margin: 0px;}
 .expand + ul {display: none; list-style-type: square; padding-left: 20px;}
 .expand + ul li {margin-bottom: 7px;}
 .expand .plus-sign {bottom: 4px; right: 7px;}
 .expand .plus-sign div{width:2px; height:12px; margin-left:5px;}
 .expand .plus-sign div:before {width:12px; height:2px; top:5px; left:-5px;}
 .expand.active .plus-sign {bottom: 9px; right: 2px;}
 .expand.active .plus-sign div{width:12px; height:2px;}
 .expand.active .plus-sign div:before {display: none;}
 .expand_break {display: block; height: 30px;}
 
 /* news release pluses */
 .news_title .plus_hold {position: relative; display: inline-block; margin-left: 5px; bottom: -1px;}
 .news_title .plus_hold .plus-sign {bottom: 2px;}
 .news_title.expand.active .plus-sign {bottom: 7px; right: 2px;}
 
 .qmnews_headline, .qmnews_footer, .xn-newslines { display:none }
 
 /* gutter styles */ 
 .north {border-top:#EBEBEB 12px solid;}
 .east {border-right:#EBEBEB 12px solid;}
 .south {border-bottom:#EBEBEB 12px solid;}
 .west {border-left:#EBEBEB 12px solid;}
 #main .columns {overflow: hidden; position: relative;}
 
 /* Width Check */
 #widthCheck {display:none; z-index: 2; position: absolute;}
 
 /* Responsive iframes */
 .embed-container { position: relative; padding-bottom: 83%; height: 0; overflow: hidden; max-width: 100%; } 
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 
 /* Dynamic News Tables code */
 div.table {overflow-x:auto; position: relative;}
 div.table table {width: 100%; width: calc(100% - 1px); display: table; position: relative; top: 0; right: 0; bottom: 0; left: 0; border: 0px;}
 body p.instruction {font-size: 12px; text-align: center; line-height: 12px; margin:0px; padding:0px; display: none; font-weight: 700;}
 body p.instruction.show {display: block; position: absolute; bottom: 13px;}
 
 
 /*============== Header ==============*/
 
 #header {height: 130px; width: 100%;}
 #logo {margin-top: 35px;}
 #nav {margin-top: 60px;}
 #nav ul {list-style: none; float: right; margin:0px; padding: 0px;}
 #nav .navigation li {float: left; padding: 0px 0px 48px 45px; position: relative;}
 #nav .navigation li.b {padding-left: 0px;}
 #nav .navigation li a {font-size: 22px; color: #15252d; text-transform: uppercase; line-height: 22px; padding-bottom: 4px;}
 #nav .navigation li:hover a, .navigation li.b.about a, .navigation li.c.projects_investments a, .navigation li.d.investors a, .navigation li.e.contact a {border-bottom: 6px solid #C33D27;}
 #nav .navigation ul.sub {
  display: none; 
  list-style: none;
  position: absolute; 
  top:73px;
  left:45px;
  width:300px; 
  box-sizing:border-box;
  background-color: #C33D27;
  z-index:1000;
 }
 #nav .navigation li.b ul.sub {left: 0px !important;}
 #nav .navigation ul.sub li {border-bottom: 2px solid #F18578; width: 100%; padding: 20px 0px 20px 15px;}
 #nav .navigation ul.sub li a {font-size: 19px; line-height: 19px; color: #ffffff;}
 #nav .navigation ul.sub li:hover {background-color: #F18578;}
 #nav .navigation ul.sub li:hover a {border-bottom: 0px;}
 
 
 /*============== Main ==============*/
 #main {padding: 55px 12px 90px 12px; background-color: #EBEBEB; width: 100%; clear: both;}
 #main .box {padding: 25px; font-size: 19px; line-height: 27px; box-sizing: border-box;}
 #main .box p {margin: 0px;}
 #main .box h2 {margin-bottom: 5px; text-align: left !important;}
 .up {color: #8dc63f;}
 .down {color: #FF0000;}
 .tab {display: table; table-layout: fixed;}
 .tr {display: table-row; table-layout: fixed;}
 .tc {display: table-cell; table-layout: fixed;}
 #pageheader {padding-right: 0px; padding-left: 0px;}
 #pageheader h1 {color:#1c3543; font-size: 31px; line-height: 35px;}
 #pageheader.officers, #pageheader.directors {height: 55px;}
 #splitTitle {background-color: #EE8476; display: inline; display: inline-block; overflow: hidden;}
 #splitTitle h1 {margin: 0px; padding: 10px 0px;}
 #splitTitle h1 a {color: #ffffff; z-index: 2; position: relative;}
 #splitTitle span {position: relative; padding: 25px;}
 #splitTitle span.first.officers {padding-right: 15px;}
 #splitTitle span.second.directors {padding-left: 15px;}
 #splitTitle span.first.officers, #splitTitle span.second.directors, #splitTitle span.active {background-color: #C33D27;}
 #splitTitle span.first.officers:after, #splitTitle span.active:after {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: bottom right;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: bottom right;
  transform: rotate(18deg);
  transform-origin: bottom right;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  right: 4px;
  bottom: 0px;
  z-index: 1; 
 }
 #splitTitle span.second.directors:before, #splitTitle span.active:before {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: top left;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: top left;
  transform: rotate(18deg);
  transform-origin: top left;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  left: 4px;
  top: 0px;
  z-index: 1; 
 }
 #main #sidebar #firstBox {background-color: #1C3543; border-bottom:#EBEBEB 12px solid; position: relative;}
 #main #sidebar #secondBox {background-color: #136590; position: relative;}
 #yearNav {background-color: #EE8476; overflow: hidden; height: 51px;}
 #yearNav a {font-size: 31px; line-height: 51px; color: #ffffff !important; position: relative; z-index: 2;}
 #yearNav + div {padding:30px 25px;}
 #yearNav span {padding: 25px; position: relative; margin: 10px;}
 
 body #contentBody._2015,
  body #contentBody._2014,
  body #contentBody._2016,
  body #contentBody._2017,
  body #contentBody._2018,
  body #contentBody._2019, 
  body #contentBody._2020 {padding: 0px !important;}
 
 #yearNav span:hover, 
 #yearNav span._2015.a2015, 
 #yearNav span._2014.a2014, 
 #yearNav span._2017.a2017,
 #yearNav span._2018.a2018, 
 #yearNav span._2016.a2016,
 #yearNav span._2019.a2019,
 #yearNav span._2020.a2020 {background-color: #C33D27;}
 
 #yearNav span:hover:after, 
 #yearNav span._2015.a2015:after, 
 #yearNav span._2014.a2014:after,
 #yearNav span._2016.a2016:after, 
 #yearNav span._2017.a2017:after,
 #yearNav span._2018.a2018:after,
 #yearNav span._2019.a2019:after,
 #yearNav span._2020.a2020:after  {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: bottom right;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: bottom right;
  transform: rotate(18deg);
  transform-origin: bottom right;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1; 
 }
 #yearNav span:hover:before, 
 #yearNav span._2015.a2015:before,
  #yearNav span._2014.a2014:before, 
  #yearNav span._2017.a2017:before,
  #yearNav span._2018.a2018:before, 
  #yearNav span._2016.a2016:before, 
  #yearNav span._2019.a2019:before,
  #yearNav span._2020.a2020:before  {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: top left;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: top left;
  transform: rotate(18deg);
  transform-origin: top left;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1; 
 }
 #yearNav span.first:hover:before, 
 #yearNav span._2018.a2018:before, 
 #yearNav span._2019.a2019:before,
 #yearNav span._2020.a2020:before {left:-8px;}
 
 
 /*============== About Overview ==============*/
 #about {background-size: cover; background-position: center center; background-image: url(../../../../_resources/backgrounds/about-bg.jpg?v=0.1); height: 400px; padding: 0px; margin: 0px;}
 #about .caption {
  position: absolute; 
  top: 0px; right: 0px; bottom: 0px; left: 0px; 
  background-color: #c23d27; background-color: rgba(194,61,39,0.75); 
  padding: 135px 60px 40px 40px;
  font-size: 31px; line-height: 40px; font-weight: 700;
  display: none;
 }
 #about:hover .caption {display: block;}
 #team {background-color: #1C3543; padding: 0px; margin: 0px;}
 #team-text {float:left; width: 70%; box-sizing: border-box; padding-right: 20px;}
 #team-icon {
  float:left; 
  vertical-align: bottom; 
  width: 30%; 
  position: absolute;
  right: 25px;
  bottom: 25px;
  box-sizing: border-box;
  vertical-align: bottom;
 }
 #governance {background-color: #1C445B; padding: 0px; margin: 0px;}
 #governance img {margin:20px auto 0px auto; display: block;}
 #governance a {color: #ffffff; text-decoration: underline;}
 #main #stock {background-color: #136590; padding: 27px 5px 30px 22px; margin: 0px; position: relative; box-sizing: border-box;}
 #corporate {background-color: #1C3543; padding: 0px; margin: 0px; position: relative;}
 #corporate a {color: #ffffff;}
 /* Stock info */
 #symbol {font-size: 25px; line-height: 30px; font-weight: 700; padding-bottom: 20px; padding-top: 12px;}
 #stock-info {display: table;}
 #stock-info .tr {display: table-row; }
 #stock-info .tr div {display: table-cell; font-size: 18px; line-height: 19px; padding-bottom: 20px; vertical-align: bottom;}
 #stock-info .tr div:nth-child(1) {padding-right: 8px;}
 #stock-info .tr div span {font-size:25px; line-height: 29px; font-weight: 700;}
 #stock-date {font-size:15px; font-weight: 700px; line-height: 19px;}
 /* Base page styles */
 #main #contentBody {background-color: #fff; font-size: 19px; line-height: 27px; color: #1c3543; border-bottom: #EBEBEB 12px solid; overflow: hidden;}
 #main #contentBody.company_profile {background-color: #D9D9D9;}
 #main #contentBody h1 {font-size: 19px; line-height: 27px; color: #c23d27; text-transform: uppercase; margin-bottom: 10px;}
 #main #contentBody h3 {color: #136590; font-size: 19px; line-height: 27px; text-transform: none;}
 #main #contentBody h3 span {text-transform: uppercase;}
 #main #contentBody p {margin: 0px 0px 36px 0px;}
 #main #contentBody a {color: #136590;}
 #main #content {padding: 0px; border-right:#EBEBEB 12px solid;}
 #main #sidebar {padding: 0px;}
 /* Company Profile */
 #main #content .box {padding: 40px 35px;}
 #main #intro {background-color: #0F5275; font-size: 31px; line-height: 39px; border-bottom:#EBEBEB 12px solid;}
 #main #sidebar #timehold {background-color: #1B3542; padding: 25px 20px 55px 20px; position: relative;}
 
 /*============== Contact Overview ==============*/
 #main #contact .text {float:left; width: 75%; box-sizing: border-box; padding-right: 20px;}
 #main #contact .icon {
  float:left; 
  vertical-align: bottom; 
  width: 25%;
  position: absolute;
  right: 25px;
  bottom: 25px;
  box-sizing: border-box;
  vertical-align: bottom;
 }
 #main #follow {background-color: #136590; padding: 25px 0px 25px 20px; line-height: 19px;}
 #main #contact a, #main #follow a {color: #ffffff;}
 #follow div {padding: 25px 0px;}
 #follow img {vertical-align: middle;}
 #contactInfo {background-color: #0F5275; min-height: 250px;}
 #transferAgent {background-color: #1C3543;}
 #main #transferAgent .text {width: 100%;}
 #contactInfo p, #transferAgent p {font-size: 16px;}
 #contactEmail {background-color: #1C445B;}
 #contactEmail p {padding-bottom: 25px;}
 #contactEmail p.message {font-size: 15px;}}
 /*#social.contact_overview {margin-right: 0px;}*/
 #main #contactEmail .text {display:block; float: left; width: 75%; position: relative; padding-right: 0px;}
 #main #contactEmail .icon {
  display: block;
  float: left;
  width: 25%;
  position: absolute;
  right: 25px;
  bottom: 25px;
  box-sizing: border-box;
  vertical-align: bottom;
 }
 #main #contactEmail #email {float: none;}
 #main #contactEmail #email p {text-transform: uppercase; margin: 40px 0px 0px 0px; padding-bottom: 5px;}
 #main #contactEmail #form-email2 {width: 70%; display: block; background-color: #136590; float: left; font-size: 19px; line-height: 40px; height: 40px; border: 0px; padding-left: 15px;}
 #form-submit2 {width: 20%; height: 40px; line-height: 34px; background-color: #fff; border: 2px solid #136590; box-sizing: border-box; float: left; color: #136590; font-weight: 700; font-size: 40px; transition:0.5s ease-in-out;}
 #form-submit2:hover {background-color: #136590; color: #ffffff;}
 #main #contactEmail #signup_message {width: auto; color: #ffffff;}
 #contactMap {background-size: cover; background-position: center center; background-image: url(../img/contact-map4.jpg); background-color: #1B3542; height: 255px;}
 
 /*============== Project Overview ==============*/
 #po_intro {background-color: #1C445B; overflow: hidden; margin-right: 400px; box-sizing: border-box;}
 #po_investments {background-color: #0F5275; position: relative; float: right; width: 400px; box-sizing: border-box;}
 #po_slider {position: relative; overflow: hidden; margin-right: 400px; box-sizing: border-box;}
 #po_map {background-color: #1C3543; float: right; width: 400px; box-sizing: border-box; height: 395px;}
 #main #po_map .subtitle {font-size: 10px; line-height: 10px; color: #c2c2c2; font-weight: 700; text-transform: uppercase;}
 #main #interactive_map {position: relative; margin: 40px auto 10px -10px; width: 350px; height: auto;}
 #main #interactive_map a {position: absolute; width: 20px; height: 20px; z-index: 3;}
 #main #interactive_map a#po_map1 {top: 30px; left: 76px;}
 #main #interactive_map a#po_map2 {top: 119px; left: 92px;}
 #main #interactive_map a#po_map3 {top: 147px; left: 84px;}
 #main #interactive_map a#po_map4 {top: 128px; left: 177px;}
 #main #interactive_map div {position: absolute; padding: 9px 0px; font-size: 16px; line-height: 16px; color: #ffffff; background-color: #C13C26; text-align: center; display: none; z-index: 2;}
 #main #interactive_map div:after {content: ''; width: 0; height: 0; border-left: 6px solid transparent;	border-right: 6px solid transparent; border-top: 10px solid #C13C26; position: absolute; top: 32px; }
 #main #interactive_map div.blue {background-color: #24B0EE;}
 #main #interactive_map div.blue:after {border-top: 10px solid #24B0EE;}
 #main #interactive_map div#po_map1_caption {width: 170px; top: -3px; left: 0px;}
 #main #interactive_map div#po_map1_caption:after {left: 80px;}
 #main #interactive_map div#po_map2_caption {width: 185px; top: 86px; left: 10px;}
 #main #interactive_map div#po_map2_caption:after {left: 87px;}
 #main #interactive_map div#po_map3_caption {width: 205px; top: 114px; left: 3px;}
 #main #interactive_map div#po_map3_caption:after {left: 87px;}
 #main #interactive_map div#po_map4_caption {width: 195px; top: 94px; left: 93px;}
 #main #interactive_map div#po_map4_caption:after {left: 87px;}
 #main #interactive_map a:hover + div {display: block;}
 #main #interactive_map img.normalmap {display: block;}
 #main #interactive_map img.mobilemap {display: none; height: 187.75px !important;}
 #main #po_map div.caption {font-size: 13px; line-height: 17px; color: #ffffff; font-weight: 700; padding-left: 10px;}
 #main #po_map div.caption.red {padding-top: 20px;}
 #main #po_map div.caption.red span {color:#C13C26;}
 #main #po_map div.caption.blue span {color:#24B0EE;}
 #main.projects_overview .box {padding: 20px 0px 20px 25px;}	
 #main #po_investments h2, #main #po_map h2 {margin-bottom: 5px;}
 #main #po_investments p {padding: 35px 25px 35px 0px;}
 #main #po_intro {font-size: 31px; line-height: 39px;}
 #main #po_intro p {margin: 40px 55px;}
 
 
 /*============== Project Pages ==============*/
 #project_slider {padding-bottom: 39%; min-height: 250px;}
 #es_contract {background-color: #1C445B; padding: 20px 35px; float: left; width: 100%; font-size: 31px; line-height: 39px;}
 #es_contract p {padding-top: 10px;}
 #es_contract img {padding-left: 10px; max-width: none;}
 #es_contract .tc {vertical-align: middle;}
 .es_box {width: 25%; padding: 35px 20px 20px 25px;}
 .es_box p {font-size: 35px; line-height: 24px; text-transform: uppercase; margin: 0px;}
 .es_box p span {font-size: 19px;}
 .es_box p span.unit {font-size: 29px; line-height: 0px; text-transform: lowercase;}
 #es_logo {background-color: #FFFFFF; float: left; padding: 20px;}
 #es_ownership {background-color: #1C3543; float: left;}
 #es_ownership.troilus_gold_mine.es_box p {font-size: 24px; line-height:24px;}
 #es_resource {background-color: #0F5275; float: left;}
 #es_size {background-color: #136590; float: left; padding-top: 28px;}
 #es_size p {font-size: 24px; line-height: 24px;}
 #es_content {background-color: #D9D9D9; float: left; width: 100%; padding: 35px; color: #1c3543; font-size: 19px; line-height: 24px;}
 #es_content h2 {color: #c23d27; font-size: 19px; line-height: 19px;}
 #es_overview_map {background-color: #1C3543; float: left; width: 100%; text-align: center; padding: 10px 10px 30px 10px;}
 #es_map {background-color: #1C445B; float: left; width: 100%; text-align: center; position: relative; padding: 10px 10px 30px 10px;}
 #es_overview_map h2, #es_map h2 {text-align: left; padding: 20px 0px 10px 10px; }
 img.expand {position: absolute; right: 5px; bottom: 5px; z-index: 5; padding-right: 0px;}
 a:hover img.expand {opacity: 1.0;}
 /*.zoomContainer {z-index: 9001;}*/
 .fancybox-image {z-index: 9000;}
 .zoomImg {z-index: 9001;}
 .hidden {display: none;}
 .fancybox-title a {color: #fff;}
 
 
 /*============== Investor Overview ==============*/
 #io_intro {background-color: #0F5275; position: relative; padding: 0px;}
 #io_intro .content {font-size: 20px; line-height: 28px; padding: 40px 15px 40px 25px;}
 #io_pres {background-color: #136590; position: relative; text-align: center; padding: 20px !important;}
 #io_pres h2 {padding-bottom: 35px;}
 #io_fact {background-color: #1C3543; position: relative; text-align: center; padding: 20px !important;}
 #io_report {background-color: #1C445B; position: relative; text-align: center; padding: 20px !important;}
 #io_fact h2, #io_report h2 {padding-bottom: 25px;}
 #io_news {background-color: #136590; position: relative; min-height: 270px;}
 body #io_news .news_title {position: relative;}
 body #io_news .news_title a {z-index: 2;}
 body #io_news .news_date {font-size:16px; line-height: 20px; font-weight: 700;}
 body #io_news .news_title {font-size:16px; line-height: 20px; padding-bottom: 15px;}
 body #io_news .news_title a:hover {color: #B4B4B4 !important;}
 body #io_news .plus_hold {display: none;}
 #io_events {background-color: #136590; position: relative;}
 #io_events p a {color: #ffffff; text-decoration: underline;} 
 #stock.investors_overview {background-color: #1C3543 !important;}
 #main .hold {padding: 0px; margin: 0px; box-sizing: border-box;}
 
 /*============== Track Record ==============*/
 #tr_slider {height: 425px;}
 #tr_highlights {height: 425px; background-color: #125275;}
 .scroll {position: relative; margin-left: -18px;}
 #tr_highlights .scroll {height: 330px; display: none;}
 #dsm.scroll {display: block;}
 #tr_highlights .flexslider {display: none;}
 #slidedsm {display: block;}
 #tr_highlights p {margin-bottom: 19px !important;}
 #tr_timeline {position: relative; padding: 40px 0px 87% 0px; box-sizing: border-box;}
 #timebar.track_record {height: 45px; font-size: 31px; line-height: 45px;}
 #timebar.track_record span {text-align:none;}
 #tr_timeline .flexslider {border:0px; position: relative !important; margin: 0px;} 
 #tr_timeline .flexslider ul.slides {position: relative !important;}
 #tr_timeline #timebar span {padding: 10px 80px;}
 #tr_timeline #timebar span:nth-child(1) {padding-left: 40px !important;}
 #tr_timeline #timebar span:nth-child(3) {padding-right: 40px !important;}
 /* New Edits */
 #tr_timeline .tab {width: 100%; display: none !important;}
 .tr_box {display: table-cell; width: 33%; border-bottom:#EBEBEB 12px solid; box-sizing: border-box; background-color: #fff; vertical-align: middle; padding: 15px; height: 240px;}
 .tr_box.box1 {border-right:#EBEBEB 12px solid;}
 .tr_box.box3 {border-left:#EBEBEB 12px solid;}
 .tr_img {clear: both; width: 100%;}
 .tr_img .mobile {display: none !important;}
 .tr_img .desktop {display: block !important;}
 .tr_box.box1 .logo {width: 250px;}
 .tr_box.box2 .caption {font-size: 28px; line-height: 36px; color: #c33d27;}
 .tr_box.box2 .caption span {font-size: 44px; line-height: 52px; font-weight: 700;}
 .tr_box.box3 .caption {font-size: 31px; line-height: 39px; color: #125275;}
 
 
 /*============== Sidebar ==============*/
 #main #sidebar a {color: #ffffff;}
 #main #sidebar div.box {padding: 30px 15px 30px 30px;}
 #main.stock_quote #sidebar #stock {padding: 30px 15px 35px 30px;}
 #main #sidebar #firstBox div.hold {overflow: hidden;}
 #main #sidebar #firstBox div.hold div:nth-child(1) {width: 60%; box-sizing: border-box; padding-right: 10px; float: left;}
 #main #sidebar #firstBox div.hold div:nth-child(2) {width: 40%;  float: left;}
 #main #sidebar #stock {background-color: #1B3542;}
 
 #main #sidebar #firstBox div.pres_left {max-width: 200px;}
 /*============== Slider ==============*/
 .flexslider {border:0px; background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0px;} 
 .flexslider ul.slides {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
 .flexslider ul.slides li {top: 0; right: 0; bottom: 0; left: 0;}
 #po_slider .flex-control-nav, #project_slider .flex-control-nav, #tr_slider .flex-control-nav {bottom: 15px; left:20px; text-align: left; z-index: 2;}
 #po_slider .flex-control-paging li a, #project_slider .flex-control-paging li a, #tr_slider .flex-control-paging li a {background: #7d7d7d; background: rgba(125, 125, 125, 0.9); box-shadow: none; width: 14px; height: 14px;}
 #po_slider .flex-control-paging li a.flex-active, #project_slider .flex-control-paging li a.flex-active, #tr_slider .flex-control-paging li a.flex-active {background: #ffffff; background: rgba(255, 255, 255, 0.75);}
 #po_slider .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/po_slider/active-investments.jpg);}
 #po_slider .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/po_slider/active-investments2.jpg);}
 #po_slider .slide3 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/po_slider/po-troilus.jpg);}
 #project_slider.east_sullivan_project .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/east_sullivan/sullivan-slide1b.jpg);}
 #project_slider.east_sullivan_project .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/east_sullivan/sullivan-slide2b.jpg);}
 #project_slider.east_sullivan_project .slide3 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/east_sullivan/sullivan-slide3.jpg);}
 .orange-creek-australia .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/images/Orange-Creek-Australia-banner1.jpg);}
 .salt-cay-macusani-peru .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/images/Salt-Cay-Macusani-Peru-banner1.jpg);}
 #project_slider.troilus_gold_mine .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/troilus/troilus-slide1.jpg);}
 #project_slider.troilus_gold_mine .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/troilus/troilus-slide2-b.jpg);}
 #project_slider.troilus_gold_mine .slide3 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/troilus/troilus-slide3.jpg);}
 #slidedsm .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/dsm1.jpg);}
 #slidedsm .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/dsm2.jpg);}
 #slidedsm .slide3 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/dsm3.jpg);}
 #slidedsm .slide4 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/dsm4.jpg);}
 #slidesgc .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/sgc1.jpg);}
 #slidesgc .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/sgc2.jpg);}
 #slidesgc .slide3 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/sgc3.jpg);}
 #slidesgc .slide4 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/sgc4.jpg);}
 #slidecsm .slide1 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/csm1b.jpg);}
 #slidecsm .slide2 {background-size: cover; background-position: center center; background-image: url(../../../../_resources/tr_slider/csm2.jpg);}
 #timeline {position: relative; height: 185px; background-color: #ffffff;}
 #timeline a {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
 #timeline .caption {color: #1c3544; padding: 35px 20px 12px 20px; line-height: 19px;}
 #timeline .logo {width: 55%; margin: auto;}
 #timeline .logo.sulliden {width: 70%;}
 #timeline .slide1 .logo {width: 44%;}
 #timeline .slide3 .logo {width: 52%; padding-top: 25px;}
 .title-bar h1 {margin: 0px; padding: 0px; z-index: 3; position: relative; font-size: 31px; line-height: 31px;}
 h1.large {font-size: 75px; line-height: 80px; margin: 30px 0px 0px 30px;}
 .title-bar {padding: 15px 15px 15px 30px; background-color: #C33D27; display: inline-block; position: relative;}
 .title-bar:after {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: bottom right;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: bottom right;
  transform: rotate(18deg);
  transform-origin: bottom right;  
  height: 150%;
  width: 100%;
  background-color: #C33D27;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2;
 }
 /* Timebar */
 #timebar {
  font-size:19px; 
  line-height:25px;
  background-color: #A7ACB0; 
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  text-align: justify;
  overflow: hidden;
  height: 25px;
  /*white-space:nowrap;*/
 }
 #timebar:after {
  content: "";
  display: inline-block;
  width: 100%;
 }
 #timebar span {padding: 5px 10px; position: relative;}
 #timebar span a {z-index: 2; position: relative;}
 #timebar span.active, #timebar span.active2, #timebar span.flex-active {background-color: #C33D27;}
 #timebar span.active:after, #timebar span.active2:after, #timebar span.flex-active:after {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: bottom right;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: bottom right;
  transform: rotate(18deg);
  transform-origin: bottom right;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  right: -10px;
  bottom: -5px;
  z-index: 1; 
 }
 #timebar span.active:before, #timebar span.active2:before, #timebar span.flex-active:before {
  content: '';
  -webkit-transform: rotate(18deg);
  -webkit-transform-origin: top left;
  -ms-transform: rotate(18deg);
  -ms-transform-origin: top left;
  transform: rotate(18deg);
  transform-origin: top left;  
  height: 200%;
  width: 50%;
  background-color: #C33D27;
  position: absolute;
  left: -10px;
  top: -5px;
  z-index: 1; 
 }
 #timebar span:nth-child(1) {padding-left: 15px;}
 #timebar span:nth-child(3) {padding-right: 15px;}
 
 
 /*============== Footer ==============*/
 
 #footer {padding: 50px 0px;}
 #footer .row {padding: 0px 12px;}
 #foot-nav {line-height: 40px; color: #000000; font-size: 19px; float: left; margin-right: 30px;}
 #foot-nav a {color: #000000;}
 #foot-nav a:hover {opacity:0.6;}
 #social {float: right; margin-right: 70px;}
 #social img {margin-left: 30px;}
 #social a:nth-child(1) img {margin-left: 0px;}
 #email {float: right;}
 #form-password {display: none;}
 #form-email {font-size: 19px; line-height: 40px; width: 290px; height: 40px; background-color: #242424; border: 0px; padding-left: 15px; float: left;}
 #signup_message {color: #000000; width: 350px;}
 #signup_message .error {color: red;}
 #form-submit {width: 60px; height: 40px; line-height: 34px; background-color: #fff; border: 2px solid #242424; box-sizing: border-box; float: left; color: #242424; font-weight: 700; font-size: 40px; transition:0.5s ease-in-out;}
 #form-submit:hover {background-color: #242424; color: #ffffff;}
 
 
 /*============== Mobile ==========*/
 
 .mobile-show {display: none !important;}
 #menu-icon{
  width: 23px;
  height: 18px;
  position: relative;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  top: 15px;
  left: 15px;
  z-index: 1;
 }
 #menu-icon span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #A3A1A2;
  /*border-radius: 4px;*/
  opacity: 1;
  left: 0;
 }
 #menu-icon span:nth-child(1) {
  top: 0px;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out; 
  transition: .25s ease-in-out;
 }
 #menu-icon span:nth-child(2) {
  top: 7px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out; 
  transition: .5s ease-in-out;
 }
 #menu-icon span:nth-child(3) {
  top: 14px;
  -webkit-transition: .75s ease-in-out;
  -moz-transition: .75s ease-in-out;
  -ms-transition: .75s ease-in-out; 
  transition: .75s ease-in-out;
 }
 #menu-icon.open span:nth-child(1) {opacity: 0; left: -16px;}
 #menu-icon.open span:nth-child(2) {opacity: 0; left: -16px;}
 #menu-icon.open span:nth-child(3) {opacity: 0; left: -16px;}
 #mobile-header {height: 45px; position: fixed; top: 0px; width: 100%; box-sizing:border-box; z-index: 1000; display: none;}
 #mobile-menu {display: none; background-color: #fff; height: 45px; width: 100%; top: 0px; position: absolute; z-index: 0;}
 #mobile-logo {float: right; padding-right: 15px; padding-top: 3px;}
 #mobile-close {float: left; margin-left: 15px; margin-top: 20px; width: 14px; height: 14px; position: relative;}
 #mobile-close span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #C33D27;
  /*border-radius: 4px;*/
  opacity: 1;
  left: 0;
 }
 #mobile-close span:nth-child(1) {
  top: 0px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
 }
 #mobile-close span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);
 }
 
 /* Mobile Nav ==========*/
 
 #mobile-menu ul.navigation {
  list-style: none; 
  width: 100%;  
  top:45px;
  position: absolute;
  margin: 0px;
  display:none;
  height: auto;
  padding: 0px;
  text-align: center;
  max-height: 89vh; 
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
 }
 #mobile-menu ul.navigation li {display: block; padding: 10px 0px; background-color: rgb(195, 61, 39); background-color: rgba(195, 61, 39, 0.95);}
 #mobile-menu ul.navigation li.hover {background-color: rgb(241, 133, 120); background-color: rgba(241, 133, 120, 0.95);}
 #mobile-menu ul.navigation li.hover a {border-bottom: 1px #FFFFFF solid; padding: 2px 0px;}
 #mobile-menu ul.navigation li a {font-size:16px; text-transform: uppercase; color: #ffffff; line-height: 16px; cursor: pointer;}
 #mobile-menu .navigation ul.sub {
  display: none;
  padding: 10px 0px;
  margin: 0px; 
 }
 #mobile-menu .navigation ul.sub li {background-color: transparent; padding: 5px 0px;}
 #mobile-menu .navigation ul.sub li a {font-size:14px; text-transform: uppercase; border-bottom: none; line-height: 14px;}
 
 
 /*============== Custom Styles =======================*/
 
 #stockchart {width: 450px; margin-left: 15px;}
 #stockchart2 {display:none;}
 #stockchart2 img {width:100%;}
 #contentBody.stock_quote {padding: 15px 15px !important;}
 .financial {float: left; width: 200px; font-weight: 700; margin-bottom: 40px;}
 .financial span {color: #959595; font-size: 16px; font-weight: 400;}
 .financial {font-size: 16px; color: #136590;}
 .financial a {font-size: 16px;}
 .financial p {margin-bottom: 20px !important;}
 .news_item {padding-bottom: 30px;}
 .news_date {color: #c23d27;}
 .display .news_date {color: #1c3543; margin-bottom: 25px; font-weight: 700;}
 .news_title a {color: #1c3544 !important; font-weight: 700;}
 .display h1.news_title {margin-bottom: 25px !important;}
 #io_news .news_item {padding-bottom: 15px;}
 #io_news .news_description {display: none;}
 #io_news .news_date {color: #ffffff;}
 #io_news .news_title a {color: #ffffff !important; font-weight: 400;}
 
 /*============== TABS ==============*/
 @-webkit-keyframes fadeInUpTabs {
   0% {
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
     opacity: 0;
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
   }
   100% {
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 @keyframes fadeInUpTabs {
   0% {
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
     opacity: 0;
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
   }
   100% {
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 .news.box,
 .financial_reports.box {
   padding:0!important;
 }
 #main .tabs>ul {
   list-style: none;
   /*padding: 0 30px;*/
   /*background-color: #253965;*/
   background-color: #EE8476;
   /*overflow: hidden;*/
   /*height: 51px;*/
   padding: 0;
   margin: 0;
 }
 #main .tabs>ul>li {
   display: inline-block;
   /*padding: 20px 0 10px 0;*/
       padding: 0 25px;
     position: relative;
  
   /*color: #fff;*/
   /*margin-right: 40px;*/
   cursor: pointer;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   font-size: 31px;
     line-height: 51px;
     color: #ffffff !important;
     position: relative;
     z-index: 2;
 }
 /*#main .tabs>ul>li:before {
   content: '';
     -webkit-transform: rotate(18deg);
     -webkit-transform-origin: top left;
     -ms-transform: rotate(18deg);
     -ms-transform-origin: top left;
     transform: rotate(18deg);
     transform-origin: top left;
     height: 200%;
     width: 50%;
     background-color: #C33D27;
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: 1;
 }
 #main .tabs>ul>li:after{
   content: '';
     -webkit-transform: rotate(18deg);
     -webkit-transform-origin: bottom right;
     -ms-transform: rotate(18deg);
     -ms-transform-origin: bottom right;
     transform: rotate(18deg);
     transform-origin: bottom right;
     height: 200%;
     width: 50%;
     background-color: #C33D27;
     position: absolute;
     right: 0px;
     bottom: 0px;
     z-index: 1;
 }*/
 #main .tabs>ul>li.active, 
 #main .tabs>ul>li:hover {
   /*border-bottom: 2px solid #77bc21;*/
    background-color: #C33D27;
 }
 #main .tabs>ul>li:before {
   display: none;
 }
 @media screen and (max-width:1200px) {
   #main .tabs>ul {
     display: none;
   }
 }
 #main .tabs>ul .has-sub {
   position: relative;
 }
 #main .tabs>ul .has-sub .sub-tabs {
   position: absolute;
   top: 51px;
   left: 0;
   z-index: 333;
   display: none;
   width: 153px;
   margin: 0;
   padding:0;
   list-style: none;
 }
 #main .tabs>ul .has-sub .sub-tabs li {
   width: 100%;
   /*font-size: 16px;*/
   line-height: 1.63;
   letter-spacing: 0.3px;
   background-color: #C33D27;
   color: #fff;
   padding: 5px 0 5px 25px;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   text-align: left;
 }
 #main .tabs>ul .has-sub .sub-tabs li:before {
   display: none;
 }
 #main .tabs>ul .has-sub .sub-tabs li:hover {
   background-color: #1B3542;
 }
 #main .tabs>ul .has-sub:hover .sub-tabs {
   display: block;
 }
 #main .tabs .tab_select {
   display: none;
 }
 @media screen and (max-width:1200px) {
   #main .tabs .tab_select {
     display: block;
     margin-bottom: 20px;
     width: 100%;
     position: relative;
   }
   #main .tabs .tab_select i {
     position: absolute;
     top: 25px;
     right: 25px;
     pointer-events: none;
   }
   #main .tabs .tab_select select {
     width: 100%;
     padding: 17px 20px;
     border: solid 1px #1B3542;
     background-color: transparent;
   }
 }
 .tabs .wrapper .hold {
   display: none;
 }
 .tabs .wrapper .hold.active {
   display: block;
   -webkit-animation-name: fadeInUpTabs;
   animation-name: fadeInUpTabs;
   -webkit-animation-duration: 0.35s;
   animation-duration: 0.35s;
   padding:30px 25px!important;
 }
 /*============== RESPONSIVE ADJUSTMENTS ==============*/
 
 @media (max-width: 1285px) {
 h1.large {font-size: 60px; line-height: 65px; margin: 60px 0px 0px 30px;}
 }
 @media (max-width: 1230px) {
 #tr_timeline #timebar span {padding: 10px 65px;}
 }
 @media (max-width: 1209px) {
 #social {float: left; margin-top: 15px;}
 #timebar span {padding: 5px 5px;}
 #timebar span.active:before, #timebar span.active2:before, #timebar span.flex-active:before {left: -5px;}
 #timebar span.active:after, #timebar span.active2:after, #timebar span.flex-active:after {right: -5px;}
 #io_pres, #io_fact, #io_report, #io_news {padding: 10px !important;}
 #io_pres h2, #io_fact h2, #io_report h2, #io_news h2 {font-size: 14px; line-height: 14px;}
 #es_size p {font-size: 19px;}
 }
 @media (max-width: 1170px) {
 #tr_timeline #timebar span {padding: 10px 50px;}
 }
 @media (max-width: 1130px) {
 #timebar span {padding: 5px 0px;}
 #timebar span.active:before, #timebar span.active2:before, #timebar span.flex-active:before {left: -0px;}
 #timebar span.active:after, #timebar span.active2:after, #timebar span.flex-active:after {right: -0px;}
 #main #follow {padding: 25px 0px 25px 10px; font-size:18px;}
 .es_box {padding: 35px 5px 20px 10px;}
 }
 @media (max-width: 1100px) {
 #tr_timeline #timebar span {padding: 10px 30px;}
 #tr_timeline #timebar span:nth-child(1) {padding-left: 30px !important;}
 #tr_timeline #timebar span:nth-child(3) {padding-right: 30px !important;}
 .tr_box.box1 .logo {width: 200px;}
 .tr_box.box2 .caption {font-size: 24px; line-height: 32px;}
 .tr_box.box2 .caption span {font-size: 40px; line-height: 48px;}
 .tr_box.box3 .caption {font-size: 27px; line-height: 35px;}
 }
 @media (max-width: 1030px) {
 .es_box p {font-size: 20px; line-height: 19px;}
 .es_box p span {font-size: 15px;}
 .es_box p span.unit {font-size: 15px;}
 #es_logo {padding: 20px 10px;}
 #es_size p, #es_ownership.troilus_gold_mine.es_box p {font-size: 15px; line-height: 19px;}
 }
 @media (max-width: 999px) {
 #nav ul {float: left;}
 #nav {margin-top: 48px;}
 #widthCheck {z-index: 1;}
 #timebar {font-size:15px; }
 #team-icon {width: 20%;}
 #content .box {padding: 20px 15px;}
 #timebar span:nth-child(1) {padding-left: 2px;}
 #timebar span:nth-child(3) {padding-right: 2px;}
 #timeline .caption br {display: none;}
 #about .caption {padding: 85px 40px 40px 40px; font-size: 25px; line-height: 29px;}
 #main #follow {padding: 25px; font-size:19px;}
 #main #follow div {display: inline; display: inline-block; margin-right: 25px;}
 #main #po_intro {font-size: 25px; line-height: 29px;}
 #timebar.track_record {height: 40px; font-size: 22px; line-height: 40px;}
 }
 @media (max-width: 950px) {
 .tr_box {height: 186px;}
 .tr_box.box1 .logo {width: 175px;}
 .tr_box.box2 .caption {font-size: 20px; line-height: 28px;}
 .tr_box.box2 .caption span {font-size: 36px; line-height: 44px;}
 .tr_box.box3 .caption {font-size: 23px; line-height: 31px;}
 }
 @media (max-width: 900px) {
 #io_pres, #io_fact, #io_report, #io_news {padding: 10px !important;}
 #io_pres h2, #io_fact h2, #io_report h2, #io_news h2 {font-size: 12px; line-height: 12px;}
 }
 @media (max-width: 899px) and (min-width: 738px) {
 #contactInfo .icon, #transferAgent .icon, #contactEmail .icon {display: none !important;}
 #main #contact .text {width: 100%;}	
 }
 @media (max-width: 836px) {
 #email {float: left; margin: 10px 200px 0px 0px;}
 #main #contactEmail #email {float: none; margin: 0px;}
 #social {margin-top: 15px;}
 #stock {padding: 17px 5px 30px 12px;}
 }
 @media (max-width: 800px) {
 #nav .navigation li {padding: 0px 0px 48px 28px;}
 #nav .navigation ul.sub {left:28px;}
 #timebar {font-size:13px;}
 #timebar span:nth-child(1) {padding-left: 10px;}
 #timebar span:nth-child(3) {padding-right: 10px;}
 #main .box {padding: 15px;}
 #io_pres, #io_fact, #io_report, #io_news {padding: 5px !important;}
 #io_pres h2, #io_fact h2, #io_report h2, #io_news h2 {font-size: 10px; line-height: 10px;}
 #timebar.track_record {height: 30px; font-size: 19px; line-height: 30px;}
 .tr_box.box2 .caption {font-size: 18px; line-height: 26px;}
 .tr_box.box2 .caption span {font-size: 34px; line-height: 42px;}
 .tr_box.box3 .caption {font-size: 21px; line-height: 29px;}
 #tr_timeline {padding-top: 30px;}
 }
 @media (max-width: 799px) and (min-width: 737px){.stock-break {display: none;}}
 @media (max-width: 736px) {
 .mobile-show {display:block !important;}
 .desktop-show {display:none !important;}
 #mobile-header {display: block;}
 #nav {display: none;}
 #logo {text-align: center;}
 #widthCheck {z-index: 0;}
 #team-text {width: 100%;}
 #team-icon {display: none;}
 h1.large {font-size: 40px; line-height: 45px; margin: 60px 0px 0px 30px;}
 #main #content {border-right: 0px;}
 #timebar {font-size:19px;}
 #timeline .logo {width: 170px;}
 #timeline {height: 200px;}
 #timeline .caption br {display: block;}
 #po_intro {margin-right: 0px;}
 #po_investments {float: none; width: auto;}
 #po_slider {margin-right: 0px;}
 #po_map {float: none; width: auto;}
 #main #po_map.box {padding: 20px 0px 20px 0px;}
 #main #po_intro p {margin: 20px 25px;}
 #main #po_map h2, #main #po_map .subtitle, #main #po_investments {padding-left: 15px;}
 #main #po_investments p {padding-right: 15px;} 
 #main #po_slider {height: 300px;}
 #main .box {padding: 20px;}
 #io_pres, #io_fact, #io_report, #io_news {padding: 20px !important;}
 #io_pres h2, #io_fact h2, #io_report h2, #io_news h2 {font-size: 19px; line-height: 19px;}
 #io_intro .content {font-size: 16px; line-height: 20px; padding: 20px 15px 20px 25px;}
 #es_contract {font-size: 25px; line-height: 29px; padding: 20px 20px;}
 #tr_slider, #tr_highlights {height: 300px;}
 #tr_highlights .scroll {height: 210px;}
 #main {padding: 40px 12px 40px 12px;}
 #footer {padding: 30px 0px;}
 .tr_box {width: 100%; border-right: none !important; border-left: none !important; display: block;}
 .tr_box.box1 {height: 145px;}
 .tr_box.box3 {height: 95px;}
 .tr_box.box1 .logo {width: 200px;}
 .slide1 .tr_box.box1 .logo {width: 160px; padding-top: 6px;}
 .slide2 .tr_box.box1 .logo {padding-top: 10px;}
 .slide3 .tr_box.box1 .logo {padding-top: 30px;}
 .tr_box .caption {width: 260px; margin: auto;} 
 .tr_box.box2 .caption {font-size: 18px; line-height: 26px;}
 .tr_box.box2 .caption span {font-size: 34px; line-height: 42px;}
 .tr_box.box3 .caption {font-size: 21px; line-height: 29px;}
 #es_content {padding: 30px 20px 20px 20px;}
 #yearNav span._2014.a2014 a {padding-right: 1000px;}
 .tr_img .mobile {display: block !important;}
 .tr_img .desktop {display: none !important;}
 #tr_timeline .tab {display: table !important;}
 #contactMap {background-image: url(../img/contact-map3-mobile.jpg);}
 #main #interactive_map {margin: 40px auto 10px auto;}
 }
 @media (max-width: 700px) {
 #tr_timeline #timebar span {padding: 10px 15px;}
 #tr_timeline #timebar span:nth-child(1) {padding-left: 10px !important;}
 #tr_timeline #timebar span:nth-child(3) {padding-right: 10px !important;}
 #timebar.track_record {height: 30px; font-size: 14px; line-height: 30px;}
 }
 @media (max-width: 568px) {
 h1.large {font-size: 30px; line-height: 35px; margin: 50px 0px 0px 30px;}
 .title-bar h1 {font-size: 25px; line-height: 25px;}
 #tr_timeline #timebar span {padding: 10px 15px;}
 #tr_timeline #timebar span:nth-child(1) {padding-left: 10px !important;}
 #tr_timeline #timebar span:nth-child(3) {padding-right: 10px !important;}
 #timebar.track_record {height: 25px; font-size: 12px; line-height: 25px;}
 #tr_timeline {padding-top: 25px;}
 }
 @media (max-width: 500px) {
 #foot-nav {line-height: 24px;}
 #social {margin-right: 0px;}
 .es_box p {font-size: 14px; line-height: 14px;}
 .es_box p span {font-size: 10px;}
 .es_box p span.unit {font-size: 10px;}
 .es_box {padding: 25px 5px 20px 5px;}
 #es_size p {font-size: 10px; line-height: 14px;}
 #stockchart {display:none;} #stockchart2 {display:block;}
 #contentBody.stock_quote {padding: 40px 5px !important;}
 }
 @media (max-width: 450px) {
 .title-bar {padding: 10px 10px 10px 15px;}
 .title-bar h1 {font-size: 18px; line-height: 18px;}
 #about .caption {padding: 60px 20px 40px 20px; font-size: 20px; line-height: 24px;}
 #main #intro {font-size: 20px; line-height: 24px;}
 #main #contentBody {font-size: 16px;  line-height: 20px;}
 #main #contact .text {width: 100%; padding-right: 0px;}
 #main #contact .icon {display: none;}
 #main #content .box {padding: 20px 15px;}
 #splitTitle h1 {font-size: 20px; line-height: 24px;}
 #splitTitle span {padding: 15px;}
 #splitTitle span.first.officers:after {right: 0px;}
 #splitTitle span.second.directors:before {left: 0px;}
 #splitTitle span.first.officers {padding-right: 5px;}
 #splitTitle span.second.directors {padding-left: 5px;}
 #pageheader.officers, #pageheader.directors {height: 44px;}
 #tr_timeline #timebar span {padding: 10px 10px;}
 #tr_timeline #timebar span:nth-child(1) {padding-left: 5px !important;}
 #tr_timeline #timebar span:nth-child(3) {padding-right: 5px !important;}
 #timebar.track_record {height: 20px; font-size: 10px; line-height: 20px;}
 #tr_timeline {padding-top: 20px;}
 #main #interactive_map img.normalmap {max-width:100%; width:100%;}
 /*#main #interactive_map img.mobilemap {display: block;}*/
 }
 @media (max-width: 425px) {
 #tr_highlights .scroll {height: 180px;}
 }
 @media (max-width: 400px) {
 #email, #email form {width: 100%;}
 #form-email {width: 70% !important;}
 #form-email2 {width: 60% !important;}
 #form-submit, #form-submit2 {width: 20% !important;} 
 #social img {margin-left: 23px;}
 #main #follow {padding: 25px 80px 25px 25px;}
 }
 @media (max-width: 350px) {
 .es_box p {font-size: 16px; line-height: 14px;}
 .es_box p span {font-size: 9px;}
 .es_box p span.unit {font-size: 9px;}
 .es_box {padding: 25px 2px 20px 2px;}
 }
 
 /*Sep 2023 */
 
 .button{ margin-top: 10px;font-size: 15px;font-family: 'Lato', sans-serif; sans-serif;font-weight: 600;line-height: normal;color: #ffffff;background-color: #C33D27 !important;text-align: center;padding: 10px 30px;border: 1px solid #C33D27;display: inline-block;cursor: pointer;transition: all 0.25s ease-in-out;}
 
 #consent-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 100000; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; }
 #consent-modal.show { opacity: 1; pointer-events: all; overflow-y: hidden; }
 #consent-modal::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: #000000; opacity: 0.5; }
 #consent-modal > div {color:#15252d; box-sizing: border-box; position: relative; z-index: 100001; width: 100%; max-width: 700px; background-color: #ffffff;    /*border: solid 1px #000000;*/ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); padding: 40px 80px 40px 30px; }
 #consent-modal .close { position: absolute; top: 10px; right: 20px; cursor: pointer; display: block; }
 #consent-modal2.close span { text-decoration: underline; }
 /*#consent-modal .close::after { content: '\f00d'; margin-left: 6px; font-family: "Font Awesome 5 Pro"; display: inline-block; }*/
 #consent-modal .content { display: flex; }
 #consent-modal .content > div *:first-child { margin-top: 0px; }
 #consent-modal input[type="checkbox"] { -webkit-appearance: checkbox; margin: 10px 20px 0px 0px; min-width: 20px; }
 @media screen and (max-width:767px) {
   #consent-modal > div { padding: 40px 40px 40px 20px; }
 }
 
 .grecaptcha-badge { display: none !important;}
 .grecaptcha-badge.show { display: block !important; visibility: visible !important;}