@charset "utf-8";
/* CSS Document */

body{
font-size:15px;
margin:0px;
padding:0px;
color:#4d4948;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
h1{
margin:0px 0px 10px 0px !important
}
h3{
font-size:16px;
font-weight:bold;
padding:10px 0px;
}
.alpha{
margin:15px 0px !important;
}
.padd-zero{
padding:0px !important;
}
a:hover{
text-decoration:none;
color:#0070b6 !important;
}
.p-22{
font-size:22px;
}
.navbar-inverse{
float:right;
background:transparent;
border:0px;
}
.navbar-nav>li>a{
padding-top:0px !important;
padding-bottom:0px !important;
color:#0070b6 !important;
padding:0px 12px;
}
.navbar-inverse ul li  a{
font-size:18px;
color:#0070b6;
}
img{
max-width:100%;
}
.contact{
float:right;
}
.contact a{
font-size:18px;
padding:5px;
}
.signin{
background:#0070b6;
color:white;
border-radius: 6px;
padding:5px 10px !important; 
}
.signin:hover{
color:white !important;
}
.menubar{
margin-top:25px;
}
.navbar{
min-height:auto;
margin-bottom:0px;
}
.fa-lock{
padding-right:5px;
}
.our-patners{
background:#529e30;
text-align:center;
color:white;
}
.patnrs-img li{
width:20% !important;
float:left;
text-align:center;
margin:14px 0px;
}
.none{
background-image: none !important;
}
#myCarousell .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
margin-left: -70px;
}
#myCarousell .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
margin-right: -60px;
}
.who-we-are{
background:#45b3f8 !important;
padding-top:34px;
padding-bottom:35px;
color:white;

}
.full-width{
width:100%;
min-height:376px;
}
.who-we-are h1{ 
padding:0px;
margin:0px 0px 10px 0px;
}
.who-we-are p{
margin-bottom:0px;
text-align:justify;
}
.why-mfplanet{
background: url(../images/why-mfplanet.png) 100% 100%;
padding-top:34px;
padding-bottom:35px;
color:white;
}
.how-it-work, .what-people-say{
padding-top:34px;
padding-bottom:35px;
}
.how-it-work h1, .what-people-say h1{
color:#45ab8d;
}
.how-it-work p{
color:#4d4948 !important;
}
.how-it-work  img{
margin:15px 0px;
}
.why-mfplanet .box{
	background:url(../images/why-company1.png);
	background-size:100% 100%;
	padding:15px;
	width:100%;
	margin-top:15px;
}
.why-mfplanet .box h3{
border-top:1px solid white;
    margin-top: 10px;
    padding-top: 15px;
	color:white;

}
.how-it-work .arrow:after{
content: "";
background: url(../images/arrow.png);
position: absolute;
width: 67px;
height: 50px;
right: -36px;
top: 98px;
}
.start-now{
font-size: 40px;
background: #358bed;
padding: 0px 35px;
border-radius: 15px;
box-shadow: 0px 2px 5px #000000;
color: white;
margin: 20px 0px 0px 0px;
clear: both;
display: inline-block;
}
.start-now:hover{
color:white !important;
text-decoration:none;
}
.faq-row .faq h1{
background:#45b3f8;
padding: 29.5px 0px;
color:white;
}
.border{
border-right:1px solid #dddddd;
}
.faq-question li{
margin-top:5px;
}
.getting-rich .full-width{
background:#2e9879;
color:white;
margin-bottom:15px !important;
}
.getting-rich .full-width h1{
text-align: right;
display: inline-block;
padding:5px;
}
.getting-rich .start-now{
font-size: 22px;
background: #45ab8d;
padding: 10px 55px;
border-radius: 10px;
box-shadow: 0px 2px 5px #000000;
color: white;
margin: 5px 0px 0px 0px;
clear: both;
display: inline-block;
}
#myCarouselll p{
text-align:center;
margin-top:10px;
}
.client-name{
font-size:18px;
color:#45ab8d;
text-align:right !important;
margin-bottom:0px;
}
.client-name span{
font-size:16px;
}
#myCarouselll .carousel-indicators li {
background-color: #000\9;
background-color: rgb(69, 171, 141);
}
footer{
border:1px solid #dddddd;
}
footer h2{
color:#0d4c8f;
font-size:22px;
font-weight:bold;
}
footer ul li{
margin-bottom:7px;
}
.our-company{
width:50%;
float:left;
}
footer .col-sm-6{
overflow:hidden;
}
footer ul li a{
color:#4d4948 !important;
}
.footer-bottom{
background:#0070b6;
color:white;
}
.footer-bottom .left{
width:50%;
padding:15px 0px 15px 0px;
float:left;
margin-bottom:0px;
}
.footer-bottom .right{
width:50%;
float:right;
text-align:right;
padding-top:15px;
margin-bottom:0px;
}
.footer-bottom .right a{
color:white !important;
}

