font-family:Raleway, sans-serif
}
.top-hdr {
	background:#3199cc;
	background:-moz-linear-gradient(top, #3199cc 42%, #0750a4 100%);
	background:-webkit-linear-gradient(top, #3199cc 42%, #0750a4 100%);
	background:linear-gradient(to bottom, #3199cc 42%, #0750a4 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3199cc', endColorstr='#0750a4', GradientType=0 )
}
.panel-default .panel-heading {
	background-color:#1cb7eb;
	border-color:#1cb7eb;
	color:#fff
}
.more-less {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: bold;
    line-height: 1; font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.top-hdr .loginhdr-menu ul {
	margin:0;
	padding:0
}
.top-hdr .loginhdr-menu ul li a {
	font-size:11px
}
.top-hdr .loginhdr-menu ul li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block
}
.top-hdr .loginhdr-menu ul li.partner a {
	background:url(../img/partner-icn.png) left center no-repeat;
	color:#fff;
	font-weight:600;
	padding:5px 5px 5px 35px
}
.top-hdr .loginhdr-menu ul li.signup a {
	background:url(../img/signup-icn.png) left center no-repeat;
	color:#fff;
	font-weight:600;
	padding:5px 5px 5px 25px
}
.top-hdr .loginhdr-menu ul li.login a {
	background:url(../img/login-icn.png) left center no-repeat;
	color:#fff;
	font-weight:600;
	padding:5px 5px 5px 30px
}
.offer-zone .btn {
	background:#6bb61d;
	color:#fff;
	border-radius:30px;
	font-weight:600;
	border-color:#6bb61d
}
.top-hdr-grp {
	margin:3px 0
}
.top-hdr .loginhdr-menu ul li.signup:after {
	color:#fff;
	content:"|";
	font-weight:600;
	margin:0 7px
}
.top-hdr .loginhdr-menu ul li.signup:before {
	color:#fff;
	content:"|";
	font-weight:600;
	margin:0 15px 0 5px
}
.navbar-brand {
	max-width:247px;
	height:auto
}
.navbar-brand img {
	display:block
}
.register-partners input[type=radio] {
	opacity:0
}
ul.main-top-menu {
	margin:0
}
ul.main-top-menu li {
	margin:10px 0 0
}
ul.main-top-menu li .img-cable {
	background:url(../img/cabletv-icn.png) center 4px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-bord {
	background:url(../img/dth-icn.png) center top no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-mob {
	background:url(../img/mobile-icn.png) center top no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-datacard {
	background:url(../img/datacard-icn.png) center top no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-dth {
	background:url(../img/dthtv-icn.png) center 3px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-elec {
	background:url(../img/elec-icn.png) center 4px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-landline {
	background:url(../img/landline-icn.png) center 5px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-gas {
	background:url(../img/gas-icn.png) center 3px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-other {
	background:url(../img/other-icn.png) center 15px no-repeat;
	padding:15px 10px
}
ul.main-top-menu li .img-text {
	color:#064da2;
	margin:5px 0 0
}
ul.main-top-menu li a {
	padding:0 15px
}
ul.main-top-menu li a:focus, ul.main-top-menu li a:hover {
	background:0 0;
	outline:0
}
header.carousel {
	height:auto
}
.carousel-control.left .icon-prev {
	background:url(../img/left-icn.png) no-repeat;
	height:53px;
	width:53px;
	overflow:hidden;
	text-indent:-9999px
}
.carousel-control.right .icon-next {
	background:url(../img/right-icn.png) no-repeat;
	height:53px;
	width:53px;
	overflow:hidden;
	text-indent:-9999px
}
.carousel-indicators .active {
	background-color:#074ea2!important
}
.carousel-caption {
	top:20%
}
.carousel-caption h2 {
	font-size:40px;
	font-weight:700
}
.carousel-caption h2 span {
	clear:both;
	color:#aeed6e;
	display:block;
	font-size:30px;
	font-weight:500;
	margin:20px 0 0
}
.page-header {
	border:0;
	font-weight:400;
	margin:60px 0 40px;
	padding-bottom:15px;
	text-align:center;
	font-size:40px
}
.page-header span.hrtags {
	display:block;
	clear:both
}
.cable-con, .intrnet-con, .recharge-con {
	height:150px;
	width:150px;
	position:relative;
	margin:0 auto;
	border:1px solid #074ea2
}
.cable-con a, .cable-con:hover a, .intrnet-con a {
	bottom:0;
	display:block;
	left:0;
	position:absolute;
	right:0;
	top:50%
}
.cable-con a {
	background:url(../img/cabletvs-icn.png) center center no-repeat;
	height:58px;
	margin:-30px auto 0;
	width:58px
}
.intrnet-con a {
	background:url(../img/internet-icnhover.png) center center no-repeat;
	width:53px;
	height:41px;
	margin:-15px auto 0
}
.cable-con:hover a {
	background:url(../img/cabletvs-icnhover.png) center center no-repeat;
	height:58px;
	margin:-30px auto 0;
	width:58px
}
.intrnet-con:hover a {
	background:url(../img/internet-icn.png) center center no-repeat;
	width:53px;
	height:41px;
	bottom:0;
	display:block;
	left:0;
	margin:-15px auto 0;
	position:absolute;
	right:0;
	top:50%
}
.recharge-con a, .recharge-con:hover a {
	width:56px;
	height:34px;
	bottom:0;
	display:block;
	left:0;
	margin:-15px auto 0;
	position:absolute;
	right:0;
	top:50%
}
.recharge-con:hover a {
	background:url(../img/recharge-icnhover.png) center center no-repeat
}
.recharge-con a {
	background:url(../img/recharge-icn.png) center center no-repeat
}
.brand, .inline-b, .online-img img, .r-f .checkbox {
	display:inline-block
}
.cable-con:hover, .intrnet-con:hover, .recharge-con:hover {
	background:#6bb61d;
	border-color:#6bb61d
}
h3.blk-title {
	color:#2d2d2c;
	font-weight:400;
	margin:20px 0
}
.online-trans {
	background:#f6ffed;
	padding:0 0 30px
}

.online-transNew {
	background:#fff;
	padding:0 0 30px
}

.hdng {
	font-weight:700;
	font-size:22px
}
.online-img img {
	max-width:44px;
transition:all .5s ease 0s
}
.online-img {
	background:#FFF;
	border:1px solid #6BB61D;
	border-radius:50%;
	height:100px;
	width:100px;
	line-height:100px;
	overflow:hidden;
	text-align:center;
	margin:0 auto
}
.online-img :focus img, .online-img:hover img {
	transform:scale(1.2);
transition:all .5s ease 0s
}
.online-trans p {
	font-weight:500;
	line-height:26px;
	text-align:justify;
	font-size:16px
}
.distan-row {
	margin:15px 0;
	min-height:150px
}
.m-t-40 {
	margin-top:40px
}
.m-t-30 {
	margin-top:30px
}
.m-b-20 {
	margin-bottom:20px
}
.pd0 {
	padding:0!important
}
.rel {
	position:relative
}
.box-ab, .box-ab2, .view-clm:before {
	position:absolute
}
.bg-a {
	background:#f4f7f9
}
.trans {
	padding:4em 3em
}
.online-trans-login {
	background:#fff;
	border:1px solid #aafe95;
	padding:0 0 60px
}
.online-trans-login .online-img {
	max-width:80px;
	margin:0 auto 20px
}
.online-trans-login .hdng {
	font-weight:700;
	font-size:16px;
	margin:0 0 5px
}
.green-bg {
	background:#f6ffed
}
.heading-a {
	padding:20px
}
.login-header {
	padding:0 0 10px
}
.online-trans-login .distan-row p {
	font-size:12px
}
.p-l-r-60 {
	padding:0 60px
}
.m-b-60 {
	margin-bottom:60px
}
.hrtags img {
	margin:0 auto
}
.panel-static .panel-heading.custom-heading {
	padding-bottom:4px;
	padding-left:4px;
	padding-top:4px
}
.box-body, .box-title {
	padding:10px 25px
}
.panel-heading.custom-heading img {
	margin-right:4px;
	width:40px
}
.login-d {
	font-family:'Open Sans', sans-serif!important
}
.box {
	width:400px;
	box-shadow:0 1px 1px 1px rgba(18, 18, 18, .18);
	background:#fff
}
.box-ab {
	top:10px;
	left:10px;
	z-index:999
}
.box-ab2 {
	top:10px;
	left:50%
}
.box-title {
	font-family:'Open Sans', sans-serif;
	font-size:20px;
	border-bottom:1px solid #e7e7e7
}
.role .role-in {
	font-weight:400;
	margin:5px 30px;
	color:#6a6a6a
}
.from-login.form-horizontal .control-label {
	text-align:left;
	color:#6a6a6a;
	font-weight:500
}
.from-login.form-horizontal .form-control {
	border-width:0 0 1px;
	border-radius:0;
	box-shadow:0 0;
	padding:6px 0;
	color:#6a6a6a
}
.box2, .panel-static .panel {
	box-shadow:0 1px 1px 1px rgba(18, 18, 18, .18)
}
select {
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none
}
.r-f {
	padding:0 15px;
	margin:20px 0 30px
}
.r-f .checkbox {
	padding:0
}
.role {
	margin:5px 0 10px;
	color:#6a6a6a
}
.btn.btn-a {
	padding:4px 35px;
	background-color:#33bd67!important;
	font-family:Raleway, sans-serif;
	font-size:16px;
	letter-spacing:.5px;
	border-radius:2px
}
.panel-static .panel-heading {
	font-size:22px;
	background-color:#1e84bf!important;
	color:#fff;
	letter-spacing:1px;
	padding-left:50px
}
.panel-static {
	font-family:'Open Sans', sans-serif!important
}
.panel-static .panel {
	border-radius:0;
	border:0
}
.panel-static .panel-body {
	font-size:14px;
	padding:20px 10px 30px;
	letter-spacing:.5px;
	line-height:25px
}
.panel-static .panel-body p {
	margin:0 0 20px
}
.panel-static .panel-body .view-clm label {
	font-weight:400
}
.view-clm:before {
	content:":";
	left:-6px;
	top:6px
}
select.select-a {
	-webkit-appearance:none;
	background:url(../img/dropdown.png) 95% 60%/14px no-repeat
}
.view-clm textarea {
	width:100%;
	margin:10px 0 0;
	border:1px solid #ccc;
	resize:none
}
.profile {
	max-width:75px;
	margin:10px auto 20px;
	position:relative
}
.profile img {
	width:100%;
	height:auto;
	border-radius:50%
}
.brand, .static-text {
	background:#fff;
	border:1px solid #aafe95
}
.camera {
	position:absolute;
	right:-6px;
	bottom:3px
}
.static-text {
	padding:15px 25px 25px
}
.brand {
	padding:20px 8px 10px
}
.brand .brand-list li {
	border:2px solid #eaeaea;
	display:inline-block;
	border-radius:5px;
	padding:10px 5px;
	margin:0 12px
}
.brand .brand-list li img {
	width:100%;
	height:auto;
	max-width:100px
}
.role.role-pay .role-in {
	display:block;
	margin:5px 10px
}
.or {
	margin:5px 0 5px 3em
}
.box-body.broad {
	padding:15px 25px
}
.blue {
	background-color:#1e84bf;
	color:#fff;
	border:0
}
.box2 {
	margin:15px 10px;
	background:#fff
}
.checkbox-custom, .radio-custom {
	opacity:0;
	position:absolute
}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
	display:inline-block;
	vertical-align:middle;
	margin:5px;
	cursor:pointer
}
.checkbox-custom-label, .radio-custom-label {
	position:relative
}
.checkbox-custom+.checkbox-custom-label:before, .radio-custom+.radio-custom-label:before {
	content:'';
	background:#fff;
	border:1px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	padding:2px;
	margin-right:15px;
	text-align:center
}
.checkbox-custom:checked+.checkbox-custom-label:before {
	background:#663399;
	box-shadow:inset 0 0 0 4px #fff
}
.radio-custom+.radio-custom-label:before {
	border-radius:50%
}
.radio-custom:checked+.radio-custom-label:before {
	background:#ccc;
	box-shadow:inset 0 0 0 4px #fff
}
.inline-radio-block {
	display:inline-block;
	min-width:45%;
	vertical-align:top
}
.inline-radio-block label, .radio-block-bottom label {
	color:#6a6a6a
}
.radio-block-main {
	text-align:center;
	margin-bottom:35px
}
.broadband-box-title {
	display:table;
	padding:6px 25px;
	width:100%;
	border-bottom:1px solid #e7e7e7
}
.broadband-title {
	font-family:"Open Sans", sans-serif;
	font-size:20px
}
.webdescription, .webname {
	font-family:Roboto, sans-serif
}
.broadband-box-title .broadband-title, .broadband-box-title .history-icon {
	display:table-cell;
	vertical-align:middle
}
.history-icon {
	color:#454545;
	font-size:15px;
	font-weight:600;
	text-align:center;
	width:17%
}
.history-icon img {
	display:block;
	margin:0 auto
}
.radio-label {
	color:#6a6a6a;
	font-size:15px;
	margin-bottom:20px
}
.break-line {
	color:#6a6a6a;
	font-weight:600;
	margin:10px 0;
	padding-left:12%
}
.history-popup {
	right:0;
	width:635px
}
.common-style {
	z-index:999;
	position:absolute;
	top:10px;
	box-shadow:0 1px 1px 1px rgba(18, 18, 18, .18);
	background:#fff;
	border:1px solid #8a8a8a;
	display:none
}
.box-popup {
	width:468px;
	left:0
}
.brodband-user-popup .broadband-title, .history-popup .broadband-title {
	padding:11px 0
}
.history-table-block {
	padding:10px
}
.history-table-block .table {
	border:1px solid #e4e4e4
}
.history-table-block .table td {
	color:#2f2f2f;
	font-size:15px;
	height:40px;
	line-height:24px
}
.brodband-user-popup {
	right:0;
	width:467px
}
.brodband-user-inner {
	padding:15px
}
.brodband-user-inner .form-horizontal label {
	text-align:left;
	color:#6a6a6a;
	font-weight:600;
	position:relative
}
.border-hide, .border-hide:hover, .brodband-user-inner .form-control, .brodband-user-inner .form-control:focus, .not-bdr, .not-bdr:focus {
	border-top:none;
	border-right:none;
	border-left:none;
	box-shadow:none;
	border-radius:0
}
.enter-p-code {
	border-color:#00aff0;
	border-width:2px;
	text-align:center
}
.brodband-user-inner .view-clm:before {
	content:""
}
.brodband-user-inner .form-horizontal label:before, .col-label:after {
	color:#6a6a6a;
	content:":";
	font-weight:600;
	right:7%;
	position:absolute;
	top:5px
}
.promo-code, .promo-code:hover {
	color:#00aff0
}
.brodband-user-inner .form-horizontal span {
	margin-top:7px;
	width:100%;
	display:inline-block
}
.promo-code {
	display:block;
	text-align:center;
	text-decoration:underline;
	font-size:15px
}
.col-label {
	position:relative
}
.form-horizontal .control-label.label-align-left, .label-align-left {
	text-align:left
}
.radio-block-bottom {
	margin-bottom:15px
}
.contactus-feild {
	margin:0 auto;
	max-width:700px
}
.common-style label {
	color:#6a6a6a;
	font-weight:500
}
.fileUpload {
	position:absolute;
	overflow:hidden;
	width:23px;
	right:0;
	bottom:0
}
.fileUpload input.upload {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	font-size:20px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0)
}
.fileUpload span {
	background:url(../img/camera.png) 0 0/100% auto no-repeat;
	display:inline-block;
	width:100%;
	height:24px
}
.history-popup.plans-popup, .v-shape-con {
	display:block
}
.pay-footer .list-a.payment {
	padding:0
}
.history-icon.view-plans-icon {
	width:21%
}
.v-shape-con {
	background:#00aff0;
	border-radius:50%;
	color:#fff;
	height:30px;
	line-height:31px;
	text-align:center;
	width:30px;
	margin:0 auto
}
.v-shape-con:focus, .v-shape-con:hover {
	color:#fff;
	text-decoration:none
}
.plans-popup .btn.btn-primary {
	background-color:#00aff0;
	border-color:#00aff0;
	transition:1s
}
.plans-popup .btn.btn-primary:active, .plans-popup .btn.btn-primary:hover {
	background-color:rgba(0, 175, 240, .67);
	border-color:#00aff0;
	transition:1s
}
.search-right .form-control {
	border-color:#00aff0;
	border-radius:20px;
	max-width:200px;
	display:inline-block;
	background:url(../img/search.png) 93% 50%/15px auto no-repeat #fff;
	padding-right:35px
}
.faq-title, .offer-title-block {
	border-bottom:1px solid #e7e7e7
}
.search-right label {
	display:inline-block;
	margin-right:10px
}
.plans-popup-title {
	display:table
}
.plans-popup-title .broadband-title, .plans-popup-title .search-right {
	display:table-cell
}
.plans-popup-title .search-right {
	text-align:right;
	vertical-align:middle
}
.common-banner-style {
	min-height:427px
}
.datacard-banner {
	background:url(../img/datacard-banner.png) center center/cover no-repeat
}
.brand .brand-list li img.voda-icon {
	height:34px;
	width:82px
}
.dth-banner, .faq-banner {
	background:url(../img/dth-banner.png) center center/cover no-repeat
}
.faq-title {
	color:#6a6a6a;
	font-size:20px;
	font-weight:600;
	margin:0 0 10px;
	padding:10px 15px
}
.question, .question-block p {
	color:#6a6a6a;
	font-size:16px
}
.question-block {
	padding:0 15px;
	margin-bottom:10px
}
.question {
	font-weight:600;
	margin:0 0 10px
}
.faq-question-list {
	background:#fff;
	margin-top:20px
}
.brand .brand-list li img.adani-icon {
	height:47px;
	min-width:68px
}
.brand .brand-list li img.bsnl-landline {
	height:40px
}
.broadband-banner {
	background:url(../img/bnr1.png) center center/cover no-repeat
}
.gas-banner {
	background:url(../img/gas-banner.png) center center/cover no-repeat
}
.landline-banner {
	background:url(../img/landline-banner.png) center center/cover no-repeat
}
.insurance-banner {
	background:url(../img/insurance-banner.png) center center/cover no-repeat
}
.electricity-banner {
	background:url(../img/electricity-banner.png) center center/cover no-repeat
}
.offerzone-banner {
	background:url(../img/offerzone-banner.png) center center/cover no-repeat
}
.cabletv-banner, .complaints-banner, .edit-profile-banner, .login-banner, .signup-banner {
	background:url(../img/bnr1.png) center center/cover no-repeat
}
.dob.form-control {
	border-radius:0;
	background:url(../img/calender.png) 98% 50%/15px auto no-repeat #fff;
	padding-right:35px
}
.brand .brand-list.insu-brand-list li {
	vertical-align:middle;
	display:inline-table;
	height:80px
}
.brand .brand-list.insu-brand-list li a {
	display:table-cell;
	vertical-align:middle
}
.brand .brand-list.insu-brand-list li img {
	min-width:60px
}
nav.navbar {
	margin:0;
	padding:10px 0
}
.offer-main-block {
	position:relative
}
.offer-outer-block {
	background:#fff;
	position:absolute;
	width:100%;
	top:10px;
	border:1px solid #e7e7e7;
	z-index:999
}
.offer-title-block {
	display:table;
	width:100%;
	padding:10px
}
.dcell {
	display:table-cell;
	vertical-align:middle
}
.offer-title-block .search-right {
	text-align:right
}
.product-list-block {
	padding:40px 60px
}
.product-list {
	padding:0;
	margin:0
}
.product-list li {
	border:1px solid #1e84bf;
	width:45%;
	list-style-type:none;
	max-width:375px;
	min-height:321px;
	margin-bottom:30px
}
.product-list li:nth-child(2n+1) {
float:left
}
.product-list li:nth-child(2n), .share .blk-share {
float:right
}
.product-detail-block {
	color:#e11a28;
	font-size:14px
}
.product-img {
	background:#e7e7e7;
	padding:10px;
	text-align:center;
	height:240px;
	position:relative
}
.product-img img {
	left:50%;
	max-width:182px;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	max-height:219px
}
.product-name {
	background:rgba(30, 132, 191, .5);
	padding:5px 20px;
	border-bottom:2px solid #1e84bf;
	margin-bottom:10px
}
.specification {
	margin-bottom:10px;
	padding:0 20px
}
.green-bx-common>p {
	margin-bottom:0
}
.carousel-control.left, .carousel-control.right {
	background:rgba(0, 0, 0, 0)
}
.carousel .carousel-control.left, .carousel .carousel-control.right {
	height:43px;
	top:50%;
	transform:translateY(-50%);
	width:43px
}
.carousel .carousel-control.left {
	left:18px
}
.carousel .carousel-control.right {
	right:20px
}
.left.carousel-control .fa.fa-angle-left, .right.carousel-control .fa.fa-angle-right {
	border:1px solid #fff;
	border-radius:50%;
	font-size:2em;
	height:43px;
	width:43px
}
.middle-banner {
	margin-top:80px
}
.middle-banner img {
	width:100%
}
.pay-footer {
	background-color:#000;
	border-top:5px solid #0978bd;
	color:#cecece;
	padding:0 0 20px
}
.footer-custom-container {
	margin:0 auto;
	padding:10px 15px 0
}
.footer-head {
	border-bottom:.1px solid #fff;
	color:#fff;
	font-size:20px;
	font-weight:700;
	margin:15px 0;
	padding-bottom:12px;
	position:relative;
	text-align:left
}
.links {
	padding:0
}
.links li {
	font-size:15px;
	list-style-type:none;
	margin:0 0 15px
}
.links li a {
	color:#cecece;
	display:table;
	font-size:16px;
	font-weight:600;
	position:relative;
	text-decoration:none
}
.links li a:focus, .links li a:hover {
	color:#fff
}
.download-app {
	margin:10px 0 20px;
	padding:0;
	text-align:left
}
.download-app li {
	display:inline-block;
	list-style-type:none;
	margin-right:10px;
	width:47%
}
.download-app li a {
	display:block
}
.download-app li a img {
	width:100%
}
.download, .share {
	text-align:left;
	margin:20px 0;
	padding:0
}
.share label {
	color:#fff;
	display:inline-block;
	font-size:20px;
	font-weight:600;
	line-height:33px;
	vertical-align:middle
}
.social-media-link a:first-child {
	margin:0
}
.social-media-link a {
	margin-left:5px;
	max-width:34px
}
.blk-share a {
	display:inline-block
}
.social-media-link a img {
	max-width:100%
}
.blk-share img, .list-a img, .ssclogo img {
transition:all .5s ease 0s
}
.blk-share img:focus, .blk-share img:hover, .list-a img:focus, .list-a img:hover, .payment li img:focus, .payment li img:hover, .ssclogo img:focus, .ssclogo img:hover {
	transform:scale(1.1);
transition:all .5s ease 0s
}
.bdr-top {
	border-top:1px solid #2c383c
}
.text-center {
	text-align:center
}
.copy {
	padding:15px 0 0
}
.panel-static {
	min-height:calc(100vh - 383px);
	margin-top:30px
}
.before-login .top-hdr-grp {
	margin:0!important;
	position:fixed;
	top:0;
	z-index:9;
	width:100%;
	left:0;
	padding:3px 15px;
	box-shadow:0 1px 4px #ddd
}
.top-hdr-grp {
	background:#fff;
	line-height:45px;
	text-align:right
}
.navbar-brand {
	padding:4px 0 0
}
.navbar-brand img {
	max-width:170px
}
.top-hdr-grp .loginhdr-menu {
	display:inline-block;
	margin:0;
	vertical-align:middle
}
.loginhdr-menu ul {
	margin:0;
	padding:0;
	text-align:right
}
.loginhdr-menu ul li {
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0
}
.top-hdr-grp .offer-zone {
	display:inline-block;
	vertical-align:middle
}
.loginhdr-menu ul li a::after {
content:"|";
position:absolute;
right:-24px;
top:-10px
}
.loginhdr-menu ul li:last-child a:after {
	content:""
}
.loginhdr-menu ul li a {
	font-size:11px
}
.offer-zone .btn.btn-primary {
	font-size:14px;
	padding:6px 12px;
	text-align:center
}
.btn.btn-default, .offer-zone .btn.btn-primary {
	background-color:#6bb61d;
	border-color:#6bb61d;
	color:#fff
}
.loginhdr-menu ul li:last-child a {
	padding-right:0
}
.loginhdr-menu ul li a {
	color:#666;
	font-weight:600;
	padding:5px 0 5px 30px;
	position:relative
}
.loginhdr-menu ul li i {
	font-size:20px;
	vertical-align:middle
}
.webname {
	color:#333;
	font-weight:300;
	letter-spacing:.5px;
	line-height:1.3;
	margin:0 0 45px;
	text-align:center
}
.webname span {
	color:#0978bd;
	font-weight:600
}
.webdescription {
	color:#333;
	font-size:22px;
	font-weight:300;
	margin-bottom:50px;
	text-align:center
}
.website-detail-section {
	background:#eee;
	padding:4em 0
}
.website-detail-section .nav.nav-tabs {
	border:none;
	text-align:center
}
.website-detail-section .nav-tabs li {
	margin:0;
	display:inline-block;
	float:none
}
.website-detail-section .nav-tabs li a {
	padding:0 0 4px;
	display:block;
	font-family:Raleway, sans-serif;
	font-size:12px;
	font-weight:600;
	letter-spacing:2px;
	margin:0 15px;
	text-transform:uppercase;
	border:none;
	border-bottom:3px solid transparent;
.color:#333
}
.website-detail-block h5, .website-detail-block p {
	color:#333;
	font-family:Roboto, sans-serif;
	font-size:14px
}
.website-detail-section .nav-tabs li a:focus, .website-detail-section .nav-tabs li a:hover, .website-detail-section .nav-tabs li.active a {
	border:none;
	background:0 0;
	box-shadow:none;
	border-bottom:3px solid #0978bd
}
.website-detail-block {
	background:#fff;
	box-shadow:2px 3px 3px #ddd;
	padding:10px;
	text-align:center;
	margin-top:30px;
	min-height:223px
}
.web-icon {
	display:block;
	height:60px;
	max-width:48px;
	position:relative;
	margin:0 auto 10px
}
.owl-carousel .owl-item img {
	display:block;
	max-width:100%;
	max-height:100%;
	position:static
}
.website-detail-block h5 {
	font-weight:600;
	margin:10px 0
}
.website-detail-block p {
	font-weight:300;
	margin:0
}
.custom-middle-container.middle-banner {
	margin:0
}
.custom-slider.owl-carousel .owl-nav .owl-next, .custom-slider.owl-carousel .owl-nav .owl-prev {
	position:absolute;
	top:49%;
	color:#000;
	font-size:30px;
	line-height:30px;
	width:20px;
	text-align:center;
	z-index:9
}
.custom-slider.owl-carousel .owl-nav .owl-prev {
	left:-30px
}
.custom-slider.owl-carousel .owl-nav .owl-next {
	right:-30px
}
.custom-tab-content {
	position:relative;
	min-height:260px;
	overflow:hidden
}
.tab-content.custom-tab-content>.tab-pane {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.tab-content.custom-tab-content>.active {
	opacity:1
}
.kitpay-top p {
	font-family:Raleway, sans-serif;
	letter-spacing:2px;
	font-size:14px;
	line-height:27px;
	color:#555
}
.otp-form {
	position:relative
}
.otp-form span {
	position:absolute;
	right:10px;
	top:16%
}
.cus_new_user, .field-group.cus_rem {
	display:inline
}
.field-group.cus_rem {
	color:#898989!important
}
.field-group.cus_rem label {
	vertical-align:middle
}
input[type=file] {
	cursor:pointer
}
.notificationbell a i.fa .fa-bell {
	color:#118e97
}


/*--------------------New css-----------------------*/
.customerSection{}
.customerSupport{width:100%; float:left; text-align:center; margin-bottom:20px;}
.customerSupport h3{font-size:18px; font-weight:normal;}
.customerSupport p{font-size:14px; line-height:24px;}

.opraterRegi{  border-bottom:1px #eee solid; padding-bottom:20px; margin-top:30px; margin-bottom:20px;}

.formHeading{padding-bottom:10px; margin-bottom:20px; text-align:center}
.formHeading h2{font-size:40px;}
.hdngNew{margin:8px 0px; font-size:19px; font-weight:700;}

.panel-heading.active {
    background-color: green;
}

.faqHeading{ margin:20px 0px;}
.faqHeading h2{ font-size:40px; text-align:center;}

.grayBox{background:#eee;}


/*------side popup--------------*/
    .slide-out-div {
       padding: 20px;
        width: 250px;
        background: #f2f2f2;
        border: #0071bc 2px solid; 
		z-index: 9
		/*min-height:400px;
		overflow:scroll;*/
    }
	
	/*------side popup end--------------*/
	
	
/*--------------------New css end-----------------------*/









@media(max-width:360px) {
.search-right .form-control {
max-width:153px
}
}
@media(max-width:767px) {
.brand .brand-list, .hdng {
text-align:center
}
body {
overflow-h:hidden
}
.custom-slider.owl-carousel .owl-nav .owl-prev {
left:-17px
}
.custom-slider.owl-carousel .owl-nav .owl-next {
right:-17px
}
.website-detail-section .nav-tabs li a {
font-size:10px;
letter-spacing:0;
margin:0 2px
}
.webname {
margin:0 0 15px
}
.webdescription {
margin-bottom:15px;
font-size:18px
}
.common-banner-style {
min-height:100px
}
.online-img {
margin:0 auto 15px
}
.p-l-r-60 {
padding:0!important
}
.panel-static .panel-body {
padding:15px 20px!important
}
.trans {
padding:15px!important
}
.view-clm:before {
display:none
}
.brand .brand-list li {
margin:10px!important
}
.m-b-60 {
margin-bottom:10px!important
}
.role .role-in {
margin:5px 18px!important
}
.r-f {
margin:0!important;
padding:0!important
}
.r-f .checkbox label, a.forgot {
font-size:.96em
}
.navbar {
margin:0;
height:auto
}
.navbar-brand.logo {
height:auto;
padding:10px;
width:150px;
margin-top:0
}
.navbar-brand.logo img {
width:100%
}
.navbar-header button.navbar-toggle {
background-color:#6bb61d;
border-color:#6bb61d
}
.navbar-header button.navbar-toggle .icon-bar {
background:#fff
}
.payment li {
width:22%;
margin:0 2% 0 0
}
.payment li:last-child {
margin-right:0
}
.payment li img {
max-width:100%
}
.box-ab, .box-popup, .brodband-user-popup, .history-popup {
left:0;
margin:0 auto;
right:0;
width:95%
}
.navbar .navbar-collapse {
padding:0;
border-top:1px solid #e7e7e7
}
ul.main-top-menu li a div {
display:inline-block;
vertical-align:middle
}
ul.main-top-menu li a div:first-child {
margin-right:10px;
min-width:30px
}
.brodband-user-inner .form-horizontal span, .top-hdr-grp .loginhdr-menu {
margin:0
}
ul.main-top-menu li {
border-bottom:1px solid #e7e7e7;
margin:0;
padding:10px 0
}
.top-hdr-grp {
position:relative;
text-align:left
}
.top-hdr-grp .offer-zone {
position:absolute;
right:0;
top:-4px
}
.top-hdr-grp .offer-zone .btn {
padding:6px;
font-size:10px
}
.top-hdr .loginhdr-menu ul li.partner a {
padding:5px 5px 5px 20px;
background-size:15px
}
.top-hdr .loginhdr-menu ul li.login a, .top-hdr .loginhdr-menu ul li.signup a {
padding:5px 5px 5px 15px;
background-size:12px;
line-height:2.7
}
.top-hdr {
padding:0
}
.brodband-user-inner .form-horizontal label:before, .col-label:after {
top:0
}
.broadband-box-title {
padding:6px 10px
}
.product-list-block {
max-height:360px;
padding:10px
}
.product-list li {
margin-bottom:15px
}
.product-list li:nth-child(2n), .product-list li:nth-child(2n+1) {
float:none;
max-width:100%;
width:100%
}
.online-trans-login {
padding:0
}
.history-icon.view-plans-icon {
width:26%
}
.history-icon {
font-size:12px
}
.broadband-title {
font-size:15px
}
.carousel-caption h2 {
font-size:20px
}
.carousel-caption h2 span {
font-size:14px
}
.carousel-control.left .icon-prev, .carousel-control.right .icon-next {
height:30px;
width:30px;
background-size:100%
}
header.carousel {
height:55%
}
.left.carousel-control .fa.fa-angle-left, .right.carousel-control .fa.fa-angle-right {
font-size:1.2em;
height:30px;
width:30px
}
.carousel .carousel-control.left {
left:0
}
.carousel .carousel-control.right {
right:0
}
}
@media(min-width:768px) and (max-width:980px) {
.history-icon.view-plans-icon {
width:28%
}
.history-icon {
font-size:13px
}
.broadband-title {
font-size:16px
}
.broadband-box-title {
padding:6px 10px
}
}
@media(min-width:768px) and (max-width:1023px) {
.custom-slider.owl-carousel .owl-nav .owl-prev {
left:-23px
}
.custom-slider.owl-carousel .owl-nav .owl-next {
right:-23px
}
.online-img {
height:70px;
width:70px;
line-height:70px
}
.online-img img {
max-width:29px
}
.footer-custom-inner {
min-height:150px
}
.custom-tab-content {
min-height:285px
}
.website-detail-block {
min-height:260px
}
}
@media (min-width:768px) and (max-width:1024px) {
.navbar-brand.logo {
height:auto;
padding:0;
width:146px;
margin-top:16px
}
.navbar-brand.logo img {
width:100%
}
ul.main-top-menu li .img-text {
font-size:12px
}
ul.main-top-menu li a {
padding:0 10px
}
.box-ab, .box-popup, .brodband-user-popup, .history-popup {
width:48%
}
.brand .brand-list li {
margin:0 10px 0 0;
width:14%
}
.common-banner-style {
min-height:205px
}
.product-list-block {
max-height:750px;
padding:15px
}
.product-list li {
margin-bottom:15px
}
}
@media (min-width:1025px) and (max-width:1199px) {
.navbar-brand.logo {
height:auto;
padding:0;
width:200px;
margin-top:10px
}
.navbar-brand.logo img {
width:100%
}
}
@media(min-width:1024px) and (max-width:1279px) {
.website-detail-block h5, .website-detail-block p {
font-size:12px
}
}
.form-group label.error {
	color:#fb3a3a;
	display:inline-block;
	font-weight:400;
	padding:0;
	text-align:left
}