@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
body, html { margin:0px; padding:0px; font-family: 'Muli', sans-serif !important;}

#wrapper {width:100%;}


.logo { margin:3px 0; }
.logo img
{
  width:100%;
	max-width:108px;
}

.navbar-default { background:none; border:none; display:block;}
.navbar {
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	color: #fff; margin:10px 0; 
 
}

body { background:#fafafa;}


.navbar ul {font-family: 'Muli', sans-serif;
	margin-top:15px;
	padding: 0px;
}
.navbar ul li {font-family: 'Muli', sans-serif;
	
}
.navbar ul li a {
	padding: 8px 24px;
line-height: 20px;

font-size: 15px;
color: #000 !important;
font-family: 'Muli', sans-serif;
}
  
.navbar ul li a:hover { background:#00abe8  !important; color: #fff !important;}


.navbar ul li a.active {background:#ff9306 !important;}




.login { float:right; width:auto; float:left;}
.login ul { margin:0px; padding:0px;}
.login ul li { float:left; list-style:none;}
.login  ul li a img{ margin:0px; padding:0px;}
.login ul li a:hover img{ margin-top:-10px !important; }


.eara { font-family:"Times New Roman"; font-size:100px; color:#FFFFFF; text-align:center; line-height:100px; margin:20px 0 0 0 ;}
.eara span {  color:#ff9306;}



.pred { font-family: 'Muli', sans-serif; font-size:24px; text-align:center; color:#fff; padding:0px 0px 10px 0px; margin-top:-44px; font-weight:bold;}

.prez input {border-radius:0px; line-height:50px;
border-bottom:solid 1px #fff; border-top:0px; border-left:0px; border-right:0px; box-shadow:none;
width:100%;
margin-bottom:15px;
font-family: 'Muli', sans-serif;
color:#fff !important;
background:none;
font-size:35px;
font-weight:bold;

 height:50px;}


.prev select {border-radius:0px;border-bottom: solid 1px #a4a4a4;width:100%; margin-bottom:15px; font-family: 'Muli', sans-serif; color:#000; background:none; font-size:15px; font-weight:bold; color:#a9abaa; height:28px;}

.proced { margin-top:15px;}
.proced a {background:#ff9306;padding:3px 0px;color:#FFF;text-decoration:none;font-family: 'Muli', sans-serif; font-size:15px; width:100%; display:block; text-align:center; font-weight:bold; }
.proced a:hover {background:#fdaa3e; color:#000;}

.girlx {  height:auto; float:left; width:100%; font-size:18px; font-family: 'Muli', sans-serif; color:#fff; font-weight:bold; margin:55px 0px 0px 20px;}
.girlz { width:100%; height:auto; float:right;}
.form-control::-moz-placeholder{ color:#fff;}
#welcome {width:100%; float:left;}

.dashboard-tabs{ display:none;}
#tab1{ display:block;}




.show-button
{
background:#fff;
border:5px solid #fff;
border-radius:100%;
display:inline-block;
padding: 3px;
vertical-align: middle;
}

.hidden
{
display:none;
}
.checked
{
background:#000;
}

.services
{
margin-right:10px;
}



.oxgin { font-family: 'Muli', sans-serif; font-size:14px; line-height:24px; color:#000000; text-align:justify; margin:30px 0 0 0; float:left;}
.oxgin span {  font-size:24px; font-weight:bold;}

.prez 
{
position:relative;
}

.or-text-middle
{
display:inline-block;
background:#000;
color:#fff;
border-radius:60%;
font-size:16px;
font-weight:700;
padding:5px;
margin-left:15PX;
}

.view-plans-button
{
border:1px solid #000;
text-align:center;
padding:5px 8px;
color:#fff;
margin-left:15px;
}

.prez.plan-step input
{
max-width:50%;
width:100%;
display:inline-block;
}

.prez .arrow
{
max-height: 20px;
    max-width: 20px;
    position: absolute;
    right: 5px;
    top: 25px;
	height:100%;
	width:100%;
	cursor:pointer;
}

.prez .arrow img
{
width:100%;
}

.pop-up-operator
{
background:rgba(0, 0, 0, 0.55);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;

}

.cross-popup
{
border: 2px solid;
border-radius: 100%;
cursor: pointer;
max-width: 30px;
padding: 5px;
position: absolute;
right: 5px;
top: 5px;
width: 100%;
}


.girlx input::-webkit-input-placeholder {
color: #fff !important;
}
 
.girlx input:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
.girlx input::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
.girlx input:-ms-input-placeholder {  
color: #fff !important;  
}






.inner-box-operator li img
{
cursor:pointer;
}



.cross-popup img
{
max-width:100%;
width:100%;
}
.inner-box-operator
{
margin:150px auto;
text-align:center;
background:#fff;
max-width:30%;
padding:50px;
position:relative;
}

.inner-box-operator ul li
{
display:inline-block;
padding:10px;
}

.form-control { padding:4px;}



#vinay {width:100%; float:left;}



.rech {font-family: 'Muli', sans-serif; font-size:14px; line-height:24px; color:#000000; text-align:justify; margin:20px 0px; float:left;}
.rech span { font-size:24px; font-weight:bold; }

.read { margin:10px 0px 25px 0px;}
.read a { background:#ff9306; padding:10px 20px; color:#FFF; text-decoration:none;font-family: 'Muli', sans-serif; font-size:16px; }
.read a:hover {background:#fdaa3e; color:#000;}


.thrimgz { float:left; width:100%; }
.thrimgz img { border: solid 1px #ff9306;}

#footertop { width:100%; float:left; background:url(../img/black.jpg); background:#eaedef;}

#footer { width:100%; float:left; min-height:70px; font-family: 'Muli', sans-serif; background:#212e3b;}

.copyright { font-size:13px; color:#fff; text-align:center; line-height:70px;}

.power { font-size:15px; color:#fff; float:right; line-height:70px;}
.power a { color:#fff;}
.power a:hover { color:#03a8e2;}


.footmenu { float:left; margin:15px 0px; font-family: 'Muli', sans-serif; font-size:14px; width:100%;}
.footmenu span { font-size:16px; font-weight:bold; color:#95d401; display:block;}
.footmenu ul { margin:0px; padding:0px;}
.footmenu ul li { list-style:none; padding:0 0 5px 0px;}
.footmenu ul li a { color:#FFFFFF;text-decoration:none;}
.footmenu ul li a:hover { color:#03a8e2;}
.header-login-form{ color:#fff;}

.header-login-form input{ color:#000;}

.header-login-form .form-field{  margin-left:10px;}
.header-login-form .form-field:first-child { margin-bottom:10px;}

.header-login-form .form-field:last-child { margin-top:10px;}


.login-image{ float:left; margin-right:15px;}
.header-login-form{ float:left;}

.right-header-box-login{}
.header-login-form input[type=submit]{ 
background: #E48C1C;
color: #fff;
padding: 0px 10px;
border-radius: 10px;
border: none;
}
.footer-wid-title {
    color: #fff;
font-family: 'Muli', sans-serif;
font-size:14px;
text-transform: uppercase;
}

.footer-menu ul li {
    border-bottom: 1px dashed #555;
    padding: 5px 0;
}

.footer-menu a {
color: #ccc;
display: block;
padding: 5px 0;
font-family: 'Muli', sans-serif;
font-size:13px;
}

.header-login-form input[type=submit]:hover
{
background: #fff;
color: #E48C1C;
}

.footer-top-area .zigzag-bottom{background: #f4f4f4}
.footer-top-area {background: none repeat scroll 0 0 #14141e;
color: #999;
padding: 35px 0 28px;}

#blue { width:100%; float:left; background:url(../img/blue.png) center top no-repeat; margin:0px 0 0 0; background-size:cover;padding: 0px 0px 81px 0;}

.mobxn {}

.header{ background:#5B78FF; padding:10px 0;}

.pcix { font-size: 14px;
color: #FFFFFF;
line-height: 22px;
text-align: justify;
margin: 0px 0px 25px 0px;}
.pcix span {font-size:18px; font-weight:bold;}

.onlinez { font-family: 'Muli', sans-serif; font-size:24px; color:#FFFFFF; line-height:22px; margin:135px 0 50px 0;}

#welcv {width:100%; float:left;   background:#fafafa;}

#welc {width:100%; float:left; margin:0 0 30px 0px;}

.welden { font-family: 'Muli', sans-serif; font-size:30px; color:#fd490e; font-weight:bold;line-height: 24px;}
.welden span { font-size:20px; color:#262626;}

.weldenim { margin:10px 0px;}

.morev a { font-size:18px; font-family: 'Muli', sans-serif; color:#ff3709; float:right; font-weight:bold;}
.morev a:hover {  color:#016b92;}

.has { font-family: 'Muli', sans-serif; font-size:14px; color:#2f7b88; text-align:justify; margin:0px 0px 0px 0px;}

.b2bc { font-family: 'Muli', sans-serif; font-size:16px; color:#00b1ec; font-weight:bold; text-align:center;}
.b2bz { font-family: 'Muli', sans-serif; font-size:16px; color:#dd1114; font-weight:bold; text-align:center;}


.bgxccon {font-family: 'Muli', sans-serif; font-size:16px; color:#93d006; font-weight:bold; text-align:center;}
.bgxccon span {color:#08baea;}

.man { float:right; font-family: 'Muli', sans-serif; font-size:18px;color:#FFFFFF; padding:20px 0 0 0;}
.man img { padding:10px 0 0 20px;}
.man a { color:#FFFFFF;}
.man a:hover { color:#FFFFFF;}

.paylo { margin:20px 0 0 0;}
.payface { margin:20px 0 20px 0;}

#footertop {width:100%; background:#eaedef; border-top:#993300 2px solid;}

.mobile { color:#919bac; font-family: 'Muli', sans-serif;}
.mobile span { border-bottom: solid 1px #eaedef; font-size:14px; text-transform:uppercase; padding:12px 0px 6px 0px; display:block;}
.mobile ul { padding:15px 0 0 0; margin:0px;}
.mobile ul li { list-style:none; font-size:12px; padding:0px 0 10px 0;}
.mobile ul li a { color:#949eae; text-decoration:none;}
.mobile ul li a:hover{ color:#3a7dc8; text-decoration:none;}

.haddingg{ font-size:25px; font:Arial; color:#919bac;}
.text{ font-size:16px; font-family: 'Muli', sans-serif; color:#919bac; margin-top:20px;}
.text01{ font-size:14px; font-family: 'Muli', sans-serif; color:#919bac; margin-top:20px; text-align:center;}

.face img { margin:10px 0 0 0;opacity:1;}
.face img a:hover { opacity:0.7;}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width:100%;}

#carousel-example-generic{}

.welcome-text-home-page .text01{ font-size:15px; line-height:25px; color:#000; font-family: 'Muli', sans-serif;}

.welcome-text-home-page .haddingg
{
	color: #000;
text-align: center;
font-weight: bold;
font-size: 35px;
font-family: 'Muli', sans-serif;

text-transform: uppercase;
}

.hadding {
    color: #000000;
    font-size:30px;
    font-weight: bold;
    padding: 20px 0 10px;
    text-align: center;
	font-family: 'Muli', sans-serif;
text-transform: uppercase;
}
.hadding1 {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    padding: 20px 0 10px;
    text-align: center;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
}

.img {
    margin-top: 20px;
    opacity: 2;
}
#mid_img {
    padding: 20px 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

#wrapper  { height:880px;}

.eara {  font-size:40px; line-height:40px; margin:20px 0 0 0 ;}

.logo {margin: 5px 0px 0px;  width:100%; text-align:center;}

.oxgin { margin:500px 0 0 0;}

.navbar-default .navbar-nav > li > a {color: #333 !important;}

/*#welcv { margin:8px 0px 30px 0px;}*/

#blue { background:#63bff2;}

}

@media (max-width:767px)
{
	.logo img {
    float: left;
}
}

.panch { font-family: 'Muli', sans-serif; font-size:16px; color:#FFFFFF; text-align:right; padding:10px 20px 0px 0px; font-weight:bold;}

.redaero { padding:60px 42px 0 0; text-align:right;}


.navbar-default {
    background-color:transparent;
    border-color:transparent;
    padding: 0px 0;
}


.our_client_list
{
}

.our_client_list ul
{
	margin:0px;
	padding:0px;
}

.our_client_list ul li
{
	list-style:none;
	display:inline-block;
	padding:0 0 0 0px;
}


.our_recharge_heading
{
	font-size:25px;
	color:#000;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
}

#inner_page
{
	background:#fff;
	width:100%;
	padding:25px 0;
	
}

#inner_page h1
{
	color:#000;
	font-size:20px;
	margin:0px;
}

#inner_page p
{
	font-size:14px;
	color:#000;
	text-align:justify;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color:#00abe8;
}
#welcv
{
	padding:50px 0;
}
#customer
{
	padding:40px 0;
	background-image:linear-gradient(#1bbc9b, #030202e6), url("../img/back-img.jpg");
	background-position: center;
	background-size:cover;
}
.customer-text
{
	color:#fff;
}
.customer-text h1
{
	font-size:28px;
}
.customer-text h2
{
	font-size:22px;
}
.customer-text p
{
	font-size:15px;
}

@media(max-width:768px)
{
.onlinez
{
margin:20px 0;	
}
.mobxn
{
display:flex;
justify-content:center;
}
.mobxn img
{
width:31%;
}
.pcix
{
margin-bottom: 25px;	
}
#blue 
{
padding: 0px 0px 10px 0;
}
}