/*-- start here --*/
.start-here{
max-width: 290px !important;
background: rgba(104, 104, 102, 0.5);
position: absolute;
right: 80px;
top: 170px;
}
/*-- /start here --*/


/*--login form--*/
.box_content {
background-color: #FFFFFF;
border: 2px solid #dfe9f1;
left: 35%;
overflow:hidden;
padding: 15px;
position: fixed;
top: 25%;
width:430px;
z-index: 1056;
height:240px;
}
.grayBox{
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1055;
-moz-opacity: 0.7;
opacity:0.7;
filter: alpha(opacity=70);
}
.imgs{
top: 25%;
left: 63%;
position:fixed;}

img#cross {
position: relative;
float: right;
top: -29px;
left: 24px;
}

.portfolio_login .modal-content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,004d8e+100 */
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #004d8e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#004d8e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 0%,#004d8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#004d8e',GradientType=0 ); /* IE6-9 */
border:0px;
}
input{
color:#3a3a3a
}
.portfolio_login input::-webkit-input-placeholder {
color:#3a3a3a  !important;
}
 
.portfolio_login input:-moz-placeholder { /* Firefox 18- */
color: #3a3a3a !important;  
}
 
.portfolio_login input::-moz-placeholder {  /* Firefox 19+ */
color: #3a3a3a !important;  
}
 
.portfolio_login input:-ms-input-placeholder {  
color: #3a3a3a !important;  
}
.portfolio_login  a:hover{
color:white !important;
}
.client-img{
 text-align:center;	
	
}
/*--/login form--*/



@media (max-width: 768px){
#myCarousell .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
margin-left: 0px !important;
}
#myCarousell .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
margin-right: 0px !important;
}
.navbar-toggle{
width:100% !important;
margin:0px;
background:#0070b6;
border:0px;
border-radius:0px;
}
.navbar-toggle:hover{
background:#0070b6 !important;
}
.navbar-header a{
color:white;
}
.navbar-nav{
float:none !important;
}
.navbar-nav>li {
display: block !important;
padding:5px;
}
.navbar-collapse{
background:rgba(0, 112, 182, 0.25);
border:0px;
}
.footer-bottom .left{
width:100%;
float:none;
text-align:center;
}
.footer-bottom .right{
width:100%;
float:none;
padding-bottom:15px;
padding-top:0px ;
text-align:center;
}

}

@media (max-width: 992px){
.center {
text-align:center !important;
float:none;
}
.navbar-nav>li {
display: inline-block;
float:none !important;
}
.how-it-work .arrow:after{
content: "";
background:none !important;
}
.start-here{
display:none;
}
.navbar-nav{
float:none;
}
.navbar-header a:hover{
color:white !important;
}
}

@media (max-width: 1150px){
.start-here{
max-width: 290px !important;
background: rgba(104, 104, 102, 0.5);
position: absolute;
right: 80px;
top: 154px;
}
}

.booster_btn , .booster_btn:hover
{
background: #009688;
  background: none;
  color: #fff !important;
  position: fixed;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  z-index: 9999;
  bottom: 25px;
  right: 18px;
  font-size: 19px;
  padding: 10px 14px;
  border-radius: 5px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  float: r;
  float: right;
  background: #ec543e;
 text-decoration: none;
}
.booster_btn img
{
    padding-right: 4px;
}
.booster_btn
{
    animation: down 1.5s infinite;
    -webkit-animation: down 1.5s infinite;
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}