/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');



body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#fff;
	background-color:#fff;
	overflow-x:hidden;
}

hi,h2,h3,h4,h5,h6 {
	color:#212121;
	line-height:1.7em;
}

p {
	color:#686868;
	font-size:13px;
	line-height: 1.7em;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#212121;
}
a:hover, a:focus {
	text-decoration: none;
	color:#eee;	
	outline: none;
	}

.btn {
	margin-top:20px;
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 0;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #fff;
	color:#999;
}

.btn-default {
	color: #999;
	background-color: #fff;
	border-color: #fff;
}

.btn:hover {
	color: #fff;
	background-color: #d9ae6a;
	border-color: #d9ae6a;
	padding: 10px 20px;
}
	
/*===========================
  Menu and Navigation
============================ */
.navigation  {
	background-color:#fff;
	padding:0;
}

.navbar-brand > a > img {
	width: 90%;
}

.navbar-brand {
	height: 100px;
}

.menu {
	font-size:12px;
	float:right;
	text-transform:uppercase;
	font-weight:700;	
}

.menu ul.nav-tabs li {
	color:#000;	
}

.nav-tabs {
	border-bottom: 0px;
	margin-top: 32px; 
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
	margin: 0px 8px;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:7px 16px; /*30px*/
	outline: none;
	font-size: 14px;
	margin-bottom: 10px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {	
	color: #0b7021;
	border-color: transparent;
	border-radius:0;
	background-color:#fff; 
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	background-color: transparent;
	border-bottom: 2px solid #0b7021;
}
.nav-tabs > li > a.active {
	color: #0b7021;
	border-radius:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	background-color: transparent;
	border-bottom: 2px solid #0b7021;
}

.log-sec-green > a {
	background-color: #0b7021 !important;
	border-radius: 20px !important;
	color: #fff !important;
}

.log-sec-blue > a {
	background-color: #03375c !important;
	border-radius: 20px !important;
	color: #fff !important;
}

.log-sec-green > a:hover, .log-sec-green > a:focus, .log-sec-blue > a:hover, .log-sec-blue > a:focus {
	outline: none;
	border-color: transparent;
}

/*===========================
  Banner
============================ */
.banner-sec {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}

.banner-sec .banner-cont-sec {
	width: 100%;
	height: 500px;
	margin-top: 100px;
}

.banner-sec .banner-cont-sec .banner-mid-img {
	background-image: url("/img/homepage/beach.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	width: 100%;
	height: 500px;
	position: relative;
}

.banner-mid-img .title {
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: inherit;
}

.banner-mid-img .title > h1 {
	position: absolute;
	top: 34%;
	left: 0px;
	right: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 33px;
	line-height: 1.4em;
	padding: 0px 15px;
}

.blocks-sec {
	width: 100%;
	display: inline-block;
	margin-top: 72px;
}

.blocks-sec .box {
	width: 100%;
	border: 1px solid #dfdfdf;
	text-align: center;
	padding: 17px 10px;
	min-height: 195px;
	margin-bottom: 20px;
	transition: all 0.3s;
	cursor: pointer;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
}

.blocks-sec .box:hover {
	background-color: #0b7021;
	transition: all 0.3s;
	box-shadow: none;
}

.blocks-sec .box:hover h4 {
	color: #fff;
	transition: all 0.3s;
}

.blocks-sec .box:hover p {
	color: #fff;
	transition: all 0.3s;
}

.blocks-sec .box > h4 {
	color: #03375c;
	font-weight: bold;
	margin: 0px;
	font-size: 15px; 
}

.blocks-sec .box > p {
	color: #686868;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	margin-top: 10px;
	/*text-align: left;
	text-justify: auto;*/
	text-align: center;
}

.vision-sec {
	width: 100%;
	display: inline-block;
	margin-top: 47px;
}  

.vision-sec .col-1 {
	width: 100%;
}

.vision-sec .col-1 h4 {
	display: inline-block;
	width: 20%;
	font-weight: bold;
	vertical-align: top;
	margin-top: 0px;
}

.vision-sec .col-1 p {
	display: inline-block;
	width: 70%;
	font-size: 17px;
	vertical-align: top;
}

.knleg-sec {
	width: 100%;
	display: inline-block;
	margin-top: 40px;
}

.knleg-sec > h3 {
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	color: #212121;
}

.knleg-sec .knleg-box-sec .box {
	width: 100%;
	border: 1px solid #dfdfdf;
	text-align: center;
	padding: 17px 10px;
	min-height: 195px;
	margin-bottom: 20px;
	transition: all 0.3s;
	cursor: pointer;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
}

.knleg-sec .knleg-box-sec .box:hover {
	background-color: #0b7021;
	transition: all 0.3s;
	box-shadow: none;
}

.knleg-sec .knleg-box-sec .box:hover > h4 {
	color: #fff;
	transition: all 0.3s;
}

.knleg-sec .knleg-box-sec .box:hover > p {
	color: #fff;
	transition: all 0.3s;
}

.knleg-sec .knleg-box-sec .box > h4 {
	color: #03375c;
	font-weight: bold;
	margin: 0px;
	font-size: 15px; 
}

.knleg-sec .knleg-box-sec .box > p {
	color: #686868;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	margin-top: 10px;
	/*text-align: left;
	text-justify: auto;*/
	text-align: center;
}

.right-sec {
	width: 100%;
	display: inline-block;
	margin-top: 100px;
}

.right-sec > .news-sec {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 15px;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
}

.right-sec > .news-sec > h4 {
	text-align: center;
	color: #fff;
	font-weight: bold; 
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px;
	font-size: 18px;
	background-color: #03375c;
}

.news-sec ul {
	margin: 0px;
	padding-left: 0px;
}

.news-sec li {
	list-style-type: none;
}

.news-sec li > a {
	color: #212121;
	padding-bottom: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

.news-sec li > a:hover, .news-sec li > a:focus {
	color: #0b7021;
}

.invest-sec {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 15px;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
}

.invest-sec > h4 {
	text-align: center;
	color: #fff;
	font-weight: bold; 
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px;
	font-size: 18px;
	background-color: #03375c;
}

.invest-sec > ul {
	margin: 0px;
	padding: 0px; 
}

.invest-sec li {
	list-style-type: none;
}

.invest-sec li > a {
	color: #212121;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
	display: inline-block;
}

.invest-sec li > a:hover, .invest-sec li > a:focus {
	color: #0b7021;
}

.theory-sec {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 11px;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
}

.theory-sec > h4 {
	text-align: center;
	color: #fff;
	font-weight: bold; 
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 7px;
	font-size: 18px;
	background-color: #03375c;
}

.theory-sec > ul {
	margin: 0px;
	padding: 0px; 
}

.theory-sec li {
	list-style-type: none;
}

.theory-sec li > a {
	color: #212121;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
	display: inline-block;
}

.theory-sec li > a:hover, .theory-sec li > a:focus {
	color: #0b7021;
}


/*===========================
  Economic-Midd
============================ */

.economic-midd {
	margin: 20px 0px;
	padding: 10px 0px;
}

.economic-cont {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background-color: #efefef;
	margin-top: 10px;
}

.economic-cont > h3 {
	font-weight: bold;
	margin: 0px;
}

.economic-cont > p {
	margin-top: 15px;
	line-height: 1.7em;
	font-size: 16px;
	text-align: left;
	text-justify: auto;
}

.economic-midd .title-line {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

.economic-midd .title-line > p {
	font-size: 15px;
	font-weight: bold;
}

.economic-img > img {
	margin: 0px auto;
	max-height:340px;
}


/*===========================
  Crowd-Midd
============================ */

.crowd-midd {
	margin: 20px 0px;
}

.crowd-cont {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background-color: #efefef;
}

.crowd-cont > h3 {
	font-weight: bold;
	margin: 0px;
}

.crowd-cont > h3 > small {
	font-size: 14px;
}

.crowd-cont > p {
	margin-top: 15px;
	line-height: 1.7em;
	font-size: 16px;
	text-align: left;
	text-justify: auto;
}

.crowd-midd .title-line {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

.crowd-midd .title-line > p {
	font-size: 15px;
	font-weight: bold;
}

/*===========================
  About
============================ */
.inner-head {
	width: 100%;
	display: inline-block;
	background-color: #004475;
	padding: 20px;
	margin-top: 100px;
	text-align: left;  
}

.inner-head h2 {
	color: #fff;
	margin: 0px;
	padding: 15px 0px;
}

.inner-head h2 > i {
	font-size: 25px;
	margin-right: 3px;
}

.inner-head-prgf {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}

.inner-head-prgf .inner-head-cont {
	-webkit-box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	-moz-box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	padding: 15px;
}

.inner-head-cont .alert {
	margin-bottom: 0px;
	text-align: center;
}

.inner-head-prgf p {
	font-size: 16px;
	line-height: 1.7em;
}

/*===========================
  Terms
============================ */

.inner-head-prgf {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}

.inner-head-prgf .inner-head-cont {
	-webkit-box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	-moz-box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	box-shadow : 0 10px 15px 0 rgba(5,75,129,.1);
	padding: 15px;
	width: 100%;
	display: inline-block;
}

.inner-head-prgf h4 {
	font-weight: bold;
}

.inner-head-prgf p {
	font-size: 16px;
	line-height: 1.7em;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*===========================
  Privacy
============================ */

.inner-head-prgf ul {
	margin: 0px;
}

.inner-head-prgf ul > li {
	list-style-type: disc;
	color: #212121;
	margin-bottom: 10px;
}

/*===========================
  Faqs
============================ */

.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    font-size: 16px;
}

.panel-title > a:hover, .panel-title > a:focus, .panel-title > a:active{
	color: #0b7021;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    color: #212121;
    font-size: 16px;
    line-height: 1.7em;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
    color: #0b7021;
}

/*===========================
  Contact
============================ */

.inner-head-form {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}

.inner-head-form p {
	font-size: 16px;
	line-height: 1.7em;
}

.inner-head-form form {
	margin-top: 30px;
}

.inner-head-form form .form-group .form-control {
	height: 45px;
}

.inner-head-form form .form-group textarea {
	height: auto !important;
}

.submit-sec {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.submit-sec button.submit-btn {
	padding: 7px 20px;
	font-size: 16px;
	color: #fff;
	background-color: #03375c;
	border-radius: 5px;
}


/*===========================
  Footer
============================ */
footer {
	padding:30px;
	background:#323C59;
	margin-top: 30px;
}

.contact-info {
	text-align: center;
	width: 100%;
}

.contact-info ul {
	list-style:none;
	padding-left: 0;
	margin: 0px;
}

.contact-info ul li {
	list-style-type: none;
	display: inline-block;
}

.contact-info ul li > a {
	color: #fff;
	padding: 0px 16px;
}

ul.social-network {
	margin: 0px;
}

ul.social-network li {
	display:inline;
	margin: 0px 0px 0px 24px;	
	font-size:18px;	
}

ul.social-network li a {
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
	font-size: 12px;
}

.copyright a {
	color:#fff;
	/*text-transform:uppercase;*/
	font-weight:600;
	font-size:12px;
	text-shadow:none;
}
/*----------------------------------*/

/*--- africa sec ------*/

.africa-sec {
	width: 100%;
	display: inline-block;
	margin-top: 35px;
}

.head-top-row {
	width: 100%;
	display: inline-block;
}

.chif-row {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.chif-circle {
		width: 100%;
	display: inline-block;
	text-align: center;
}

.chif-circle > img {
	width: 150px;
	height: 150px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #323c59;
}

.chif-circle > h4 {
	color: #212121;
	margin: 10px 0px;
}

.chif-circle > p {
	color: #686868;
	padding: 0px;
}

.head-top-row .logo-row {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.sec-refs {
	width: 100%;
	display: inline-block;
}

.references-row {
	width: 100%;
	display: inline-block;
}

.references-row > .refs-tile {
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
}

.references-row > .refs-tile > h2 {
	color: #212121;
	position: relative;
	margin: 0px 0px 20px;
	padding-bottom: 15px;
	width: 40%;
	display: inline-block;
}

.references-row > .refs-tile > h2::before {
	position: absolute;
	content: "";
	background-color: #323c59;
	margin: 61px auto 0px auto;
	left: 0px;
	right: 0px;
	height: 3px;
	width: 8%;
}

.references-row > .refs-tile > h2 > .tool-tip {
	width:500px;
    color: #ffffff;
    background: #000000;
    height: auto;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    padding: 10px;
    display: none;
}

.references-row > .refs-tile > h2 > .tool-tip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.references-row > .refs-tile > h2:hover .tool-tip {
	opacity: 0.8;
	left: 0px;
	z-index: 999;
	display: block;
	right: 0px;
	position: absolute;
	bottom: 70px;
	margin: 0px auto;
}


.circles-title > h2 > .tool-tip {
	width:500px;
    color: #ffffff;
    background: #000000;
    height: auto;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    padding: 10px;
    display: none;
}

.circles-title > h2 > .tool-tip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.circles-title > h2:hover .tool-tip {
	opacity: 0.8;
	left: 0px;
	z-index: 999;
	display: block;
	right: 0px;
	position: absolute;
	bottom: 70px;
	margin: 0px auto;
}




.references-row .video-sec {
	width: 100%;
	-webkit-box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
	-moz-box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
	padding: 8px;
	border: 1px solid #323c59;
	border-radius: 5px;
	margin-bottom: 20px;
}

.references-row .video-text h4 {
	margin-bottom: 10px;
	text-align: center;
}

.refnc-docmt > .sec-refs {
	width: 100%;
	display: inline-block;
	/*margin-top: 30px;*/
}

.miners-row {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}

.circles-title {
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
}

.circles-title h2 {
	color: #212121;
	position: relative;
	margin: 0px 0px 20px;
	padding-bottom: 15px;
	width: 50%;
	display: inline-block;
}

.circles-title > h2::before {
	position: absolute;
	content: "";
	background-color: #323c59;
	margin: 61px auto 0px auto;
	left: 0px;
	right: 0px;
	height: 3px;
	width: 8%;
}

.circles-title .circles-row {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}

.circles-row .circle-1 {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.circles-row .circle-1 > img {
	width: 150px;
	height: 150px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #323c59;
}

.circles-row .circle-1 > h4 {
	color: #212121;
	margin: 10px 0px;
}

.circles-row .circle-1 > span {
	color: #212121;
	margin-bottom: 10px;
	font-size: 16px;
	display: inline-block;
}

.circles-row .circle-1 > p {
	color: #686868;
	padding: 0px;
}

.grey-bg {
	background-color: #f2f2f2;
	padding: 20px 0px;
}

.white-bg {
	background-color: #fff;
	padding: 20px 0px;
}

/*new-col-css  start*/

.circles-row .col-xs-5th-1, .circles-row .col-xs-5th-2, .circles-row .col-xs-5th-3, .circles-row .col-xs-5th-4 {
  float: left
}

.circles-row .col-xs-5th-5 {
  float: left;
  width: 100%;
}

.circles-row .col-xs-5th-4 {
	width: 80%
}

.circles-row .col-xs-5th-3 {
	 width: 60%
}

.circles-row .col-xs-5th-2 {
	 width: 40%
}

.circles-row .col-xs-5th-1 {
	width: 20%
}

.circles-row .col-xs-5th-offset-4 {
	 margin-left: 80%
}

.circles-row .col-xs-5th-offset-3 {
	margin-left: 60%
}

.circles-row .col-xs-5th-offset-2 {
	margin-left: 40%
}

.circles-row .col-xs-5th-offset-1 {
	margin-left: 20%
}

.circles-row .col-xs-5th-offset-0 {
	margin-left: 0%
}

@media (min-width: 768px) {
	.circles-row .col-sm-5th-1, .circles-row .col-sm-5th-2, .circles-row .col-sm-5th-3, .circles-row .col-sm-5th-4 {
		 float: left
	}
   
  .circles-row .col-sm-5th-5 {
  	float: left;
    width: 100%;
  }
    
  .circles-row .col-sm-5th-4 {
  	width: 80%
  }
    
  .circles-row .col-sm-5th-3 {
  	 width: 60%
  }
   
  .circles-row .col-sm-5th-2 {
  	width: 40%
  }
    
  .circles-row .col-sm-5th-1 {
  	width: 20%
  }
    
  .circles-row .col-sm-5th-offset-5 {
  	margin-left: 100%
  }
    
  .circles-row .col-sm-5th-offset-4 {
  	margin-left: 80%
  }
    
  .circles-row .col-sm-5th-offset-3 {
  	margin-left: 60%
  }
    
  .circles-row .col-sm-5th-offset-2 {
  	 margin-left: 40%
  }
   
  .circles-row .col-sm-5th-offset-1 {
  	 margin-left: 20%
  }
   
  .circles-row .col-sm-5th-offset-0 {
  	margin-left: 0%
  }
    
}
  

@media (min-width: 992px) {
	.circles-row .col-md-5th-1, .circles-row .col-md-5th-2, .circles-row .col-md-5th-3, .circles-row .col-md-5th-4 {
		float: left
	}
    
  .circles-row .col-md-5th-5 {
  	float: left;
    width: 100%;
  }
    
  .circles-row .col-md-5th-4 {
  	width: 80%
  }
    
  .circles-row .col-md-5th-3 {
  	width: 60%
  }
    
  .circles-row .col-md-5th-2 {
  	width: 40%
  }
    
  .circles-row .col-md-5th-1 {
  	width: 20%
  }
    
  .circles-row .col-md-5th-offset-5 {
  	margin-left: 100%
  }
    
  .circles-row .col-md-5th-offset-4 {
  	 margin-left: 80%
  }
   
  .circles-row .col-md-5th-offset-3 {
  	margin-left: 60%
  }
    
  .circles-row .col-md-5th-offset-2 {
  	margin-left: 40%
  }
    
  .circles-row .col-md-5th-offset-1 {
  	margin-left: 20%
  }
    
  .circles-row .col-md-5th-offset-0 {
  	margin-left: 0%
  }
    
}
  

@media (min-width: 1200px) {
	.circles-row .col-lg-5th-1, .circles-row .col-lg-5th-2, .circles-row .col-lg-5th-3, .circles-row .col-lg-5th-4 {
		float: left
	}
    
  .circles-row .col-lg-5th-5 {
  	 float: left;
    width: 100%;
  }
   
  .circles-row .col-lg-5th-4 {
  	 width: 80%
  }
   
  .circles-row .col-lg-5th-3 {
  	 width: 60%
  }
   
  .circles-row .col-lg-5th-2 {
  	width: 40%
  }
    
  .circles-row .col-lg-5th-1 {
  	 width: 20%
  }
   
  .circles-row .col-lg-5th-offset-5 {
  	 margin-left: 100%
  }
   
  .circles-row .col-lg-5th-offset-4 {
  	margin-left: 80%
  }
    
  .circles-row .col-lg-5th-offset-3 {
  	margin-left: 60%
  }
    
  .circles-row .col-lg-5th-offset-2 {
  	margin-left: 40%
  }
    
  .circles-row .col-lg-5th-offset-1 {
  	 margin-left: 20%
  }
   
  .circles-row .col-lg-5th-offset-0 {
  	margin-left: 0%
  }
    
  }


/*new-col-css  end*/


.last-circle-sec {
	width: 100%;
	display: inline-block;
	background-color: #f2f2f2;
	padding: 20px 0px;
	margin-top: 30px;
}

.circle-modal .modal-header .close {
	margin-top: -22px;
}

.circle-modal .modal-dialog {
	width: 990px;
}

.circle-modal .modal-title {
	font-size: 20px;
	color: #212121;
	font-weight: bold;
}

.circle-modal .modal-content .modal-body > p {
	font-size: 16px;
	color: #686868;
	line-height: 1.7em;
}

.circle-modal .modal-content .modal-body > p > a {
	color: blue;
}

.circle-modal .modal-content .modal-body > ul > li {
	color: #686868;
	list-style: disc;
	line-height: 1.7em;
	font-size: 16px;
}

.references-row .dcumt-block {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.references-row .dcumt-block .img-circle {
	width: 150px;
	height: 150px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #323c59;
	margin: 0px auto;
}

.references-row .dcumt-block .img-circle img {
	width: 74%;
	display: inline-block;
	margin-top: 35px;
}

.references-row .dcumt-block > h4 {
    color: #212121;
    margin: 10px 0px 30px;
}

.africa-title > h3 {
	text-align: center;
	margin-bottom: 20px;
}

/*-------- beyound_sec css ---------*/

.beynd-text {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 24px;
	box-shadow: 0 8px 10px 0 rgba(5,75,129,.1);
	text-align: center;
}

.beynd-text > h4 {
	margin: 0px;
}

.beynd-text > h4 > sup {
	font-size: 12px;
}

/*new-add-section start*/

.newadd-sec-row > .newadd-title {
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
	margin-top: 15px;
}

.newadd-sec-row > .newadd-title > h2 {
	color: #212121;
	position: relative;
	margin: 0px 0px 20px;
	padding-bottom: 15px;
	width: 100%;
	display: inline-block;
}

.newadd-sec-row > .newadd-title > h2::before {
	position: absolute;
	content: "";
	background-color: #323c59;
	margin: 61px auto 0px auto;
	left: 0px;
	right: 0px;
	height: 3px;
	width: 8%;
}

.newadd-sec-row .sec-1 > h3 {
	text-align: center;
	margin-bottom: 20px;
	color: #03375c;
	font-weight: bold;
}

.newadd-sec-row .sec-1 {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	border-bottom: 1px dashed #bdbdbd;
	padding-bottom: 20px;
}

.newadd-sec-row .sec-1:last-child {
	border: none;
}

.newadd-sec-row .sec-1 .circles-row {
	margin-top: 15px;
	width: 100%;
	display: inline-block;
}

.newadd-sec-row .circles-row .circle-1 > h3 {
	font-size: 20px;
}

.stake-sec {
	width: 100%;
	display: inline-block;
}

.stake-sec .discp {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
	position: relative;
}

.stake-sec .discp > p {
	font-size: 18px;
	font-weight: 800;
}

.discp .points {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 30px;
}

.discp .points > ol > li {
	color: #212121;
	padding-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
}

.stake-sec .discp .stak-img {
	position: absolute;
	right: 0px;
	width: 46%;
	top: 50px;
}

.circles-row .mobile-shape {
	width: 100%;
	display: inline-block;
	background-color: #03375c;
	border-radius: 15px;
	padding: 15px;
	min-height: 360px;
}

.circles-row .mobile-shape > h3 {
	font-size: 19px;
	color: #fff;
	text-align: center;
	margin: 10px 0px;
}

.circles-row .mobile-shape > .shape-img {
	width: 100%;
	height: 234px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.circles-row .mobile-shape > .shape-img:hover i {
	color: #0b7021;
}

.circles-row .mobile-shape > .shape-img > i {
	font-size: 40px;
	color: #212121;
	line-height: 234px;
}

.circles-row .mobile-shape > .shape-img > img {
	width: 100%;
	cursor: pointer;
}

.modal-header .close {
	margin-top: -25px;
}
/*new-add-section end*/