body{margin:0; padding:0; font-family: "Poppins", sans-serif;}

html {
  scroll-behavior: smooth;
}

*{margin:0; padding:0; box-sizing: border-box;}
.cb{clear:both !important}
.mt0{margin-top:0 !important}
.dropdown-menu {
    margin-top: 0;
	border-radius:0px;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}
.dropdown-menu .dropdown .dropdown-menu.left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
	background: #9e15f9;
	color: white;
}
.dropdown-menu > li.show > a{
	color: white;
}
.dropdown-item:focus, .dropdown-item:hover{background: #9e15f9; color: white;}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin:0;
        border-width: 1px;
    }
	
}
.header{position:absolute; top:0; left:0; z-index:1024; width:100%; margin:0; padding:0;}
.header2{/*background:#e3edfb;*/ padding:0 0 5px 0; background: url(../img/hmservice.jpg) 0 0 #eef2f5; background-repeat: no-repeat; border-bottom:solid 2px #4795ff;}
/*.sticky-top{top:-73px;}*/
.fixed-header  {
	position:fixed;
    top:-43px !important;
    transition: background 0.5s ease, top 0.5s ease;
	background: #9e15f9;
}
/*.fixed-header a{color:#fff !important}*/
.top-bg{margin:0; padding:5px 0; /*position:absolute; top:0; left:0; width:100%; z-index:1;*/}
.top-bg .top-con-left{font-size:13px; color:#333;}
.top-bg .top-con-left span{margin-right:20px; cursor:pointer;}
.top-bg .top-con-left span:hover{color:#4795ff;}
.top-bg .top-con-left .fa{margin-right:10px;}
.top-con-right{margin:0; padding:0;}
.top-con-right span{float:left; margin: -5px 0 0 0;}
.top-con-right span img{width:65%;}
.top-con-right ul{margin:0; padding:0; list-style:none; text-align:right;}
.top-con-right ul li{margin:0 0 0 5px; padding:0; display:inline-block;}
.top-con-right ul li a{margin:0; padding:0; display:inline-block; width:32px; height:32px; border-radius:100%; background:#424656; text-decoration:none; text-align:center; color:#fff; line-height:2.1; transition:all 0.4s ease}
.top-con-right ul li a:hover{background:#4795ff;}
.signup{margin:0; background:#0a1a31; color:#fff !important; outline: none !important; border-radius: 50px;}
.nav-item{margin:0 3px;}
.navbar-light .navbar-nav .nav-link{color:#0c2e53; font-size:14px;padding:10px 6px; transition:all 0.4s ease}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#0c2e53;}
.navbar-light .navbar-nav .nav-link:hover{color:#fff; background:#424656; }
.bg-light {background-color: transparent !important;}
.navbar{margin:0; padding:0;}

.slider{margin:0; padding:0;}
.carousel-inner img { width: 100%; height: 100%; }
.rajesh img{width:22%;}
.carousel-caption {
    position: absolute;
    right: 15%;
	bottom: 156px;
    left: -50%;
	color:#000;
	}
.ntick{margin:0; padding-top:3px; background:#424656; }
.ntick a{text-decoration:none; color:#fff; font-size:14px;}
.payment-type{margin:0; padding:117px 0; background:#282e3f;}
.tab-pane p{color:#fff; font-size:15px; line-height:28px;}
.tab-content {
    border-top: solid 2px #9e15f9;
    padding: 35px 0 5px 0;
    margin: -17px ​0 0 0;
}
.nav-pills .nav-link{border-radius:0px; color:#fff;}
.nav-pills .nav-link.active {background:#9e15f9}
.referandearn{margin:0; padding:85px 0 0; background:url(../img/referandearnbg.png) 0 bottom no-repeat #eff3f2;}
.referandearn h2{ font-size:36px; color:#000333; font-weight:600; text-align:center; }
.referandearn h3{ font-size:13px; color:#636363; text-align:center; }
.referandearn .earn-box{margin:50px 0;  padding: 30px 20px; text-align:center; transition: all 0.5s ease-in-out ;}
.referandearn .earn-box .icon{margin: 0 auto; width: 124px; height: 124px; background: #d6d5d5; border-radius: 100px; display: flex; align-items: center; justify-content: center;
    margin-bottom: 50px; transition: ease-in-out 0.3s; font-size:51px; color:#808080;}
.referandearn .earn-box .arrow a{ font-size:27px; color:#adadad; display:inline-block; padding: 0 35px;}
.referandearn .earn-box h4{margin:0 0 25px 0; padding:0; color:#333333; font-weight:600; font-size:25px}
.referandearn .earn-box p{margin:0 0 25px 0; padding:0; color:#323232; font-weight:400; font-size:17px}
.referandearn .earn-box:hover{background:#9e15f9;}
.referandearn .earn-box:hover .icon{background:#424656; color:#fff;}
.referandearn .earn-box:hover h4{color:#ffcdff;}
.referandearn .earn-box:hover p{color:#fff;}
.referandearn .earn-box:hover .arrow a{background:#424656; color:#fffbfb;}

.features{margin:0; padding:85px 0 0; background:url(../img/featuresbg.png) left bottom no-repeat #fff;}
.features h2{ font-size:36px; color:#000333; font-weight:600; text-align:center; }
.features h3{ font-size:13px; color:#636363; text-align:center; }
.features h3{ font-size:13px; color:#636363; text-align:center; }
.features .features-box{margin:50px 0;  padding: 30px 20px; text-align:center; transition: all ease-in-out 0.5s; background:rgba(228,204,232,.67); border-radius:15px;}
.features .features-box .ficon{margin: 0 auto; width: 110px; height: 110px; background: #9e15f9; border-radius:10px 10px 20px 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; transition: ease-in-out 0.3s; font-size:51px; color:#fff;}
.features .features-box h4{margin:0 0 25px 0; padding:0; color:#333333; font-weight:600; font-size:23px}
.features .features-box p{margin:0 0 25px 0; padding:0; color:#333; font-weight:400; font-size:17px}
.downloadapp{margin:0; padding:0px 0; background:url(../img/downloadappbg.png) bottom right no-repeat #f6f6f6;}
.downloadapp .appcontent{margin:0; padding:95px 60px 39px; text-align:center;}
.downloadapp .appcontent h1{margin:0 0 15px 0; padding:0; font-size:36px; font-weight:700; color:#000333; }
.downloadapp .appcontent p{margin:0; padding:0; font-size:17px;  color:#323232; }
.downloadapp .appcontent ul{list-style:none; margin-top:15px }
.downloadapp .appcontent ul li{display:inline-block; margin:0 8px 0}
.downloadapp .appcontent ul li a{display:inline-block; font-size:24px; padding:12px 14px; text-decoration:none; font-weight:normal;}
.downloadapp .appcontent ul li a .fa{ margin-right:10px;}
.playstore{background:#424656; color:#fff; border:solid 1px #424656; transition: all ease-in-out 0.5s;}
.appstore{border:solid 1px #9e15f9; color:#9e15f9; transition: all ease-in-out 0.5s;}
.playstore:hover{border:solid 1px #9e15f9; color:#fff; background:#9e15f9; }
.appstore:hover{border:solid 1px #fb2dfc; background:#fb2dfc; color:#fff;}
.downloadapp .appimg{margin:0; padding:0px 0 0 80px;  }
.downloadapp .appimg img{width:100%;}

.footer{margin:0; padding:50px 0 40px; background:#424656;}
.footer .footer-con{margin:0; padding:0; width:100%;}
.footer .footer-con h5{margin:0; padding:0 0 25px 0; font-size:17px; color:#fff;}
.footer .footer-con p{margin:15px 0 0 0; padding:0; font-size:13px; color:#e8e9fc; line-height: 25px;}

.socialnav{margin:0; padding:0;}
.socialnav ul{list-style:none; text-align:center;} 
.socialnav ul li{display:inline-block} 
.socialnav ul li a{display:inline-block; text-decoration:none; color:#e8e9fc; margin:15px 5px; transition: all ease-in-out 0.5s; font-size:24px;}
.socialnav ul li a:hover{color:#fb2ffc;}

.text-box{margin:15px 0; padding:0 5px; width:100%; height:45px; outline:none; border:none;}
.subs{padding:10px 30px; border:solid 2px #fb2dfc; transition: all ease-in-out 0.5s; font-size:17px; color:#e8e9fc; background:#000333; border-radius:50px; outline:none !important; cursor:pointer; text-decoration:none; }
.subs:hover{background:#fb2dfc;}

.implink{margin:0; padding:0;}
.implink ul{margin:0; padding:0; list-style:none; text-align:center;}
.implink ul li{margin:0; padding:0 12px; display:inline-block }
.implink ul li a{margin:0; padding:8px 0; color:#fff; font-size:16px; text-decoration:none; display:block; transition: all ease-in-out 0.5s;}
.implink ul li .fa{margin-right:20px}
.implink ul li a:hover{color:#fb2ffc;}
.freadmore{margin-top:15px; border:solid 1px #fb2dfc; color:#fb2dfc !important; transition: all ease-in-out 0.5s; display:inline-block; padding:12px 14px; text-decoration:none !important; transition: all ease-in-out 0.5s;}
.freadmore:hover{background:#fb2dfc; color:#fff !important;}
.bottombar{margin:15px 0 0 0; padding:40px 0 0; border-top:solid 1px #010ba8;}
.bottombar .btmcontent{margin:0; padding:0;}
.btmcontent ul{margin:0; padding:0; list-style:none; text-align:center;}
.btmcontent ul li{margin:0; padding:0; display:inline-block; transition: all ease-in-out 0.3s;}
.btmcontent ul li:hover{box-shadow:0px 0px 5px #fff;}
.btmcontent p{font-size:15px; color:#999; text-align:center; margin-top:15px;}



.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Left & Right  */
/*body:not(.modal-open){
  margin-right: 0px !important;
  padding-right: 0px !important;
}
.modal {
    margin-right: 0px !important;
	padding-right: 0px !important;
}*/
.loginwith{font-size:15px; color:#fff; text-align:center; font-weight:normal;}

.or-login{margin:0; padding:0;}
.or-login ul{list-style:none; text-align:center;} 
.or-login ul li{display:inline-block} 
.or-login ul li a{display:inline-block; text-decoration:none; color:#e8e9fc; margin:3px 5px; transition: all ease-in-out 0.5s; font-size:24px; background:#4795ff; padding: 12px; width: 60px;}
.or-login ul li a:hover{color:#4795ff; background:#424656;}

body.modal-open { overflow:inherit; padding-right:inherit !important; }
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
  height: 100%;
  /*overflow-y: auto;*/
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
  padding: 0px 15px 80px;
}

.modal.modal-left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.show .modal-dialog {
  left: 0;
}

.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
  right: 0px;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
  border-radius: 0;
  border: none;
  background: #7c33fb !important;
}

.modal.modal-left .modal-dialog.modal-sm,
.modal.modal-right .modal-dialog.modal-sm {
  width: 300px;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
  width: 800px;
}

.modal.modal-left .modal-dialog.modal-xl,
.modal.modal-right .modal-dialog.modal-xl {
  width: 1140px;
}




/* Footer */

.modal-footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
}

/* XS */

.modal.modal-left.xs .modal-body,
.modal.modal-right.xs .modal-body {
  padding: 15px;
}

/* Full screen modal menu indicators 

a.has-sub:after { font-family: "FontAwesome"; }
a.has-sub:after { content: "\f107"; margin-left: 1rem; }
a.has-sub[aria-expanded="true"]:after { content: "\f106"; }*/


.card{border:none !important;    border-radius:0px !important;}
.login-box {
    width: 100%;
    margin: auto;
    max-width: 525px;
    min-height: 670px;
    position: relative;
   background:#7c33fb;
    /*box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)*/
}

.login-snip {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0 50px;
   
}

.login-snip .login,
.login-snip .sign-up-form {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: all .4s linear
}

.login-snip .sign-in,
.login-snip .sign-up,
.login-space .group .check {
    display: none
}

.login-snip .tab,
.login-space .group .label,
.login-space .group .button {
    text-transform: uppercase
}

.login-snip .tab {
    font-size: 22px;
    margin-right: 15px;
    padding-bottom: 5px;
    margin: 0 15px 10px 0;
    display: inline-block;
    border-bottom: 2px solid transparent;
	color:#c5c4c4;
}

.login-snip .sign-in:checked+.tab,
.login-snip .sign-up:checked+.tab {
    color: #fff;
    border-color:#fb2dfc
}

.login-space {
    min-height: 345px;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d
}

.login-space .group {
    margin-bottom: 15px
}

.login-space .group .label,
.login-space .group .input,
.login-space .group .button {
    width: 100%;
    color: #fff;
    display: block
}

.login-space .group .input,
.login-space .group .button {
  
    padding: 8px 20px;
    border-radius: 0;
    background: #fff;
	color:#333;
    outline: none !important;
    border: solid 1px #fb2dfc;
}

.login-space .group input[data-type="password"] {
    text-security: circle;
    -webkit-text-security: circle
}

.login-space .group .label {
    color: #fff;
    font-size: 12px
}

.login-space .group .button {
    background: #fb2dfc;
	cursor: pointer;
}

.login-space .group label .icon {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    background: rgba(255, 255, 255, .1)
}

.login-space .group label .icon:before,
.login-space .group label .icon:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    transition: all .2s ease-in-out 0s
}

.login-space .group label .icon:before {
    left: 3px;
    width: 5px;
    bottom: 6px;
    transform: scale(0) rotate(0)
}

.login-space .group label .icon:after {
    top: 6px;
    right: 0;
    transform: scale(0) rotate(0)
}

.login-space .group .check:checked+label {
    color: #fff
}

.login-space .group .check:checked+label .icon {
    background: #1161ee
}

.login-space .group .check:checked+label .icon:before {
    transform: scale(1) rotate(45deg)
}

.login-space .group .check:checked+label .icon:after {
    transform: scale(1) rotate(-45deg)
}

.login-snip .sign-in:checked+.tab+.sign-up+.tab+.login-space .login {
    transform: rotate(0)
}

.login-snip .sign-up:checked+.tab+.login-space .sign-up-form {
    transform: rotate(0)
}

*,
:after,
:before {
    box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}

a {
    color: inherit;
    text-decoration: none
}

.hr {
    height: 2px;
    margin: 60px 0 25px 0;
    background:#fb2dfc;
}

.foot {
    text-align: center;
	
}
.foot a{
    
	color:#fff;
	text-decoration:none;
	transition:all 0.5s ease;
}
.foot a:hover{color:#fb2dfc;}

.card {
    width:100%;
    left: 0;
}

::placeholder {
    color: #fff;
}
.close{color:#fff; text-shadow: none; opacity: 1;}
.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

/*recahrge*/
.rechargeslider{margin:0 0 0 0; padding:30px 0; background:url(../img/rechargebg.png)0 0 no-repeat #fff;}
.plan{margin:0 0 10px 0; padding:0; text-decoration:none; display:inline-block; color:red;}
.form-check-label {
    margin-bottom: 0;
    margin-right: 0px;
	margin-left:0px;
}
.form-check-label2 {
    margin-bottom: 0;
    margin-right: 15px;
	margin-left:30px;
}
.browse-plan{width:5% !important}
.form-check {
   
    padding-left:0rem;
}
.form-check-input {
    margin-left:0px;
}
.active2 {
    color: #fff !important;
    background: #424656 !important;
}

/* selection img */
.bootstrap-select {
  width: 220px \0;
  /* IE9 and below */
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.dropdown-header {
  cursor: default;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li .media {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li .media-body {
  vertical-align: middle;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.form-control{    border-radius:0;}
.form-control:focus{border-color: #ced4da;
 
    box-shadow:none;
}


/* selection img end*/
.nav-pos{position:relative;}
.hot-menu{position:absolute; top:9px; font:normal 10px Arial, Helvetica, sans-serif; color:#ff0000;  -ms-transform: skewY(-20deg); /* IE 9 */
  transform: skewY(-20deg);} 
.hslidebg{background:#d6e6fc; padding:20px 0} 
 /*flight css */
.section {
	position: relative;
	height: 100vh;
}
 .section2 {
	position: relative;
	height: 24vh;
}


.section .section-center {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 45px;
}
.section .section-center2{
	position:inherit;
	top: 60%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 45px;
}

#booking {
	font-family: 'PT Sans', sans-serif;
	background-image: url('../img/flightbg.png');
	background-size: cover;
	background-position: center;
}

.booking-form {
	background: rgba(256, 256, 256, 0.6);
	padding: 40px;
	border-radius: 6px;
	box-shadow: 2px 2px 5px #b5b3b3;
	margin:30px 0;
}
.service-form {
	border-radius: 0px !important;
	box-shadow: none !important;
}

.booking-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.booking-form .form-control {
	background-color: #fff;
	height: 50px;
	color: #191a1e;
	border: 1px solid #bfbfbf;
	font-size: 16px;
	font-weight: 400;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 40px;
	padding: 0px 25px;
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(82, 82, 84, 0.4);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(82, 82, 84, 0.4);
}

.booking-form .form-control::placeholder {
	color: rgba(82, 82, 84, 0.4);
}

.booking-form input[type="date"].form-control:invalid {
	color:#444;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 10px;
	bottom: 8px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 15px);
}
.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.booking-form .form-label {
	display: block;
	margin-left: 20px;
	margin-bottom: 5px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 24px;
	height: 24px;
	font-size: 12px;
	color: #7a7a7a;
	
}

.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left: 30px;
	font-weight: 400;
	color: #989696;
}

.booking-form .form-checkbox label+label {
	margin-left: 15px;
}

.booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #e7ebee;
}

.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #f23e3e;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}

.booking-form .form-btn {
	margin-top: 27px;
}

.booking-form .submit-btn {
	color: #fff;
	background-color: #f23e3e;
	font-weight: 400;
	height: 50px;
	font-size: 14px;
	border: none;
	width: 100%;
	border-radius: 40px;
	text-transform: uppercase;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.booking-form .submit-btn:hover,
.booking-form .submit-btn:focus {
	opacity: 0.9;
}
.booking-form h2{font-size: 18px; border-bottom: solid 1px #aaa; text-align: center; background: #ddd; padding: 10px 0;}
::placeholder {
  color: #444 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #444 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #444 !important;
}
 /*flight css End*/
 .otpreq a{display:block; text-align:center; text-decoration:none; text-align:center; background:#fff; width:144px; height:44px; margin:25px auto; padding:10px 0; }
 .otpreq a:hover{box-shadow:0px 2px 5px #000;}
 /*payment gatway | wallet css */
 .paytransaction{padding:30px 0; background:#fff; margin-top:15px;}
 .paytransaction-bg{background:#f7f6f6; padding:30px; /*border:solid 1px #e1e1e2;*/ border-radius:6px; box-shadow: 2px 2px 5px #b5b3b3;}
 .paytransaction h4{border-bottom:solid 1px #ced4da; padding: 0px 0px 15px 0px;}
 .walletpay{margin:0; padding:0;}
 .walletcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.walletcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.walletcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.walletcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.walletcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.walletcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
 }
.walletpay label{margin-bottom:0px;}
.wallet-text{margin-left:36px; font-size:13px; color:#c1c1c1; }
.wallet-text2{margin-left:36px; font-size:13px; color:#ff0000; margin-top:-4px !important; display:block;}
.wallet-text .fa{margin-right:5px;}
.custom-radio{margin-bottom:10px !important;}
.startpewallet{padding:30px 0; background:#fff; margin-top: 15px;}
.walletbalance ul{list-style:none; margin:0; padding:0; }
.walletbalance ul li{margin:0; padding:0; list-style:none; float:left;}
.fa-money{margin-right:15px; font-size:24px; border-radius:100px; width: 50px; height: 50px; border: solid 1px #ddd; display: inline-block; text-align: center; line-height: 45px;
    background: #fff;}
.border-b{border-bottom: solid 1px #ced4da; padding-bottom:15px;}
.d-b{display:block;}
.mr5{margin-right:5px;}
.wall-amt{ margin-left: 65px; margin-top: -12px;}
.form-control {line-height: 2.2; }
.bl-n{border-left:none;}
.input-group-text{background:#fff;}
.add-money{margin:0; padding:0;}
.add-money h3{margin:0; padding:40px 0 15px; font-size:15px; color:#333;}
.add-money-amt{margin:0; padding:0 0 50px;}
.box{
       
        padding: 20px;
        display: none;
        margin: 20px 0;
		background: #fff;
		box-shadow: 2px 2px 5px #d8d7d7;
		border:solid 1px #e1e1e2;
    }
.roundtrip{
 	display: block;
    }
.one-way{
 	display: none;
    }
.multi-city{
 	display: none;
    }
  
    .green{ background: #228B22; }
    .blue{ background: #0000ff; }
  	.yellow{ background: #f0ff00; }
    label{ margin-right: 15px; }
.box .fa{margin-right:5px;}
.box a{text-decoration:none !important; transition:all 0.3s;}
.nbank{margin:10px 0; padding:20px; background:#fafbfb; border:solid 1px #e2ebee;}
.nbank h5{margin:0 0; padding:5px 0; text-align:center; color:#333; font-size:15px;}
.nbank img{display:block; margin:0 auto;}
.nbank:hover{border:solid 1px #cad1d4;}
.box label{color: #aeaeaf;}
.startpe-content {
    margin: 0;
    padding: 85px 0 0;
  
}
#hmservice {
	font-family: 'PT Sans', sans-serif;
	background: url('../img/hmservice.jpg') 0 0 #eef2f5;
	/*background-size: cover;
	background-position: center;*/
	background-repeat:no-repeat;
	border-bottom:solid 2px #4795ff;
}
.startpe-content ul{list-style:none;}
.service-title{margin:0; padding:0;}
.service-title h2{font-size:32px; color:#333; border-bottom:solid 1px #aaa; padding:10px 0;}

.money-t-container{margin:0; padding:40px 0;}
.cust-bal{margin:0; padding:15px; border-radius: 12px; -webkit-box-shadow: 0 2px 28px rgb(0 0 0 / 10%); box-shadow: 0 2px 28px rgb(0 0 0 / 10%); background:#4795ff;
}
.bal-icon{float:left; margin:0 0 0 0;}
.bal-icon img {width: 70%; height: auto; background:rgba(0,0,0,0.1); padding: 5px; border-radius:4px;}
.customer-balance{margin:0; padding:0;}
.customer-balance p{margin:0; padding:0; color:#fff;}
.customer-balance h4{margin:0; padding:0; color:#fff;}
.add-c-box-con{margin:0 0 30px 0; padding:30px 15px; border-radius:4px; background: #f3f3f3;}
.add-c-box-con h4{padding:5px 0;}
.mt40{margin-top:40px;}
.booking-form h4{font-size:32px;}

/*try minus plus button*/

.qty-bg{    border: solid 1px #aaa;
    border-radius: 100px;
    padding: 8px 0px;
	text-align:center;
}
.qty .count, .countchild, .countinfant {
    color: #000;
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    padding: 0 2px;
	min-width: 35px;
    text-align: center;
	border: solid 1px #d3d1d1;
}

.qty .plus, .pluschild, .plusinfant {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
	background:#777;
    }
.qty .minus, .minuschild,.minusinfant {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
	background:#777;
}
/*div {
    text-align: center;
}*/
.minus:hover{background-color: #717fe0 !important;}
.minuschild:hover{background-color: #717fe0 !important;}
.minusinfant:hover{background-color: #717fe0 !important;}
.plus:hover{background-color: #717fe0 !important;}
.pluschild:hover{ background-color: #717fe0 !important;}
.plusinfant:hover{ background-color: #717fe0 !important;}
/*Prevent text selection*/
span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input{  
    border: 0;
    width: 12%;
}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background-color:white;
}
.swap-for{position:relative; }
.swap-btn{position:absolute; top:35px; right:-17px; z-index:1; cursor:pointer; width:34px; height:34px;}