/*
Theme Name: kcm
Theme URI: http://wordpress.org/themes/kcm
Author: NTSPL Team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: kcm

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
.no_margin{margin-bottom:0px !important;padding-bottom:0px !important}
.asset-map-no-bg{background-color:transparent !important}
.body_list_margin{margin-bottom:10px !important;margin-top:-3px !important}
.body_list_margin2{margin-bottom:10px !important;margin-top:20px !important}
.send-enquiry-margin{margin-top:20px;}
.para_margin{margin-bottom:20px !important;}

.relative_cont{position:relative}
.asset-map .send-enquiry {
width: 173px;
height: auto;
background: #ef5d00 url(images/enquiry.png) no-repeat 8px 8px;
padding: 6px 0px 6px 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
text-decoration: none;
position:absolute;
z-index:100;
right:10px;bottom:10px;
}
.asset-map .send-enquiry:hover {
background: #b34601 url(images/enquiry.png) no-repeat 8px 8px;
color: #FFF;
text-decoration: none;
}

.product_box{background-color:#f3f3f3 !important}
.product_box2{background-color:#fff !important}
.box_minig_process_margin{margin-bottom:30px;}
.product_box_list{color:#2d2d2d}
.text-justify{text-align:justify}

.factsheet_learnmore2 {
width: 60px;
background: url(images/arow-more.png) no-repeat 100% 5px !important;
font-size: 14px;

display:block;
font-size:18px;

}
.factsheet_learnmore2 a{color: #ef5d00 !important;}
.factsheet_learnmore2 :hover{color:#ef5d00}
.performance-ul2{margin-left:10px !important; }
.performance-ul2 li{padding-top:0px !important;padding-bottom:0px !important;background-position:0px 5px !important}
.policies_link{position:absolute;z-index:100;width:100%;height:40px;bottom:0px;left:0px;line-height:40px;text-indent:10px;font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ef5d00 !important;
background: url(images/plus.png) no-repeat 234px 12px  rgba(0,0,0,.67);font-weight: normal;
}
.performance-ul-color a{color:#ef5d00 !important}
.policies_link:hover{text-decoration:none;}

.sitetree-list{margin-left:-20px;margin-top:-10px;list-style:none}
.sitetree-list .children{list-style:none}
.sitetree-list li a{color:#333;background: url(images/orange-arrow.png) no-repeat 0px 3px;padding-left:15px;}
.sitetree-list li a:hover{text-decoration:none}
.content3{margin-top:30px;float:left}
.content4{height:200px !important}




.history_bg{background-color:#F1F5F8 !important}

/* Milestone Page */

.timeline {
  list-style: none;
  position: relative;
  max-width: 100%;
  padding: 1px;
  margin: 0 auto;
  overflow: hidden; 
  }
  
  
  .timeline .panel-body{background-repeat:no-repeat;background-position:center center}
  .panel1{background-image:url(images/m_zambia.png);}
  .panel2{background-image:url(images/m_production.png)}
  .panel3{background-image:url(images/m_zambian_flag.png)}
  .panel4{background-image:url(images/m_mines.png)}
   .panel7{background-image:url(images/7.png)}
   .panel8{background-image:url(images/5.png)}
   .panel9{background-image:url(images/m_deep_mining.png)}
    .panel10{background-image:url(images/3.png)}
	/*.panel11{background-image:url(images/4.png)}*/
	.panel12{background-image:url(images/4.png)}
	.panel13{background-image:url(images/eiti.png)}
	.panel15{background-image:url(images/1.png)}
   
   
  .timeline .bg_orange{background-color:#fe8538 !important}
  .timeline .blue{background-color:#056cbc !important}
  
 .timeline p{font-size: 17px;
color: #666;
line-height: 25px;} 


 .timeline .year {
font-size: 16px;
background-color: #666;
padding: 5px 10px;
color: #fff;
border-radius: 2px;
position:relative
}
  
 
 .timeline .timeline-row:nth-child(odd) .year_arrow {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	
	border-right: 7px solid #666;	
	position:absolute;
	z-index:20;
	left: -7px;
    top: 8px;
}

.timeline .timeline-row:nth-child(even) .year_arrow {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	
	border-left: 7px solid #666;	
	position:absolute;
	z-index:20;
	right: -7px;
    top: 8px;
}
 
  .timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 4px;
    border-radius: 2px;
    display: block; }
  .timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 10;
    margin-bottom:40px;	}
    .timeline .timeline-row .timeline-time {
      position: absolute;
      right: 55%;
      top: 14px;
      text-align: right;
      margin-right: 40px;
      font-size: 16px;
      line-height: 1.3;
      font-weight: 600; 
        color:#666;
        font-size:30px	  }
      .timeline .timeline-row .timeline-time small {
        display: block;
        color: white;
        text-transform: uppercase;
        opacity: 0.75;
        font-size: 11px;
        font-weight: 400; }
.timeline .timeline-row .timeline-icon {
position: absolute;
top: 0px;
left: 50%;
margin-left: -30px;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: white;
text-align: center;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 3px;
color: white;
font-size: 14px;
z-index: 100;
}
      .timeline .timeline-row .timeline-icon > div {
        border-radius: 50%;
        line-height: 34px;
        font-size: 16px; }
    .timeline .timeline-row .timeline-content {
      margin-left: 40px;
      position: relative;
      background-color: white;
      color: #333333; }
      .timeline .timeline-row .timeline-content:after {
        content: "";
        position: absolute;
        top: 30px;
        left: -41px;
        height: 4px;
        width: 40px;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: -1; }
      .timeline .timeline-row .timeline-content .panel-body {
        padding: 15px 15px 2px;
        position: relative;
        z-index: 10; }
      .timeline .timeline-row .timeline-content h2 {
        font-size: 22px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 1.2; }
      .timeline .timeline-row .timeline-content p {
        margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content img {
        margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content blockquote {
        border-color: #eeeeee; }
        .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
          color: #999999; }
      .timeline .timeline-row .timeline-content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        margin-bottom: 15px;
        overflow: hidden; }
        .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .timeline .timeline-row:nth-child(odd) {
      padding-left: 0;
      padding-right: 50%; 
	  color:#666;
        font-size:30px}
      .timeline .timeline-row:nth-child(odd) .timeline-time {
        right: auto;
        left: 55%;
        text-align: left;
        margin-right: 0;
        margin-left: 40px;
        color:#666;
        font-size:30px		}
      .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 40px;
        margin-left: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-content:after {
          left: auto;
          right: -41px; }
  .timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px; }
  .timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0; }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0; }

	/*
@media (max-width: 1200px) {
  .timeline {
    padding: 15px 10px; }
    .timeline:after {
      left: 28px; }
    .timeline .timeline-row {
      padding-left: 0;
      margin-bottom: 16px; }
      .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
		}
        .timeline .timeline-row .timeline-time strong {
          display: inline-block;
          margin-right: 10px; }
      .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0; }
      .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative; }
        .timeline .timeline-row .timeline-content:after {
          right: auto !important;
          left: -20px !important;
          top: 32px; }
      .timeline .timeline-row:nth-child(odd) {
        padding-right: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-time {
          position: relative;
          right: auto;
          left: auto;
          top: 0;
          text-align: left;
          margin: 0 0 6px 56px; }
        .timeline .timeline-row:nth-child(odd) .timeline-content {
          margin-right: 0;
          margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
      left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
      left: 0; }

	  }/