@charset "UTF-8";
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
.spr-sprite, .gp-srch-features-listing li.icons-livesupport a:before, .gp-srch-features-listing li.icons-offers a:before, .gp-srch-features-listing li.icons-shop a:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar[disabled] i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar.disabled i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar.active i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:active i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:focus i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:hover i.fa:before, .purchase_journey_step_2 .purchase_msisdn_field_wrap .num-edit,
#myob-otp-validation .purchase_msisdn_field_wrap .num-edit {
background-image: url('../images/spr-s4bd8d4ac76.png');
background-repeat: no-repeat;
}
@font-face {
font-family: 'Noto Sans Bengali';
src: url("../fonts/Noto_Sans_Bengali.eot");
src: url("../fonts/Noto_Sans_Bengali?#iefix") format("embedded-opentype"), url("../fonts/Noto_Sans_Bengali.woff") format("woff"), url("../fonts/Noto_Sans_Bengali.ttf") format("truetype"), url("../fonts/Noto_Sans_Bengali.svg") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Noto Sans Bengali';
src: url("../fonts/Noto_Sans_Bengali_Bold.eot");
src: url("../fonts/Noto_Sans_Bengali_Bold?#iefix") format("embedded-opentype"), url("../fonts/Noto_Sans_Bengali_Bold.woff") format("woff"), url("../fonts/Noto_Sans_Bengali_Bold.ttf") format("truetype"), url("../fonts/Noto_Sans_Bengali_Bold.svg") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-Light.eot");
src: url("../fonts/Telenor-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-Light.woff2") format("woff2"), url("../fonts/Telenor-Light.woff") format("woff"), url("../fonts/Telenor-Light.ttf") format("truetype"), url("../fonts/Telenor-Light.svg#Telenor-Light") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-Italic.eot");
src: url("../fonts/Telenor-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-Italic.woff2") format("woff2"), url("../fonts/Telenor-Italic.woff") format("woff"), url("../fonts/Telenor-Italic.ttf") format("truetype"), url("../fonts/Telenor-Italic.svg#Telenor-Italic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-Medium.eot");
src: url("../fonts/Telenor-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-Medium.woff2") format("woff2"), url("../fonts/Telenor-Medium.woff") format("woff"), url("../fonts/Telenor-Medium.ttf") format("truetype"), url("../fonts/Telenor-Medium.svg#Telenor-Medium") format("svg");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-MediumItalic.eot");
src: url("../fonts/Telenor-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-MediumItalic.woff2") format("woff2"), url("../fonts/Telenor-MediumItalic.woff") format("woff"), url("../fonts/Telenor-MediumItalic.ttf") format("truetype"), url("../fonts/Telenor-MediumItalic.svg#Telenor-MediumItalic") format("svg");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-BoldItalic.eot");
src: url("../fonts/Telenor-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-BoldItalic.woff2") format("woff2"), url("../fonts/Telenor-BoldItalic.woff") format("woff"), url("../fonts/Telenor-BoldItalic.ttf") format("truetype"), url("../fonts/Telenor-BoldItalic.svg#Telenor-BoldItalic") format("svg");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-LightItalic.eot");
src: url("../fonts/Telenor-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-LightItalic.woff2") format("woff2"), url("../fonts/Telenor-LightItalic.woff") format("woff"), url("../fonts/Telenor-LightItalic.ttf") format("truetype"), url("../fonts/Telenor-LightItalic.svg#Telenor-LightItalic") format("svg");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor.eot");
src: url("../fonts/Telenor.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor.woff2") format("woff2"), url("../fonts/Telenor.woff") format("woff"), url("../fonts/Telenor.ttf") format("truetype"), url("../fonts/Telenor.svg#Telenor") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Telenor';
src: url("../fonts/Telenor-Bold.eot");
src: url("../fonts/Telenor-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Telenor-Bold.woff2") format("woff2"), url("../fonts/Telenor-Bold.woff") format("woff"), url("../fonts/Telenor-Bold.ttf") format("truetype"), url("../fonts/Telenor-Bold.svg#Telenor-Bold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
.prev-price {
font-size: 14px;
line-height: 20px;
}
.btn-link, .yellow-blocks .btn,
.survey-blocks .btn, .ir-form-box.ir-pdf-box li, .more-content-box, .annual-link li, .ir-dr-pdf,
.ir_dr_pdf, .ir-notice-blocks .ir-notice-date-time .ir-notice-date,
.ir-notice-blocks .ir-notice-date-time .ir-notice-time, .business.contact-us .webform-component-select select, .sponsorship-modal .modal-content, .contact_select_form .custom-select select, .page-not-found .purchase_failed_menu_list li, .thank-nav-list,
.page-404-menu, .profile-modal .modal-content, .annual-report .single-wrap-block .thumbnail-wrapper .thumbnail-content h3, .thank-msg, .offer-info-box, .purchase_title, .purchase_step_2_head, .purchase_journey_failed,
.purchase_journey_success, .purchase_dy_offer_block, .purchase_journey_step_2 input.myob_payment_input,
#myob-otp-validation input.myob_payment_input, .purchase_journey_step_2 span.purchase_title, .listing_pages.package .btn,
.voice-pack .btn, .listing_pages.package .voice_pack_card,
.voice-pack .voice_pack_card, .google-store-btn-box a.btn-link, .store-locator-landing .store-item, .store-locator-landing .store-item h3, .store-locator-landing .locate-message {
font-size: 16px;
line-height: 26px;
}
.form-submit,
.btn, .form-control, .footer-nav-list-blocks ul li, .recharge-block-area h3, .shop-box .product-title, .new-price {
font-size: 18px;
line-height: 24px;
}
.footer h2, .footer-nav-list-blocks .footer-nav-list li, .features-listing li, .offer-title {
font-size: 20px;
line-height: 28px;
}
.info-blocks, .purchase_step_2_title, .listing_pages.package .voice_pack_title h2,
.voice-pack .voice_pack_title h2 {
font-size: 24px;
line-height: 34px;
}
.breadcrumb ul, .page-menu-tabs.nav-tabs, .bottom-share-blocks ul, .thumbnail-list ul, .financial-result-blocks ul, .social-list, .footer-bottom ul, .footer-nav-list-blocks ul, .sponsorship-application .sopnsor-right ul, .sponsorship-application .webform-component--terms-and-condition ul, .gp-srch-features-listing, .features-listing, .myob_mob_sms_list ul,
.myob_mob_voice_list ul,
.myob_mob_internet_list ul,
.myob_mob_validity_list ul, .myob_sidebar_second_block ul, .purchase_failed_menu_list ul,
.purchase_success_menu_list ul, .pack-detail-info ul, .col-xs-6.welcome-tune-search #autocomplete ul, .store-locator #autocomplete ul {
margin: 0;
padding: 0;
list-style: none;
}
.featured-preview-box {
text-align: center;
margin: auto;
display: block;
}
/**
* Allows you to use retina images at various pixel densities.
* Examples:
*
* @include retina(/images/mypic.jpg, 2);
* @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
*
* @param {Value} $path The path to the file name minus extension.
* @param {Number} $cap: 2 The highest pixel density level images exist for.
* @param {Value} $size: auto auto The intended width of the rendered image.
* @param {Value} $extras: null Any other `background` values to be added.
*/
body {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 34px;
color: #1A1A1A;
font-weight: 400;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.i18n-bn {
font-family: Noto Sans Bengali, "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 16px;
}
a {
color: #007AD0;
outline: 0 none;
text-decoration: none;
}
a:hover,
a:focus {
color: #0C1026;
outline: 0 none;
text-decoration: none;
cursor: pointer;
}
img {
max-width: 100%;
}
label {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
p {
margin: 0;
padding: 0 0 24px 0;
}
h1, h2, h3, h4, h5, h6 {
padding: 0 0 24px 0;
font-weight: 500;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
h1 {
font-size: 44px;
line-height: 56px;
font-weight: 300;
}
h2 {
font-size: 30px;
line-height: 42px;
}
h3 {
font-size: 24px;
line-height: 32px;
}
h4 {
font-size: 18px;
line-height: 26px;
}
h5 {
font-size: 16px;
line-height: 24px;
}
h6 {
font-size: 14px;
line-height: 22px;
}
.subtitle-one {
font-size: 20px;
line-height: 30px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: bold;
}
.subtitle-two {
font-size: 18px;
line-height: 28px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: bold;
}
.lead {
font-size: 25px;
line-height: 40px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 300;
margin: 0;
}
/* generic inner start */
.generic-blocks h1 + .lead {
padding-top: 8px;
padding-bottom: 32px;
}
.default-section-blocks {
padding: 32px 0;
}
.caption {
font-size: 13px;
line-height: 21px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: bold;
padding-top: 16px;
}
/* modal start */
.modal-content {
background: none;
border: 0;
width: inherit;
max-width: inherit;
height: inherit;
margin: 0 auto;
pointer-events: all;
}
.modal-body,
.modal-header {
padding: 0;
}
.vertical-alignment-helper {
display: table;
height: 100%;
width: 100%;
pointer-events: none;
}
.vertical-align-center {
display: table-cell;
vertical-align: middle;
pointer-events: none;
}
.modal .close {
width: 25px;
height: 25px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
opacity: 1;
}
.modal .close:focus {
outline: 0;
}
/* modal end */
/* animation start */
@-webkit-keyframes slide-right {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}*/
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 24px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 24px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
/**/
@media (max-width: 500px) {
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 100px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 100px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 106px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 106px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
}
/* configure gear icon start */
a.contextual-links-trigger {
background: url(../images/gear-select.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 18px;
height: 18px;
}
a.contextual-links-trigger:hover {
background-position: 0 0;
}
div.contextual-links-active a.contextual-links-trigger {
background-position: 0 0;
}
/* configure gear icon end */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
clear: both;
}
.container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.webform-success-msg {
background: #B0F0B2;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.form-submit {
border: 0;
}
.form-submit,
.btn {
border-radius: 3px;
padding: 10px 24px;
height: auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 400;
color: #1A1A1A;
text-align: center;
box-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.form-submit:focus, .form-submit:hover,
.btn:focus,
.btn:hover {
outline: 0 none;
box-shadow: none;
}
.form-submit:active.focus, .form-submit:active:focus, .form-submit:active:hover,
.btn:active.focus,
.btn:active:focus,
.btn:active:hover {
outline: 0 none;
box-shadow: none;
}
.form-submit,
.btn-sky-blue,
.btn-primary {
color: #ffffff;
border-color: #007AD0;
background: #007AD0;
}
.form-submit.active,
.btn-sky-blue.active,
.btn-primary.active {
color: #ffffff;
border-color: #0662A2;
background: #0662A2;
}
.form-submit:focus, .form-submit:hover,
.btn-sky-blue:focus,
.btn-sky-blue:hover,
.btn-primary:focus,
.btn-primary:hover {
color: #ffffff;
border-color: #046CB5;
background: #046CB5;
}
.form-submit:active.focus, .form-submit:active:focus, .form-submit:active:hover,
.btn-sky-blue:active.focus,
.btn-sky-blue:active:focus,
.btn-sky-blue:active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
color: #ffffff;
border-color: #046CB5;
background: #046CB5;
}
.form-submit.spin,
.btn-sky-blue.spin,
.btn-primary.spin {
color: transparent;
}
.form-submit.spin:after,
.btn-sky-blue.spin:after,
.btn-primary.spin:after {
border-color: #ffffff #ffffff #ffffff transparent;
}
.form-submit.spin:focus, .form-submit.spin:hover,
.btn-sky-blue.spin:focus,
.btn-sky-blue.spin:hover,
.btn-primary.spin:focus,
.btn-primary.spin:hover {
color: transparent;
}
.spin {
position: relative;
color: transparent;
}
.spin:after {
content: "";
position: absolute;
vertical-align: middle;
display: block;
-webkit-animation: load8 1.6s infinite linear;
animation: load8 1.6s infinite linear;
top: 8px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
z-index: 999;
width: 25px;
height: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 3px;
border-radius: 50%;
border-style: solid;
}
.btn-primary-outline {
border-color: rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
}
.btn-primary-outline:focus, .btn-primary-outline:hover {
border-color: black;
color: #1A1A1A;
background: none;
}
.btn-primary-outline.spin {
color: transparent;
}
.btn-primary-outline.spin:after {
border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.32) transparent;
}
.btn-primary-outline.spin:focus, .btn-primary-outline.spin:hover {
color: transparent;
}
.progress-disabled,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.btn.disabled:focus,
.btn.disabled:hover,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
background: #D6D6D6;
color: #767676;
border-color: #D6D6D6;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.btn-link {
position: relative;
color: #007AD0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
}
.btn-link:hover, .btn-link.active, .btn-link:focus {
color: #007AD0;
text-decoration: none;
}
.btn-link.disabled {
color: #D6D6D6;
}
.btn-link:after {
content: "";
background-repeat: no-repeat;
background-image: url(../images/arrow.svg);
display: inline-block;
width: 8px;
height: 12px;
vertical-align: middle;
margin-left: 7px;
}
.form-control {
border: 1px solid transparent;
width: 100%;
background: #F5F5F5;
color: #1A1A1A;
padding: 6px 12px;
height: 48px;
box-shadow: none;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
}
.form-control:focus {
outline: 0 none;
border-color: #007AD0;
box-shadow: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.form-control::-moz-placeholder {
color: #767676;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #767676;
}
.form-control::-webkit-input-placeholder {
color: #767676;
}
.form-control:focus::-webkit-input-placeholder {
color: transparent;
}
.form-control:focus:-moz-placeholder {
color: transparent;
}
.form-control:focus::-moz-placeholder {
color: transparent;
}
.form-control:focus:-ms-input-placeholder {
color: transparent;
}
.form-controltextarea {
height: auto;
}
.order-listing {
margin-bottom: 32px;
}
.order-listing li {
padding: 0 0 12px 16px;
}
.listing {
margin: 0 0 32px 0;
padding: 0;
list-style: none;
}
.listing li {
position: relative;
padding: 0 0 12px 16px;
margin: 0;
vertical-align: top;
display: block;
}
.listing li:before {
content: "";
border-radius: 15px;
position: absolute;
width: 7px;
height: 7px;
left: 0;
top: 13px;
background: #007AD0;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.element-invisible {
display: none;
}
blockquote {
background: #E6EEF4;
border: 0;
border-left: 4px solid #DAE4EC;
font-size: 22px;
line-height: 38px;
padding: 34px 40px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 300;
}
blockquote p {
padding-bottom: 0;
}
blockquote p + p {
padding-top: 24px;
}
.breadcrumb {
padding: 10px 0 24px 0;
margin: 0 auto;
border-radius: 0;
background: none;
}
.breadcrumb ul > li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #B7B7B7;
position: relative;
display: inline;
}
.breadcrumb ul > li + li:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
padding: 2px;
margin: 0 10px 0 8px;
top: 0;
vertical-align: middle;
position: relative;
}
.breadcrumb a {
color: #767676;
}
.page-title + .title-center .lead {
padding-bottom: 32px;
display: block;
}
.inner-banner {
min-height: 464px;
}
.title-center {
text-align: center;
}
.page-tab-blocks {
margin-bottom: 36px;
}
.page-tab-blocks .tab-content {
padding: 24px 0 32px 0;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-tab-blocks .tab-content p {
padding-bottom: 0;
}
.page-tab-blocks .tab-content p + p {
padding-top: 24px;
}
@media (min-width: 992px) {
.page-menu-tabs.owl-carousel {
display: block;
}
}
.page-menu-tabs.nav-tabs {
border-bottom: 0;
}
.page-menu-tabs.nav-tabs li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
line-height: 24px;
font-size: 18px;
font-weight: normal;
text-align: center;
margin-right: 32px;
}
.page-menu-tabs.nav-tabs li.active > a {
color: #1A1A1A;
background: none;
border: 0;
border-bottom: 1px solid #007AD0;
}
.page-menu-tabs.nav-tabs li.active > a:hover, .page-menu-tabs.nav-tabs li.active > a:focus {
color: #1A1A1A;
background: none;
}
.page-menu-tabs.nav-tabs li a {
color: #767676;
padding: 12px 0;
border: 0;
display: inline-block;
background: none;
border-bottom: 1px solid transparent;
}
@media (min-width: 768px) {
.page-menu-tabs.nav-tabs li a:hover, .page-menu-tabs.nav-tabs li a:focus {
color: #1A1A1A;
background: none;
border-bottom: 1px solid #007AD0;
}
}
.yellow-blocks,
.survey-blocks {
background: #F7F5ED;
text-align: center;
border-radius: 3px;
padding: 40px;
}
.yellow-blocks p,
.survey-blocks p {
padding-bottom: 0;
}
.yellow-blocks p + p,
.survey-blocks p + p {
padding-top: 24px;
}
.yellow-blocks .survey-block-wrapper,
.survey-blocks .survey-block-wrapper {
max-width: 640px;
margin: auto;
}
.yellow-blocks .btn,
.survey-blocks .btn {
padding: 6px 24px;
margin-top: 21px;
}
.yellow-blocks h5,
.survey-blocks h5 {
padding-bottom: 14px;
}
.bottom-share-blocks {
margin: 64px auto;
text-align: center;
}
.bottom-share-blocks h4 {
font-weight: 300;
padding-bottom: 18px;
line-height: 22px;
}
.bottom-share-blocks ul {
text-align: center;
}
.bottom-share-blocks li {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.bottom-share-blocks li.share-icon-fc svg {
width: 11px;
padding-top: 13px;
}
.bottom-share-blocks li.share-icon-in svg {
width: 16px;
}
.bottom-share-blocks li.share-icon-tw svg {
width: 20px;
}
.bottom-share-blocks li a {
display: block;
width: 48px;
height: 48px;
line-height: 48px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 50%;
transition: 200ms;
transition-timing-function: ease-in-out;
-webkit-transition: 200ms;
-webkit-transition-timing-function: ease-in-out;
}
.bottom-share-blocks li a:focus, .bottom-share-blocks li a:hover {
border-color: #1A1A1A;
}
.has-error .form-control {
box-shadow: none;
}
/*accordion*/
.panel-accordion {
margin-top: 8px;
margin-bottom: 32px;
}
.panel-expanded .panel-head-title a:after {
top: 25px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
@media (min-width: 768px) {
.panel-expanded .panel-head-title a:after {
top: 28px;
}
}
.panel-head-title {
display: block;
margin: 0;
padding: 0;
color: #1A1A1A;
text-transform: none;
position: relative;
font-size: 18px;
line-height: 28px;
font-weight: 500;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.panel-head-title a {
color: #1A1A1A;
padding: 14px 32px 14px 24px;
display: block;
}
.panel-head-title a:after {
content: "";
width: 14px;
height: 14px;
position: absolute;
z-index: 12;
display: inline-block;
right: 21px;
top: 19px;
background-image: url("data:image/svg+xml;charset=utf-8,");
vertical-align: top;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.panel-head-title a:after {
top: 22px;
}
}
.panel-box-body {
display: none;
padding: 10px 24px 24px 24px;
}
.panel-box-body p {
padding-bottom: 0;
}
.panel-box-body p + p {
padding-top: 24px;
}
.panel-box {
border-radius: 3px;
margin-bottom: 16px;
background: #F5F5F5;
}
/*accordion*/
svg:not(:root) {
overflow: visible;
}
.table > tbody > tr > td,
table > tbody > tr > td,
.table > thead > tr > th,
table > thead > tr > th {
font-size: 18px;
line-height: 34px;
color: #000;
text-align: left;
}
table > tbody > tr > td.td-mid-row {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
vertical-align: middle;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 10px;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 3px solid #007AD0;
}
.table > thead > tr > th,
table > thead > tr > th {
font-weight: 600;
color: #000;
border-bottom: 0;
border-top: 3px solid #007AD0;
}
table > tbody > tr > td {
font-weight: 400;
color: #1A1A1A;
}
.table, table {
margin-bottom: 10px;
background: #ffffff;
border: 0;
}
.table.table-row-bordered tr {
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.table.table-row-bordered th {
background: rgba(25, 170, 248, 0.06);
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-right: 1px solid rgba(0, 0, 0, 0.12);
padding-left: 20px;
}
.table.table-row-bordered td {
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-right: 1px solid rgba(0, 0, 0, 0.12);
padding-left: 20px;
}
#messages {
white-space: normal;
word-wrap: break-word;
}
body.scroll-disable {
height: 100%;
width: 100%;
overflow: hidden;
/*height: 100vh;
width: 100vw;*/
position: fixed;
/*.col-sm-4.col-md-4.myob_right_side_bar,*/
}
body.scroll-disable .owl-carousel {
z-index: -1;
}
body.scroll-disable .header {
-webkit-transition: all 0s;
transition: all 0s;
animation-duration: 0s;
top: 0;
}
body.scroll-disable .purchase_journey_error #snackbar.show,
body.scroll-disable .error-snackbar.open,
body.scroll-disable .flxipln_error_snackbar.open,
body.scroll-disable .package-top-info.sticky,
body.scroll-disable .voice-pack .views-exposed-form .views-exposed-widget.views-stky-mnu,
body.scroll-disable .offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu,
body.scroll-disable .int-packs .views-exposed-form .views-exposed-widget.views-stky-mnu,
body.scroll-disable .header-fixed-bar {
animation-direction: normal;
animation-duration: 0s;
animation: none;
}
body.scroll-disable .top-search.top-fixed-bar {
position: relative;
}
body.scroll-disable .offers-top.sticky {
z-index: 999;
}
.ir-form-box {
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 32px;
}
.ir-form-box.ir-pdf-box {
padding-bottom: 24px;
}
.ir-form-box.ir-pdf-box ul {
margin-left: -44px;
}
.ir-form-box.ir-pdf-box li {
list-style: none;
position: relative;
color: #000;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
.ir-form-box.ir-pdf-box li:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.ir-form-box.ir-pdf-box li a {
padding-left: 68px;
display: block;
color: #000;
}
.ir-form-box.ir-pdf-box li a:before {
content: "";
background: url(../images/illustration_pdf.svg) no-repeat;
width: 44px;
height: 44px;
left: 0;
top: -6px;
position: absolute;
}
.ir-form-box.ir-pdf-box li a:hover {
color: #007AD0;
}
.ir-form-box ul {
margin-bottom: 0;
}
.ir-form-box li:last-child {
padding-bottom: 0;
}
.item-listing-box {
margin: 16px 0 16px 34px;
padding: 0;
list-style: none;
text-align: left;
}
.item-listing-box li {
padding: 0 0 20px 0;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 12px;
line-height: 14px;
color: #767676;
vertical-align: top;
position: relative;
}
.item-listing-box li:last-child {
padding-bottom: 0;
}
.item-listing-box li span {
text-align: left;
display: inline-block;
width: 34px;
position: absolute;
top: -5px;
left: -34px;
}
.item-listing-box li svg {
height: 20px;
width: 20px;
}
.thumbnail-list .row {
display: flex;
justify-content: center;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper a {
display: table;
width: 100%;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap,
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
width: 50%;
display: table-cell;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding-left: 56px;
vertical-align: middle;
}
.thumbnail-list .row .col-md-6 {
position: relative;
margin-bottom: 24px;
display: inline-block;
}
.thumbnail-list .row .col-md-6 .thumbnail-wrapper {
position: relative;
height: 100%;
margin-bottom: 0;
}
.thumbnail-list .row .col-md-6:first-child .thumbnail-wrapper {
margin-right: 4px;
}
.thumbnail-list .row .col-md-6:last-child .thumbnail-wrapper {
margin-left: 4px;
}
.thumbnail-wrapper {
margin-bottom: 24px;
font-size: 16px;
line-height: 26px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #F5F5F5;
overflow: hidden;
border-radius: 3px;
}
.thumbnail-wrapper a h3, .thumbnail-wrapper a p {
color: #1A1A1A;
}
.thumbnail-wrapper a:hover .btn-more, .thumbnail-wrapper a:focus .btn-more {
text-decoration: none;
}
.thumbnail-wrapper a .btn-more {
color: #007AD0;
}
.thumbnail-wrapper h3 {
font-size: 20px;
line-height: 30px;
font-weight: 400;
padding-bottom: 16px;
}
.thumbnail-wrapper .thumbnail-content {
padding: 24px;
}
.thumbnail-wrapper .thumbnail-content p {
padding-bottom: 16px;
}
.thumbnail-wrapper .thumbnail-content .btn-more {
position: relative;
color: #007AD0;
}
.thumbnail-wrapper .thumbnail-content .btn-more:after {
content: "";
background-repeat: no-repeat;
background-image: url(../images/arrow.svg);
width: 8px;
height: 12px;
display: inline-block;
margin-left: 8px;
vertical-align: middle;
}
.thumbnail-wrapper .img-wrap img {
background: transparent;
width: 100%;
}
@media (min-width: 768px) {
.thumbnail-wrapper:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
filter: alpha(opacity=80);
opacity: .8;
}
}
.generic-section-block {
padding-bottom: 64px;
}
.generic-section-block.top-features-blocks {
padding-bottom: 64px;
}
.page-banner-blocks {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.page-banner-content-block {
position: relative;
margin-top: -88px;
margin-bottom: 20px;
}
.banner-wrap-box {
background: #fff;
max-width: 415px;
padding: 39px 40px;
line-height: 28px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #767676;
}
.banner-wrap-box h3 {
padding-bottom: 10px;
color: #1A1A1A;
}
.banner-wrap-box p {
padding-bottom: 16px;
}
.banner-wrap-box .btn-link {
font-size: 18px;
line-height: 28px;
}
.banner-wrap-box .btn-link:after {
background-image: url(../images/arrow_big.svg);
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 7px;
width: 8px;
height: 14px;
display: inline-block;
}
.offer-blocks-lg {
margin-bottom: 42px;
}
.offer-blocks-lg .offer-preview-box {
min-height: 375px;
}
.offer-blocks-lg .offer-preview-box img {
max-height: 375px;
}
.offer-blocks-lg + .thumbnail-list .col-sm-12.col-md-12 .thumbnail-wrapper h3 {
font-weight: 500;
}
.more-wrapper-blocks {
display: table;
width: 100%;
margin-top: 13px;
margin-bottom: 64px;
}
.more-content-box {
text-align: center;
color: #767676;
width: 33.33334%;
padding: 0 32px;
display: table-cell;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
vertical-align: middle;
}
.more-content-box .more-icon-box {
padding: 5px 0 10px 0;
}
.more-content-box a {
display: block;
color: #767676;
}
.more-content-box a .btn-link {
color: #007AD0;
}
.more-content-box a h3 {
color: #1A1A1A;
}
.more-content-box h3 {
font-size: 20px;
line-height: 30px;
padding-bottom: 15px;
color: #1A1A1A;
}
.more-content-box p {
padding-bottom: 16px;
}
.ui-widget-content {
border-color: #767676;
}
.ui-state-hover,
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: none;
border: 0;
border-radius: 0;
padding: 0;
margin: 0;
}
.ui-menu .ui-menu-item {
padding: 5px 10px;
list-style-image: none;
font-size: 14px;
line-height: 20px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
text-shadow: none;
opacity: 1;
}
.ui-menu .ui-menu-item a {
color: #1A1A1A;
padding: 0;
display: block;
}
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus {
color: #007AD0;
background: none;
border: 0;
}
.annual-link ul {
margin: 0;
padding: 0 0 0 32px;
list-style: none;
}
.annual-link li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
}
.annual-link li a {
overflow: hidden;
display: block;
padding: 16px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
color: #000;
}
.annual-link li a:hover {
color: #007AD0;
}
.annual-link li .ann-img {
padding-top: 5px;
}
.annual-link li .ir-info {
display: inline-block;
float: left;
width: 90%;
}
.annual-link li .ir_pdf {
width: 21px;
height: 21px;
float: right;
}
.ir-dl-arrow {
width: 24px;
margin: auto;
padding: 0;
height: 24px;
text-indent: -9999999px;
display: block;
vertical-align: middle;
background: url("../images/icon_download.svg");
background-repeat: no-repeat;
}
.shareholding-details .view-content {
margin: 0 -12px;
}
.ir-dr-pdf-wrap {
margin: 0 -12px;
}
.ir-dr-pdf,
.ir_dr_pdf {
float: left;
width: 33.3334%;
padding: 0 12px;
color: #1A1A1A;
font-family: #1A1A1A;
}
.ir-dr-pdf a,
.ir_dr_pdf a {
display: block;
padding: 14px 44px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
position: relative;
}
.ir-dr-pdf a:hover,
.ir_dr_pdf a:hover {
color: #007AD0;
}
.ir-dr-pdf a:before,
.ir_dr_pdf a:before {
content: "";
background: url(../images/illustration_pdf_small.svg) no-repeat;
width: 32px;
height: 32px;
left: 0;
top: 11px;
position: absolute;
}
.archive-list.press-release {
margin: 0 -12px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
list-style: none;
}
.archive-list.press-release .listing-item {
width: 50%;
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.archive-list.press-release .entry-meta-box {
width: 68px;
display: table-cell;
}
.archive-list.press-release .entry-meta-box .cal-wrap {
background: #E6EEF4;
font-weight: 500;
color: #000;
width: 68px;
height: 64px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 12px 19px 7px 19px;
text-align: center;
}
.archive-list.press-release .entry-meta-box span {
display: block;
}
.archive-list.press-release .entry-meta-box .date-month {
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
}
.archive-list.press-release .entry-meta-box .date {
font-size: 24px;
line-height: 30px;
}
.archive-list.press-release .entry-title-box {
padding: 0 24px 0 20px;
display: table-cell;
vertical-align: middle;
}
.archive-list.press-release .each-press-notice {
border: 2px solid rgba(0, 0, 0, 0.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 100%;
position: relative;
}
.archive-list.press-release .each-press-notice a {
padding: 32px 20px 32px 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url("../images/arrow_big.svg");
background-position: center right 18px;
background-repeat: no-repeat;
padding-right: 30px;
display: block;
width: 100%;
}
.archive-list.press-release .each-press-notice a {
color: #000;
}
.archive-list.press-release .each-press-notice a:hover path {
fill: #007AD0;
}
.archive-list.press-release .each-press-notice a:hover h4 {
color: #007AD0;
}
.archive-list.press-release .each-press-notice h4 {
padding: 0;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #000;
}
@media (min-width: 768px) {
.archive-list.press-release {
flex-wrap: wrap;
flex-direction: row;
display: flex;
}
.archive-list.press-release .listing-item {
float: none;
position: relative;
display: inline-block;
margin-bottom: 24px;
}
.archive-list.press-release .each-press-notice {
height: 100%;
}
}
.view-ir-financial-report .views-submit-button .ajax-progress-throbber {
top: 80px;
}
.view--shareholding-details .views-submit-button .ajax-progress-throbber,
.view-press-notices .views-submit-button .ajax-progress-throbber,
.view-press-release .views-submit-button .ajax-progress-throbber {
top: 80px;
}
.view--shareholding-details .pager__item,
.view-press-notices .pager__item,
.view-press-release .pager__item {
position: relative;
}
.view--shareholding-details .pager__item .ajax-progress .throbber,
.view--shareholding-details .pager__item .ajax-progress .throbber:after,
.view-press-notices .pager__item .ajax-progress .throbber,
.view-press-notices .pager__item .ajax-progress .throbber:after,
.view-press-release .pager__item .ajax-progress .throbber,
.view-press-release .pager__item .ajax-progress .throbber:after {
width: 25px;
height: 25px;
}
.view--shareholding-details .pager__item .ajax-progress-throbber,
.view-press-notices .pager__item .ajax-progress-throbber,
.view-press-release .pager__item .ajax-progress-throbber {
background: #ffffff;
-webkit-animation: load8 10s infinite linear;
animation: load8 10s infinite linear;
box-shadow: none;
width: 25px;
height: 25px;
line-height: 25px;
}
.view--shareholding-details .pager__item .ajax-progress-throbber .throbber,
.view-press-notices .pager__item .ajax-progress-throbber .throbber,
.view-press-release .pager__item .ajax-progress-throbber .throbber {
top: 0;
background: #ffffff;
border-top: 3px solid rgba(0, 0, 0, 0.32);
border-right: 3px solid rgba(0, 0, 0, 0.32);
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.view--shareholding-details .pager__item a,
.view-press-notices .pager__item a,
.view-press-release .pager__item a {
border-color: rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
border-radius: 3px;
padding: 0 24px;
line-height: 48px;
height: 48px;
font-weight: 400;
font-size: 18px;
text-align: center;
box-shadow: none;
display: inline-block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.view--shareholding-details .pager__item a:hover,
.view-press-notices .pager__item a:hover,
.view-press-release .pager__item a:hover {
background: none;
}
.view--shareholding-details .pager__item a.progress-disabled,
.view-press-notices .pager__item a.progress-disabled,
.view-press-release .pager__item a.progress-disabled {
background: #ffffff;
color: #ffffff;
}
.pressrelease_wrap h1.field-label {
font-size: 44px;
line-height: 56px;
font-weight: 300;
text-align: center;
padding-bottom: 24px;
text-shadow: none;
}
.pressrelease_wrap .field-item.date {
color: #767676;
text-align: center;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
line-height: 18px;
font-size: 16px;
}
.pressrelease_wrap .page-navigator {
margin: 16px auto 0;
padding: 16px 0;
list-style: none;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.pressrelease_wrap .page-navigator li {
position: relative;
}
.pressrelease_wrap .page-navigator li > a {
padding: 0 20px;
position: relative;
border-radius: 0;
border: 0;
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #007AD0;
background-color: transparent;
}
.pressrelease_wrap .page-navigator li > a:hover {
background-color: transparent;
}
.pressrelease_wrap .page-navigator li > a:after {
content: "";
position: absolute;
top: 4px;
width: 8px;
height: 12px;
background-repeat: no-repeat;
background-position: center right;
display: inline-block;
}
.pressrelease_wrap .page-navigator li.next {
float: right;
}
.pressrelease_wrap .page-navigator li.next a:after {
right: 0;
background-image: url(../images/arrow.svg);
}
.pressrelease_wrap .page-navigator li.previous a:after {
left: 0;
background-image: url(../images/prev.svg);
}
@media (max-width: 992px) {
.shareholding-details .view-content {
padding: 0;
}
}
.gp-ir-fr-mobile {
display: none;
}
.gp-ir-fr-table.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.gp-ir-fr-table.table > thead > tr > th, .gp-ir-fr-table.table > thead > tr > td {
font-size: 18px;
line-height: 26px;
font-weight: 500;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.gp-ir-fr-table.table > tbody > tr > td {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 16px;
line-height: 26px;
color: #1A1A1A;
padding: 14px 10px;
}
.gp-ir-fr-table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #F5F5F5;
}
.gp-ir-fr a.ir_pdf, .gp-ir-fr a.ir_xls, .gp-ir-fr a.ir_link {
text-indent: -999999px;
display: block;
margin: auto;
}
.gp-ir-fr .ir_pdf {
background: url(../images/icon_pdf_xs.svg) no-repeat;
width: 28px;
height: 28px;
}
.gp-ir-fr .ir_xls {
background: url(../images/icon_xl.svg) no-repeat;
width: 26px;
height: 24px;
}
.gp-ir-fr .ir_link {
background: url(../images/icon_link.svg) no-repeat;
width: 26px;
height: 20px;
}
.ir-notice-blocks {
text-align: center;
padding: 32px 0;
background: #F7F5ED;
margin-bottom: 64px;
color: #000;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.ir-notice-blocks .content {
max-width: 846px;
margin: auto;
}
.ir-notice-blocks h2 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding-bottom: 16px;
color: rgba(0, 0, 0, 0.45);
}
.ir-notice-blocks h4 {
padding-bottom: 18px;
}
.ir-notice-blocks .ir-notice-date-time {
padding-bottom: 20px;
}
.ir-notice-blocks .ir-notice-date-time .ir-notice-date,
.ir-notice-blocks .ir-notice-date-time .ir-notice-time {
display: inline-block;
padding: 0 10px;
vertical-align: top;
}
.ir-notice-blocks .ir-notice-date-time .ir-notice-date span,
.ir-notice-blocks .ir-notice-date-time .ir-notice-time span {
vertical-align: top;
}
.ir-notice-blocks .btn.ir-notice-button {
font-size: 18px;
font-weight: 500;
padding: 0 24px;
height: 40px;
line-height: 40px;
margin: auto;
border: 1px solid #252020;
color: #000;
}
.financial-result-blocks {
background: url(../images/report_bg.svg) no-repeat;
background-size: cover;
padding: 56px;
max-width: 846px;
margin: 0 auto 64px auto;
}
.financial-result-blocks h2 {
padding-bottom: 16px;
}
.financial-result-blocks h4 {
padding-bottom: 18px;
}
.financial-result-blocks li {
font-size: 16px;
line-height: 26px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
width: 48%;
float: left;
margin-right: 2%;
padding-bottom: 20px;
}
.financial-result-blocks li:last-child {
padding-bottom: 0;
}
.financial-result-blocks li a {
position: relative;
color: #1A1A1A;
padding: 0 10px 0 40px;
display: block;
}
.financial-result-blocks li a:hover {
color: #007AD0;
}
.financial-result-blocks li a:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 32px;
height: 32px;
z-index: 1;
background-repeat: no-repeat;
background-position: 0 0;
}
.financial-result-blocks li.recorded_webcast a:before {
background: url(../images/icon_32_webcast.svg) no-repeat;
}
.financial-result-blocks li.analytical_spreadsheet a:before {
background: url(../images/icon_32_excel.svg) no-repeat;
}
.financial-result-blocks li.transcript a:before, .financial-result-blocks li.press_releases a:before, .financial-result-blocks li.presentation a:before, .financial-result-blocks li.management_discussion__analysis a:before, .financial-result-blocks li.financial_reports a:before {
background: url(../images/icon_32_pdf.svg) no-repeat;
}
.financial-result-blocks .btn {
padding: 0 24px;
font-size: 16px;
margin-top: 35px;
height: 40px;
line-height: 40px;
font-weight: normal;
}
.revenue-section-blocks {
text-align: center;
max-width: 846px;
margin: auto auto 44px auto;
}
.revenue-section-blocks h2 {
padding-bottom: 40px;
}
.revenue-section-blocks .rev-amount {
font-size: 25px;
line-height: 32px;
font-weight: 500;
}
.revenue-section-blocks .rev-quantity {
font-size: 19px;
line-height: 24px;
padding-bottom: 10px;
}
.revenue-section-blocks .rev-service {
font-size: 12px;
line-height: 15px;
}
.revenue-section-blocks .revenue-wrap-box {
display: table-cell;
vertical-align: middle;
}
.revenue-section-blocks .revenue-box {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
display: table;
width: 197px;
height: 197px;
border-radius: 50%;
margin: 0 auto 19px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
}
.revenue-section-blocks .revenue-box span {
display: block;
}
.revenue-section-blocks .revenue-box.revenue-blue {
background: #E6EEF4;
}
.revenue-section-blocks .revenue-box.revenue-purple {
background: #E6E9F4;
}
.revenue-section-blocks .revenue-box.revenue-yellow {
background: #F7F5ED;
}
.revenue-section-blocks .revenue-box.revenue-green {
background: #EDF4EF;
}
.pack-table-blocks .btn {
padding: 0 24px;
font-size: 16px;
height: 40px;
line-height: 40px;
font-weight: normal;
float: right;
}
.pack-table-blocks .pack-sub-title {
padding-bottom: 24px;
}
.pack-table-blocks table.custom-table {
margin-bottom: 40px;
padding: 0;
}
.pack-table-blocks table.custom-table tr {
padding: 16px 0;
}
.pack-table-blocks table.custom-table tr td {
padding: 5px 10px;
}
.pack-table-blocks table.custom-table tr td:first-child {
font-weight: bold;
font-size: 18px;
line-height: 34px;
}
@media (max-width: 1024px) and (min-width: 768px) {
.gp-ir-fr-table.table > thead > tr > th, .gp-ir-fr-table.table > thead > tr > td {
font-size: 18px;
line-height: 24px;
}
.gp-ir-fr-table.table > tbody > tr > td {
font-size: 15px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.ir-notice-blocks {
margin-bottom: 32px;
}
.ir-notice-blocks .ir-notice-date-time {
padding-bottom: 16px;
}
.internet-and-minute-pack-recharge h1 {
padding-top: 16px;
}
.pack-table-blocks .custom-table td {
border-bottom: 0;
}
.pack-table-blocks .btn {
float: none;
}
.gp-ir-fr-table {
display: none;
}
.gp-ir-fr-mobile {
display: block;
}
.gp-ir-fr-mobile .ir_fr_qrtr {
border: 2px solid rgba(0, 0, 0, 0.08);
padding: 24px;
margin-bottom: 16px;
}
.gp-ir-fr-mobile .ir_fr_qrtr:last-child {
margin-bottom: 0;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul {
margin: 0;
padding: 0;
list-style: none;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li {
font-size: 14px;
line-height: 26px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding-bottom: 16px;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li:last-child {
padding-bottom: 0;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li a {
position: relative;
color: #1A1A1A;
display: block;
padding: 0 0 0 35px;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li a:hover {
color: #007AD0;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
z-index: 1;
background-repeat: no-repeat;
background-position: 0 0;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li.recorded_webcast a:before {
background: url(../images/icon_24_webcast.svg) no-repeat;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li.analytical_spreadsheet a:before {
background: url(../images/icon_24_excel.svg) no-repeat;
}
.gp-ir-fr-mobile .ir_fr_qrtr ul li.transcript a:before, .gp-ir-fr-mobile .ir_fr_qrtr ul li.press_releases a:before, .gp-ir-fr-mobile .ir_fr_qrtr ul li.presentation a:before, .gp-ir-fr-mobile .ir_fr_qrtr ul li.management_discussion__analysis a:before, .gp-ir-fr-mobile .ir_fr_qrtr ul li.financial_reports a:before {
background: url(../images/icon_24_pdf.svg) no-repeat;
}
.archive-list.press-release {
margin: 0;
}
.archive-list.press-release .each-press-notice {
margin-bottom: 16px;
padding: 0;
}
.archive-list.press-release .each-press-notice h4 {
font-size: 16px;
line-height: 24px;
}
.archive-list.press-release .each-press-notice a {
padding: 16px;
}
.archive-list.press-release .listing-item {
padding: 0;
float: none;
width: 100%;
margin-bottom: 0;
}
.ir-dr-pdf-wrap {
margin: 0;
}
.ir-dr-pdf,
.ir_dr_pdf {
padding: 0;
float: none;
width: 100%;
}
.financial-result-blocks {
padding: 24px;
margin-bottom: 32px;
}
.financial-result-blocks ul li {
font-size: 14px;
line-height: 24px;
width: 100%;
float: none;
margin-right: auto;
padding-bottom: 16px;
}
.revenue-section-blocks {
margin-bottom: 32px;
}
.annual-link ul {
padding: 0;
}
.annual-link ul li .ann-img {
padding-top: 5px;
margin: auto;
text-align: center;
}
.annual-link ul li .ann-img img {
max-width: 132px;
}
}
.mCSB_scrollTools {
right: -5px !important;
}
.mCSB_inside > .mCSB_container {
margin-right: 16px !important;
}
/* footer start*/
.front footer {
border-top: 0;
}
.footer {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 42px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.footer.footer-small {
border: 0;
color: #767676;
font-size: 13px;
line-height: 15px;
text-align: center;
padding: 32px 0;
}
.footer-brand {
height: 48px;
margin-bottom: 50px;
}
.footer-brand svg, .footer-brand img {
width: 42px;
}
.footer-brand-preview {
height: 32px;
}
.footer-brand-preview svg,
.footer-brand-preview img {
width: 205px;
}
.footer-top {
padding-bottom: 50px;
}
.footer-bottom-blocks {
padding: 58px 0 20px 0;
}
.footer-right-box {
text-align: end;
}
.footer-right-box .social-list {
padding-top: 4px;
}
.social-list li {
display: inline-block;
margin-left: 25px;
line-height: 0;
vertical-align: middle;
font-size: 0;
}
.social-list li.icon-fc svg {
width: 12px;
}
.social-list li.icon-in svg {
width: 16px;
}
.social-list li.icon-tube svg, .social-list li.icon-gram svg, .social-list li.icon-tw svg {
width: 20px;
}
.footer-bottom {
font-size: 13px;
line-height: 18px;
color: #767676;
font-weight: normal;
padding-top: 23px;
margin-top: 18px;
border-top: 1px solid #D6D6D6;
}
.footer-bottom ul li {
display: inline-block;
margin-left: 24px;
}
.footer-bottom ul li a {
color: #767676;
}
.footer-bottom ul li a:hover, .footer-bottom ul li a:focus {
color: #007AD0;
}
.i18n-bn .digital-wrapper-block .nav-tabs.nav-justified {
max-width: 790px;
}
.i18n-bn .footer-bottom .col-sm-6:last-child ul {
text-align: end;
}
@media (max-width: 767px) {
.i18n-bn .footer-bottom .col-sm-6:last-child ul {
text-align: left;
}
}
.footer-nav-list-blocks ul li {
padding: 0;
list-style-image: none;
list-style-type: none;
font-weight: normal;
color: #767676;
font-style: normal;
margin: 0 0 12px 0;
}
.footer-nav-list-blocks ul li:last-child {
margin-bottom: 0;
}
.footer-nav-list-blocks ul li a {
color: #767676;
}
.footer-nav-list-blocks ul li a:hover, .footer-nav-list-blocks ul li a:focus {
color: #007AD0;
}
.footer-nav-list-blocks .footer-nav-list h2 {
display: none;
}
.footer-nav-list-blocks .footer-nav-list li {
color: #767676;
font-weight: bold;
}
.footer-nav-list-blocks .footer-nav-list li a {
color: #1A1A1A;
}
.footer-nav-list-blocks .footer-nav-list li a:hover, .footer-nav-list-blocks .footer-nav-list li a:focus {
color: #007AD0;
}
.banner-wrap-blank {
display: none;
}
@media (min-width: 768px) {
.inner-section-banner {
padding-top: 24.2%;
background: #f5f5f5;
position: relative;
}
.inner-section-banner .inner-banner-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.interior-banner.owl-carousel {
font-size: 0;
}
.interior-banner.owl-carousel .banner-wrap-blank {
display: block !important;
padding-top: 24.2%;
}
.interior-banner.owl-carousel .owl-item img {
padding: 0 !important;
border: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
margin: auto;
}
.slider-area-blocks {
padding-top: 31.3%;
position: relative;
background: #f5f5f5;
}
.slider-area-blocks .region-landing-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.slider-area-blocks .owl-carousel {
font-size: 0;
}
.slider-area-blocks .owl-carousel .banner-wrap-blank {
display: block !important;
padding-top: 31.3%;
}
.slider-area-blocks .owl-carousel .owl-item img {
padding: 0 !important;
border: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
margin: auto;
}
}
@media (max-width: 767px) and (min-width: 320px) {
.slider-area-blocks {
min-height: 230px;
background: none;
}
}
/* footer end */
/* change header*/
header {
/* &.header-purchase {
margin-bottom: 32px;
}*/
}
header.header-small {
position: relative;
height: 80px;
padding: 16px 24px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-bottom: 0;
}
header.header-small .back-bx,
header.header-small .head-right-block,
header.header-small .branding-bx {
z-index: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
header.header-small .back-bx {
left: 30px;
}
header.header-small .back-bx a {
background-repeat: no-repeat;
background-position: 0 0;
width: 14px;
height: 15px;
background-image: url("data:image/svg+xml;charset=utf-8,");
text-indent: -999999px;
display: block;
}
header.header-small .head-right-block {
right: 24px;
}
header.header-small .head-right-block .reset-bx {
color: #000;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
header.header-small .head-right-block .reset-bx a {
color: #000;
}
header.header-small .head-right-block .reset-bx a:hover, header.header-small .head-right-block .reset-bx a:focus {
color: #007AD0;
}
header.header-small .head-right-block .step-bx {
color: #979797;
font-size: 13px;
line-height: 15px;
font-weight: 400;
}
header.header-small .branding-bx {
width: 52px;
height: 48px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.custom-template-offer-container {
margin: 35px auto 40px auto;
}
/* common loader*/
.ajax-progress-throbber {
text-align: center;
width: 40px;
line-height: 40px;
border-radius: 50%;
height: 40px;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.ajax-progress .throbber {
background: #ffffff;
float: none;
height: 22px;
width: 22px;
}
.ajax-progress .throbber,
.ajax-progress .throbber:after {
border-radius: 50%;
width: 22px;
height: 22px;
}
.ajax-progress .throbber {
margin: 0 auto;
font-size: 0;
top: 9px;
position: relative;
text-indent: -9999em;
border-top: 3px solid #007AD0;
border-right: 3px solid #007AD0;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.6s infinite linear;
animation: load8 1.6s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
span.error {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
text-align: left;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
textarea.error {
border: 0;
}
input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.webform-progressbar-page .webform-progressbar-page-label {
font-size: 12px;
line-height: 20px;
top: 0;
}
.ui-datepicker {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 14px;
line-height: 20px;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content,
.ui-datepicker .ui-widget-header .ui-state-default {
font-size: 14px;
text-align: center;
}
.ui-datepicker th, .ui-datepicker td {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
margin-top: -11px;
}
.ui-datepicker .ui-datepicker-title {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 15px;
line-height: 22px;
}
.generic_contact_us {
color: #000;
}
.generic_contact_us .field-type-text-with-summary,
.generic_contact_us .webform-client-form {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%;
}
.generic_contact_us .field-type-text-with-summary {
padding-right: 24px;
}
.generic_contact_us .field-type-text-with-summary a {
color: #000;
white-space: normal;
word-wrap: break-word;
}
.generic_contact_us .field-type-text-with-summary a:hover {
color: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.generic_contact_us .webform-client-form {
float: right;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.generic_contact_us h1 {
text-align: center;
padding-bottom: 34px;
}
.generic_contact_us h2 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: #000;
}
.generic_contact_us h2 a {
color: #000;
}
.generic_contact_us h2 a:hover {
color: #1A1A1A;
}
.generic_contact_us label {
display: block;
font-size: 13px;
line-height: 17px;
font-weight: normal;
padding-bottom: 8px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin: 0;
}
.generic_contact_us input[type=text],
.generic_contact_us input[type=email],
.generic_contact_us input[type=password],
.generic_contact_us input[type=number],
.generic_contact_us textarea,
.generic_contact_us input[type='tel'] {
background: #F5F5F5;
height: 48px;
border: 0;
display: block;
padding: 0 12px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.generic_contact_us input[type=text]:focus,
.generic_contact_us input[type=email]:focus,
.generic_contact_us input[type=password]:focus,
.generic_contact_us input[type=number]:focus,
.generic_contact_us textarea:focus,
.generic_contact_us input[type='tel']:focus {
background: #F5F5F5;
color: #1A1A1A;
border: 0;
outline: 0 none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none !important;
}
.generic_contact_us input[type=”tel”]::-webkit-slider-thumb {
background: #F5F5F5;
height: 48px;
border: 0;
display: block;
padding: 0 12px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.generic_contact_us textarea {
height: auto;
}
.generic_contact_us span.error {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.generic_contact_us textarea.error,
.generic_contact_us input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.generic_contact_us textarea.error {
border: 0;
background-position: right 15px top 15px;
}
.generic_contact_us .form-item {
margin: 0 0 24px 0;
}
.business.contact-us h1 {
text-align: center;
padding-bottom: 34px;
}
.business.contact-us form {
max-width: 565px;
}
.business.contact-us label {
display: block;
font-size: 13px;
line-height: 17px;
font-weight: normal;
padding-bottom: 8px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin: 0;
}
.business.contact-us input[type=text],
.business.contact-us input[type=email],
.business.contact-us input[type=password],
.business.contact-us input[type=number],
.business.contact-us textarea,
.business.contact-us input[type=tel] {
background: #F5F5F5;
height: 48px;
border: 0;
display: block;
padding: 0 12px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.business.contact-us input[type=text]:focus,
.business.contact-us input[type=email]:focus,
.business.contact-us input[type=password]:focus,
.business.contact-us input[type=number]:focus,
.business.contact-us textarea:focus,
.business.contact-us input[type=tel]:focus {
border: 0;
outline: 0 none;
}
.business.contact-us textarea {
height: auto;
}
.business.contact-us span.error {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.business.contact-us textarea.error,
.business.contact-us input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.business.contact-us textarea.error {
border: 0;
background-position: right 15px top 15px;
}
.business.contact-us .form-item {
margin: 0 0 24px 0;
}
.business.contact-us .webform-component-select {
position: relative;
display: block;
}
.business.contact-us .webform-component-select .wt-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 30px;
top: 13px;
z-index: 1;
}
.business.contact-us .webform-component-select select {
display: block;
font-weight: normal;
padding: 0 10px 0 12px;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 100%;
height: 48px;
line-height: 48px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
.business.contact-us .webform-component-select select:focus {
outline: none;
border: 0;
}
.business.contact-us .webform-component-select select option {
-webkit-appearance: none;
padding: 10px;
}
.business.contact-us .webform-component-select:after {
content: "";
position: absolute;
top: 42px;
right: 12px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.sponsorship-application .fieldset-wrapper h3 {
display: none;
}
.sponsorship-application label {
display: block;
font-size: 13px;
line-height: 17px;
font-weight: normal;
padding-bottom: 8px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin: 0;
}
.sponsorship-application input[type=text],
.sponsorship-application input[type=email],
.sponsorship-application input[type=password],
.sponsorship-application input[type=number],
.sponsorship-application textarea,
.sponsorship-application input[type=tel] {
background: #F5F5F5;
height: 48px;
border: 0;
display: block;
padding: 0 12px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.sponsorship-application input[type=text]:focus,
.sponsorship-application input[type=email]:focus,
.sponsorship-application input[type=password]:focus,
.sponsorship-application input[type=number]:focus,
.sponsorship-application textarea:focus,
.sponsorship-application input[type=tel]:focus {
border: 0;
outline: 0 none;
}
.sponsorship-application textarea {
height: auto;
}
.sponsorship-application span.error {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.sponsorship-application textarea.error,
.sponsorship-application input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.sponsorship-application textarea.error {
border: 0;
background-position: right 15px top 15px;
}
.sponsorship-application .webform-datepicker .form-item-submitted-date-month,
.sponsorship-application .webform-datepicker .form-item-submitted-date-day,
.sponsorship-application .webform-datepicker .form-item-submitted-date-year {
display: none;
}
.sponsorship-application .webform-datepicker .gp-sponsor-calender {
background: url(../images/icon_calendar.svg) #f5f5f5 top 10px right 10px no-repeat;
}
.sponsorship-application .select-or-other-select {
padding-bottom: 0;
}
.sponsorship-application .select-or-other-select .form-item {
margin-bottom: 0;
}
.sponsorship-application select {
display: inline-block;
font-weight: normal;
padding: 0 10px 0 16px;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 125px;
height: 40px;
line-height: 40px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
.sponsorship-application .webform-progressbar {
display: none;
}
.sponsorship-application .webform-client-form {
float: none;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sponsorship-application .webform-client-form input.form-text {
max-width: 353px;
}
.sponsorship-application .sopnsor-left {
float: left;
width: 70%;
}
.sponsorship-application .sopnsor-left h2 {
font-size: 30px;
line-height: 42px;
font-weight: 500;
color: #000;
padding-bottom: 0;
}
.sponsorship-application .form-type-checkbox input[type=checkbox] + label {
display: block;
margin: 0;
cursor: pointer;
padding: 0;
line-height: 19px;
font-size: 15px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
}
.sponsorship-application .form-type-checkbox input[type=checkbox] {
display: none;
}
.sponsorship-application .form-type-checkbox input[type=checkbox] + label:before {
content: "";
position: relative;
top: -2px;
background-repeat: no-repeat;
background-position: 2px 3px;
background-image: url("data:image/svg+xml;charset=utf-8,");
border: 2px solid rgba(0, 0, 0, 0.16);
background-color: #ffffff;
border-radius: 3px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin-right: 10px;
vertical-align: middle;
-webkit-transition: background .2s;
transition: background .2s;
}
.sponsorship-application .form-type-checkbox input[type=checkbox]:checked + label:before {
background-color: #007AD0;
border-color: #007AD0;
}
.sponsorship-application .form-type-checkbox input[type=checkbox]:disabled + label:before {
border-color: #F5F5F5;
}
.sponsorship-application .form-type-checkbox input[type=checkbox]:checked:disabled + label:before {
background-color: #F5F5F5;
border-color: #F5F5F5;
}
.sponsorship-application .form-type-radio label {
font-size: 15px;
line-height: 20px;
color: #000;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: normal;
}
.sponsorship-application .form-type-radio [type="radio"]:checked,
.sponsorship-application .form-type-radio [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.sponsorship-application .form-type-radio [type="radio"]:checked + label,
.sponsorship-application .form-type-radio [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 30px;
line-height: 22px;
color: #000;
cursor: pointer;
display: inline-block;
}
.sponsorship-application .form-type-radio [type="radio"]:checked + label:before,
.sponsorship-application .form-type-radio [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 100%;
background: #fff;
}
.sponsorship-application .form-type-radio [type="radio"]:checked + label:after,
.sponsorship-application .form-type-radio [type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: #007AD0;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sponsorship-application .form-type-radio [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.sponsorship-application .form-type-radio [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sponsorship-application .sopnsor-right {
float: right;
width: 30%;
}
.sponsorship-application .sopnsor-right .sopnsor-progress-block {
float: right;
padding-top: 24px;
}
.sponsorship-application .sopnsor-right li {
display: block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 14px;
line-height: 18px;
color: #767676;
font-weight: 400;
padding-top: 20px;
}
.sponsorship-application .sopnsor-right li span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
color: #767676;
background: #F5F5F5;
display: inline-block;
border-radius: 50%;
text-align: center;
margin-right: 16px;
}
.sponsorship-application .sopnsor-right li.current {
color: #007AD0;
}
.sponsorship-application .sopnsor-right li.current span {
background: #007AD0;
color: #ffffff;
}
.sponsorship-application .form-item {
margin: 0 0 24px 0;
}
.sponsorship-application .form-item input[type="checkbox"] {
margin-top: 0;
}
.sponsorship-application .form-item input[type="checkbox"] + label {
display: inline-block;
color: #000;
font-size: 15px;
line-height: 22px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.sponsorship-application .webform-component--terms-and-condition {
font-size: 16px;
line-height: 26px;
color: #000;
padding: 24px;
border: 2px solid rgba(0, 0, 0, 0.08);
max-height: 383px;
overflow-y: auto;
}
.sponsorship-application .form-actions .form-submit {
padding: 0 24px;
height: 48px;
line-height: 48px;
}
.sponsorship-application .form-actions .webform-previous {
background: none;
border: 1px solid rgba(0, 0, 0, 0.64);
color: #1A1A1A;
margin-right: 24px;
}
.sponsorship-application .form-radios .form-item {
margin: 0;
}
.sponsorship-application .field-suffix,
.sponsorship-application .description {
font-size: 11px;
line-height: 14px;
color: #767676;
padding-top: 5px;
display: block;
}
.sponsorship-modal .modal-dialog {
max-width: 875px;
width: auto;
}
.sponsorship-modal .modal-content {
background: #fff;
color: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: normal !important;
box-shadow: none;
border-radius: 3px;
padding: 0;
}
.investor-relations .mypage-title {
margin-bottom: 24px;
}
/*
.investor-relations,
.sustainability {
.page-title {
display: none;
}
}*/
@media (max-width: 767px) {
.sponsorship-modal .modal-dialog {
max-width: 90%;
}
.sponsorship-application .sopnsor-right {
display: none;
}
.sponsorship-application .sopnsor-left {
float: none;
width: 100%;
}
.sponsorship-application .webform-client-form {
width: 100%;
}
}
.page-node-done .webform-progressbar {
display: none;
}
.contact-top-section {
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 40px;
}
.contact-preview {
margin-bottom: 30px;
}
.contact-preview img {
border-radius: 3px;
max-height: 245px;
}
.contact_select_form label {
font-size: 13px;
line-height: 15px;
font-weight: 400;
padding-bottom: 8px;
}
.contact_select_form .custom-select {
position: relative;
display: inline-block;
}
.contact_select_form .custom-select .wt-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 30px;
top: 13px;
z-index: 1;
}
.contact_select_form .custom-select select {
display: inline-block;
font-weight: normal;
padding: 0 10px 0 16px;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 299px;
height: 48px;
line-height: 48px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
.contact_select_form .custom-select select:focus {
outline: none;
border: 0;
}
.contact_select_form .custom-select select option {
-webkit-appearance: none;
padding: 10px;
}
.contact_select_form .custom-select:after {
content: "";
position: absolute;
top: 18px;
right: 12px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.contact_select_form .custom-select select {
padding-right: 34px;
}
}
.contact_select_form .no-pointer-events .custom-select:after {
content: none;
}
.contact-content-section h2 {
display: none;
}
.header-right-blocks li.header-shop-box .cart-badge,
.xs-right-bar .xs-header-shop .cart-badge,
.cart-badge {
display: none !important;
}
.fb-like-counter-wrap {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 10px;
margin: 32px auto 0 auto;
}
.owl-carousel {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.alert-danger {
font-size: 14px;
line-height: 26px;
color: #1A1A1A;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #FFB4B4;
padding: 10px 24px;
text-align: center;
border-radius: 3px;
}
.page-xplore-inner .breadcrumb {
text-shadow: none;
}
.field-type-text-textarea-with-summary a {
white-space: normal;
word-wrap: break-word;
}
/* only for bangla */
.i18n-bn h1, .i18n-bn h2, .i18n-bn h3, .i18n-bn h4, .i18n-bn h5, .i18n-bn h6,
.i18n-bn label, .i18n-bn .modal, .i18n-bn .modal-body, .i18n-bn .m-filter,
.i18n-bn .form-control, .i18n-bn #buy-now-btn, .i18n-bn .form-text,
.i18n-bn .contact_select_form .custom-select select,
.i18n-bn .purchase_journey_failed,
.i18n-bn .purchase_journey_success,
.i18n-bn .survey_call_block, .i18n-bn .offer-title, .i18n-bn .offer-info-box,
.i18n-bn .survey_call_block.survey_sticky_block,
.i18n-bn .purchase_journey, .i18n-bn .purchase_journey_step_1, .i18n-bn .purchase_journey_step_2, .i18n-bn .purchase_journey_step_1 span, .i18n-bn .purchase_journey_step_2 span,
.i18n-bn .star-offers .views-exposed-widget.views-widget-filter-title .form-text,
.i18n-bn .star-offers .filter-modal .form-type-radio label,
.i18n-bn .digital-wrapper-block, .i18n-bn .voice-pack, .i18n-bn .pack-detail-info, .i18n-bn .page-menu-tabs.nav-tabs li,
.i18n-bn .shop-box .product-title, .i18n-bn .gp-star-landing-block,
.i18n-bn .form-submit, .i18n-bn .btn,
.i18n-bn .thumbnail-wrapper, .i18n-bn .btn-link,
.i18n-bn .store-locator-landing .store-item,
.i18n-bn .store-locator-landing .store-item h3,
.i18n-bn .more-content-box,
.i18n-bn .service-intro-block,
.i18n-bn .features-listing li,
.i18n-bn .info-blocks, .i18n-bn .featured-wrapper-blocks,
.i18n-bn .recharge-block-area, .i18n-bn .shop-box, .i18n-bn .badges-deals,
.i18n-bn .banner-wrap-box, .i18n-bn .rechrg-add-set,
.i18n-bn .generic_contact_us input[type=text], .i18n-bn input[type=text],
.i18n-bn .generic_contact_us input[type=email], .i18n-bn input[type=email],
.i18n-bn .generic_contact_us input[type=password], .i18n-bn input[type=password],
.i18n-bn .generic_contact_us input[type=number], .i18n-bn input[type=number],
.i18n-bn .generic_contact_us textarea, .i18n-bn textarea,
.i18n-bn .generic_contact_us input[type=tel],
.i18n-bn .offer-list p, .i18n-bn .offer-list a, .i18n-bn .offer-info-box p,
.i18n-bn .pressrelease_wrap .field-item.date, .i18n-bn .pressrelease_wrap,
.i18n-bn .pressrelease_wrap .page-navigator li > a,
.i18n-bn .header, .i18n-bn .header ul li, .i18n-bn .header ul ul li,
.i18n-bn .myob_landing_body, .i18n-bn .myob_sidebar, .i18n-bn .myob_sidebar_second_block ul li,
.i18n-bn .thank-nav-list, .i18n-bn .page-404-menu,
.i18n-bn .page-not-found .purchase_failed_menu_list li,
.i18n-bn .myob_mob_sms_list li, .i18n-bn .myob_mob_voice_list li,
.i18n-bn .myob_mob_internet_list li, .i18n-bn .myob_mob_validity_list li,
.i18n-bn .gp_myob_ur_plan, .i18n-bn .purchase_failed_need_help,
.i18n-bn .c-star-status p, .i18n-bn .c-star-status .c-star-msg p,
.i18n-bn .tb-megamenu .dropdown-menu .mega-nav > li a,
.i18n-bn .breadcrumb ul > li, .i18n-bn .int-packs span, .i18n-bn .int-packs a, .i18n-bn .purchase-blocks label,
.i18n-bn .financial-result-blocks ul li, .i18n-bn .ir-notice-blocks,
.i18n-bn .revenue-section-blocks .revenue-box, .i18n-bn.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li a, .i18n-bn.page-flexi-plan .mobile-top-menu.open .content ul li,
.i18n-bn .mobile-top-menu.open .content ul li, .i18n-bn .archive-list.press-release,
.i18n-bn .header .tb-megamenu .dropdown-menu .mega-nav li.level-4 > a,
.i18n-bn .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav li.level-4 > a, .i18n-bn.page-flexi-plan .header .tb-megamenu .dropdown-menu .mega-nav li.level-4 > a,
.i18n-bn .gpay .gpay-how-it-works-wrapper,
.i18n-bn .star-offers .bootstrap-select > .dropdown-toggle,
.i18n-bn .purchase_journey_step_2 .btn, .i18n-bn #myob-otp-validation .btn,
.i18n-bn .footer {
font-family: Noto Sans Bengali, "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.i18n-bn .tb-megamenu .dropdown-submenu > a:after {
margin-top: 2px;
}
.i18n-bn .archive-list.press-release .entry-meta-box .cal-wrap {
padding: 12px 0 7px 0;
}
.i18n-bn.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li a {
font-size: 16px;
}
.i18n-bn .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav li.level-4 a {
font-size: 14px;
}
.i18n-bn .thumbnail-wrapper .thumbnail-content .btn-more:after {
position: relative;
top: -1px;
}
.i18n-bn .info-blocks, .i18n-bn .purchase_step_2_title, .i18n-bn .voice-pack .voice_pack_title h2 {
font-size: 20px;
line-height: 37px;
}
.i18n-bn .info-blocks .container {
max-width: 1145px;
}
.i18n-bn header.header-small .head-right-block .step-bx {
text-align: end;
}
.i18n-bn .purchase_journey input[type=tel],
.i18n-bn #bundle-price,
.i18n-bn .flxpln-sml-terms,
.i18n-bn .myob_bonus_num {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.i18n-bn .myob_landing_body .myob-bundle-sms,
.i18n-bn .myob_landing_body .myob-bundle-data,
.i18n-bn .myob_landing_body .myob-bundle-voice,
.i18n-bn .myob_landing_body .myob-bundle-validity {
font-family: "Telenor", "Noto Sans Bengali", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
.i18n-bn.page-flexi-plan .head-right-block {
width: 22%;
}
.i18n-bn.page-flexi-plan .head-right-block .myob_reset_txt {
font-weight: normal;
margin-top: -16px;
}
}
@media (max-width: 1600px) and (min-width: 768px) {
.i18n-bn .header .tb-megamenu .mega-nav > li a,
.i18n-bn .header .tb-megamenu .dropdown-menu .mega-nav > li a {
font-size: 15px;
line-height: 24px;
}
}
@media (max-width: 1296px) {
.i18n-bn.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li a {
font-size: 14px;
}
.i18n-bn.page-xplore-inner .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2, .i18n-bn.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2, .i18n-bn.page-personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2, .i18n-bn.personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 2;
}
.i18n-bn.page-xplore-inner .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1, .i18n-bn.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1, .i18n-bn.page-personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1, .i18n-bn.personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 1;
}
.i18n-bn.home .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 1;
}
.i18n-bn.home .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 2;
}
}
@media (max-width: 767px) {
.i18n-bn .listing li:before,
.i18n-bn .package-detail-blocks .page-tab-blocks .tab-content ul li:before {
top: 9px;
}
}
/* only for bangla */
/* 404 page */
.page-not-found h1 {
font-size: 26px;
line-height: 36px;
padding: 32px 0 10px;
font-weight: 300;
}
.page-not-found.page-searchgp .top-search .region-header-search {
display: none;
}
.page-not-found.page-searchgp .region-header-search {
padding-top: 5px;
z-index: 99;
display: block;
background: none;
position: relative;
}
.page-not-found.page-searchgp .region-header-search h2 {
display: none;
}
.page-not-found.page-searchgp .region-header-search .form-text {
background: #F5F5F5;
border-color: #F5F5F5;
}
.page-not-found.page-searchgp .region-header-search:before {
display: none;
}
.page-not-found.page-searchgp .autocompletegp {
max-width: 99.5%;
height: 300px;
margin-left: 1px;
}
@media (max-width: 767px) {
.page-not-found.page-searchgp .autocompletegp {
display: none;
}
}
.page-not-found .page-404-search {
clear: both;
}
.page-not-found .page-404-search .navbar-form {
padding: 0;
}
.page-not-found .page-404-search br {
display: none;
}
.page-not-found .purchase_failed_need_help {
text-align: left;
}
.page-not-found .purchase_failed_menu_list {
margin-bottom: 0;
}
.page-not-found .purchase_failed_menu_list li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 10px 0 11px 0;
}
.page-not-found .purchase_failed_menu_list li a:after {
top: 7px;
}
.page-not-found .page-title {
display: none;
}
.page-not-found .page-title + .field-body {
margin: auto;
max-width: 920px;
padding: 0 0 64px;
overflow: hidden;
}
.thank-nav-list,
.page-404-menu {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
display: block;
margin: 24px auto 16px auto;
}
.thank-nav-list ul,
.page-404-menu ul {
margin: 0 auto;
padding: 0 15px;
text-align: center;
display: flex;
justify-content: center;
}
.thank-nav-list li,
.page-404-menu li {
display: inline-block;
width: 25%;
text-align: center;
}
.thank-nav-list li a, .thank-nav-list li span,
.page-404-menu li a,
.page-404-menu li span {
display: block;
}
.thank-nav-list li a,
.page-404-menu li a {
color: #1A1A1A;
}
.thank-nav-list li a:hover,
.page-404-menu li a:hover {
color: #007AD0;
}
.thank-nav-list li a:hover path,
.page-404-menu li a:hover path {
fill: #007AD0;
}
.page-404-right {
float: right;
}
.page-404-left {
float: left;
max-width: 414px;
}
.page-404-left,
.page-404-right {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 767px) {
.page-not-found .page-title + .field-body {
max-width: 100%;
padding: 24px 0 32px;
}
.page-not-found h1 {
padding-top: 0;
}
.page-not-found .purchase_failed_need_help {
text-align: center;
}
.page-not-found .purchase_failed_menu_list {
text-align: left;
}
.page-404-right svg {
width: 128px;
height: 128px;
}
.page-404-left,
.page-404-right {
float: none;
width: 100%;
max-width: 100%;
text-align: center;
}
}
.career-btn-wrap {
text-align: center;
padding-bottom: 64px;
}
@media (min-width: 768px) {
.profile-team-blocks {
padding-top: 8px;
}
.profile-team-blocks .row {
display: flex;
justify-content: center;
margin-bottom: 32px;
}
.profile-team-blocks .row:last-child {
margin-bottom: 0;
}
.profile-team-blocks .col-xs-12.col-sm-4 {
position: relative;
}
.profile-box {
margin-bottom: 0;
}
}
.view-empty {
text-align: center;
}
.profile-box {
position: relative;
height: 100%;
border-radius: 3px;
overflow: hidden;
margin: 0 auto;
background: #F5F5F5;
font-size: 16px;
line-height: 26px;
text-align: center;
color: #1a1a1a;
padding-bottom: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.profile-box a {
padding-bottom: 32px;
color: #1A1A1A;
display: block;
}
.profile-box a .btn {
color: #007AD0;
}
.profile-box h2 {
font-size: 20px;
line-height: 30px;
font-weight: normal;
padding: 0 16px 24px;
}
.profile-display-box {
margin-bottom: 32px;
}
@media (max-width: 767px) {
.profile-display-box img {
width: 100%;
}
}
.profile-designation {
text-transform: uppercase;
font-size: 16px;
line-height: 26px;
padding: 0 24px 24px;
}
.profile-modal .modal-content {
background: #fff;
color: #1A1A1A;
box-shadow: none;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
}
.profile-modal .modal-content p {
padding: 0;
}
.profile-modal .modal-content p + p {
padding-top: 24px;
}
.profile-modal .moda-body-content {
padding: 44px 32px 0 32px;
overflow: hidden;
}
.profile-modal .moda-body-content .row {
margin: 0;
}
.profile-modal .moda-body-content .row .col-xs-12.col-sm-8,
.profile-modal .moda-body-content .row .col-xs-12.col-sm-4 {
padding: 0;
}
.profile-modal .modal-info-box {
padding: 0 0 40px 0;
}
.profile-modal .modal-body {
padding: 32px 0 0 0;
}
.profile-modal .close {
position: absolute;
right: 28px;
z-index: 10;
float: none;
}
.profile-modal .btn-wrap {
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 24px 0;
margin: 0 auto;
text-align: center;
}
.profile-modal .btn-wrap .btn {
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
min-width: 155px;
padding: 0 24px;
}
.profile-modal .modal-dialog {
width: auto;
max-width: 90%;
margin: 0 auto;
}
@media (min-width: 992px) {
.profile-modal .modal-preview-box img {
max-width: 256px;
}
}
@media (min-width: 820px) {
.profile-modal .modal-dialog {
width: auto;
max-width: 784px;
margin: 0 auto;
}
}
@media (max-width: 819px) {
.profile-modal {
margin: 24px auto;
}
.profile-modal .modal-body {
position: relative;
padding: 24px;
}
.profile-modal .moda-body-content {
padding: 0;
}
.profile-modal .modal-info-box {
padding: 0;
}
.profile-modal .close {
right: 28px;
}
.profile-modal .btn-wrap {
margin-bottom: 0;
border: 0;
padding-bottom: 0;
}
.profile-modal .btn-wrap .btn {
min-width: 100%;
display: block;
}
.profile-modal .modal-preview-box {
text-align: center;
padding: 0 0 24px 0;
}
.profile-modal .modal-preview-box img {
max-width: 142px;
}
}
p:empty {
display: none;
}
.centered {
text-align: center;
}
@media (max-width: 1040px) and (min-width: 768px) {
.annual-report {
max-width: 680px;
margin: auto;
}
}
.annual-report ul.row {
margin: 0 -16px;
list-style: none;
padding: 0;
}
.annual-report li {
margin-bottom: 0;
padding: 0 16px;
}
.annual-report .ir-ar-highlight {
background: #E6EEF4;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper {
margin-bottom: 32px;
padding: 0;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .img-wrap {
width: 36%;
display: table-cell;
text-align: left;
margin: 0;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .img-wrap img {
width: auto;
height: auto;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content {
width: 64%;
display: table-cell;
padding: 32px 64px;
vertical-align: middle;
color: #000;
font-size: 18px;
line-height: 28px;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content span {
font-size: 18px !important;
line-height: 28px !important;
color: #000 !important;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content h3 {
font-size: 30px;
line-height: 42px;
font-weight: 500;
color: #000;
}
@media (max-width: 767px) {
.annual-report .ir-ar-highlight.thumbnail-wrapper {
max-width: 304px;
margin-left: auto;
margin-right: auto;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .img-wrap img {
width: 100%;
height: 100%;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content {
padding: 24px;
font-size: 16px !important;
line-height: 26px !important;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content h3 {
font-size: 22px;
line-height: 30px;
font-weight: 500;
color: #000;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content span {
font-size: 16px !important;
line-height: 26px !important;
}
.annual-report .ir-ar-highlight.thumbnail-wrapper .thumbnail-content,
.annual-report .ir-ar-highlight.thumbnail-wrapper .img-wrap {
display: block;
width: 100%;
}
}
.annual-report .ir-ar-highlight .btn {
margin-top: 24px;
height: 40px;
line-height: 40px;
padding: 0 24px;
font-size: 16px;
min-width: 152px;
font-weight: normal;
}
.annual-report .ir-ar-highlight p {
padding: 0;
}
.annual-report .single-wrap-block .thumbnail-wrapper {
padding: 0;
margin-bottom: 32px;
}
.annual-report .single-wrap-block .thumbnail-wrapper .thumbnail-content {
padding: 20px 16px 16px 16px;
text-align: center;
}
.annual-report .single-wrap-block .thumbnail-wrapper .thumbnail-content h3 {
font-weight: normal;
position: relative;
padding: 0;
}
.annual-report .single-wrap-block .thumbnail-wrapper .thumbnail-content h3:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 4px;
height: 14px;
width: 14px;
display: inline-block;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../images/icon_chevron-right.svg);
}
.annual-report .single-wrap-block .thumbnail-wrapper .img-wrap img {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.annual-report .single-wrap-block .thumbnail-wrapper {
max-width: 260px;
margin-right: auto;
margin-left: auto;
}
}
.graph-container {
text-align: center;
padding-top: 32px;
}
.graph-container h4 + .clearfix {
width: 210px;
margin: 0 auto 32px auto;
position: relative;
display: block;
}
.graph-container h4 + .clearfix:after {
content: "";
visibility: visible;
position: absolute;
top: 18px;
right: 12px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.graph-container h4 + .clearfix .wt-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 30px;
top: 13px;
z-index: 1;
}
.graph-container h4 + .clearfix select.form-select {
display: inline-block;
font-size: 16px;
font-weight: normal;
padding: 0 10px 0 16px;
margin: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 210px;
height: 48px;
line-height: 48px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
.graph-container h4 + .clearfix select.form-select:focus {
outline: none;
border: 0;
}
.graph-container h4 + .clearfix select.form-select option {
-webkit-appearance: none;
padding: 10px;
}
.graph-container .chart-box {
max-width: 499px;
margin: auto auto 32px auto;
}
@media (max-width: 767px) {
.graph-container h4 {
font-size: 16px;
line-height: 24px;
}
.graph-container .chart-box {
margin-bottom: 55px;
max-width: 100%;
}
}
@media (min-width: 768px) {
.page-about-investor-relations-5yr-business-performance .region-content .row {
margin: 0 -20px;
}
.page-about-investor-relations-5yr-business-performance .region-content .row .graph-container {
padding: 0 20px;
}
}
.element-invisible + .date-year {
width: 162px;
margin-bottom: 24px;
}
.notice-board .views-exposed-form,
.press-release .views-exposed-form,
.ir-financial-report .views-exposed-form,
.shareholding-details .views-exposed-form {
width: 162px;
margin: auto;
text-align: center;
}
.notice-board .views-exposed-form .filter-option-inner-inner,
.press-release .views-exposed-form .filter-option-inner-inner,
.ir-financial-report .views-exposed-form .filter-option-inner-inner,
.shareholding-details .views-exposed-form .filter-option-inner-inner {
color: #767676;
}
.notice-board .view-filters,
.press-release .view-filters,
.ir-financial-report .view-filters,
.shareholding-details .view-filters {
position: relative;
}
/*@media(max-width: 767px) {*/
div.date-year {
position: relative;
display: block;
}
div.date-year:after {
content: "";
visibility: visible;
position: absolute;
top: 16px;
right: 12px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
div.date-year .wt-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 30px;
top: 13px;
z-index: 1;
}
div.date-year select.date-year {
display: inline-block;
font-size: 16px;
font-weight: normal;
padding: 0 10px 0 16px;
margin: 0 auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 162px;
height: 48px;
line-height: 48px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
div.date-year select.date-year:focus {
outline: none;
border: 0;
}
div.date-year select.date-year option {
-webkit-appearance: none;
padding: 10px;
}
.star-offers .form-type-select {
position: relative;
display: block;
}
.star-offers .form-type-select:after {
content: "";
visibility: visible;
position: absolute;
top: 16px;
right: 12px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.star-offers .form-type-select .wt-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
right: 30px;
top: 13px;
z-index: 1;
}
.star-offers .form-type-select select.form-select {
display: inline-block;
font-size: 16px;
font-weight: normal;
padding: 0 10px 0 16px;
margin: 0 auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
outline: none;
background: #F5F5F5;
border-radius: 3px;
width: 100%;
height: 48px;
line-height: 48px;
-webkit-appearance: none;
opacity: 1;
border: 0;
}
.star-offers .form-type-select select.form-select:focus {
outline: none;
border: 0;
}
.star-offers .form-type-select select.form-select option {
-webkit-appearance: none;
padding: 10px;
}
/*}*/
.purchase_journey_back_url {
position: fixed;
z-index: 999;
background-repeat: no-repeat;
background-position: 0 0;
width: 14px;
height: 15px;
background-image: url("data:image/svg+xml;charset=utf-8,");
text-indent: -999999px;
display: block;
top: 32px;
left: 30px;
}
/* thank you page start */
.thank-you-blocks {
padding: 40px;
max-width: 400px;
margin: auto;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.thank-top-wrap {
padding-bottom: 24px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
text-align: center;
}
.thank-nav-list {
margin-bottom: 0;
}
.thank-title {
display: block;
text-align: center;
font-size: 20px;
line-height: 28px;
color: #1A1A1A;
font-weight: 500;
position: relative;
padding-bottom: 24px;
}
.thank-title:before {
content: "";
position: absolute;
top: 0;
margin-left: -36px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-color: #8BE18D;
background-repeat: no-repeat;
background-position: 6px 7px;
width: 24px;
height: 24px;
text-align: center;
border-radius: 50%;
}
.thank-msg {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #767676;
padding-bottom: 0;
}
@media (max-width: 500px) {
.thank-you-blocks {
padding: 0;
max-width: 100%;
margin: auto;
border: 0;
}
}
.table-responsive caption h2 {
color: #1A1A1A;
}
.table-responsive caption h2 + h2 {
display: none;
}
/* thank you page end */
/* audio-conference page*/
.benefits-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
.benefits-list li {
position: relative;
margin-bottom: 20px;
font-size: 16px;
line-height: 26px;
}
.port-wallet.failed .breadcrumb, .port-wallet.failed .page-title,
.port-wallet.success .breadcrumb,
.port-wallet.success .page-title {
display: none;
}
.success-value-list ul {
margin: 0 0 6px 0;
list-style: none;
padding: 0;
color: #1a1a1a;
}
.success-value-list ul li {
padding-bottom: 10px;
}
.success-value-list ul li b {
font-weight: 400;
margin-right: 2px;
}
.slide-pop h2 {
display: none;
}
.slide-pop-wrap {
overflow: hidden;
border-radius: 3px 0 0 3px;
}
.slide-pop-box {
display: none;
position: fixed;
/*bottom: 16px;*/
bottom: 80px;
z-index: 99;
border-radius: 3px 0 0 3px;
box-shadow: -1px 4px 4px #eee;
}
.slide-pop-box.slide-pop-left {
-webkit-transition: all .7s;
transition: all .7s;
}
.slide-pop-close {
position: absolute;
z-index: 99;
top: -10px;
left: -10px;
}
.slide-pop-close a {
width: 27px;
height: 27px;
border-radius: 50%;
box-shadow: 0 0 10px #ddd;
background-repeat: no-repeat;
background-color: #fff;
background-position: center center;
background-image: url("data:image/svg+xml;charset=utf-8,");
text-indent: -999999px;
display: block;
}
.xplore-connection-wrapper .sls-icon {
position: relative;
width: 24px;
height: 24px;
margin: 0;
font-size: 32px;
}
.xplore-connection-wrapper .sls-icon:before {
content: "+";
display: block;
width: 20px;
height: 20px;
position: absolute;
color: #007AD0;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward {
font-size: 0;
margin-right: 8px;
position: relative;
width: 22px;
height: 3px;
background-color: #007AD0;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:after, .xplore-connection-wrapper .icon-xploreicon_arrow_forward:before {
content: '';
position: absolute;
width: 12px;
height: 3px;
background-color: #007AD0;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:after {
top: -4px;
right: -1px;
transform: rotate(45deg);
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:before {
top: 4px;
right: -1px;
transform: rotate(-45deg);
}
@media (max-width: 1149px) and (min-width: 992px) {
.xplore-connection-wrapper img {
max-width: 120px;
}
}
@media (max-width: 625px) {
.xplore-connection-wrapper h2, .xplore-connection-wrapper h3 {
text-align: center;
}
.xplore-connection-wrapper div.right-0,
.xplore-connection-wrapper img.right-0 {
margin-right: auto;
}
.xplore-connection-wrapper .x-c-step-1 img,
.xplore-connection-wrapper .x-c-from-touch-point img,
.xplore-connection-wrapper img {
max-width: 30%;
}
.xplore-connection-wrapper .inline {
font-size: 23px;
}
.xplore-connection-wrapper .inline, .xplore-connection-wrapper img, .xplore-connection-wrapper .icon-xploreicon_arrow_forward, .xplore-connection-wrapper .sls-icon {
margin: auto auto 20px auto;
text-align: center;
clear: both;
float: none;
display: block;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward {
width: 3px;
height: 22px;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:after, .xplore-connection-wrapper .icon-xploreicon_arrow_forward:before {
content: '';
position: absolute;
width: 3px;
height: 12px;
background-color: #007AD0;
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:after {
top: 12px;
right: -3px;
transform: rotate(45deg);
}
.xplore-connection-wrapper .icon-xploreicon_arrow_forward:before {
top: 12px;
left: -3px;
transform: rotate(-45deg);
}
}
@media (max-width: 480px) {
.xplore-connection-wrapper .x-c-step-1 img,
.xplore-connection-wrapper .x-c-from-touch-point img,
.xplore-connection-wrapper img {
max-width: 50%;
}
}
@media (min-width: 768px) {
.custom-table {
width: 100%;
}
.breadcrumb .container {
width: auto;
max-width: 100%;
}
.container {
width: auto;
max-width: 100%;
}
.thumbnail-wrapper {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.thumbnail-wrapper .img-wrap {
position: relative;
overflow: hidden;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
text-align: center;
margin: 0 auto;
}
.thumbnail-wrapper .img-wrap img {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
}
.page-banner-blocks {
min-height: 390px;
}
.custom-col-row .col-xs-12.col-md-6 {
width: 49%;
margin-right: 1%;
}
.custom-col-row .col-xs-12.col-md-6 + .col-xs-12.col-md-6 {
margin-right: 0;
margin-left: 1%;
}
.custom-link-box {
display: flex;
flex-wrap: wrap;
}
.custom-link-box .col-sm-6.col-md-3 {
position: relative;
}
.custom-link-box .views-row {
padding-bottom: 0;
position: relative;
height: 100%;
}
.custom-link-box .views-row span {
display: block;
}
.gp-star-landing-block .custom-link-box,
.gp-star-landing-block .gp-star-box {
display: flex;
flex-wrap: wrap;
}
.gp-star-landing-block .custom-link-box .col-sm-6,
.gp-star-landing-block .gp-star-box .col-sm-6 {
margin-bottom: 16px;
}
.gp-star-landing-block .custom-link-box .col-sm-6.col-md-3,
.gp-star-landing-block .gp-star-box .col-sm-6.col-md-3 {
position: relative;
}
.gp-star-landing-block .custom-link-box .views-row,
.gp-star-landing-block .gp-star-box .views-row {
padding-bottom: 0;
position: relative;
height: 100%;
}
.gp-star-landing-block .custom-link-box .views-row span,
.gp-star-landing-block .gp-star-box .views-row span {
display: block;
}
.custom-link-box .views-row,
.gp-star-landing-block .custom-link-box .views-row,
.gp-star-landing-block .gp-star-box .views-row,
.more-content-box {
position: relative;
}
.custom-link-box .views-row p,
.gp-star-landing-block .custom-link-box .views-row p,
.gp-star-landing-block .gp-star-box .views-row p,
.more-content-box p {
padding-bottom: 40px;
}
.custom-link-box .views-row a,
.gp-star-landing-block .custom-link-box .views-row a,
.gp-star-landing-block .gp-star-box .views-row a,
.more-content-box a {
display: block;
}
.custom-link-box .views-row a .btn-link,
.gp-star-landing-block .custom-link-box .views-row a .btn-link,
.gp-star-landing-block .gp-star-box .views-row a .btn-link,
.more-content-box a .btn-link {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
display: block;
margin: 0 auto;
}
.page-personal-plans-offers-offers .new-offer-blocks .offer-preview-box {
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
}
@media (min-width: 992px) {
.container {
width: auto;
max-width: 100%;
}
.breadcrumb .container {
width: auto;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.breadcrumb .container {
width: 1156px;
}
.container {
width: 1156px;
}
.thumbnail-wrapper .img-wrap {
text-align: center;
margin: 0 auto;
position: relative;
overflow: hidden;
}
}
@media (min-width: 1296px) {
.breadcrumb .container {
width: 1170px;
}
.container {
width: 1170px;
}
}
@media (max-width: 1365px) and (min-width: 1297px) {
.breadcrumb .container,
.header .container {
width: auto;
max-width: 100%;
}
}
@media (min-width: 1366px) {
.breadcrumb .container {
width: 1296px;
}
.container {
width: 1296px;
}
}
@media (min-width: 1367px) {
.page-banner-blocks {
min-height: 548px;
}
}
@media (max-width: 1365px) and (min-width: 1140px) {
.offer-blocks-lg .offer-preview-box {
min-height: 330px;
}
.offer-blocks-lg .offer-preview-box img {
max-height: 330px;
}
}
@media (max-width: 1139px) and (min-width: 881px) {
.offer-blocks-lg .offer-preview-box {
min-height: 280px;
}
.offer-blocks-lg .offer-preview-box img {
max-height: none;
min-width: 100%;
}
}
@media (max-width: 880px) and (min-width: 768px) {
.offer-blocks-lg .offer-preview-box {
min-height: 260px;
}
.offer-blocks-lg .offer-preview-box img {
max-height: none;
min-width: 100%;
}
}
@media (max-width: 1025px) {
.more-content-box {
padding: 0 24px;
}
}
@media (max-width: 992px) {
.more-content-box {
padding: 0 12px;
}
}
@media (max-width: 991px) {
body {
font-size: 16px;
line-height: 29px;
}
.page-tab-blocks .tab-content {
padding: 24px 0;
}
.page-menu-tabs.nav-tabs {
/* .owl-stage {
text-align: center;
margin: auto;
}*/
}
.page-menu-tabs.nav-tabs .owl-nav {
margin-top: 0;
}
.page-menu-tabs.nav-tabs .owl-item {
/* float: none;
display: inline-block;*/
}
.page-menu-tabs.nav-tabs .owl-item.active li.active > a {
color: #1A1A1A;
background: none;
border: 0;
border-bottom: 1px solid #007AD0;
}
.page-menu-tabs.nav-tabs .owl-item.active li.active > a:hover {
color: #1A1A1A;
background: none;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button {
height: 12px;
background-color: transparent;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button:before {
content: "";
position: absolute;
width: 40px;
height: 43px;
top: -14px;
background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-next, .page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-prev {
background: none;
border-radius: 0;
top: 13px;
height: 26px;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-next:after, .page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-prev:after {
content: "";
width: 14px;
position: absolute;
height: 12px;
top: 0;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-prev:before {
left: -15px;
right: 0;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-prev:after {
background-image: url(../images/icons-arrow-xs.png);
left: 0;
background-position: -5px 0;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-next:before {
right: 0;
left: 0;
}
.page-menu-tabs.nav-tabs.owl-theme .owl-nav button.owl-next:after {
background-image: url(../images/icons-arrow-xs.png);
right: 0;
background-position: -27px 0;
}
.page-menu-tabs.nav-tabs li {
line-height: 26px;
font-size: 16px;
margin-right: 0;
}
.page-menu-tabs.nav-tabs li a {
line-height: 26px;
padding: 6px 0;
}
.offer-blocks-lg,
.thumbnail-list {
max-width: 830px;
margin: auto;
}
}
@media (max-width: 767px) {
body {
font-size: 16px;
line-height: 29px;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 16px;
}
h1 {
font-size: 28px;
line-height: 38px;
font-weight: 500;
}
h2 {
font-size: 22px;
line-height: 30px;
}
h3 {
font-size: 20px;
line-height: 28px;
}
h4 {
font-size: 18px;
line-height: 26px;
}
h5 {
font-size: 16px;
line-height: 24px;
}
h6 {
font-size: 14px;
line-height: 22px;
}
.lead {
font-size: 20px;
line-height: 32px;
font-weight: 300;
padding-bottom: 16px;
}
.container {
max-width: 100%;
padding: 0 16px;
}
.row {
margin-left: -16px;
margin-right: -16px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
padding: 0 16px;
}
.page-title h1 {
font-size: 26px;
line-height: 36px;
font-weight: 300;
}
.page-title .title-center {
text-align: center;
}
.page-title + .title-center {
text-align: center;
}
.inner-banner {
min-height: 378px;
}
.page-banner-blocks {
min-height: 300px;
}
.press-release .views-exposed-form,
.ir-financial-report .views-exposed-form,
.shareholding-details .views-exposed-form {
margin-bottom: 24px;
}
.press-release .views-exposed-form .views-exposed-widget,
.ir-financial-report .views-exposed-form .views-exposed-widget,
.shareholding-details .views-exposed-form .views-exposed-widget {
padding: 0;
}
.element-invisible + .date-year {
margin-bottom: 0;
}
.title-center {
text-align: left;
}
.listing {
margin-bottom: 24px;
}
.order-listing {
padding: 0 14px;
margin-top: 0;
margin-bottom: 24px;
}
blockquote {
font-size: 20px;
line-height: 32px;
padding: 31px 32px 24px;
}
.panel-head-title {
font-size: 16px;
line-height: 20px;
}
.panel-head-title a {
padding: 16px 40px 16px 16px;
}
.panel-box-body {
padding: 0 16px 16px 16px;
}
.default-section-blocks {
padding: 24px 0;
}
.caption {
font-weight: normal;
line-height: 20px;
}
.yellow-blocks, .survey-blocks {
padding: 32px;
}
.table > tbody > tr > td,
table > tbody > tr > td,
.table > thead > tr > th,
table > thead > tr > th {
font-size: 16px;
line-height: 28px;
}
.table-responsive {
border: 0;
}
/* custom-table start */
.custom-table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-table tbody {
border-top: 0;
}
.custom-table tr {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 16px;
}
.custom-table th,
.custom-table td {
padding: 10px;
font-size: 16px;
line-height: 28px;
}
.custom-table th {
font-weight: 600;
}
.custom-table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: break-word;
}
.custom-table tr {
border-left: 3px solid #007AD0;
display: block;
}
.custom-table td {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 10px 24px;
text-align: left;
display: block;
font-weight: 400;
}
.custom-table td::before {
content: attr(data-label);
float: left;
font-weight: 600;
margin-right: 24px;
}
.custom-table td:last-child {
border-bottom: 0;
}
.offer-blocks-lg .offer-preview-box {
min-height: 0;
}
.offer-blocks-lg .offer-preview-box img {
max-height: 100%;
}
.thumbnail-list {
max-width: 410px;
margin-left: auto;
margin-right: auto;
}
.thumbnail-list .thumbnail-wrapper {
margin-bottom: 16px;
}
.thumbnail-list .thumbnail-wrapper .img-wrap {
text-align: center;
}
.thumbnail-list .row {
display: block;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper {
display: block;
width: auto;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap,
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
width: auto;
display: block;
vertical-align: top;
}
.thumbnail-list .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding-left: 24px;
}
.thumbnail-list .row .col-md-6:first-child .thumbnail-wrapper {
margin-right: auto;
}
.thumbnail-list .row .col-md-6:last-child .thumbnail-wrapper {
margin-left: auto;
}
.more-wrapper-blocks {
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.more-content-box {
width: auto;
padding: 0 12px;
display: block;
margin-bottom: 44px;
}
.alert-danger {
margin: 0 auto;
border-radius: 3px;
border: 0;
}
.ir-form-blocks h1 {
font-size: 26px;
line-height: 36px;
font-weight: 300;
}
.ir-form-box {
padding-bottom: 24px;
margin-bottom: 24px;
}
.ir-form-box.ir-pdf-box li {
padding-bottom: 16px;
margin-bottom: 16px;
}
.page-xplore-inner .container {
padding: 0 16px;
}
}
@media (max-width: 640px) {
.contact_select_form .custom-select {
display: block;
}
.contact_select_form .custom-select select {
width: 100%;
}
.contact-top-section {
padding-bottom: 24px;
margin-bottom: 24px;
}
.generic_contact_us h1 {
font-weight: 300;
font-size: 26px;
line-height: 36px;
padding-bottom: 24px;
}
.generic_contact_us .field-type-text-with-summary,
.generic_contact_us .webform-client-form {
float: none;
display: block;
width: auto;
}
.generic_contact_us .webform-submit.form-submit {
margin: 0;
}
.custom-template-offer-container {
margin-bottom: 16px;
}
.page-banner-blocks {
min-height: 170px;
}
.page-banner-content-block {
margin: 16px auto 56px auto;
padding: 0;
text-align: center;
display: block;
}
.banner-wrap-box {
max-width: 100%;
background: none;
padding: 0;
}
.banner-wrap-box .btn-link {
font-size: 16px;
line-height: 26px;
}
.banner-wrap-box .btn-link:after {
background-image: url(../images/arrow.svg);
margin-left: 10px;
width: 10px;
height: 12px;
}
}
@media (max-width: 500px) {
.buy-flexi-plan .survey_landing_content {
padding-top: 57px;
}
header.header-small {
height: 57px;
background: #fff;
left: 0;
right: 0;
width: 100%;
position: fixed;
z-index: 111;
padding: 8px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
header.header-small svg {
width: 42px;
height: 40px;
}
header.header-small .back-bx {
left: 16px;
}
header.header-small .head-right-block {
right: 16px;
}
header.header-small .branding-bx {
height: 40px;
width: 42px;
}
header.header-purchase {
margin-top: 0;
}
.footer.footer-small {
border-top: rgba(0, 0, 0, 0.06) 1px solid;
padding: 24px 0;
}
}
.data_price_0 {
display: none;
}
.count_down_text {
position: absolute;
bottom: 8px;
right: 8px;
font-size: 15px;
background: #B0F0B2;
opacity: 0.9;
border-radius: 3px;
max-width: 267px;
z-index: 11;
font-family: Telenor;
font-size: 15px;
line-height: 20px;
color: #1A1A1A;
/*padding:16px 40px 16px 16px;*/
padding: 16px 40px 16px 44px;
}
.count_down_text span {
display: inline-block;
}
.count_down_text span:first-child {
position: absolute;
left: 17px;
}
.count_down_text span:nth-child(2) {
/* padding-left: 28px;*/
}
.count_down_text span:last-child {
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
height: 12px;
width: 7px;
}
.count_down_text span svg {
float: left;
/* height: 100%;
width: 100%;*/
}
.count_down_text .count_down_text_time_wrap {
color: #1A1A1A;
display: inline;
white-space: nowrap;
}
.count_down_text .count_down_text_time_wrap .count_down_text_time {
font-weight: bold;
color: #1A1A1A;
}
@media (max-width: 768px) {
.count_down_text {
padding: 10px 28px 10px 40px;
max-width: 231px;
font-size: 13px;
}
.count_down_text span:last-child {
position: absolute;
right: 13px;
top: 50%;
margin-top: -5px;
height: 10px;
width: 6px;
}
.count_down_text span svg {
float: left;
height: 100%;
width: 100%;
}
}
.payment_option {
margin-bottom: 32px;
}
.payment_option span {
font-size: 16px;
line-height: 26px;
color: #1A1A1A;
padding-bottom: 8px;
}
.int_pack_fourg_txt {
background: #F7F5ED;
border-radius: 3px;
padding: 24px 32px;
font-size: 16px;
line-height: 28px;
color: #767676;
margin-top: 24px;
margin-bottom: 0;
}
.custom_radio .form-type-radio {
position: relative;
display: inline-block;
}
.custom_radio .form-type-radio:first-child {
padding-right: 15px;
}
.custom_radio .form-type-radio label {
cursor: pointer;
padding-left: 28px;
font-size: 15px;
line-height: 19px;
display: inline-block;
}
.custom_radio .form-type-radio input [type="radio"] {
position: absolute;
left: -9999px;
}
.custom_radio .form-type-radio input[type="radio"]:checked, .custom_radio .form-type-radio input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.custom_radio .form-type-radio input[type="radio"]:checked + label:before, .custom_radio .form-type-radio input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid rgba(0, 0, 0, 0.16);
border-radius: 100%;
background: #fff;
}
.custom_radio .form-type-radio input[type="radio"]:checked + label:after, .custom_radio .form-type-radio input [type="radio"]:not(:checked) + label:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #007AD0;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/*****************************splashscreen***************************/
@media (max-width: 500px) {
.splashscreen-pop-box {
/*330/165*/
max-width: 330px !important;
max-height: 165px !important;
width: 100%;
}
}
@media (max-width: 992px) and (min-width: 501px) {
.splashscreen-pop-box {
/*400/200*/
max-width: 400px !important;
max-height: 501px !important;
width: 100%;
}
}
.splashscreen_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
background-color: #000000;
opacity: 0;
}
.splashscreen_overlay.splashscreen_overlay_opacity {
opacity: .56;
transition: opacity 1s;
}
.splashscreen-pop-box {
opacity: 0;
text-align: center;
top: 50%;
left: 50%;
position: fixed;
z-index: 1000;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* @media(max-width: 500px) {330/165
margin-left:-165px;
margin-top:-148px;
}
@media(max-width: 992px) and (min-width: 501px) {400/200
margin-left:-200px;
margin-top:-100px;
}*/
}
.splashscreen-pop-box.splashscreen-pop-box_opacity {
opacity: 1;
transition: opacity 1s;
}
.splashscreen-pop-box .splashscreen-pop-wrap {
width: 100%;
}
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content {
background: #FFFFFF;
padding: 16px 24px;
float: left;
width: 100%;
}
@media (max-width: 992px) {
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content {
text-align: center;
/*padding: 24px;*/
padding: 16px;
}
}
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content > span {
text-align: left;
color: #000000;
font-size: 18px;
line-height: 40px;
float: left;
}
@media (max-width: 992px) {
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content > span {
/*400/200*/
font-size: 16px;
display: block;
float: none;
text-align: center;
line-height: 22px;
/*padding-bottom: 20px;*/
padding-bottom: 16px;
}
}
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content a {
font-size: 16px;
line-height: 20px;
float: right;
}
@media (max-width: 992px) {
.splashscreen-pop-box .splashscreen-pop-wrap .splash_content a {
/*400/200*/
/*display:block;*/
float: none;
}
}
.splashscreen-pop-box .splashscreen-pop-close {
height: 20px;
width: 20px;
position: absolute;
right: 0;
top: -24px;
text-align: right;
}
.splashscreen-pop-box .splashscreen-pop-close svg {
width: 100%;
height: 100%;
}
@media (max-width: 992px) {
.splashscreen-pop-box .splashscreen-pop-close {
height: 14px;
width: 14px;
top: -20px;
}
}
.i18n-bn .count_down_text {
font-size: 12px;
}
@media (max-width: 768px) {
.i18n-bn .count_down_text {
font-size: 10px;
}
}
.trans-hide {
display: none;
opacity: 0;
-webkit-transition: opacity .5s;
/* For Safari 3.1 to 6.0 */
transition: opacity .5s;
}
.trans-show {
dispaly: block;
opacity: 1;
}
body.remove_scroller {
position: fixed;
height: 100%;
overflow: hidden;
width: 100%;
}
.my-offer-form-blocks .generic_contact_us input:-webkit-autofill {
border: 1px solid green;
-webkit-box-shadow: inset 0 0 0px 9999px red;
}
.my-offer-form-blocks .generic_contact_us input:focus,
.my-offer-form-blocks .generic_contact_us input:-webkit-autofill:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 0 0px 9999px red, 0 0 8px rgba(102, 175, 233, 0.6);
}
.page-flexiplan-purchase-activation-failed .main_content, .flexi-plan.page-flexi-plan-activation-failed-insufficient-balance .main_content {
padding-top: 80px;
}
@media (min-width: 1297px) {
.page-flexiplan-purchase-activation-failed .main_content, .flexi-plan.page-flexi-plan-activation-failed-insufficient-balance .main_content {
padding-top: 0px;
}
}
.gp-search-result {
width: 100%;
max-width: 580px;
/*margin: 24px;*/
margin: auto;
padding-bottom: 50px;
}
.gp-search-card {
width: 100%;
margin: 24px 0;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 1px;
padding: 24px 32px;
overflow: hidden;
}
.gp-search-card .gp-srch-image {
max-width: 30%;
width: auto;
float: left;
margin-right: 15px;
max-height: 115px;
}
.gp-search-card .gp-srch-image img {
max-height: 115px;
}
.gp-search-card .gp-srch-content {
font-size: 16px;
line-height: 26px;
}
.gp-search-card .gp-srch-content a {
color: #1A1A1A;
}
.gp-search-card .gp-srch-content h4 {
line-height: 24px;
font-size: 16px;
padding-bottom: 8px;
}
.gp-search-card .gp-srch-content .gp-srch-price {
font-weight: bold;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.gp-search-card .gp-srch-content .gp-srch-type {
font-size: 12px;
line-height: 14px;
color: #767676;
}
.btn-loadmore {
background: none;
border: 1px solid rgba(0, 0, 0, 0.64);
}
.gp-srch-features-listing-wrapper {
padding: 30px 20px;
margin-top: 40px;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.gp-srch-features-listing li {
list-style: none;
float: left;
width: 33%;
}
.gp-srch-features-listing li a {
text-align: center;
display: block;
color: #1A1A1A;
}
.gp-srch-features-listing li a:before {
content: "";
display: block;
width: 36px;
height: 58px;
background-repeat: no-repeat;
vertical-align: middle;
margin: auto;
}
.gp-srch-features-listing li.icons-livesupport a:before {
background-position: 0 -104px;
width: 34px;
height: 34px;
}
.gp-srch-features-listing li.icons-offers a:before {
background-position: 0 -138px;
width: 34px;
height: 35px;
}
.gp-srch-features-listing li.icons-shop a:before {
background-position: 0 -229px;
width: 32px;
height: 34px;
}
.top-search {
position: relative;
z-index: 99;
top: 120px;
}
.top-search.top-fixed-bar {
position: fixed;
top: 83px;
width: 100%;
}
.region-header-search {
/*display: block;*/
clear: both;
background: #F5F5F5;
display: none;
position: absolute;
margin: auto;
width: 100%;
z-index: 999;
text-align: center;
top: 0;
}
.region-header-search form {
max-width: 596px;
margin: auto;
position: relative;
}
.region-header-search .form-control {
background: #ffffff;
}
.region-header-search .form-item-gp-search.spining:after {
/* display: block;*/
content: '';
border: 3px solid rgba(0, 0, 0, 0.32);
border-top: 3px solid transparent;
border-radius: 50%;
width: 25px;
height: 25px;
animation: load8 2s linear infinite;
position: absolute;
top: 10px;
right: 20px;
display: inline-block;
}
@media (max-width: 1295px) {
.region-header-search .form-item-gp-search.spining:after {
top: 25px;
}
}
.region-header-search .form-text {
width: 100%;
padding: 6px 20px 6px 48px;
color: #1A1A1A;
font-weight: 300;
border-color: transparent;
}
.region-header-search .block-gp-search h2 {
display: none !important;
}
.region-header-search .search-submit {
color: transparent;
background: url("../images/search_mini.svg") no-repeat;
border: none;
position: absolute;
left: 8px;
width: 48px;
height: 48px;
top: 0;
background-position: center center;
}
.region-header-search .search-submit:hover {
color: transparent;
border-color: transparent;
background: url("../images/search_mini.svg") no-repeat;
background-color: transparent;
background-position: center center;
}
.region-header-search .search-submit:focus {
color: transparent;
border-color: transparent;
background: url("../images/search_mini.svg") no-repeat;
background-color: transparent;
background-position: center center;
}
.region-header-search .search-submit:active {
color: transparent;
border-color: transparent;
background: url("../images/search_mini.svg") no-repeat;
background-color: transparent;
background-position: center center;
}
body .region-header-search .form-text, body:not(.page-flexi-plan) .region-header-search .form-text {
height: 44px;
}
@media (min-width: 1296px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
content: '';
width: 30px;
height: 30px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 99;
display: block;
background: #F5F5F5;
transform: rotate(45deg);
top: -10px;
right: 10%;
}
}
@media (min-width: 1361px) and (max-width: 1365px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
right: 12%;
}
}
@media (min-width: 1366px) and (max-width: 1440px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
right: 14%;
}
}
@media (min-width: 1441px) and (max-width: 1640px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
right: 12%;
}
}
@media (min-width: 1641px) and (max-width: 1760px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
right: 11%;
}
}
@media (min-width: 1760px) and (max-width: 2000px) {
body .region-header-search:before, body:not(.page-flexi-plan) .region-header-search:before {
right: 10%;
}
}
.page-searchgp .breadcrumb {
display: none;
}
.gp-search-wrapper .region-header-search {
/*display: block;*/
position: relative;
background: none;
display: block;
clear: both;
padding-top: 10px;
z-index: 0;
top: auto;
bottom: 0;
}
.gp-search-wrapper .region-header-search:before {
display: none !important;
}
.gp-search-wrapper .region-header-search .block-gp-search h2 {
display: block;
font-size: 34px;
line-height: 38px;
font-weight: 300;
}
.gp-search-wrapper .region-header-search .search-submit {
top: auto;
bottom: 0;
}
.gp-search-wrapper .region-header-search .form-text {
height: 48px;
}
.gp-search-wrapper .region-header-search .block-gp-search h2 {
display: block;
font-size: 34px;
line-height: 38px;
font-weight: 300;
}
.gp-search-wrapper .region-header-search .form-control {
background: #F5F5F5;
}
@media (max-width: 767px) {
.gp-search-wrapper .navbar-form {
padding: 0;
margin: 0;
}
.gp-search-wrapper .autocompletegp {
max-width: 100%;
width: 99%;
}
}
.gp-search-wrapper .form-item-gp-search {
margin-bottom: 0;
}
.autocompletegp {
background: #ffffff;
border-radius: 2px;
margin-top: 5px;
max-height: 414px;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 0px 0px 2px #D6D6D6;
position: absolute;
width: 580px;
display: none;
}
@media (max-width: 1295px) {
.autocompletegp {
max-height: 82vh;
}
}
.autocompletegp ul {
list-style: none;
padding: 10px 0;
margin: 0;
}
.autocompletegp ul li {
list-style: none;
margin: 0;
padding: 0 24px;
font-size: 16px;
line-height: 19px;
text-align: left;
font-weight: normal;
}
.autocompletegp ul li .ntype {
font-size: 13px;
color: #767676;
font-weight: normal;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 8px;
}
.autocompletegp ul li .stitle {
min-height: 30px;
line-height: 30px;
display: block;
padding: 5px 0;
}
.autocompletegp ul li .stitle a {
color: #1A1A1A;
display: block;
}
.autocompletegp ul li.popular-srch .stitle {
min-height: 30px;
line-height: 30px;
font-weight: bold;
}
.autocompletegp .s-view-all {
padding: 12px;
border-top: 1px solid #D6D6D6;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid #F5F5F5;
-webkit-text-fill-color: #1a1a1a;
-webkit-box-shadow: 0 0 0 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
.tb-megamenu .nav-collapse > .tb-megamenu-nav.nav .open > a,
.tb-megamenu .nav-collapse > .tb-megamenu-nav.nav .open > a:hover,
.tb-megamenu .nav-collapse > .tb-megamenu-nav.nav .open > a:focus {
background-color: transparent;
}
.webform-component input:focus, .webform-component input:hover {
outline: 0;
}
.webform-component input:-webkit-autofill,
.webform-component input:-webkit-autofill:hover,
.webform-component input:-webkit-autofill:focus {
border: 0;
}
.header-right-blocks ul li a:hover svg path {
fill: #007AD0;
}
.header-right-blocks ul li.header-search-box a.active svg path {
fill: #007AD0;
}
.xs-right-bar ul {
padding: 0;
margin: 0;
list-style: none;
}
.xs-right-bar ul li {
display: inline-block;
float: left;
}
.xs-right-bar ul li a {
padding: 0;
vertical-align: top;
}
.xs-right-bar ul li.xs-header-sign {
margin-right: 28px;
}
.xs-close-toggle {
width: 56px;
height: 56px;
background-repeat: no-repeat;
background-position: 16px 16px;
background-image: url("data:image/svg+xml;charset=utf-8,");
position: absolute;
top: 0;
left: 0;
cursor: pointer;
display: block;
}
.xs-menu-display-blocks {
position: absolute;
right: 0;
left: 0;
}
.xs-menu-display-blocks .tb-megamenu .btn-navbar {
width: 24px;
height: 24px;
padding: 0;
position: absolute;
text-align: center;
left: 16px;
top: 16px;
background: none;
}
.xs-menu-display-blocks .tb-megamenu .btn-navbar i.fa:before {
content: "";
color: transparent;
background-position: 0 -331px;
width: 24px;
height: 24px;
display: block;
}
.xs-menu-display-blocks .tb-megamenu .btn-navbar[disabled], .xs-menu-display-blocks .tb-megamenu .btn-navbar.disabled, .xs-menu-display-blocks .tb-megamenu .btn-navbar.active, .xs-menu-display-blocks .tb-megamenu .btn-navbar:active, .xs-menu-display-blocks .tb-megamenu .btn-navbar:focus, .xs-menu-display-blocks .tb-megamenu .btn-navbar:hover {
border: 0;
outline: none;
background: none;
}
.xs-menu-display-blocks .tb-megamenu .btn-navbar[disabled] i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar.disabled i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar.active i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:active i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:focus i.fa:before, .xs-menu-display-blocks .tb-megamenu .btn-navbar:hover i.fa:before {
content: "";
color: transparent;
background-position: 0 -311px;
width: 20px;
height: 20px;
display: block;
}
.xs-close {
width: 44px;
height: 44px;
background-repeat: no-repeat;
background-position: 12px 11px;
background-image: url("data:image/svg+xml;charset=utf-8,");
cursor: pointer;
}
.breadcrumb {
background: none;
}
#gp-search-form .btn-primary:active.focus,
#gp-search-form .btn-primary:active:focus,
#gp-search-form .btn-primary:active:hover {
border-color: transparent;
background: none;
}
@media (min-width: 1200px) {
.i18n-bn.about .tb-megamenu .row-fluid [class*="span"],
.i18n-bn.business .tb-megamenu .row-fluid [class*="span"] {
margin-left: 0;
}
}
@media (min-width: 1297px) {
.i18n-bn.about .header .tb-megamenu:not(.flexinav) .dropdown-submenu > a:after,
.i18n-bn.business .header .tb-megamenu:not(.flexinav) .dropdown-submenu > a:after {
top: 0;
}
.i18n-bn.about .header .mega-inner,
.i18n-bn.business .header .mega-inner {
padding-right: 0;
}
.i18n-bn.about .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-2,
.i18n-bn.about .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-1,
.i18n-bn.business .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-2,
.i18n-bn.business .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-1 {
width: 11%;
text-align: end;
}
.i18n-bn.about .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-2 .mega-inner,
.i18n-bn.about .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-1 .mega-inner,
.i18n-bn.business .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-2 .mega-inner,
.i18n-bn.business .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-1 .mega-inner {
display: inline-block;
}
}
@media (min-width: 1297px) {
#block-menu-menu-topbar-menu-bn-,
.xs-right-bar,
.xs-menu-display-blocks,
#block-menu-menu-topbar-menu,
.xs-navigation-blocks {
display: none;
}
.header-top-blocks {
position: relative;
}
.header-branding-blocks {
position: absolute;
top: 55px;
left: 0;
right: 0;
width: 51px;
height: 50px;
text-align: center;
vertical-align: middle;
margin: 0 auto;
z-index: 1000;
}
.header-right-blocks {
position: absolute;
top: 63px;
right: -8px;
z-index: 1001;
height: 58px;
padding-left: 20px;
}
.header-right-blocks ul {
margin: 0;
padding: 0;
}
.header-right-blocks li {
display: inline-block;
margin-left: 46px;
float: left;
}
.header-right-blocks li.header-sign-box {
position: relative;
}
.header-right-blocks li.header-sign-box .account_block {
visibility: hidden;
opacity: 0;
position: absolute;
z-index: 999;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
min-width: 228px;
padding: 16px 24px 24px 24px;
font-size: 16px;
line-height: 28px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
top: 55px;
right: -40px;
box-sizing: border-box;
transition: all .4s;
}
.header-right-blocks li.header-sign-box .account_block.open {
visibility: visible;
opacity: 1;
display: block;
top: 55px;
transition: all .4s;
}
.header-right-blocks li.header-sign-box .account_block:before {
content: '';
width: 9px;
height: 9px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
top: -9px;
right: 44px;
position: absolute;
z-index: 999;
display: block;
transition: all .4s;
}
.header-right-blocks li.header-sign-box .account_block .acc-loged-info span {
display: block;
}
.header-right-blocks li.header-sign-box .account_block .acc-loged-info span:first-child {
color: #767676;
}
.header-right-blocks li.header-sign-box .account_block .acc-login-btn {
margin-top: 14px;
}
.header-right-blocks li.header-sign-box .account_block .acc-login-btn .btn {
display: block;
width: 100%;
font-weight: normal;
font-size: 16px;
padding: 0;
height: 40px;
line-height: 40px;
}
.header-right-blocks li.header-sign-box .account_block ul {
box-sizing: border-box;
list-style: none;
margin: 0 0 14px 0;
padding: 0;
}
.header-right-blocks li.header-sign-box .account_block li {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.header-right-blocks li.header-sign-box .account_block li a {
display: block;
color: #000;
width: 100%;
height: 100%;
position: relative;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.header-right-blocks li.header-sign-box .account_block li a:hover {
color: #007AD0;
}
.header-right-blocks li.header-sign-box .account_block li a:after {
content: "";
background: url(../images/menu_arrow.svg) no-repeat;
top: 13px;
position: absolute;
width: 18px;
height: 18px;
right: 0;
}
.header-right-blocks li:first-child {
margin-left: 0;
}
.header-right-blocks li.header-shop-box {
position: relative;
}
.header-right-blocks li.header-shop-box a {
width: 50px;
}
.header-right-blocks li.header-shop-box .cart-badge {
display: block;
width: 20px;
height: 20px;
background: #007AD0;
color: #ffffff;
font-size: 10px;
line-height: 20px;
text-indent: initial;
text-align: center;
border-radius: 50%;
position: absolute;
top: -5px;
left: 20px;
}
.header-right-blocks li a {
display: block;
padding: 0;
width: 28px;
height: 28px;
}
.header-lang-box {
position: absolute;
z-index: 32;
right: 8px;
top: 8px;
color: #1A1A1A;
font-size: 16px;
line-height: 20px;
}
.header-lang-box a {
color: #1A1A1A;
}
.header {
height: 120px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
width: 100%;
}
.header ul {
margin: 0;
}
.header ul li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
list-style: none;
}
.header ul li.leaf {
list-style-image: none;
list-style-type: none;
list-style: none;
}
.header .container {
position: relative;
}
.header .header-lang-box ul li {
font-weight: normal;
font-family: "Noto Sans Bengali", Arial, Helvetica, sans-serif;
}
.header .header-lang-box ul li.en {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.header .mega-inner {
padding: 30px 20px 0 0;
}
.header .tb-megamenu:not(.flexinav) {
background: none;
}
.header .tb-megamenu:not(.flexinav) .tb-megamenu-submenu > .mega-dropdown-inner ul.items-2 li.tb-megamenu-item.level-3.mega-group {
padding-bottom: 16px;
}
.header .tb-megamenu:not(.flexinav) .tb-megamenu-submenu > .mega-dropdown-inner ul li.tb-megamenu-item.level-3 {
padding: 0 0 40px 0;
}
.header .tb-megamenu:not(.flexinav) .tb-megamenu-submenu > .mega-dropdown-inner ul li.tb-megamenu-item.level-3:last-child {
padding-bottom: 0;
}
.header .tb-megamenu:not(.flexinav) .nav > .active > a {
background: none;
}
.header .tb-megamenu:not(.flexinav) .nav > .active > a:hover, .header .tb-megamenu:not(.flexinav) .nav > .active > a:focus {
background: none;
}
.header .tb-megamenu:not(.flexinav) .nav > li {
margin: 0 40px 0 0;
}
.header .tb-megamenu:not(.flexinav) .nav > li:last-child {
margin-right: 0;
}
.header .tb-megamenu:not(.flexinav) .nav > li > a {
border: 0;
color: #767676;
padding: 7px 0 8px 0;
font-weight: normal;
}
.header .tb-megamenu:not(.flexinav) .nav > li > a:focus, .header .tb-megamenu:not(.flexinav) .nav > li > a:hover {
background: none;
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li.level-2 > a {
padding-bottom: 32px;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li.level-2 > a:hover, .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li.level-2 > a:focus {
border-bottom: 1px solid #00aaf8;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu li > a {
border: 0;
background: none;
}
.header .tb-megamenu:not(.flexinav) .dropdown-submenu:hover > a {
background: none;
filter: none;
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu {
z-index: 30;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav li a {
padding: 0 0 30px 0;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav li.level-4 {
font-weight: normal;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav li.level-4 > a {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 16px;
line-height: 21px;
padding: 8px 0;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .active > a {
background: none;
filter: none;
color: #1A1A1A;
border-color: transparent;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .active > a:hover, .header .tb-megamenu:not(.flexinav) .dropdown-menu .active > a:focus {
background: none;
filter: none;
color: #1A1A1A;
border-color: transparent;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu li a {
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu li a:hover, .header .tb-megamenu:not(.flexinav) .dropdown-menu li a:focus {
background: none;
filter: none;
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-1, .header .tb-megamenu:not(.flexinav) .mega-dropdown-menu .mega-col-nav.menu-right-2 {
float: right;
}
.header .tb-megamenu:not(.flexinav) .span12.mega-col-nav .mega-inner {
padding-left: 0;
padding-right: 0;
}
.header .tb-megamenu:not(.flexinav) .custom-dropmenu > .mega-dropdown-inner > .row-fluid > .mega-col-nav {
width: auto;
}
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 85%;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 > a {
padding-bottom: 32px;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 > a:hover, .header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 > a:focus {
border-bottom: 1px solid #00aaf8;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 .mega-dropdown-menu {
padding: 0 0 50px 0;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 .mega-dropdown-inner {
padding: 0;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a {
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a.mega-group-title {
font-weight: 500;
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a.mega-group-title:hover, .header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a.mega-group-title:focus {
font-weight: 500;
color: #007AD0;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a:hover, .header .tb-megamenu:not(.flexinav) .mega-nav > li.level-3 > a:focus {
font-weight: 500;
color: #007AD0;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-4 {
font-weight: normal;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-4 > a {
padding: 4px 0;
font-size: 16px;
line-height: 21px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
display: block;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-4 > a:hover, .header .tb-megamenu:not(.flexinav) .mega-nav > li.level-4 > a:focus {
color: #007AD0;
}
.header .tb-megamenu:not(.flexinav) .row-fluid [class*="span"] {
min-height: 0;
}
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.active-trail > .mega-dropdown-menu .dropdown-toggle .caret,
.header .tb-megamenu:not(.flexinav) .nav .active .dropdown-toggle .caret,
.header .tb-megamenu:not(.flexinav) .nav > .dropdown > .dropdown-toggle .caret {
display: none;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li a,
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li a {
position: relative;
}
.header .tb-megamenu:not(.flexinav) .dropdown-submenu > a:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 9px;
width: 9px;
right: 4px;
top: 0;
position: absolute;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.header .tb-megamenu:not(.flexinav) .nav li.dropdown.open > .dropdown-toggle {
background: none;
color: #1A1A1A;
}
.header .tb-megamenu:not(.flexinav) .nav li.dropdown.active > .dropdown-toggle,
.header .tb-megamenu:not(.flexinav) .nav li.dropdown.open.active > .dropdown-toggle,
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.open.active > a:focus,
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.open.active > a:hover {
background: none;
border: 0;
font-weight: bold;
color: #1A1A1A;
border-bottom: 1px solid #00AAF8;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li a,
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li a {
display: inline-block;
float: left;
font-size: 18px;
line-height: 21px;
font-weight: 500;
padding: 0;
}
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.active-trail > .mega-dropdown-menu .dropdown-toggle .caret {
display: inline-block;
}
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.open > .mega-dropdown-menu {
display: none;
}
.header .tb-megamenu:not(.flexinav) .nav > li.dropdown.active-trail > .mega-dropdown-menu {
width: 100%;
left: 0;
right: 0;
display: block;
min-width: 100%;
height: 84px;
box-shadow: none;
border: 0;
background: #fff;
border-bottom: 1px solid #f0f0f0;
z-index: 999;
}
.header .tb-megamenu:not(.flexinav) .level-2.dropdown-submenu.active-trail > a {
padding: 0 10px 32px 0;
border-bottom: 1px solid #00aaf8;
}
.header .tb-megamenu:not(.flexinav) .level-2.dropdown-submenu.active-trail > a:after {
right: 4px;
}
.header .tb-megamenu .dropdown-submenu {
position: static !important;
}
.header .tb-megamenu .dropdown-submenu > .dropdown-menu {
position: absolute;
left: 0;
right: 0;
top: 90px;
width: 100%;
border: 0;
border-radius: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
padding: 30px 0;
}
.header .tb-megamenu .mega-nav .mega-group > .mega-group-title,
.header .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.header .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
text-transform: none;
font-weight: 500;
padding-left: 0;
}
.header .tb-megamenu .dropdown .caret {
margin-left: 12px;
}
.header .tb-megamenu .dropdown-submenu.active .caret {
margin-left: 2px;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header .tb-megamenu:not(.flexinav) .mega-nav > li.level-2 .mega-dropdown-menu {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s linear 0.1s, opacity 0.01s linear;
transition: visibility 0s linear 0.1s, opacity 0.01s linear;
}
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li.level-2.open:hover .mega-dropdown-menu,
.header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li.level-2.open:focus .mega-dropdown-menu {
visibility: visible;
opacity: 1;
transition-delay: 0s;
transition-duration: 0.3s;
}
.header-top-nav-blocks {
background: #F5F5F5;
font-size: 14px;
line-height: 20px;
display: block;
color: #767676;
}
.header-top-nav-blocks ul {
margin: 0;
padding: 0;
}
.header-top-nav-blocks ul.menu li {
margin: 0 24px 0 0;
padding: 0;
display: inline-block;
}
.header-top-nav-blocks ul.menu li:last-child {
margin-right: 0;
}
.header-top-nav-blocks a {
color: #767676;
padding: 8px 0;
display: block;
font-weight: normal;
}
.header-top-nav-blocks a.active-trail {
font-weight: bold;
color: #1A1A1A;
border-bottom: 1px solid #00AAF8;
}
.header-main-nav-blocks {
padding: 0 40px;
height: 84px;
position: relative;
}
.header-main-nav-blocks ul {
padding: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-main-nav-blocks ul.menu > li.expanded > a.active-trail.active {
display: none;
}
.header-main-nav-blocks ul.menu li {
padding: 0;
margin: 0 50px 0 0;
display: inline-block;
float: left;
font-size: 18px;
line-height: 21px;
font-weight: normal;
}
.header-main-nav-blocks ul.menu li.collapsed {
display: none;
}
.header-main-nav-blocks ul.menu li:last-child {
margin-right: 0;
}
.header-main-nav-blocks ul.menu li.expanded > a {
position: relative;
}
.header-main-nav-blocks ul.menu li.expanded > a:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 10px;
width: 10px;
right: -25px;
top: 42%;
position: absolute;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
.header-main-nav-blocks ul.menu li a {
color: #1A1A1A;
padding: 30px 0;
display: inline-block;
}
.header-main-nav-blocks ul.menu li a.active-trail {
border-bottom: 1px solid #00AAF8;
}
.header-main-nav-blocks ul ul ul {
display: none;
}
.xs-header-blocks {
display: none;
}
.header .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner,
.header .tb-megamenu .nav-collapse.always-show {
width: auto;
max-width: 100%;
padding: 0 8px;
margin: auto;
}
.i18n-bn .header .tb-megamenu:not(.flexinav) .mega-nav > li a,
.i18n-bn .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li a {
font-size: 14px;
letter-spacing: -0.06px;
}
.i18n-bn.flexi-plan .header-lang-box {
top: 6px;
}
.i18n-bn.flexi-plan #block-menu-menu-topbar-menu-bn- {
display: block;
}
.i18n-bn.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 2;
}
.i18n-bn.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 1;
}
.flexi-plan .header-lang-box {
right: 10px;
}
.flexi-plan .header .tb-megamenu-row.row-fluid {
display: flex;
flex-direction: column;
}
.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 1;
}
.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 2;
}
}
@media (min-width: 1366px) {
.header .tb-megamenu:not(.flexinav) .tb-megamenu-submenu > .mega-dropdown-inner,
.header .tb-megamenu:not(.flexinav) .nav-collapse.always-show {
width: 1296px;
padding: 0 8px;
margin: auto;
}
.i18n-bn .header .tb-megamenu:not(.flexinav) .mega-nav > li a,
.i18n-bn .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li a {
font-size: 14px;
letter-spacing: -0.06px;
}
}
@media (min-width: 1440px) {
.header .tb-megamenu:not(.flexinav) .tb-megamenu-submenu > .mega-dropdown-inner,
.header .tb-megamenu:not(.flexinav) .nav-collapse.always-show {
width: auto;
padding: 0 43px;
margin: auto;
}
.header-right-blocks {
right: 20px;
}
.header-lang-box {
right: 43px;
}
.breadcrumb .container {
width: auto;
padding: 0 43px;
margin: auto;
}
.header .container {
width: auto;
padding: 0 43px;
margin: auto;
}
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 85%;
}
.header .mega-inner {
padding: 30px 10px 0 0;
}
.i18n-bn .header .tb-megamenu:not(.flexinav) .mega-nav > li a,
.i18n-bn .header .tb-megamenu:not(.flexinav) .dropdown-menu .mega-nav > li a {
font-size: 16px;
letter-spacing: -0.06px;
}
}
@media (min-width: 1500px) {
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 85%;
}
}
@media (min-width: 1600px) {
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 87%;
}
}
@media (min-width: 1800px) {
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 88.33%;
}
}
@media (max-width: 1366px) {
.header .tb-megamenu:not(.flexinav) .row-fluid {
width: 85%;
}
}
@media (max-width: 1296px) {
.header-top-blocks,
.header-top-nav-blocks {
display: none;
}
.xs-branding-blocks {
position: absolute;
top: 9px;
left: 0;
right: 0;
width: 42px;
height: 40px;
text-align: center;
vertical-align: middle;
margin: 0 auto;
z-index: 32;
}
.xs-navigation-blocks {
display: block;
position: fixed;
width: 100%;
left: 0;
right: 0;
height: 57px;
z-index: 111;
background: #fff;
padding: 0 0 16px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.xs-right-bar {
float: right;
padding-top: 16px;
padding-bottom: 2px;
margin-right: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.xs-right-bar .xs-header-shop {
position: relative;
}
.xs-right-bar .xs-header-shop .cart-badge {
display: none;
width: 20px;
height: 20px;
background: #007AD0;
color: #ffffff;
font-size: 10px;
line-height: 20px;
text-indent: initial;
text-align: center;
border-radius: 50%;
position: absolute;
top: -5px;
left: 16px;
}
.xs-right-bar .xs-header-sign {
position: relative;
}
.xs-right-bar .xs-header-sign .account_block {
visibility: hidden;
opacity: 0;
position: absolute;
z-index: 999;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
min-width: 228px;
padding: 16px 24px 24px 24px;
font-size: 16px;
line-height: 28px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
top: 35px;
right: -40px;
box-sizing: border-box;
transition: all .7s;
}
.xs-right-bar .xs-header-sign .account_block.open {
visibility: visible;
opacity: 1;
top: 40px;
}
.xs-right-bar .xs-header-sign .account_block:before {
content: '';
width: 9px;
height: 9px;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
top: -9px;
right: 44px;
position: absolute;
z-index: 999;
display: block;
}
.xs-right-bar .xs-header-sign .account_block .acc-loged-info span {
display: block;
}
.xs-right-bar .xs-header-sign .account_block .acc-loged-info span:first-child {
color: #767676;
}
.xs-right-bar .xs-header-sign .account_block .acc-login-btn {
margin-top: 14px;
}
.xs-right-bar .xs-header-sign .account_block .acc-login-btn .btn {
display: block;
width: 100%;
font-weight: normal;
font-size: 16px;
padding: 0;
height: 40px;
line-height: 40px;
}
.xs-right-bar .xs-header-sign .account_block ul {
box-sizing: border-box;
list-style: none;
margin: 0 0 14px 0;
padding: 0;
}
.xs-right-bar .xs-header-sign .account_block li {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.xs-right-bar .xs-header-sign .account_block li a {
display: block;
color: #000;
width: 100%;
height: 100%;
position: relative;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.xs-right-bar .xs-header-sign .account_block li a:hover {
color: #007AD0;
}
.xs-right-bar .xs-header-sign .account_block li a:after {
content: "";
background: url(../images/menu_arrow.svg) no-repeat;
top: 13px;
position: absolute;
width: 18px;
height: 18px;
right: 0;
}
.tb-megamenu-button {
background: none;
}
.xs-search-back {
background: url(../images/back.svg) no-repeat center center;
width: 40px;
height: 40px;
margin-left: 5px;
vertical-align: middle;
display: none;
position: relative;
top: 20px;
z-index: 1001;
}
.mobile-menu-wrap.open .menu-top-search .region-header-search {
display: inline-block;
top: 0;
position: absolute;
width: auto;
right: 0;
left: 45px;
}
.mobile-menu-wrap.open .menu-top-search .xs-search-back {
display: inline-block;
}
.mobile-menu-wrap.open .menu-top-search .navbar-form {
margin: 0 auto 0 40px;
}
.mobile-menu-wrap.open .menu-top-search .navbar-form .search-submit {
left: 60px;
}
.tb-megamenu .lev-3-mnu-back,
.tb-megamenu .lev-2-mnu-back {
background: url(../images/back.svg) no-repeat center center;
width: 40px;
height: 40px;
text-indent: -999999px;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
position: relative;
top: -3px;
}
.tb-megamenu .lev-2-mnu-back + a.dropdown-toggle.tb-megamenu-clicked {
display: inline-block;
}
.tb-megamenu .btn-navbar {
border: 0;
text-shadow: none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
padding: 16px 0 16px 16px;
}
.tb-megamenu .tb-megamenu-item.level-1 {
display: none;
}
.tb-megamenu .tb-megamenu-item.level-1.active.active-trail {
display: block;
}
.tb-megamenu .tb-megamenu-item.level-1.active.active-trail > a.dropdown-toggle {
display: none;
}
.tb-megamenu .dropdown-menu .active > a {
background: none;
box-shadow: none;
color: #1A1A1A;
}
.tb-megamenu .dropdown-menu .active > a:hover, .tb-megamenu .dropdown-menu .active > a:focus {
background: none;
box-shadow: none;
color: #1A1A1A;
}
.tb-megamenu .dropdown-menu .mega-nav > li a {
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
margin-left: 0;
}
.tb-megamenu .row-fluid [class*="span"] {
min-height: 0;
}
.tb-megamenu .mega-inner {
padding: 0;
}
.tb-megamenu .nav-collapse .nav > li > a {
color: #1A1A1A;
}
.tb-megamenu .nav-collapse .dropdown-menu {
background: #fff;
}
.tb-megamenu .nav-collapse .dropdown-menu a {
color: #1A1A1A;
}
.level-3 > .tb-megamenu-submenu.force-hide {
display: none !important;
}
.level-2 > .tb-megamenu-submenu.dropdown-menu.force-show {
display: block !important;
}
.level-2 > .tb-megamenu-submenu.dropdown-menu.force-hide {
display: none !important;
}
.top-search.xs-top-search.force-hide {
display: none !important;
}
.mobile-top-menu {
display: none;
position: absolute;
left: 0;
right: 0;
top: 10px;
background: #ffffff;
height: 40px;
z-index: 1000;
}
.mobile-top-menu .force-hide,
.mobile-top-menu .top-search {
display: none;
}
.mobile-top-menu .header-lang-box {
text-align: right;
float: right;
padding-right: 8px;
}
.mobile-top-menu.open {
display: block;
}
.mobile-top-menu.open.force-hide {
display: none;
}
.mobile-top-menu.open .header-lang-box .language-switcher ul {
padding-left: 0;
}
.mobile-top-menu.open .content {
display: block;
}
.mobile-top-menu.open .content ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
padding-left: 10px;
}
.mobile-top-menu.open .content ul li {
list-style-image: none;
list-style-type: none;
display: inline-block;
font-weight: normal;
font-size: 14px;
line-height: 20px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0 8px;
margin: 0;
}
.mobile-top-menu.open .content ul li.bn a, .mobile-top-menu.open .content ul li.en a {
color: #1A1A1A;
}
.mobile-top-menu.open .content ul li a {
color: #767676;
border-bottom: 1px solid transparent;
padding: 0 0 5px 0;
}
.mobile-top-menu.open .content ul li a:hover, .mobile-top-menu.open .content ul li a:focus {
color: #1A1A1A;
border-color: #00AAF8;
}
.mobile-top-menu.open .content ul li.active-trail a.active-trail {
color: #1A1A1A;
font-weight: bold;
border-color: #00AAF8;
}
.mobile-top-menu.open .content ul li.active-trail a.active.active-trail {
color: #1A1A1A;
font-weight: bold;
border-color: #00AAF8;
}
.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a {
color: #1A1A1A;
border-left: 3px solid #007AD0;
}
.tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title {
border-bottom: 0;
border-left: 3px solid transparent;
padding: 0;
display: inline-block;
background: none;
margin: 0 0 20px 5px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #1A1A1A;
}
.tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title .caret {
display: none !important;
}
.tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title + .tb-megamenu-submenu {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tb-megamenu .menu-stp-1 .dropdown-menu .mega-nav > li a.dropdown-toggle {
display: block !important;
background: none;
}
.tb-megamenu .mega-nav > li:first-child > a,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a {
margin: 0;
padding: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-left: 3px solid transparent;
/* &:hover,
&:focus {
border-left: 3px solid $telenor_link;
}*/
}
.tb-megamenu .mega-nav > li:first-child > a.tb-megamenu-clicked,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a.tb-megamenu-clicked {
border-bottom: 0;
border-left: 3px solid transparent;
background: none;
padding: 0;
margin: 0 0 20px 5px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #1A1A1A;
}
.tb-megamenu .mega-nav > li:first-child > a.tb-megamenu-clicked .caret,
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a.tb-megamenu-clicked .caret {
display: none !important;
}
.tb-megamenu .nav-collapse .nav li a {
margin: 0;
padding: 16px;
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-left: 3px solid transparent;
/* &:hover,
&:focus {
border-left: 3px solid $telenor_link;
}*/
}
.tb-megamenu .always-show .caret,
.tb-megamenu .sub-hidden-collapse .caret,
.tb-megamenu .nav .active .dropdown-toggle .caret {
/* background: url(../images/arrow_right.svg) no-repeat;*/
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: right center;
width: 8px;
height: 12px;
float: right;
margin: 5px 0 0 0;
border: 0;
display: inline-block !important;
}
.tb-megamenu .nav-collapse {
margin-top: 0;
top: 54px;
}
.tb-megamenu .nav-collapse > .tb-megamenu-nav {
max-height: 480px;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
padding: 16px;
font-weight: normal;
text-transform: none;
}
.xs-backdrop.open {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.56);
}
.mobile-menu-wrap {
height: 100vh;
top: 0;
bottom: 0;
width: 0;
position: fixed;
background: #ffffff;
z-index: 999999;
}
.mobile-menu-wrap.open {
background: #ffffff;
z-index: 999999;
width: 316px;
}
.mobile-menu-wrap.open .top-search.xs-top-search {
display: block;
position: relative;
top: 40px;
height: 60px;
width: 100%;
padding-top: 0;
}
.mobile-menu-wrap.open .top-search.xs-top-search .autocompletegp {
display: none;
}
.mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search {
top: 0;
}
.mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search .navbar-form {
padding-left: 0;
}
.mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search .search-submit {
left: 0;
}
.mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search .autocompletegp {
display: block;
}
.mobile-menu-wrap.open .top-search.xs-top-search .navbar-form {
padding: 0 16px;
margin: 0 auto;
position: relative;
}
.mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp {
box-shadow: none;
margin-top: 16px;
width: 100%;
max-width: 100%;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
left: -24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp ul {
margin: 0;
list-style: none;
padding: 0;
text-align: left;
}
.mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp ul li {
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 19px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.mobile-menu-wrap.open .region-header-search {
display: block;
position: relative;
top: auto;
left: auto;
right: auto;
background: none;
padding-top: 0;
}
.mobile-menu-wrap.open .region-header-search .form-text {
font-size: 16px;
line-height: normal;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.mobile-menu-wrap.open .region-header-search .form-control {
background: #f5f5f5;
}
.mobile-menu-wrap.open .region-header-search .form-control:hover, .mobile-menu-wrap.open .region-header-search .form-control:focus {
border-color: transparent;
}
.mobile-menu-wrap.open .region-header-search .search-submit {
top: 0;
left: 16px;
}
.mobile-menu-wrap.open .region-header-search h2 {
display: none;
}
.slide-menu-xs {
position: fixed;
left: -360px;
height: 100vh;
width: 0;
z-index: 999999;
top: 0;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
animation-direction: normal;
animation-duration: 0.5s;
-webkit-transition: all .5s;
transition: all .5s;
}
.slide-menu-xs.open {
left: 0;
width: 360px;
animation: slide-right 0.5s;
}
.xs-close-off {
position: absolute;
background: #F5F5F5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 44px;
width: 0;
left: 0;
line-height: 44px;
top: 0;
text-align: center;
z-index: 9999999;
}
.xs-close-off.open {
left: 316px;
width: 44px;
max-width: 44px;
}
.xs-close-off.open .xs-close {
display: block;
margin: auto;
cursor: pointer;
}
.tb-megamenu .btn-navbar.tb-megamenu-button {
display: none;
}
.tb-megamenu .nav-collapse.menu-stp-2,
.tb-megamenu .nav-collapse.menu-stp-3,
.tb-megamenu .nav-collapse.menu-stp-4 {
top: 12px;
}
.tb-megamenu .menu-stp-3 .span12.mega-col-nav .mega-inner {
padding: 0;
}
.mobile-menu-wrap.open .region-header-menu.force-hide {
display: none !important;
}
.page-xplore-inner .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2,
.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2,
.home .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2,
.page-personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2,
.personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 1;
}
.page-xplore-inner .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1,
.flexi-plan .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1,
.home .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1,
.page-personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1,
.personal .header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 2;
}
.header .tb-megamenu-row.row-fluid {
display: flex;
flex-direction: column;
}
.header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-2 {
order: 2;
}
.header .tb-megamenu-row.row-fluid .tb-megamenu-column.menu-right-1 {
order: 1;
}
}
@media (max-width: 767px) {
.mobile-top-menu.open .content {
display: block;
}
.mobile-menu-wrap.open .region-header-search .search-submit {
top: 17px;
}
}
@media (max-width: 480px) {
.tb-megamenu .nav-collapse {
margin-top: 0;
top: 54px;
}
.tb-megamenu .nav-collapse > .tb-megamenu-nav {
max-height: 300px;
}
.i18n-bn .page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li a,
.i18n-bn .tb-megamenu .dropdown-menu .mega-nav > li a {
font-size: 14px;
font-family: Noto Sans Bengali, "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
}
@media (max-width: 359px) {
.mobile-menu-wrap.open {
width: 276px;
}
.mobile-menu-wrap.open .content ul li.en {
width: 24px;
padding: 3px 0 0 0;
display: inline-block;
overflow: hidden;
}
.mobile-menu-wrap.open .content ul li.en a {
padding: 0;
}
.xs-close-off.open {
left: 276px;
}
.slide-menu-xs {
left: -320px;
}
.slide-menu-xs.open {
width: 320px;
}
}
.digital-wrapper-block {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
max-width: 1064px;
margin: auto;
}
.digital-wrapper-block .nav-tabs > li.open {
background: none;
}
.digital-wrapper-block .nav-tabs > li.open > a {
background: none;
}
.digital-wrapper-block .nav-tabs > li.open > a:hover, .digital-wrapper-block .nav-tabs > li.open > afocus {
background: none;
}
.digital-wrapper-block .nav-tabs > li > a {
padding-top: 0;
padding-bottom: 24px;
color: #1A1A1A;
}
.digital-wrapper-block .nav-tabs > li > a:focus, .digital-wrapper-block .nav-tabs > li > a:hover {
background: none;
}
.digital-wrapper-block .nav-tabs > li .active > a {
border: 0;
}
.digital-wrapper-block .nav-tabs > li .active > a:focus, .digital-wrapper-block .nav-tabs > li .active > a:hover {
border: 0;
}
.digital-wrapper-block .nav-tabs.nav-justified {
max-width: 695px;
margin: auto;
width: auto;
}
.digital-wrapper-block .nav-tabs.nav-justified > .active > a {
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 2px solid #007AD0;
}
.digital-wrapper-block .nav-tabs.nav-justified > .active > a:focus, .digital-wrapper-block .nav-tabs.nav-justified > .active > a:hover {
border: 0;
border-bottom: #007AD0 2px solid;
}
.digital-wrapper-block .nav-tabs.nav-justified > li > a {
border-radius: 0;
border: 0;
border-bottom: 2px solid transparent;
}
.digital-wrapper-block .tab-content {
padding: 40px 0 31px 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
.digital-wrapper-block .tab-content {
padding: 24px 0 31px 0;
}
}
.digital-wrapper-block .tab-info p {
padding-bottom: 0;
}
.digital-wrapper-block .tab-info p + p {
padding-top: 25px;
}
.digital-wrapper-block .tab-pane {
margin: auto;
}
.digital-wrapper-block .tab-preview {
margin: auto;
}
.digital-wrapper-block .tab-preview img {
max-width: 415px;
}
.digital-wrapper-block .btn-box a {
background-repeat: no-repeat;
background-position: 0 0;
width: 160px;
height: 48px;
text-indent: -999999px;
display: block;
}
.digital-wrapper-block .btn-box a.digi_google_btn {
background-image: url(../images/img_lg_playstore.svg);
}
.digital-wrapper-block .btn-box a.digi_apple_btn {
background-image: url(../images/img_lg_appstore.svg);
}
.section-blocks {
padding: 32px 0;
}
@media (max-width: 1060px) {
.section-blocks {
padding: 20px 0;
}
}
.title-bar {
text-align: center;
padding-bottom: 30px;
}
/* body start*/
.main-top-area {
position: relative;
}
.header {
top: 0;
}
@media (min-width: 768px) {
.header-fixed-bar {
background: #ffffff;
top: -37px;
z-index: 999;
position: fixed;
width: 100%;
left: 0;
right: 0;
-webkit-transition: background 0.1s;
transition: background 0.1s;
}
}
@keyframes slide-down {
0% {
opacity: 1;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.inner-single-banner,
.interior-banner,
.slider-area-blocks {
overflow: hidden;
}
.inner-single-banner .owl-wrapper-outer,
.interior-banner .owl-wrapper-outer,
.slider-area-blocks .owl-wrapper-outer {
position: relative;
}
.inner-single-banner .owl-item .item,
.interior-banner .owl-item .item,
.slider-area-blocks .owl-item .item {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.inner-single-banner .owl-item .slider-mob,
.interior-banner .owl-item .slider-mob,
.slider-area-blocks .owl-item .slider-mob {
display: none;
}
.inner-single-banner .owl-item .slider-desk,
.interior-banner .owl-item .slider-desk,
.slider-area-blocks .owl-item .slider-desk {
display: block;
max-width: none;
}
.owl-carousel .owl-item img {
width: inherit;
}
.owl-carousel .owl-nav button {
position: absolute;
top: 45%;
margin: 0;
opacity: 1;
padding: 0;
font-size: 0;
width: 24px;
height: 24px;
z-index: 999;
text-indent: -999999px;
}
.owl-carousel .owl-nav button.disabled {
display: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
background-color: rgba(0, 0, 0, 0.32);
background-repeat: no-repeat;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus {
border: 0;
outline: none;
}
.owl-carousel .owl-nav button.owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
background-position: 6px 6px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.owl-carousel .owl-nav button.owl-next {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: 0;
border-radius: 3px 0 0 3px;
background-position: 9px 6px;
}
.owl-carousel#personal-slider .owl-nav button.disabled, .owl-carousel.interior-banner .owl-nav button.disabled {
display: block !important;
opacity: 1 !important;
}
.owl-dots {
display: none;
}
.owl-theme .owl-nav [class*='owl-'] {
margin: 0;
}
.flex-rechrg-link {
text-align: center;
}
.flex-rechrg-link a {
color: #1A1A1A;
font-size: 16px;
line-height: 26px;
text-transform: Capitalize;
display: inline-block;
padding-right: 17px;
background: url(../images/arrow_right.svg) no-repeat right center;
}
.rechrg-add-set {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border: 1px solid #ddd;
font-size: 14px;
line-height: 16px;
height: 32px;
color: #767676;
font-weight: normal;
text-align: center;
border-radius: 3px;
}
.rechrg-add-set span {
cursor: pointer;
display: block;
padding: 0;
line-height: 32px;
position: relative;
}
.rechrg-add-set span:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
margin-left: -25px;
top: 5px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.btn-flexiload {
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0;
text-align: center;
color: #ffffff;
font-weight: normal;
width: 100%;
display: block;
background: #007AD0;
}
.btn-flexiload:focus, .btn-flexiload:hover {
color: #ffffff;
border-color: #046CB5;
background: #046CB5;
}
.top-features-blocks {
padding-top: 7px;
padding-bottom: 29px;
}
.top-features-blocks .row .col-xs-12.col-sm-4 {
position: static;
}
.recharge-block-area {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
padding: 20px 24px 11px 24px;
background: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}
.recharge-block-area h3 {
color: #1A1A1A;
font-weight: bold;
padding: 0;
margin: 3px 0 16px 0;
position: relative;
}
.recharge-block-area h3 a {
color: #1A1A1A;
}
.recharge-block-area .form-group {
margin-bottom: 9px;
}
.recharge-block-area .flx_set.has-error input.form-control {
border-color: #ffb4b4;
box-shadow: none;
}
.recharge-block-area .flx_set.has-error input.form-control:focus {
box-shadow: none;
}
.recharge-block-area .flx_set.has-error span.offer-msg {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #1A1A1A !important;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.recharge-block-area .flx-set-multiple.has-error span.offer-msg {
margin-right: 18px;
}
.recharge-block-area .flx-set-multiple .flx_close {
width: 12px;
height: 12px;
background: url(../images/icon-cross.svg) no-repeat center center;
position: absolute;
right: 0;
/* right: -9px;*/
top: 15px;
display: block;
cursor: pointer;
}
.recharge-block-area .flx-set-multiple .group-bdt .input-group .form-control {
width: 87%;
}
.recharge-block-area .flx-set-multiple .form-control.flxamount {
width: 80px;
/* width: 88px;*/
}
.recharge-block-area .offer-msg,
.recharge-block-area .flx_msg {
font-size: 12px;
line-height: 18px;
font-weight: bold;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #767676;
}
.recharge-block-area .form-item {
position: relative;
margin: 12px 0;
}
.recharge-block-area .form-item .lb-flxemail,
.recharge-block-area .form-item .lb-flxmobile,
.recharge-block-area .form-item .lb-flxamount {
display: none;
}
.recharge-block-area .form-control {
font-size: 14px;
line-height: normal;
font-weight: normal;
height: 40px;
text-align: left;
border-radius: 3px;
float: left;
color: #1A1A1A !important;
}
.recharge-block-area .form-control:hover, .recharge-block-area .form-control:focus {
border-color: transparent;
}
.recharge-block-area .form-control.flxemail {
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 10px 9px;
background-color: #f5f5f5;
float: none;
padding: 0 5px 0 35px;
}
.recharge-block-area .form-control.flxemail:focus {
border-color: #007AD0;
}
.recharge-block-area .form-control.flxmobile {
width: 140px;
display: inline;
padding: 0 5px 0 35px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 8px 9px;
background-color: #f5f5f5;
}
.recharge-block-area .form-control.flxmobile:focus {
border-color: #007AD0;
}
.recharge-block-area .form-control.flxamount {
width: 100px;
margin-left: 8px;
display: inline;
padding: 0 5px 0 30px;
background-repeat: no-repeat;
background-position: 8px 9px;
background-color: #f5f5f5;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.recharge-block-area .form-control.flxamount:focus {
border-color: #007AD0;
}
.features-listing {
margin: 0 -24px;
}
.features-listing li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
position: relative;
float: left;
width: 33.33333333%;
padding: 0 24px;
}
.features-listing li a {
position: relative;
display: block;
color: #1A1A1A;
padding: 16px 8px 11px 8px;
border-bottom: 1px solid #ddd;
/* &:hover,
&:focus {
color: $telenor_link;
path {
fill: $telenor_link;
}
}*/
}
.features-listing li a span {
width: 70px;
height: 45px;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.features-listing li a span.badge-new {
background: #B0F0B2;
color: #1A1A1A;
text-align: center;
border-radius: 555px;
display: inline-block;
height: 24px;
font-size: 12px;
line-height: 24px;
padding: 0 16px;
width: auto;
margin-left: 20px;
font-weight: bold;
vertical-align: middle;
}
.features-listing li a span svg {
width: 40px;
height: 40px;
}
.features-listing li.icons-star span {
/*width: 69px;*/
}
.features-listing li.icons-recharge span, .features-listing li.icons-packs span, .features-listing li.icons-phones span {
/*width: 67px;*/
}
.features-listing li.icons-flexiplan span, .features-listing li.icons-offers span {
/*width: 72px;*/
}
.wrap-box {
max-width: 1064px;
margin: auto;
}
.service-label-row,
.featured-row {
margin: 0 -8px;
display: table;
table-layout: fixed;
}
.service-label-preview-box,
.service-label-info-box,
.featured-preview-blocks,
.featured-info-blocks {
display: table-cell;
vertical-align: middle;
padding-right: 8px;
padding-left: 8px;
}
.service-label-preview-box,
.featured-preview-blocks {
width: 41.66666667%;
text-align: center;
}
.featured-info-blocks,
.service-label-info-box {
width: 58.33333333%;
}
.service-label-info-box .tab-info {
padding-left: 30px;
display: block;
}
.featured-info-blocks {
line-height: 28px;
}
.featured-info-blocks .subtitle-two {
color: #767676;
font-weight: normal;
}
.featured-wrapper-blocks {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #EAF3F5;
padding: 16px 0;
}
.featured-preview-box {
position: relative;
}
.featured-preview-box img {
max-width: 430px;
}
.preview-play-box {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.preview-play-box a {
width: 56px;
height: 56px;
text-indent: -999999px;
display: block;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.featured-blocks .btn {
margin-right: 16px;
padding: 11px 24px;
}
.btn-box {
*zoom: 1;
margin-top: 28px;
}
.btn-box a {
float: left;
display: inline-block;
margin-right: 16px;
}
.btn-box a:last-child {
margin-right: 0;
}
.btn-box:after, .btn-box:before {
content: "";
display: table;
clear: both;
}
@media (min-width: 768px) {
.feature-info-box {
padding: 30px;
}
}
.feature-info-box p {
padding-bottom: 0;
}
.info-blocks {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #007AD0;
padding: 50px 0;
font-weight: 500;
color: #ffffff;
text-align: center;
}
.info-blocks .container {
max-width: 1105px;
margin: auto;
width: auto;
}
.info-blocks .container .row {
margin: 0 -4px;
}
.info-blocks .container .row .col-md-7,
.info-blocks .container .row .col-md-5 {
padding: 0 4px;
}
.info-blocks .container .row .col-md-7 {
width: 66%;
}
.info-blocks .container .row .col-md-5 {
width: 34%;
}
.info-blocks .btn-blocks {
float: right;
}
.info-blocks .btn {
border-color: #ffffff;
background: #ffffff;
color: #007AD0;
padding: 11px 24px;
margin: 0 8px;
float: left;
}
.info-blocks .btn.btn-packages {
background: none;
color: #ffffff;
}
.info {
padding-top: 5px;
}
.what-new-blocks {
/*padding-top: 30px;*/
}
.what-new-blocks .title-bar {
padding-bottom: 43px;
}
.front .what-new-blocks .container {
max-width: 1060px;
}
@-webkit-keyframes bounce {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes bounce {
0% {
opacity: 0;
transform: scale(0.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@media (min-width: 768px) {
.new-offer-blocks {
border-radius: 3px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
}
.new-offer-blocks .offer-preview-box {
position: relative;
overflow: hidden;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.new-offer-blocks img {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
}
.new-offer-blocks:hover {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.new-offer-blocks:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
filter: alpha(opacity=80);
opacity: .8;
}
.front .new-offer-blocks:hover {
box-shadow: none;
}
}
.new-offer-blocks {
display: block;
padding-bottom: 18px;
background: #fff;
}
.offer-info-box {
padding: 6px 24px 0px 24px;
text-align: center;
display: block;
color: #767676;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.offer-info-box p {
padding: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
position: relative;
}
.offer-info-box p:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 4px;
height: 14px;
width: 14px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(../images/icon_chevron-right.svg);
}
.offer-preview-box {
min-height: 300px;
display: block;
margin-bottom: 16px;
text-align: center;
overflow: hidden;
border-radius: 3px;
}
.offer-preview-box img {
/*border-radius: 3px;*/
max-height: 300px;
}
.front .offer-preview-box {
border-radius: 3px 3px 0px 0px;
}
.offer-title {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: normal;
display: block;
color: #1A1A1A;
padding: 0 0 8px 0;
}
.hme-offr-btn-wrap {
margin-top: 20px;
margin-bottom: 12px;
}
.hme-offr-btn-wrap a.btn.btn-primary {
font-size: 16px;
line-height: 28px;
padding: 5px 39px;
}
.shop-blocks .owl-carousel img {
width: auto;
}
.shop-box {
position: relative;
min-height: 366px;
background: #F5F5F5;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
margin: 14px auto 0 auto;
border-radius: 3px;
text-align: center;
width: 308px;
}
.shop-box .badges-deals {
position: absolute;
top: -11px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
margin: auto;
vertical-align: middle;
display: block;
}
.shop-box span {
display: block;
}
.shop-box a {
padding: 32px 20px 40px 20px;
display: block;
color: #1A1A1A;
}
.shop-box a:hover, .shop-box a:focus {
color: #007AD0;
}
.shop-box .product-title {
font-weight: bold;
padding-bottom: 5px;
}
.shop-btn-box {
margin: 40px auto 0 auto;
text-align: center;
}
@media (max-width: 767px) {
.shop-btn-box {
margin: 32px auto 0 auto;
}
}
.shop-btn-box a {
/* min-width: 148px;
height: 48px;
padding-top: 0;
padding-bottom: 0;
line-height: 48px;*/
padding: 10px 38px;
}
.product-preview {
text-align: center;
vertical-align: middle;
display: block;
margin: 0 auto 24px;
position: relative;
height: 212px;
/*overflow: hidden;*/
}
.product-preview:hover img {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.product-preview img {
max-height: 212px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: block;
vertical-align: middle;
margin: auto;
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.badges-deals {
background: #B0F0B2;
text-align: center;
width: auto;
font-weight: bold;
border-radius: 555px;
font-size: 12px;
line-height: 15px;
color: #1A1A1A;
display: inline-block;
padding: 5px 16px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.shop-box span.new-price, .shop-box span.prev-price {
display: inline-block;
}
.shop-box span.prev-price {
margin-left: 10px;
}
.new-price {
font-weight: normal;
color: #1A1A1A;
line-height: 28px;
padding: 0 0 4px 0;
}
.prev-price {
color: #767676;
text-decoration: line-through #767676;
}
/* body end*/
#featuredModal .modal-dialog {
max-width: 875px;
width: auto;
}
#featuredModal .modal-content {
box-shadow: none;
}
#featuredModal .modal-header {
border-bottom: 0;
}
#featuredModal .modal-header .close {
position: absolute;
top: -30px;
right: 0;
float: none;
font-size: 0;
font-weight: normal;
opacity: 1;
text-shadow: none;
color: #fff;
text-indent: -999999px;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
#featuredModal .modal-header .close:hover, #featuredModal .modal-header .close:focus {
outline: 0 none;
}
/* media start */
@media (min-width: 501px) {
.page-star-program.check-status .header-small + .main_content {
padding-top: 0;
}
.page-offer-purchase .main_content,
.page-internet-package-activation .main_content {
padding-top: 0;
}
.page-offer-purchase.page-offer-purchase-success .main_content {
padding-top: 57px;
}
.page-internet-package-activation.page-internet-package-activation-pack-activation .main_content {
padding-top: 57px;
}
}
@media (min-width: 992px) {
.recharge-block-area {
width: 300px;
position: absolute;
z-index: 12;
}
}
@media (min-width: 1297px) {
.page-star-program.check-status .header-small + .main_content {
padding-top: 0;
}
.flexi-plan.page-flexi-plan-payment .main_content, .flexi-plan.page-flexi-plan-your-plan .main_content {
padding-top: 0;
}
.flexi-plan .main_content {
padding-top: 80px;
}
.main_content,
.main-top-area {
padding-top: 120px;
}
.page-offer-purchase .main_content,
.page-internet-package-activation .main_content {
padding-top: 0;
}
.page-offer-purchase.page-offer-purchase-success .main_content {
padding-top: 120px;
}
.page-internet-package-activation.page-internet-package-activation-pack-activation .main_content {
padding-top: 120px;
}
}
@media (min-width: 1367px) {
.recharge-block-area {
/*top: 75px;*/
top: 195px;
right: 43px;
}
}
@media (min-width: 1500px) {
.recharge-block-area {
/* top: 90px;*/
top: 210px;
right: 43px;
}
}
@media (min-width: 1600px) {
.recharge-block-area {
/*top: 97px;*/
top: 217px;
right: 80px;
}
}
@media (min-width: 1650px) {
.recharge-block-area {
/* top: 115px;*/
top: 235px;
right: 80px;
}
}
@media (min-width: 1780px) {
.recharge-block-area {
/* top: 130px;*/
top: 250px;
right: 80px;
}
}
@media (min-width: 1870px) {
.recharge-block-area {
/* top: 157px;*/
/*top: 157px;*/
top: 277px;
right: 80px;
}
}
@media (min-width: 2200px) {
.recharge-block-area {
/*top: 25%;*/
top: 35%;
right: 80px;
}
}
@media (max-width: 1440px) and (min-width: 768px) {
.offer-preview-box {
min-height: 0;
}
}
@media (max-width: 1366px) and (min-width: 1297px) {
.recharge-block-area {
/* top: 60px;*/
top: 180px;
right: 43px;
}
}
@media (max-width: 1366px) {
.owl-shop .owl-controls .owl-buttons div.owl-prev {
left: -8px;
}
.owl-shop .owl-controls .owl-buttons div.owl-next {
right: -8px;
}
.owl-shop .owl-wrapper-outer {
margin-right: -16px;
}
}
@media (max-width: 1365px) {
.shop-box {
width: 277px;
}
}
@media (max-width: 1296px) {
.header-fixed-bar {
top: 0;
}
.header {
background: #ffffff;
}
@keyframes slide-down {
0% {
opacity: 1;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* .page-not-found.page-searchgp {
.main_content {
padding-top: 0;
}
}*/
.flexi-plan .main_content {
padding-top: 0;
}
.main_content,
.main-top-area {
padding-top: 57px;
}
}
@media (max-width: 1296px) and (min-width: 1265px) {
.recharge-block-area {
top: 105px;
right: 43px;
}
}
@media (max-width: 1264px) and (min-width: 1201px) {
.recharge-block-area {
top: 90px;
right: 43px;
}
}
@media (max-width: 1280px) {
.shop-box {
width: 276px;
}
.features-listing li a span {
width: 60px;
}
.features-listing li.icons-star span, .features-listing li.icons-packs span, .features-listing li.icons-recharge span, .features-listing li.icons-phones span, .features-listing li.icons-offers span, .features-listing li.icons-flexiplan span {
width: 60px;
}
}
@media (max-width: 1200px) {
.info-blocks .container {
max-width: 100%;
}
.info-blocks .btn-blocks {
float: none;
}
.shop-box {
width: 274px;
}
.i18n-bn .info-blocks,
.i18n-bn .purchase_step_2_title,
.i18n-bn .voice-pack .voice_pack_title h2 {
font-size: 19px;
line-height: 37px;
}
}
@media (max-width: 1100px) {
.info {
padding: 0 0 16px 0;
}
.info-blocks .btn {
float: none;
}
.info-blocks .container {
text-align: center;
}
.info-blocks .container .row .col-sm-7,
.info-blocks .container .row .col-sm-5 {
width: auto;
max-width: 100%;
margin: auto;
float: none;
}
.owl-shop .owl-stage-outer {
margin-right: -8px;
}
.owl-shop.owl-carousel .owl-nav.disabled {
display: block;
}
.owl-shop.owl-carousel .owl-nav button.owl-prev {
left: -8px;
}
.owl-shop.owl-carousel .owl-nav button.owl-next {
right: -8px;
}
}
@media (max-width: 1026px) {
.digital-wrapper-block .tab-preview img {
max-width: 320px;
}
.featured-preview-box img {
max-width: 320px;
}
}
@media (max-width: 1200px) and (min-width: 768px) {
.features-listing {
margin: 0 -8px;
}
.features-listing li {
width: 50%;
padding: 0 8px;
}
}
@media (max-width: 1200px) and (min-width: 992px) {
.recharge-block-area {
width: auto;
top: auto;
right: auto;
position: relative;
}
.recharge-block-area .form-control.flxmobile {
width: 58%;
}
.recharge-block-area .form-control.flxamount {
float: right;
width: 38%;
}
.recharge-block-area .flx-set-multiple .flx_close {
right: 0;
}
.recharge-block-area .flx-set-multiple .form-control.flxamount {
float: left;
width: 33%;
}
}
@media (max-width: 1200px) and (min-width: 1116px) {
.top-features-blocks .col-md-12.col-sm-8 {
width: 68%;
}
.top-features-blocks .col-xs-12.col-md-12.col-sm-4 {
width: 32%;
position: relative;
}
}
@media (max-width: 1115px) and (min-width: 992px) {
.top-features-blocks .col-md-12.col-sm-8 {
width: 64%;
}
.top-features-blocks .col-xs-12.col-md-12.col-sm-4 {
width: 36%;
position: relative;
}
}
@media (max-width: 1024px) {
.owl-shop .owl-nav.disabled {
display: block;
}
}
@media (max-width: 991px) and (min-width: 400px) {
.flx-set-multiple .has-error span.offer-msg {
margin-right: 28px;
}
}
@media (max-width: 399px) and (min-width: 360px) {
.flx-set-multiple .has-error span.offer-msg {
margin-right: 23px;
}
}
@media (max-width: 991px) {
.top-features-blocks .col-sm-8,
.top-features-blocks .col-sm-4 {
width: auto;
max-width: 100%;
float: none;
display: block;
}
.top-features-blocks .col-sm-8 .content {
max-width: 620px;
margin: auto;
}
.recharge-block-area {
max-width: 380px;
margin: 24px auto;
width: auto;
}
.recharge-block-area .form-control.flxmobile {
width: 58%;
}
.recharge-block-area .form-control.flxamount {
float: right;
width: 38%;
}
.recharge-block-area .flx-set-multiple .flx_close {
right: 0;
}
.recharge-block-area .flx-set-multiple .form-control.flxamount {
width: 33%;
float: left;
}
.feature-info-box {
padding-left: 0;
}
.service-label-info-box .tab-info {
padding-left: 0;
display: block;
}
#featuredModal .modal-dialog {
max-width: 100%;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.title-bar {
padding-bottom: 24px;
}
.btn {
font-size: 16px;
line-height: 26px;
font-weight: normal;
}
.btn-box a {
float: none;
}
.owl-shop .owl-stage-outer {
margin-right: -16px;
}
.owl-shop.owl-carousel .owl-nav.disabled {
display: block;
}
.owl-shop.owl-carousel .owl-nav button.owl-prev {
left: -16px;
}
.owl-shop.owl-carousel .owl-nav button.owl-next {
right: -16px;
}
.offer-preview-box {
min-height: 0;
}
.inner-single-banner .owl-wrapper-outer,
.interior-banner .owl-wrapper-outer,
.slider-area-blocks .owl-wrapper-outer {
height: auto;
}
.inner-single-banner .owl-item img.slider-mob,
.interior-banner .owl-item img.slider-mob,
.slider-area-blocks .owl-item img.slider-mob {
display: block;
}
.inner-single-banner .owl-item img.slider-desk,
.interior-banner .owl-item img.slider-desk,
.slider-area-blocks .owl-item img.slider-desk {
display: none;
}
.new-offer-blocks {
margin-bottom: 23px;
}
.offer-may-like-block .offer-info-box {
padding: 0;
}
.service-label-row,
.featured-row {
margin: 0 auto;
}
.service-label-row,
.service-label-preview-box,
.service-label-info-box,
.featured-row,
.featured-preview-blocks,
.featured-info-blocks {
width: auto;
display: block;
max-width: 100%;
float: none;
text-align: center;
padding: 0;
}
.featured-wrapper-blocks {
padding-bottom: 32px;
}
.featured-blocks {
padding-top: 0;
}
.featured-blocks .btn {
margin-right: 12px;
}
.featured-blocks .btn a {
float: none;
margin-right: 0;
}
.featured-blocks .btn:last-child {
margin-right: 0;
}
.digital-wrapper-block .tab-preview img {
max-width: 100%;
}
.digital-wrapper-block .tab-content {
padding-bottom: 0;
}
.digital-wrapper-block .tab-info {
padding: 20px 0;
text-align: center;
}
.digital-wrapper-block .tab-info .btn-box {
margin-right: auto;
margin-left: auto;
}
.digital-wrapper-block .tab-info .btn-box a {
float: none;
margin-right: 10px;
display: inline-block;
width: 141px;
/*height: 42px;*/
}
.digital-wrapper-block .tab-info .btn-box a:last-child {
margin-right: 0;
}
.digital-wrapper-block .tab-info .btn-box a.digi_google_btn {
background-image: url(../images/img_small_playstore.svg);
}
.digital-wrapper-block .tab-info .btn-box a.digi_apple_btn {
background-image: url(../images/img_small_appstore.svg);
}
.digital-wrapper-block .nav-tabs.nav-justified li {
display: table-cell;
width: 1%;
}
.digital-wrapper-block .nav-tabs.nav-justified li a {
margin-bottom: 0;
}
.digital-wrapper-block .nav-tabs > li > a span {
display: none;
}
.features-listing {
margin: 0 -12px;
}
.features-listing li {
width: 50%;
padding: 0 12px;
font-size: 18px;
line-height: 26px;
}
.btn-box {
text-align: center;
}
.btn-box a:last-child {
margin-right: 0;
}
.info {
padding: 0 0 16px 0;
}
.info-blocks {
font-size: 20px;
line-height: 28px;
font-weight: 500;
padding: 32px 0;
}
.info-blocks .container {
max-width: 100%;
}
.info-blocks .btn {
padding: 8px 16px;
margin: 0 5px;
float: none;
display: inline-block;
}
.i18n-bn .info-blocks,
.i18n-bn .purchase_step_2_title,
.i18n-bn .voice-pack .voice_pack_title h2 {
font-size: 18px;
line-height: 34px;
}
.footer {
padding: 24px 0 40px 0;
}
.footer-right-box {
text-align: left;
padding-bottom: 16px;
}
.footer-top {
padding-bottom: 24px;
}
.top-features-blocks,
.footer-brand {
padding-bottom: 5px;
margin-bottom: 16px;
}
.footer-bottom ul li {
margin: 0 20px 0 0;
}
.footer-bottom ul li a {
display: inline-block;
padding-right: 4px;
}
.footer-bottom ul li:last-child {
margin-right: 0;
}
.footer-bottom ul li:last-child a {
padding-right: 0;
}
.social-list li {
margin: 20px 4px 0 0;
}
.social-list li a {
padding-right: 20px;
display: inline-block;
}
.social-list li:last-child {
margin-right: 0;
}
.footer-bottom-blocks {
padding-top: 10px;
}
.block-menu .content {
display: none;
}
.block-menu > h2 {
font-size: 16px;
line-height: 26px;
font-weight: normal;
padding: 11px 0;
color: #000;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.block-menu > h2:after {
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 17px 17px;
content: " ";
height: 44px;
position: absolute;
right: 0;
top: 0;
width: 34px;
z-index: 10;
}
.block-menu > h2.footer-nav-up {
border-bottom: 0;
}
.block-menu > h2.footer-nav-up:after {
background-position: 17px 23px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.block-menu > h2.footer-nav-up + .content {
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.footer-nav-list-blocks .row .col-xs-12.col-sm-3:last-child .footer-nav-up + .content {
padding-bottom: 0;
border-bottom: 0;
}
.footer-nav-list-blocks ul {
padding: 16px 0 0 0;
}
.footer-nav-list-blocks ul li {
font-size: 16px;
line-height: 22px;
}
.footer-nav-list-blocks .footer-nav-list li {
font-size: 18px;
line-height: 26px;
}
.footer-nav-list {
padding-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.footer-nav-list ul {
padding: 0;
}
.footer-nav-list .block-menu .content {
display: block;
}
}
@media (max-width: 600px) {
.home_recharge_block {
background: #F5F5F5;
border-radius: 3px;
}
.recharge-block-area {
padding: 0;
margin: 0 auto;
max-width: 100%;
box-shadow: none;
}
.recharge-block-area .form-item .input-group-addon {
background-color: #ffffff;
}
.recharge-block-area h3 {
background: #F5F5F5;
padding: 16px 44px 16px 16px;
display: block;
border-radius: 3px;
margin-bottom: 0;
}
.recharge-block-area h3:after {
content: "";
position: absolute;
right: 0;
width: 44px;
height: 44px;
top: 0;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 16px 19px;
cursor: pointer;
}
.recharge-block-area h3.list-up:after {
background-position: 16px 25px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.recharge-block-area #flexiload-form {
display: none;
padding: 0 16px 16px 16px;
}
.recharge-block-area #flexiload-form .flx-set-multiple .flx_close {
right: 0;
}
.recharge-block-area #flexiload-form .form-control.flxmobile, .recharge-block-area #flexiload-form .form-control.flxemail, .recharge-block-area #flexiload-form .form-control.flxamount {
background-color: white;
}
.offer-preview-box {
min-height: 209px;
}
.offer-preview-box img {
max-height: none;
}
.featured-preview-box img {
max-width: 100%;
}
.features-listing {
margin: 0 auto;
}
.features-listing li {
float: none;
width: auto;
padding: 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.features-listing li a {
border-bottom: 0;
text-align: left;
padding: 12px 10px 7px 10px;
}
.features-listing li a span {
width: 55px;
height: 35px;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.features-listing li a span svg {
width: 32px;
height: 32px;
}
.features-listing li.icons-star span, .features-listing li.icons-packs span, .features-listing li.icons-recharge span, .features-listing li.icons-phones span, .features-listing li.icons-offers span, .features-listing li.icons-flexiplan span {
width: 55px;
}
.breadcrumb {
padding-top: 0;
}
.breadcrumb ul {
display: none;
}
.shop-box {
width: 254px;
}
}
@media (max-width: 480px) {
.recharge-block-area #flexiload-form .flx-set-multiple .form-control.flxamount {
width: 32%;
}
}
@media (max-width: 375px) {
.digital-wrapper-block .nav-tabs.nav-justified > li > a > img {
width: 40px;
}
.digital-wrapper-block .nav-tabs.nav-justified > a {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 359px) {
.flx-set-multiple .has-error span.offer-msg {
margin-right: 20px;
}
.featured-blocks .btn {
margin-right: 5px;
padding: 7px 18px;
}
.featured-blocks .btn a {
float: none;
}
.info-blocks .btn {
padding: 8px 10px;
font-size: 15px;
}
.digital-wrapper-block .nav-tabs.nav-justified > li > a > img {
width: 35px;
}
.digital-wrapper-block .tab-info .btn-box a {
margin-right: 0;
}
.footer-bottom ul li {
padding-bottom: 10px;
}
}
/* media end */
/*Home update*/
.viewmore-btn-box {
text-align: center;
font-size: 18px;
line-height: 28px;
}
.home_internet_package_block.listing_pages.internet_package .row.owl-int-pack {
margin-bottom: 34px;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-next {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: -16px;
border-radius: 3px 0 0 3px;
background-position: 9px 6px;
background-color: rgba(0, 0, 0, 0.32);
background-repeat: no-repeat;
width: 24px;
height: 24px;
top: 45%;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-next:after {
content: none;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-next:before {
content: none;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml;charset=utf-8,");
left: -16px;
border-radius: 0 3px 3px 0;
background-position: 6px 6px;
background-color: rgba(0, 0, 0, 0.32);
background-repeat: no-repeat;
width: 24px;
height: 24px;
top: 45%;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-prev:after {
content: none;
}
.home_internet_package_block.listing_pages.internet_package .owl-carousel .owl-nav button.owl-prev:before {
content: none;
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper {
width: 271px;
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card {
padding: 32px;
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .btn {
position: relative;
right: 0;
left: 0;
bottom: 0;
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .intpck_price {
padding-bottom: 8px;
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .int-pck-validity {
padding-bottom: 24px;
margin: 0px;
}
@media (max-width: 1060px) {
.home_internet_package_block.listing_pages.internet_package .title-bar {
padding-bottom: 28px;
}
.home_internet_package_block.listing_pages.internet_package .row.owl-int-pack {
margin: 0;
margin-bottom: 34px;
}
.home_internet_package_block.listing_pages.internet_package .owl-stage {
padding-top: 10px;
display: flex;
}
.home_internet_package_block.listing_pages.internet_package .owl-stage .owl-item {
border: 2px solid rgba(0, 0, 0, 0.08);
}
.home_internet_package_block.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card {
border: none;
}
}
@media (min-width: 1061px) {
.home_internet_package_block.listing_pages.internet_package .container {
max-width: 1060px;
}
.home_internet_package_block.listing_pages.internet_package .container .internet_pack_card_wrapper {
/* max-width: 253px;*/
width: 25%;
margin-right: 16px;
}
.home_internet_package_block.listing_pages.internet_package .container .internet_pack_card_wrapper h2 {
padding: 0px;
}
.home_internet_package_block.listing_pages.internet_package .container .internet_pack_card_wrapper h2 .offer-title {
font-size: 30px;
line-height: 42px;
}
.home_internet_package_block.listing_pages.internet_package .container .internet_pack_card_wrapper:last-child {
margin-right: 0px;
}
}
/*offer card new*/
.what-new-blocks .shop-btn-box a {
padding: 10px 24px;
}
.owl-home-offer {
display: flex;
}
@media (max-width: 1060px) {
.owl-home-offer {
margin: 0;
}
}
.owl-home-offer .owl-stage {
display: flex;
}
.owl-home-offer .owl-stage .owl-item {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.owl-home-offer .offer-preview-box {
min-height: 245px;
}
@media (max-width: 1060px) {
.owl-home-offer .offer-preview-box {
min-height: auto;
}
}
.home_offer_card_wrap {
margin-right: 16px;
box-sizing: border-box;
border-radius: 3px;
}
.home_offer_card_wrap:last-child {
margin-right: 0px;
}
.home_offer_card_wrap .offer-info-box p:after {
background: none;
width: 0px;
}
.home_offer_card_wrap .offer-preview-box img {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
transform: none;
opacity: 1;
}
@media (min-width: 1061px) {
.home_offer_card_wrap {
width: 33.3333%;
border: 1px solid rgba(0, 0, 0, 0.12);
}
}
@media (max-width: 1060px) {
.home_offer_card_wrap {
width: 271px;
}
.home_offer_card_wrap .new-offer-blocks {
margin-bottom: 0px;
}
}
/*sim service block*/
.sim-service-blocks {
max-width: 1060px;
margin: 0 auto;
}
.sim-service-blocks .sim_serv_blk_row {
display: flex;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card {
display: inline-block;
border-radius: 3px;
margin-right: 16px;
width: 50%;
background: #F5F5F5;
position: relative;
/* background: pink;
border:1px solid red;*/
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card:last-child {
margin-right: 0px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner {
display: flex;
min-height: 222px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft {
text-align: left;
font-family: Telenor;
width: 55%;
display: inline-block;
padding: 37px;
padding-bottom: 77px;
line-height: 26px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft h3 {
font-size: 20px;
line-height: 30px;
padding-bottom: 8px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft span {
font-size: 16px;
padding-bottom: 12px;
display: block;
color: #767676;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft a.btn.btn-primary {
padding: 7px 39px;
position: absolute;
bottom: 40px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft a.sim_second_block.btn.btn-primary {
padding: 7px 18px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_card_inner_rgt {
text-align: center;
width: 45%;
display: inline-block;
position: relative;
margin-left: -27px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_card_inner_rgt img {
max-height: 222px;
/* margin-left: 0;
position: absolute;
left:0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_mob_btn {
display: none;
}
@media (max-width: 1060px) {
.sim-service-blocks .sim_serv_blk_row {
display: block;
max-width: 100%;
margin: 0px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card {
width: 100%;
display: block;
margin-bottom: 32px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card:last-child {
margin-bottom: 0px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner {
padding: 24px;
padding-bottom: 0px;
min-height: auto;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft {
width: 60%;
padding: 0px;
line-height: 26px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft h3 {
font-size: 18px;
line-height: 26px;
padding-bottom: 8px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft span {
font-size: 16px;
padding-bottom: 16px;
display: block;
color: #767676;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_inner_lft a {
display: none;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_card_inner_rgt {
text-align: right;
width: 40%;
display: inline-block;
position: relative;
margin: 0;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_inner .sim_serv_card_inner_rgt img {
/*max-height: 100px;*/
/* margin: 0;
position: absolute;
left:0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_mob_btn {
display: block;
padding: 7px 24px 24px 24px;
}
.sim-service-blocks .sim_serv_blk_row .sim_serv_card .sim_serv_card_mob_btn a {
padding: 6px 0;
width: 100%;
}
}
/*star home block*/
.str_hoome_blk_wrap {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
display: flex;
}
.str_hoome_blk_wrap .str_hoome_blk {
border: 2px solid rgba(0, 0, 0, 0.08);
box-sizing: border-box;
border-radius: 3px;
display: inline-block;
width: 50%;
margin-right: 30px;
padding: 32px 32px 24px 32px;
position: relative;
}
.str_hoome_blk_wrap .str_hoome_blk div {
width: auto;
text-align: left;
}
.str_hoome_blk_wrap .str_hoome_blk:last-child {
margin-right: 0px;
}
.str_hoome_blk_wrap .str_hoome_blk h3 {
font-size: 30px;
line-height: 42px;
padding: 0;
margin-bottom: 5px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon {
position: absolute;
right: 32px;
top: 32px;
display: flex;
align-items: center;
justify-content: center;
line-height: 11px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon span:first-child {
color: #767676;
font-size: 16px;
/*line-height: 26px;*/
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon span:nth-child(2) {
color: #767676;
font-size: 16px;
/*line-height: 26px;*/
padding: 0 13px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon span:last-child {
color: #1A1A1A;
font-size: 16px;
/*line-height: 26px;*/
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span {
display: block;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span:first-child {
font-size: 18px;
line-height: 26px;
margin-bottom: 8px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span:last-child {
font-size: 16px;
line-height: 26px;
color: #767676;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_btn {
float: right;
margin-top: -37px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_btn a {
padding: 7px 40px;
}
@media (max-width: 1060px) {
.str_hoome_blk_wrap {
display: block;
margin: 0px;
}
.str_hoome_blk_wrap .str_hoome_blk {
padding: 21px 11px 27px 25px;
display: block;
width: 100%;
margin-right: 0;
margin-bottom: 24px;
}
.str_hoome_blk_wrap .str_hoome_blk:last-child {
margin-bottom: 0px;
}
.str_hoome_blk_wrap .str_hoome_blk h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 14px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
line-height: 20px;
margin-bottom: 16px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon span:nth-child(2) {
padding: 0 11px;
/*position: absolute;*/
/* left: 76px;
top: -2px;*/
display: inline-block;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_icon span:nth-child(2) svg {
width: 24px;
height: 24px;
vertical-align: middle;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span {
display: block;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span:first-child {
font-size: 16px;
line-height: 24px;
margin-bottom: 2px;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_txts span:last-child {
font-size: 16px;
line-height: 26px;
color: #767676;
}
.str_hoome_blk_wrap .str_hoome_blk .str_hoome_blk_btn a {
padding: 6px 30px;
}
}
.front footer {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
.front .btn-primary-outline {
font-size: 18px;
line-height: 28px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 26, 2018, 11:39:00 AM
Author : eashika
*/
.listing_pages.internet_package #grid-content .grid-item {
padding: 0 16px;
margin-bottom: 32px;
box-sizing: border-box;
}
.listing_pages.internet_package span {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.internet_package p {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.internet_package a {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.internet_package .view-header,
.listing_pages.internet_package .centered {
text-align: center;
}
.listing_pages.internet_package .view-header h1,
.listing_pages.internet_package .centered h1 {
font-size: 34px;
line-height: 38px;
font-weight: lighter;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget {
position: relative;
float: none;
text-align: center;
padding: 0;
margin-bottom: 22px;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget.views-stky-mnu {
background: #F5F5F5;
z-index: 20;
position: fixed;
width: 100%;
left: 0;
right: 0;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget.views-stky-mnu .ajax-progress-throbber {
top: 85px;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget.views-stky-mnu.owl-theme .owl-nav button:before {
background: -moz-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#00ffffff', GradientType=1);
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item {
display: inline-block;
padding: 0;
margin: 0 18px;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item:first-child {
margin-left: 0;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item:last-child {
margin-right: 0;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item.active {
color: #1A1A1A;
background: none;
border: 0;
border-bottom: 1px solid #007AD0;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item.active label {
color: #1A1A1A;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item input {
display: none;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .form-radios .form-item label {
white-space: nowrap;
margin: 0;
cursor: pointer;
color: #767676;
padding: 12px 0;
border: 0;
display: inline-block;
background: none;
border-bottom: 1px solid transparent;
line-height: 16px;
font-size: 16px;
font-weight: normal;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget li {
line-height: 26px;
font-size: 16px;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget li a {
line-height: 26px;
padding: 6px 0;
}
.listing_pages.internet_package .row {
padding-bottom: 0;
}
.listing_pages.internet_package .internet_pack_card_wrapper.social_packs h2 {
font-size: 22px;
line-height: 30px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card {
margin-bottom: 12px;
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
position: relative;
padding: 32px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card h2 {
padding-bottom: 0;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span {
display: block;
font-size: 16px;
line-height: 24px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span.blu {
color: #007AD0;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span.int-pck-subtitle {
margin-bottom: 4px;
font-size: 16px;
line-height: 26px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span.int-pck-validity {
font-size: 16px;
line-height: 26px;
color: #767676;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .btn {
padding: 0 24px;
width: 112px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: normal;
position: absolute;
right: 16px;
bottom: 16px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .badges-deals {
position: absolute;
left: 50%;
top: -11px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: auto;
font-size: 12px;
line-height: 15px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .int-pck-subtitle {
display: block;
}
.listing_pages.internet_package .pager__item {
position: relative;
}
.listing_pages.internet_package .pager__item .ajax-progress .throbber,
.listing_pages.internet_package .pager__item .ajax-progress .throbber:after {
width: 25px;
height: 25px;
}
.listing_pages.internet_package .pager__item .ajax-progress-throbber {
background: #ffffff;
-webkit-animation: load8 10s infinite linear;
animation: load8 10s infinite linear;
box-shadow: none;
width: 25px;
height: 25px;
line-height: 25px;
top: -2px;
}
.listing_pages.internet_package .pager__item .ajax-progress-throbber .throbber {
top: 0;
background: #ffffff;
border-top: 3px solid rgba(0, 0, 0, 0.32);
border-right: 3px solid rgba(0, 0, 0, 0.32);
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.listing_pages.internet_package .pager__item a {
border-color: rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
border-radius: 3px;
padding: 0 24px;
line-height: 48px;
height: 48px;
font-weight: 400;
font-size: 18px;
text-align: center;
box-shadow: none;
display: inline-block;
}
.listing_pages.internet_package .pager__item a:hover {
background: none;
}
.listing_pages.internet_package .pager__item a.progress-disabled {
background: #ffffff;
color: #ffffff;
}
.listing_pages.internet_package .ajax-progress-throbber {
text-align: center;
width: 40px;
line-height: 40px;
border-radius: 50%;
height: 40px;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.listing_pages.internet_package .ajax-progress .throbber {
background: #ffffff;
float: none;
height: 22px;
width: 22px;
}
.listing_pages.internet_package .ajax-progress .throbber,
.listing_pages.internet_package .ajax-progress .throbber:after {
border-radius: 50%;
width: 22px;
height: 22px;
}
.listing_pages.internet_package .ajax-progress .throbber {
margin: 0 auto;
font-size: 0;
top: 9px;
position: relative;
text-indent: -9999em;
border-top: 3px solid #007AD0;
border-right: 3px solid #007AD0;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.6s infinite linear;
animation: load8 1.6s infinite linear;
}
.listing_pages.internet_package .pager {
margin: 8px auto 32px auto;
}
@media (min-width: 768px) {
.listing_pages.internet_package .view-header h1, .listing_pages.internet_package .centered h1 {
font-size: 44px;
line-height: 56px;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget {
margin-bottom: 32px;
float: none;
text-align: center;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
margin: 0 18px;
display: inline-block;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item input {
display: none;
}
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item label {
line-height: 21px;
font-size: 18px;
}
.listing_pages.internet_package .row {
padding-bottom: 32px;
display: flex;
justify-content: center;
text-align: center;
}
.listing_pages.internet_package .internet_pack_card_wrapper {
position: relative;
float: none;
display: inline-block;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card {
position: relative;
height: 100%;
margin-bottom: 0;
padding: 28px;
text-align: center;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span {
font-size: 18px;
line-height: 26px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span.int-pck-subtitle {
font-size: 16px;
line-height: 24px;
margin-bottom: 8px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card span.int-pck-validity {
margin: 8px 0 65px 0;
display: block;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card h2 {
padding-bottom: 8px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card h2.social_packs {
font-size: 22px;
line-height: 30px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card.first_itm {
margin-right: 10px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card.second_itm {
margin-left: 5px;
margin-right: 5px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card.last_itm {
margin-left: 10px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card .btn {
position: absolute;
right: 0;
bottom: 32px;
left: 0;
margin: 0 auto;
}
}
@media (min-width: 1297px) {
.listing_pages.internet_package .views-exposed-form .views-exposed-widget.views-stky-mnu {
top: 83px;
animation-direction: normal;
animation-duration: 0.5s;
animation: slide-down 0.5s;
}
}
@media (max-width: 1296px) {
.views-exposed-form .views-exposed-widget {
margin-bottom: 0;
}
.views-exposed-form .views-exposed-widget.views-stky-mnu {
padding: 0 15px;
top: 56px;
animation-direction: normal;
animation-duration: 0.5s;
animation: slide-down 0.5s;
}
}
@media (max-width: 767px) {
.listing_pages.internet_package .pager {
margin: 0 auto 24px auto;
padding-top: 18px;
}
.listing_pages.internet_package .internet_pack_card_wrapper .internet_pack_card {
padding: 24px;
}
}
@media (max-width: 599px) and (min-width: 481px) {
.listing_pages.internet_package .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
margin: 0 10px;
}
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Sep 30, 2018, 5:56:04 PM
Author : eashika
*/
/*offer my offer btn*/
a.my_offr_btn {
background: #F5F5F5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
z-index: 99;
border-radius: 3px;
position: absolute;
right: 0;
top: 66px;
width: 60px;
font-size: 9px;
text-align: center;
line-height: normal;
padding: 10px 0;
}
a.my_offr_btn span {
display: block;
line-height: normal;
padding-bottom: 3px;
}
a.my_offr_btn span svg {
max-height: 20px;
max-width: 20px;
}
.listing_pages.offers span,
.offer-list span {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.offers p,
.offer-list p {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
position: relative;
}
.listing_pages.offers p:after,
.offer-list p:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 4px;
height: 14px;
width: 14px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(../images/icon_chevron-right.svg);
}
.listing_pages.offers a,
.offer-list a {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.offers .view-header,
.offer-list .view-header {
text-align: center;
}
.listing_pages.offers .view-header h1,
.offer-list .view-header h1 {
font-size: 34px;
line-height: 38px;
font-weight: lighter;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget,
.offer-list .views-exposed-form .views-exposed-widget {
position: relative;
float: none;
text-align: center;
padding: 0;
margin-bottom: 22px;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu {
background: #F5F5F5;
z-index: 20;
position: fixed;
width: 100%;
left: 0;
right: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu .ajax-progress-throbber,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu .ajax-progress-throbber {
top: 85px;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget {
/*owl carousel*/
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget .form-radios.owl-theme .owl-nav button:before,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget .form-radios.owl-theme .owl-nav button:before {
content: "";
position: absolute;
width: 40px;
height: 43px;
top: -14px;
background: -moz-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#00ffffff', GradientType=1);
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget li,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget li {
line-height: 26px;
font-size: 16px;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget li a,
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu .views-widget li a {
line-height: 26px;
padding: 6px 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget,
.offer-list .views-exposed-form .views-exposed-widget .views-widget {
/*owl carousel*/
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .owl-item:last-child,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .owl-item:last-child {
margin-right: 0 !important;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
padding: 0;
margin: 0 18px;
display: inline-block;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item:first-child,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item:first-child {
margin-left: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item:last-child,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item:last-child {
margin-right: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item.active,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item.active {
color: #1A1A1A;
background: none;
border: 0;
border-bottom: 1px solid #007AD0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item.active label,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item.active label {
color: #1A1A1A;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item input,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item input {
display: none;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item label,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item label {
white-space: nowrap;
margin: 0;
cursor: pointer;
color: #767676;
padding: 12px 0;
border: 0;
display: inline-block;
background: none;
border-bottom: 1px solid transparent;
line-height: 16px;
font-size: 16px;
font-weight: normal;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav {
margin: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav.disabled,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav.disabled {
display: block;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button {
height: 12px;
background-color: transparent;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button:before,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button:before {
content: "";
position: absolute;
width: 40px;
height: 43px;
top: -14px;
background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next, .listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev {
background: none;
border-radius: 0;
top: 13px;
height: 26px;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:after, .listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:after,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:after,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:after {
content: "";
width: 14px;
position: absolute;
height: 12px;
top: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:before,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:before {
left: -15px;
right: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:after,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-prev:after {
background-image: url(../images/icons-arrow-xs.png);
left: 0;
background-position: -5px 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:before,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:before {
right: 0;
left: 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:after,
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios.owl-theme .owl-nav button.owl-next:after {
background-image: url(../images/icons-arrow-xs.png);
right: 0;
background-position: -27px 0;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget li,
.offer-list .views-exposed-form .views-exposed-widget .views-widget li {
line-height: 26px;
font-size: 16px;
}
.listing_pages.offers .views-exposed-form .views-exposed-widget .views-widget li a,
.offer-list .views-exposed-form .views-exposed-widget .views-widget li a {
line-height: 26px;
padding: 6px 0;
}
.listing_pages.offers .pager__item,
.offer-list .pager__item {
position: relative;
}
.listing_pages.offers .pager__item .ajax-progress .throbber,
.listing_pages.offers .pager__item .ajax-progress .throbber:after,
.offer-list .pager__item .ajax-progress .throbber,
.offer-list .pager__item .ajax-progress .throbber:after {
width: 25px;
height: 25px;
}
.listing_pages.offers .pager__item .ajax-progress-throbber,
.offer-list .pager__item .ajax-progress-throbber {
background: #ffffff;
-webkit-animation: load8 10s infinite linear;
animation: load8 10s infinite linear;
box-shadow: none;
width: 25px;
height: 25px;
line-height: 25px;
top: -2px;
}
.listing_pages.offers .pager__item .ajax-progress-throbber .throbber,
.offer-list .pager__item .ajax-progress-throbber .throbber {
top: 0;
background: #ffffff;
border-top: 3px solid rgba(0, 0, 0, 0.32);
border-right: 3px solid rgba(0, 0, 0, 0.32);
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.listing_pages.offers .pager__item a,
.offer-list .pager__item a {
border-color: rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
border-radius: 3px;
padding: 10px 24px;
height: auto;
font-weight: 400;
text-align: center;
box-shadow: none;
display: inline;
}
.listing_pages.offers .pager__item a:hover,
.offer-list .pager__item a:hover {
background: none;
}
.listing_pages.offers .pager__item a.progress-disabled,
.offer-list .pager__item a.progress-disabled {
background: #ffffff;
color: #ffffff;
}
.listing_pages.offers .view-content .group,
.offer-list .view-content .group {
margin-bottom: 32px;
}
.listing_pages.offers .view-content .group .offer_thumb .offer-preview-box,
.offer-list .view-content .group .offer_thumb .offer-preview-box {
min-height: 247px;
}
.listing_pages.offers .ajax-progress-throbber,
.offer-list .ajax-progress-throbber {
text-align: center;
width: 40px;
line-height: 40px;
border-radius: 50%;
height: 40px;
vertical-align: middle;
display: block;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.listing_pages.offers .ajax-progress .throbber,
.offer-list .ajax-progress .throbber {
background: #ffffff;
float: none;
height: 22px;
width: 22px;
}
.listing_pages.offers .ajax-progress .throbber,
.listing_pages.offers .ajax-progress .throbber:after,
.offer-list .ajax-progress .throbber,
.offer-list .ajax-progress .throbber:after {
border-radius: 50%;
width: 22px;
height: 22px;
}
.listing_pages.offers .ajax-progress .throbber,
.offer-list .ajax-progress .throbber {
margin: 0 auto;
font-size: 0;
top: 9px;
position: relative;
text-indent: -9999em;
border-top: 3px solid #007AD0;
border-right: 3px solid #007AD0;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.6s infinite linear;
animation: load8 1.6s infinite linear;
}
@media (min-width: 768px) {
/*offer my offer btn*/
a.my_offr_btn {
top: 180px;
width: 76px;
font-size: 11px;
text-align: center;
line-height: normal;
padding: 10px 0px;
}
a.my_offr_btn span {
display: block;
line-height: normal;
padding-bottom: 3px;
}
a.my_offr_btn span svg {
max-height: 26px;
max-width: 26px;
}
.offer-list .view-header h1 {
font-size: 44px;
line-height: 56px;
}
.offer-list .views-exposed-form .views-exposed-widget {
margin-bottom: 32px;
float: none;
text-align: center;
}
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
margin: 0 18px;
display: inline-block;
}
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item input {
display: none;
}
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item label {
line-height: 21px;
font-size: 18px;
}
.offer-list .view-content .group {
margin-bottom: 56px;
}
}
@media (min-width: 1297px) {
.views-exposed-form .views-exposed-widget.views-stky-mnu {
top: 83px;
animation-direction: normal;
animation-duration: 0.7s;
animation: slide-down 0.7s;
}
}
.buyoffers-details {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 15px;
}
.buyoffers-details .buyoffers-inner {
display: inline-block;
padding-top: 10px;
}
.buyoffers-details .buyoffers-inner > div {
display: inline-block;
float: left;
padding-right: 40px;
font-size: 16px;
line-height: 26px;
}
.buyoffers-details .buyoffers-inner > div span {
display: inline-block;
padding: 0 3px;
vertical-align: top;
}
.buyoffers-details .buyoffers-inner > div span path {
fill: #767676;
}
.buyoffers-details .buyoffers-inner .offer-d-amount {
font-size: 22px;
line-height: 25px;
font-weight: 500;
}
.buyoffers-details .offer-d-buybutton {
display: inline-block;
float: right;
}
.buyoffers-details .offer-d-buybutton a.btn {
width: 176px;
height: 48px;
line-height: 48px;
padding: 0 24px;
font-size: 18px;
font-weight: normal;
}
.node-offers ul {
margin: 0;
padding: 0;
list-style: none;
}
.node-offers ul li {
position: relative;
padding: 0 0 12px 16px;
margin: 0;
vertical-align: top;
display: block;
}
.node-offers ul li:before {
content: "";
border-radius: 15px;
position: absolute;
width: 7px;
height: 7px;
left: 0;
top: 13px;
background: #007AD0;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
/*background: url("../images/bullet.png") no-repeat; left:0; top:0;*/
}
.offers-top h2 {
display: none;
font-weight: 300;
}
.offers-top.sticky {
position: fixed;
width: 100%;
background: #F5F5F5;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
height: 72px;
padding: 12px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.offers-top.sticky h2 {
display: block;
}
.offers-top.sticky .offers-top-inner {
max-width: 846px;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 992px) and (min-width: 768px) {
.offers-top.sticky {
padding: 8px 8px 8px 16px;
height: 64px;
}
.offers-top.sticky .offers-top-inner {
max-width: 100%;
}
}
@media (max-width: 767px) {
.offers-top.sticky {
z-index: 9999999999;
padding: 8px;
height: 64px;
}
.offers-top.sticky .offers-top-inner {
max-width: 100%;
}
}
.offers-top.sticky h2 {
float: left;
padding: 8px 0 0 0;
font-size: 26px;
line-height: 36px;
font-weight: 300;
}
@media (max-width: 767px) {
.offers-top.sticky h2 {
display: none;
}
}
.offers-top.sticky .buyoffers-details {
border-bottom: none;
float: right;
margin-bottom: 0;
}
.offers-top.sticky .buyoffers-details p {
padding-bottom: 0;
}
.offers-top.sticky .buyoffers-details .offer-d-buybutton .btn {
height: 48px;
padding: 0 24px;
line-height: 48px;
font-size: 16px;
font-weight: normal;
width: 176px;
}
.offers-top.sticky .buyoffers-details .buyoffers-inner {
padding-top: 12px;
}
.offers-top.sticky .buyoffers-details .buyoffers-inner div {
display: none;
}
.offers-top.sticky .buyoffers-details .buyoffers-inner .offer-d-amount {
display: inline-block;
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
@media (max-width: 767px) {
.offers-top.sticky .buyoffers-details {
float: none;
}
.offers-top.sticky .buyoffers-details .buyoffers-inner {
display: none;
float: left;
margin-bottom: 0;
padding-top: 7px;
}
.offers-top.sticky .buyoffers-details .buyoffers-inner .offer-d-amount {
margin-bottom: 0;
padding-top: 3px;
font-size: 16px;
line-height: 24px;
margin-right: 16px;
}
.offers-top.sticky .buyoffers-details .offer-d-buybutton {
float: none;
width: 100%;
}
.offers-top.sticky .buyoffers-details .offer-d-buybutton a.btn {
width: 100%;
height: 48px;
line-height: 48px;
}
}
@media (max-width: 1440px) and (min-width: 768px) {
.offer-list .view-content .group .offer_thumb .offer-preview-box {
min-height: 0;
}
}
@media (max-width: 1296px) {
.offer-list .views-exposed-form .views-exposed-widget {
margin-bottom: 0;
}
.offer-list .views-exposed-form .views-exposed-widget.views-stky-mnu {
top: 56px;
padding: 0 15px;
animation-direction: normal;
animation-duration: 0.7s;
animation: slide-down 0.7s;
}
}
@media (max-width: 767px) {
.offer-banner-bottom {
display: none;
}
.offer-status-bar-title {
padding-bottom: 8px;
}
.offers-top-inner h2 {
font-size: 26px;
line-height: 36px;
padding-bottom: 5px;
}
.buyoffers-details {
margin-bottom: 0;
}
.buyoffers-details .buyoffers-inner {
display: block;
margin-bottom: 10px;
}
.buyoffers-details .buyoffers-inner > div {
display: inline-block;
width: 49%;
padding: 0;
margin-bottom: 15px;
}
.buyoffers-details .buyoffers-inner > div span {
padding-left: 0;
padding-right: 5px;
}
.buyoffers-details .buyoffers-inner .offer-d-amount {
display: block;
width: 100%;
}
.buyoffers-details .offer-d-buybutton {
display: block;
float: none;
width: 100%;
}
.buyoffers-details .offer-d-buybutton a.btn {
width: 100%;
}
}
@media (max-width: 740px) and (min-width: 600px) {
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
margin: 0 10px;
}
}
@media (max-width: 600px) {
.offer-list .view-content .group .offer_thumb .offer-preview-box {
min-height: 209px;
}
}
@media (max-width: 599px) and (min-width: 481px) {
.offer-list .views-exposed-form .views-exposed-widget .views-widget .form-radios .form-item {
margin: 0 5px;
}
}
@media (max-width: 460px) {
.fb-like-counter-wrap .col-sm-6 {
padding: 0 16px;
}
.fb-like-counter-wrap .col-sm-6 .fb_iframe_widget_fluid {
display: block !important;
}
.fb-like-counter-wrap .col-sm-6 .fb_iframe_widget_fluid span,
.fb-like-counter-wrap .col-sm-6 .fb_iframe_widget_fluid iframe {
width: auto !important;
}
.fb-like-counter-wrap .col-sm-6 table {
width: auto !important;
}
}
.myob_heading {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 300;
font-size: 36px;
line-height: 42px;
padding: 0 0 17px 0;
color: #000;
}
.myob_heading_text {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #767676;
font-size: 18px;
line-height: 26px;
padding-bottom: 0;
}
.myob_right_side_bar {
padding: 61px 9px 0 79px;
}
.myob_landing_body {
padding-top: 40px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.myob_landing_body h3 {
font-weight: 500;
font-style: normal;
font-size: 22px;
line-height: 30px;
padding-bottom: 6px;
color: #000;
}
.myob_landing_body .gp-myob-ui-sms h3,
.myob_landing_body .gp-myob-ui-validity h3 {
padding-bottom: 3px;
}
.myob_landing_body .gp-myob-ui-voice h3 {
padding-bottom: 2px;
}
.myob_lbl_anynet {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #767676;
padding-bottom: 8px;
}
.gp-myob-ui-data,
.gp-myob-ui-voice,
.gp-myob-ui-validity {
padding: 24px 0 14px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.gp-myob-ui-validity {
padding: 22px 0 12px 0;
}
.gp-myob-ui-sms {
padding: 22px 0 0 0;
}
.myob_green,
.myob_red {
font-weight: 500;
font-size: 20px;
line-height: 28px;
}
.myob_green {
color: #76C779;
}
.myob_red {
color: #EE395A;
}
.myob_yellow {
color: #F3A736;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.myob-bundle-sms {
color: #32B9B7;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.myob_mob_sms_list li,
.myob_mob_voice_list li,
.myob_mob_internet_list li,
.myob_mob_validity_list li {
width: 56px;
height: 56px;
vertical-align: middle;
-webkit-transition: all .2s;
transition: all .2s;
text-align: center;
color: #000;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 11px;
line-height: 56px;
cursor: pointer;
float: left;
margin: 2px 0 10px 16px;
display: inline-block;
*zoom: 1;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
border-radius: 50%;
}
.myob_mob_sms_list li.flexi_disabled,
.myob_mob_voice_list li.flexi_disabled,
.myob_mob_internet_list li.flexi_disabled,
.myob_mob_validity_list li.flexi_disabled {
background: #F5F5F5;
pointer-events: none;
}
.myob_mob_sms_list li.flexi_disabled:hover, .myob_mob_sms_list li.flexi_disabled:focus,
.myob_mob_voice_list li.flexi_disabled:hover,
.myob_mob_voice_list li.flexi_disabled:focus,
.myob_mob_internet_list li.flexi_disabled:hover,
.myob_mob_internet_list li.flexi_disabled:focus,
.myob_mob_validity_list li.flexi_disabled:hover,
.myob_mob_validity_list li.flexi_disabled:focus {
background: #F5F5F5;
cursor: default;
border: 1px solid rgba(0, 0, 0, 0.12);
color: #1A1A1A;
}
.myob_mob_internet_list li:hover, .myob_mob_internet_list li:focus, .myob_mob_internet_list li.gp-myob-ui-data-active {
border-color: #76C779;
background: #76C779;
color: #ffffff;
}
.myob_mob_voice_list li:hover, .myob_mob_voice_list li:focus, .myob_mob_voice_list li.gp-myob-ui-items-active {
background: #EE395A;
border-color: #E23D3D;
color: #ffffff;
}
.myob_mob_validity_list ul li {
width: 48px;
height: 48px;
line-height: 48px;
}
.myob_mob_validity_list ul li:hover, .myob_mob_validity_list ul li:focus, .myob_mob_validity_list ul li.gp-myob-ui-validity-active {
background: #F3A736;
border-color: #F3A736;
color: #ffffff;
}
.myob_mob_sms_list ul li {
width: 48px;
height: 48px;
line-height: 48px;
}
.myob_mob_sms_list ul li:hover, .myob_mob_sms_list ul li:focus, .myob_mob_sms_list ul li.gp-myob-ui-sms-active {
border-color: #32B9B7;
background: #32B9B7;
color: #ffffff;
}
.myob-color-stripe ul {
float: left;
width: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.myob-color-stripe ul li {
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
margin: 4px 0 16px 0;
}
.myob-color-stripe ul li.myob_green {
background: #76C779;
}
.myob-color-stripe ul li.myob_red {
background: #EE395A;
}
.myob-color-stripe ul li.myob_bule {
background: #F3A736;
}
.myob_sidebar {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin-top: 7px;
margin-bottom: 26px;
clear: both;
}
.myob_sidebar .myob_smll_device_selected_items {
display: none;
}
.myob_sidebar p {
padding-bottom: 0;
font-size: 22px;
line-height: 30px;
font-weight: normal;
}
.myob_sidebar #bundle-price {
font-size: 22px;
line-height: 30px;
font-weight: normal;
color: #000;
}
.myob_sidebar .flxpln-sml-terms {
font-size: 13px;
line-height: 20px;
color: #767676;
padding-top: 3px;
}
.myob_fb {
display: none;
}
#buy-now-btn {
font-weight: 400;
text-align: center;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #fff;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 24px;
margin-bottom: 7px;
display: block;
background: #007AD0;
-webkit-transition: all .2s;
transition: all .2s;
}
#buy-now-btn + br {
display: none;
}
.myob_bonus_num {
font-size: 49px;
line-height: 45px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 0;
color: #000;
}
.myob_bonus_text {
font-size: 22px;
line-height: 30px;
font-weight: 500;
display: block;
padding: 2px 0 0 35px;
margin: 0;
color: #000;
}
.myob_sidebar_second_block ul li {
padding: 12px 0 10px 0;
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 400;
overflow: hidden;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
color: #1A1A1A;
}
.myob_sidebar_second_block ul li:last-child {
border-bottom: 0;
}
.myob_sidebar_second_block ul li .myob-bundle-title {
float: left;
width: 90px;
}
.myob_sidebar_second_block ul li .myob-bundle-value {
float: right;
text-align: right;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #1A1A1A;
}
/*step2*/
.gp_myob_ur_plan {
max-width: 400px;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 40px;
font-size: 13px;
line-height: 20px;
color: #979797;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.gp_myob_ur_plan .gp_myob_plan_back {
display: none;
}
.gp_myob_ur_plan .myon_plan_auto_com {
display: inline-block;
float: right;
}
.gp_myob_ur_plan form {
margin-top: 16px;
}
.gp_myob_ur_plan form p {
padding-bottom: 10px;
color: #1A1A1A;
}
.gp_myob_ur_plan form input.myob_plan_txt_input {
border: 0;
color: #1A1A1A;
height: 48px;
line-height: 48px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background-color: #F5F5F5;
border-radius: 3px;
width: 100%;
padding: 0 10px 0 32px;
font-size: 16px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 8px 13px;
}
.gp_myob_ur_plan form input.myob_plan_txt_input.myob_has_error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:focus, .gp_myob_ur_plan form input.myob_plan_txt_input:hover {
border: 0;
outline: none;
}
.gp_myob_ur_plan form input.myob_plan_txt_input::-moz-placeholder {
color: #979797;
opacity: 1;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:-ms-input-placeholder {
color: #979797;
}
.gp_myob_ur_plan form input.myob_plan_txt_input::-webkit-input-placeholder {
color: #979797;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:focus::-webkit-input-placeholder {
color: transparent;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:focus:-moz-placeholder {
color: transparent;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:focus::-moz-placeholder {
color: transparent;
}
.gp_myob_ur_plan form input.myob_plan_txt_input:focus:-ms-input-placeholder {
color: transparent;
}
.gp_myob_ur_plan form .btn#buy-now-btn {
display: block;
min-width: 100%;
margin: 16px auto 0 auto;
}
.myob_plan_heading {
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: #1A1A1A;
display: block;
padding-bottom: 16px;
}
.gp-myob-plan-ui-data,
.gp-myob-plan-ui-voice,
.gp-myob-plan-ui-sms,
.gp-myob-plan-ui-validity {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
padding: 4px 0;
}
.gp-myob-plan-ui-data input.myob_plan_autocom_txt_fld,
.gp-myob-plan-ui-voice input.myob_plan_autocom_txt_fld,
.gp-myob-plan-ui-sms input.myob_plan_autocom_txt_fld,
.gp-myob-plan-ui-validity input.myob_plan_autocom_txt_fld {
background: none;
box-shadow: none;
position: absolute;
right: 0;
top: 3px;
width: 110px;
padding: 0;
height: 28px;
text-align: right;
border: 1px solid transparent;
font-size: 14px;
line-height: 26px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.gp-myob-plan-ui-data input.myob_plan_autocom_txt_fld:focus,
.gp-myob-plan-ui-voice input.myob_plan_autocom_txt_fld:focus,
.gp-myob-plan-ui-sms input.myob_plan_autocom_txt_fld:focus,
.gp-myob-plan-ui-validity input.myob_plan_autocom_txt_fld:focus {
padding: 0 10px;
border-color: rgba(0, 0, 0, 0.08);
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gp-myob-plan-ui-data .myob_stripe_bar_green,
.gp-myob-plan-ui-data .myob_stripe_bar_red,
.gp-myob-plan-ui-data .myob_stripe_bar_orange,
.gp-myob-plan-ui-voice .myob_stripe_bar_green,
.gp-myob-plan-ui-voice .myob_stripe_bar_red,
.gp-myob-plan-ui-voice .myob_stripe_bar_orange,
.gp-myob-plan-ui-sms .myob_stripe_bar_green,
.gp-myob-plan-ui-sms .myob_stripe_bar_red,
.gp-myob-plan-ui-sms .myob_stripe_bar_orange,
.gp-myob-plan-ui-validity .myob_stripe_bar_green,
.gp-myob-plan-ui-validity .myob_stripe_bar_red,
.gp-myob-plan-ui-validity .myob_stripe_bar_orange {
width: 8px;
height: 8px;
margin-right: 16px;
text-indent: -999999px;
display: inline-block;
border-radius: 50%;
}
.gp-myob-plan-ui-data label,
.gp-myob-plan-ui-voice label,
.gp-myob-plan-ui-sms label,
.gp-myob-plan-ui-validity label {
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
.gp-myob-plan-ui-data .myob_stripe_bar_green,
.gp-myob-plan-ui-voice .myob_stripe_bar_green,
.gp-myob-plan-ui-sms .myob_stripe_bar_green,
.gp-myob-plan-ui-validity .myob_stripe_bar_green {
background: #32B9B7;
}
.gp-myob-plan-ui-data .myob_stripe_bar_red,
.gp-myob-plan-ui-voice .myob_stripe_bar_red,
.gp-myob-plan-ui-sms .myob_stripe_bar_red,
.gp-myob-plan-ui-validity .myob_stripe_bar_red {
background: #EE395A;
}
.gp-myob-plan-ui-data .myob_stripe_bar_orange,
.gp-myob-plan-ui-voice .myob_stripe_bar_orange,
.gp-myob-plan-ui-sms .myob_stripe_bar_orange,
.gp-myob-plan-ui-validity .myob_stripe_bar_orange {
background: #F3A736;
}
.gp-myob-plan-ui-savings {
padding: 4px 0 3px 0;
margin-bottom: 3px;
clear: both;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
}
.myob_ur_plan_list {
font-size: 14px;
line-height: 26px;
color: #1A1A1A;
margin-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.myob_ur_plan_list h5 {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #1A1A1A;
margin-bottom: 0;
padding-bottom: 0;
display: inline-block;
}
.myob_ur_plan_list .myob_plan_right_alligned_txt {
font-weight: 700;
float: right;
max-width: 115px;
white-space: nowrap;
}
.myob_terms_head a:hover, .myob_terms_head a:focus {
color: #1A1A1A;
}
.myob_terms_body {
text-align: left;
}
.myob_terms_body ul {
padding: 16px;
margin: 0;
}
.purchase_terms_wrap {
margin: 24px auto 0 auto;
text-align: center;
}
.myob_terms {
margin: auto;
text-align: center;
}
.wt-modals .wt-modal-code {
color: #007AD0;
}
.wt-modals,
#flxtermsModal {
text-align: left;
color: #1A1A1A;
}
.wt-modals button:hover, .wt-modals button:focus,
#flxtermsModal button:hover,
#flxtermsModal button:focus {
outline: 0 none;
}
.wt-modals .modal-header,
#flxtermsModal .modal-header {
border: 0;
}
.wt-modals .modal-content,
#flxtermsModal .modal-content {
background: #fff;
max-width: 363px;
margin: auto;
padding: 24px;
font-size: 16px;
line-height: 28px;
}
.wt-modals .modal-content ul,
#flxtermsModal .modal-content ul {
margin: 0 0 32px 0;
padding: 0;
}
.wt-modals .modal-content ul li,
#flxtermsModal .modal-content ul li {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
}
.wt-modals .modal-content ul li:before,
#flxtermsModal .modal-content ul li:before {
top: 11px;
}
.wt-modals .modal-content .btn,
#flxtermsModal .modal-content .btn {
padding-bottom: 0;
padding-top: 0;
height: 40px;
font-size: 16px;
line-height: 40px;
}
.wt-modals .modal-title,
#flxtermsModal .modal-title {
line-height: 20px;
}
.purchase_journey_error #snackbar {
visibility: hidden;
max-width: 420px;
background-color: #FFB4B4;
text-align: center;
border-radius: 3px;
padding: 16px;
position: fixed;
left: 0;
right: 0;
margin: auto;
bottom: 24px;
font-size: 14px;
line-height: 16px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
z-index: 99999;
}
.purchase_journey_error #snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.error-snackbar {
color: #1A1A1A;
font-size: 14px;
background-color: #FFB4B4;
text-align: center;
border-radius: 3px;
padding: 16px;
margin: auto auto 24px auto;
line-height: 16px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
z-index: 99999;
position: fixed;
left: 0;
bottom: 24px;
right: 0;
max-width: 420px;
}
.error-snackbar.hidden {
visibility: hidden;
}
.error-snackbar.open {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/*step2 end*/
/*step2/2 start*/
.purchase_journey {
color: #767676;
font-size: 13px;
line-height: 20px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
max-width: 400px;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 40px 40px 24px 40px;
}
.purchase_journey .col-md-4 {
float: none;
width: auto;
display: block;
}
.purchase_title {
padding-bottom: 8px;
display: block;
}
.purchase_journey_step_1 {
padding-bottom: 40px;
}
.purchase_journey_step_1 span {
display: block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.purchase_step_2_title,
.purchase_step_2_head {
color: #1A1A1A;
}
.purchase_step_2_title {
font-weight: 500;
padding: 8px 0;
}
.purchase_step_2_head {
font-weight: 400;
}
.purchase_step_2_price {
display: block;
font-size: 13px;
line-height: 20px;
color: #767676;
padding-bottom: 16px;
margin-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.purchase_step_2_price b {
color: #1A1A1A;
font-weight: 500;
font-size: 18px;
line-height: 26px;
margin-right: 10px;
}
.purchase-blocks {
margin-top: 16px;
}
.purchase-blocks label {
font-size: 13px;
line-height: 15px;
color: #1A1A1A;
display: block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.purchase-blocks span.error {
margin-bottom: 16px;
}
.purchase-blocks input[type=tel] {
border: 0;
color: #1A1A1A;
height: 48px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #F5F5F5;
border-radius: 3px;
width: 100%;
padding: 0 16px;
font-size: 16px;
line-height: 26px;
margin: 8px auto 16px auto;
}
.purchase-blocks input[type=tel].error {
margin-bottom: 0;
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.purchase-blocks input[type=tel]:focus, .purchase-blocks input[type=tel]:hover {
border: 0;
outline: none;
}
.purchase-blocks input[type=tel]::-moz-placeholder {
color: #979797;
opacity: 1;
}
.purchase-blocks input[type=tel]:-ms-input-placeholder {
color: #979797;
}
.purchase-blocks input[type=tel]::-webkit-input-placeholder {
color: #979797;
}
.purchase-blocks input[type=tel]:focus::-webkit-input-placeholder {
color: transparent;
}
.purchase-blocks input[type=tel]:focus:-moz-placeholder {
color: transparent;
}
.purchase-blocks input[type=tel]:focus::-moz-placeholder {
color: transparent;
}
.purchase-blocks input[type=tel]:focus:-ms-input-placeholder {
color: transparent;
}
.purchase_charge {
padding-bottom: 8px;
}
.purchase_journey_step_2 {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.purchase_journey_insufficient_balance {
color: #1A1A1A;
}
.purchase_journey_insufficient_balance .purchase_balance_desc {
color: #1A1A1A;
padding-bottom: 2px;
}
.purchase_journey_insufficient_balance .btn {
width: 100%;
margin: 16px auto;
font-size: 18px;
line-height: 28px;
}
.purchase_journey_insufficient_balance .btn.btn-primary-outline {
margin-bottom: 2px;
}
.purchase_journey_failed,
.purchase_journey_success {
color: #767676;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
max-width: 400px;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
padding: 40px 40px 30px 40px;
}
.purchase_journey_success {
margin-top: 32px;
}
.purchase_journey_failed {
margin: 32px auto;
}
.purchase_journey_failed .btn {
display: block;
height: 48px;
line-height: 48px;
padding: 0 24px;
}
.purchase_failed_page_title,
.purchase_success_page_title,
.purchase_success_title {
display: block;
text-align: center;
}
.purchase_failed_desc,
.purchase_success_page_title_desc {
display: block;
}
.purchase_failed_desc + .purchase_success_menu_list,
.purchase_success_page_title_desc + .purchase_success_menu_list {
margin-top: 24px;
}
.purchase_failed_desc p,
.purchase_success_page_title_desc p {
padding-bottom: 0;
}
.purchase_failed_desc p + p,
.purchase_success_page_title_desc p + p {
padding-top: 12px;
}
.purchase_failed_desc {
color: #1A1A1A;
line-height: 28px;
}
.purchase_failed_need_help {
font-weight: 500;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 26px;
color: #1A1A1A;
padding: 22px 0 16px 0;
text-align: center;
}
.purchase_failed_list_text {
margin-top: 16px;
}
.purchase_failed_list_text li {
color: #1A1A1A;
}
.purchase_failed_list_text li:last-child {
padding-bottom: 0;
}
.purchase_failed_list_text li a {
color: #1A1A1A;
}
.purchase_failed_list_text li a:hover, .purchase_failed_list_text li a:focus {
color: #007AD0;
}
.purchase_failed_list_text li:before {
top: 9px;
}
.purchase_failed_page_title,
.purchase_success_page_title {
font-size: 20px;
line-height: 28px;
color: #1A1A1A;
font-weight: 500;
position: relative;
padding-bottom: 24px;
}
.purchase_failed_page_title:before {
content: "!";
position: absolute;
top: 1px;
color: #fff;
margin-left: -36px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
background-color: #FF9D9D;
width: 24px;
height: 24px;
text-align: center;
border-radius: 50%;
}
.purchase_success_page_title {
margin-left: 36px;
}
.purchase_success_page_title:before {
content: "";
position: absolute;
top: 0;
margin-left: -36px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-color: #8BE18D;
background-repeat: no-repeat;
background-position: 6px 7px;
width: 24px;
height: 24px;
text-align: center;
border-radius: 50%;
}
.purchase_success_title {
font-size: 18px;
line-height: 26px;
font-weight: 500;
padding-bottom: 12px;
}
.purchase_dy_offer_block {
padding: 24px 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 16px;
color: #1A1A1A;
}
.purchase_dy_offer_block .btn-box {
margin-top: 16px;
}
.purchase_dy_offer_block a.btn {
width: 47.5%;
float: left;
margin: 0;
height: 40px;
line-height: 40px;
padding: 0 24px;
}
.purchase_dy_offer_block a.btn-primary {
margin-right: 2.5%;
}
.purchase_dy_offer_block a.btn-primary-outline {
margin-left: 2.5%;
}
.purchase_failed_req_id,
.purchase_success_req_id {
font-size: 13px;
line-height: 20px;
font-weight: 400;
color: #979797;
text-align: center;
}
.purchase_failed_req_id span,
.purchase_success_req_id span {
display: inline-block;
}
.purchase_failed_menu_list,
.purchase_success_menu_list {
border-top: 1px solid rgba(0, 0, 0, 0.06);
margin-bottom: 24px;
}
.purchase_failed_menu_list li,
.purchase_success_menu_list li {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding: 13px 0 11px 0;
}
.purchase_failed_menu_list li a,
.purchase_success_menu_list li a {
position: relative;
display: block;
padding-right: 20px;
}
.purchase_failed_menu_list li a:hover, .purchase_failed_menu_list li a:focus,
.purchase_success_menu_list li a:hover,
.purchase_success_menu_list li a:focus {
color: #1A1A1A;
}
.purchase_failed_menu_list li a:hover:after, .purchase_failed_menu_list li a:focus:after,
.purchase_success_menu_list li a:hover:after,
.purchase_success_menu_list li a:focus:after {
background: url(../images/arrow_right.svg) no-repeat;
}
.purchase_failed_menu_list li a:after,
.purchase_success_menu_list li a:after {
content: "";
background: url(../images/arrow.svg) no-repeat;
top: 5px;
position: absolute;
width: 8px;
height: 12px;
right: 0;
}
.purchase_journey_step_2 span,
#myob-otp-validation span {
font-size: 13px;
line-height: 15px;
color: #1A1A1A;
display: block;
}
.purchase_journey_step_2 span.error,
#myob-otp-validation span.error {
margin-bottom: 16px;
}
.purchase_journey_step_2 span.d-none,
#myob-otp-validation span.d-none {
display: none;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap,
#myob-otp-validation .purchase_msisdn_field_wrap {
padding: 24px 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
margin-top: 16px;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap > span,
#myob-otp-validation .purchase_msisdn_field_wrap > span {
font-size: 18px;
line-height: 26px;
font-weight: 500;
color: #1A1A1A;
display: block;
padding-bottom: 8px;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap > span.error,
#myob-otp-validation .purchase_msisdn_field_wrap > span.error {
margin-bottom: 16px;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap input[type=tel],
#myob-otp-validation .purchase_msisdn_field_wrap input[type=tel] {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #1A1A1A;
border: 1px solid transparent;
padding: 0;
display: inline-block;
width: 115px;
height: 28px;
vertical-align: middle;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap input[type=tel]:focus, .purchase_journey_step_2 .purchase_msisdn_field_wrap input[type=tel]:hover,
#myob-otp-validation .purchase_msisdn_field_wrap input[type=tel]:focus,
#myob-otp-validation .purchase_msisdn_field_wrap input[type=tel]:hover {
border: 1px solid transparent;
outline: none;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap .num-edit,
#myob-otp-validation .purchase_msisdn_field_wrap .num-edit {
background-position: 0 -67px;
width: 13px;
height: 13px;
text-indent: -999999px;
display: inline-block;
vertical-align: middle;
top: -1px;
position: relative;
cursor: pointer;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap.edit-form-control input[type=tel],
#myob-otp-validation .purchase_msisdn_field_wrap.edit-form-control input[type=tel] {
border: 1px solid rgba(0, 0, 0, 0.08);
padding: 0 5px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.purchase_journey_step_2 .purchase_msisdn_field_wrap.edit-form-control input[type=tel].error,
#myob-otp-validation .purchase_msisdn_field_wrap.edit-form-control input[type=tel].error {
margin-bottom: 0;
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.purchase_journey_step_2 input.myob_payment_input,
#myob-otp-validation input.myob_payment_input {
height: 48px;
line-height: 48px;
background: #F5F5F5;
display: block;
width: 100%;
border: 0;
padding: 0 16px;
border-radius: 3px;
margin: 8px auto 16px auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
}
.purchase_journey_step_2 input.myob_payment_input.error,
#myob-otp-validation input.myob_payment_input.error {
margin-bottom: 0;
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.purchase_journey_step_2 input.myob_payment_input:focus, .purchase_journey_step_2 input.myob_payment_input:hover,
#myob-otp-validation input.myob_payment_input:focus,
#myob-otp-validation input.myob_payment_input:hover {
border: 0;
outline: none;
}
.purchase_journey_step_2 input.myob_payment_input::-moz-placeholder,
#myob-otp-validation input.myob_payment_input::-moz-placeholder {
color: #979797;
opacity: 1;
}
.purchase_journey_step_2 input.myob_payment_input:-ms-input-placeholder,
#myob-otp-validation input.myob_payment_input:-ms-input-placeholder {
color: #979797;
}
.purchase_journey_step_2 input.myob_payment_input::-webkit-input-placeholder,
#myob-otp-validation input.myob_payment_input::-webkit-input-placeholder {
color: #979797;
}
.purchase_journey_step_2 input.myob_payment_input:focus::-webkit-input-placeholder,
#myob-otp-validation input.myob_payment_input:focus::-webkit-input-placeholder {
color: transparent;
}
.purchase_journey_step_2 input.myob_payment_input:focus:-moz-placeholder,
#myob-otp-validation input.myob_payment_input:focus:-moz-placeholder {
color: transparent;
}
.purchase_journey_step_2 input.myob_payment_input:focus::-moz-placeholder,
#myob-otp-validation input.myob_payment_input:focus::-moz-placeholder {
color: transparent;
}
.purchase_journey_step_2 input.myob_payment_input:focus:-ms-input-placeholder,
#myob-otp-validation input.myob_payment_input:focus:-ms-input-placeholder {
color: transparent;
}
.purchase_journey_step_2 .btn,
#myob-otp-validation .btn {
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
display: block;
text-align: center;
height: 48px;
color: #fff;
width: 100%;
padding: 0 24px;
font-size: 18px;
line-height: 48px;
margin-bottom: 24px;
background: #007AD0;
}
.purchase_journey_step_2 .btn + span,
#myob-otp-validation .btn + span {
text-align: center;
}
.purchase_journey_step_2 .purchase_journey_resend_timer,
#myob-otp-validation .purchase_journey_resend_timer {
display: inline-block;
}
.purchase_journey_step_2 .purchase_journey_timer,
.purchase_journey_step_2 .purchase_resend_code,
#myob-otp-validation .purchase_journey_timer,
#myob-otp-validation .purchase_resend_code {
color: #1A1A1A;
padding-top: 12px;
text-align: center;
}
.purchase_journey_step_2 .purchase_journey_timer span,
.purchase_journey_step_2 .purchase_resend_code span,
#myob-otp-validation .purchase_journey_timer span,
#myob-otp-validation .purchase_resend_code span {
color: #1A1A1A;
}
.purchase_journey_step_2 .purchase_journey_timer span.purchase_journey_resend_timer,
.purchase_journey_step_2 .purchase_resend_code span.purchase_journey_resend_timer,
#myob-otp-validation .purchase_journey_timer span.purchase_journey_resend_timer,
#myob-otp-validation .purchase_resend_code span.purchase_journey_resend_timer {
color: #1A1A1A;
}
.purchase_journey_step_2 {
padding-bottom: 40px;
/* margin-top: 24px;*/
}
.purchase_journey_step_2 span {
color: #767676;
}
.purchase_journey_step_2 span.purchase_journey_resend_timer {
color: #1A1A1A;
}
.purchase_journey_step_2 .btn#buy-now-btn {
margin-bottom: 24px;
}
.offer-may-like-block {
padding-top: 64px;
}
.offer-may-like-block .offer-preview-box {
min-height: 195px;
}
.offer-may-like-block .offer-preview-box img {
max-height: 195px;
max-width: none;
}
.page-flexi-plan-activation-success-activated .purchase_journey_success {
margin-top: 32px;
}
.purchase_journey_resend_pin_section {
text-align: center;
}
.page-flexi-plan .header {
height: 80px;
}
.page-flexi-plan .header-fixed-bar {
top: 0;
background: #ffffff;
z-index: 1000;
position: fixed;
width: 100%;
left: 0;
right: 0;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.page-flexi-plan .header-top-blocks,
.page-flexi-plan .header-top-nav-blocks {
display: none;
}
.page-flexi-plan .head-right-block {
float: right;
}
.page-flexi-plan .head-right-block .reset-bx {
position: relative;
top: 2px;
color: #000;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.page-flexi-plan .head-right-block .reset-bx a {
color: #000;
right: 24px;
z-index: 1;
position: absolute;
top: 28px;
display: inline-block;
}
.page-flexi-plan .head-right-block .reset-bx a:hover, .page-flexi-plan .head-right-block .reset-bx a:focus {
color: #007AD0;
}
.page-flexi-plan .head-right-block .myob_reset {
background: url(../images/reset.svg) no-repeat;
width: 16px;
height: 16px;
display: block;
}
.page-flexi-plan .head-right-block .myob_reset_txt {
display: block;
margin-left: 28px;
margin-top: -18px;
position: relative;
}
.page-flexi-plan .head-right-block .step-bx {
color: #979797;
font-size: 13px;
line-height: 15px;
font-weight: 400;
}
.page-flexi-plan .xs-branding-blocks {
position: absolute;
top: 16px;
left: 0;
right: 0;
width: 42px;
height: 40px;
text-align: center;
vertical-align: middle;
margin: 0 auto;
z-index: 32;
}
.page-flexi-plan .xs-close-toggle {
background-position: 16px 28px;
height: 80px;
}
.page-flexi-plan .xs-navigation-blocks {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-flexi-plan .xs-right-bar {
float: right;
padding-top: 18px;
margin-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-flexi-plan .xs-right-bar .xs-header-shop {
position: relative;
top: 1px;
}
.page-flexi-plan .xs-right-bar .xs-header-shop .cart-badge {
display: block;
width: 20px;
height: 20px;
background: #007AD0;
color: #ffffff;
font-size: 10px;
line-height: 20px;
text-indent: initial;
text-align: center;
border-radius: 50%;
position: absolute;
top: -5px;
left: 16px;
}
.page-flexi-plan .tb-megamenu-button {
background: none;
}
.page-flexi-plan .xs-search-back {
background: url(../images/back.svg) no-repeat center center;
width: 40px;
height: 40px;
margin-left: 5px;
vertical-align: middle;
display: none;
position: relative;
top: 20px;
z-index: 1001;
}
.page-flexi-plan .mobile-menu-wrap.open .menu-top-search .region-header-search {
display: inline-block;
top: 0;
position: absolute;
width: auto;
right: 0;
left: 45px;
}
.page-flexi-plan .mobile-menu-wrap.open .menu-top-search .xs-search-back {
display: inline-block;
}
.page-flexi-plan .mobile-menu-wrap.open .menu-top-search .navbar-form {
margin: 0 auto 0 40px;
}
.page-flexi-plan .mobile-menu-wrap.open .menu-top-search .navbar-form .search-submit {
left: 60px;
}
.page-flexi-plan .mobile-top-menu.open.force-hide {
display: none !important;
}
.page-flexi-plan .region-header-search form {
max-width: 100%;
}
.page-flexi-plan .tb-megamenu {
background: none;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner ul.items-2 li.tb-megamenu-item.level-3.mega-group {
padding-bottom: 0;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner ul li.tb-megamenu-item.level-3 {
padding: 0;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner ul li.tb-megamenu-item.level-3:last-child {
padding-bottom: 0;
}
.page-flexi-plan .tb-megamenu .custom-dropmenu > .mega-dropdown-inner > .row-fluid > .mega-col-nav {
width: 100%;
float: none;
padding: 0;
margin: 0;
}
.page-flexi-plan .tb-megamenu .nav > li.dropdown.active-trail > .mega-dropdown-menu {
left: auto;
right: auto;
height: auto;
border: none;
}
@media (min-width: 1295px) {
.page-flexi-plan .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner,
.page-flexi-plan .tb-megamenu .nav-collapse.always-show {
padding: 0;
z-index: 9999;
position: absolute;
width: 100%;
margin: 0;
}
}
.page-flexi-plan .tb-megamenu .lev-3-mnu-back,
.page-flexi-plan .tb-megamenu .lev-2-mnu-back {
background: url(../images/back.svg) no-repeat center center;
width: 40px;
height: 40px;
text-indent: -999999px;
vertical-align: middle;
display: inline-block;
position: relative;
}
.page-flexi-plan .tb-megamenu .lev-3-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .lev-2-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .lev-2-mnu-back + a.dropdown-toggle.tb-megamenu-clicked {
display: inline-block;
}
.page-flexi-plan .tb-megamenu .btn-navbar {
border: 0;
text-shadow: none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
padding: 16px 0 16px 16px;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-item.level-1 {
display: none;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-item.level-1.active.active-trail {
display: block;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-item.level-1.active.active-trail > a.dropdown-toggle {
display: none;
}
.page-flexi-plan .tb-megamenu .mega-nav > li a {
display: block;
float: none;
}
.page-flexi-plan .tb-megamenu .dropdown-submenu > a:after {
display: none;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .active > a {
background: none;
box-shadow: none;
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .active > a:hover, .page-flexi-plan .tb-megamenu .dropdown-menu .active > a:focus {
background: none;
box-shadow: none;
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li a {
display: block;
float: none;
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0;
margin-left: 0;
}
.page-flexi-plan .tb-megamenu .row-fluid [class*="span"] {
min-height: 0;
}
.page-flexi-plan .tb-megamenu .row-fluid {
width: 100%;
}
.page-flexi-plan .tb-megamenu .mega-inner {
padding: 0;
}
.page-flexi-plan .tb-megamenu .nav-collapse .nav > li {
float: none;
}
.page-flexi-plan .tb-megamenu .nav-collapse .nav > li > a {
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu .nav-collapse .nav > li > a:focus, .page-flexi-plan .tb-megamenu .nav-collapse .nav > li > a:hover, .page-flexi-plan .tb-megamenu .nav-collapse .nav > li > a:active {
border-bottom: 1px solid transparent;
}
.page-flexi-plan .tb-megamenu .nav-collapse .dropdown-menu {
background: #fff;
display: block;
float: none;
position: static;
}
.page-flexi-plan .tb-megamenu .nav-collapse .dropdown-menu a {
color: #1A1A1A;
}
.page-flexi-plan .level-3 > .tb-megamenu-submenu.force-hide {
display: none !important;
}
.page-flexi-plan .level-2 > .tb-megamenu-submenu.dropdown-menu.force-show {
display: block !important;
}
.page-flexi-plan .level-2 > .tb-megamenu-submenu.dropdown-menu.force-hide {
display: none !important;
}
.page-flexi-plan .top-search.xs-top-search.force-hide {
display: none !important;
}
.page-flexi-plan .mobile-top-menu {
display: none;
position: absolute;
left: 0;
right: 0;
top: 10px;
background: #ffffff;
height: 40px;
z-index: 999999;
}
.page-flexi-plan .mobile-top-menu .force-hide,
.page-flexi-plan .mobile-top-menu .top-search {
display: none;
}
.page-flexi-plan .mobile-top-menu.open {
display: block;
}
.page-flexi-plan .mobile-top-menu.open.force-hide {
display: none;
}
.page-flexi-plan .mobile-top-menu.open .content {
display: block;
}
.page-flexi-plan .mobile-top-menu.open .content ul {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
padding-left: 8px;
}
.page-flexi-plan .mobile-top-menu.open .content ul li {
list-style-image: none;
list-style-type: none;
display: inline-block;
font-weight: normal;
font-size: 14px;
line-height: 20px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0 8px;
margin: 0;
}
.page-flexi-plan .mobile-top-menu.open .content ul li.bn a, .page-flexi-plan .mobile-top-menu.open .content ul li.en a {
color: #1A1A1A;
}
.page-flexi-plan .mobile-top-menu.open .content ul li a {
color: #767676;
border-bottom: 1px solid transparent;
padding: 0 0 5px 0;
}
.page-flexi-plan .mobile-top-menu.open .content ul li a:hover, .page-flexi-plan .mobile-top-menu.open .content ul li a:focus {
color: #1A1A1A;
border-color: #00AAF8;
}
.page-flexi-plan .mobile-top-menu.open .content ul li.active-trail a.active.active-trail {
color: #1A1A1A;
font-weight: bold;
border-color: #00AAF8;
}
.page-flexi-plan #block-menu-menu-topbar-menu.open {
display: block;
}
.page-flexi-plan .mobile-menu-wrap {
height: 100vh;
top: 0;
bottom: 0;
width: 0;
position: fixed;
background: #ffffff;
z-index: 999999;
}
.page-flexi-plan .mobile-menu-wrap.open {
background: #ffffff;
z-index: 999999;
width: 316px;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search {
display: block;
top: 40px;
height: 60px;
width: 100%;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search .autocompletegp {
display: none;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search {
top: 0;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search.menu-top-search .autocompletegp {
display: block;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search .navbar-form {
padding: 0 16px;
margin: 0 auto;
position: relative;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp {
box-shadow: none;
margin-top: 16px;
width: 100%;
max-width: 100%;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
left: -20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp ul {
margin: 0;
list-style: none;
padding: 0;
text-align: left;
}
.page-flexi-plan .mobile-menu-wrap.open .top-search.xs-top-search .navbar-form .autocompletegp ul li {
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 19px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search {
display: block;
position: relative;
top: auto;
left: auto;
right: auto;
background: none;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search:before {
display: none;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .form-text {
font-size: 16px;
line-height: 26px;
font-weight: normal;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .form-control {
background: #f5f5f5;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .form-control:hover, .page-flexi-plan .mobile-menu-wrap.open .region-header-search .form-control:focus {
border-color: transparent;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .search-submit {
top: 0;
left: 16px;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search h2 {
display: none;
}
.page-flexi-plan .tb-megamenu .span3.mega-col-nav {
width: 100% !important;
margin-left: 0 !important;
}
.page-flexi-plan .tb-megamenu .dropdown-menu {
border-bottom: 0;
box-shadow: none;
}
.page-flexi-plan .tb-megamenu .dropdown-menu li > a:hover,
.page-flexi-plan .tb-megamenu .dropdown-menu li > a:focus,
.page-flexi-plan .tb-megamenu .dropdown-submenu:hover > a {
color: #1A1A1A;
border-left: 3px solid #007AD0;
}
.page-flexi-plan .tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title {
border-bottom: 0;
border-left: 3px solid transparent;
padding: 0;
display: inline-block;
background: none;
margin: 0 0 20px 5px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title .caret {
display: none !important;
}
.page-flexi-plan .tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title + .tb-megamenu-submenu {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.page-flexi-plan .tb-megamenu .menu-stp-1 .dropdown-menu .mega-nav > li a.dropdown-toggle {
display: block !important;
}
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child > a,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a {
margin: 0;
padding: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-left: 3px solid transparent;
}
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child > a:hover, .page-flexi-plan .tb-megamenu .mega-nav > li:first-child > a:focus,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a:hover,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a:focus {
border-left: 3px solid #007AD0;
}
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child > a.tb-megamenu-clicked,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a.tb-megamenu-clicked {
border-bottom: 0;
border-left: 3px solid transparent;
background: none;
padding: 0;
margin: 0 0 20px 5px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child > a.tb-megamenu-clicked .caret,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a.tb-megamenu-clicked .caret {
display: none !important;
}
.page-flexi-plan .tb-megamenu .nav-collapse .nav li a {
margin: 0;
padding: 16px;
border-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-left: 3px solid transparent;
}
.page-flexi-plan .tb-megamenu .nav-collapse .nav li a:hover, .page-flexi-plan .tb-megamenu .nav-collapse .nav li a:focus {
border-left: 3px solid #007AD0;
}
.page-flexi-plan .tb-megamenu .always-show .caret,
.page-flexi-plan .tb-megamenu .sub-hidden-collapse .caret,
.page-flexi-plan .tb-megamenu .nav .active .dropdown-toggle .caret {
background-image: url("data:image/svg+xml;charset=utf-8,");
background-position: right center;
background-repeat: no-repeat;
width: 8px;
height: 12px;
float: right;
margin: 5px 0 0 0;
border: 0;
display: inline-block !important;
}
.page-flexi-plan .tb-megamenu .nav-collapse {
margin-top: 0;
top: 54px;
}
.page-flexi-plan .tb-megamenu .nav-collapse > .tb-megamenu-nav {
max-height: 480px;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.page-flexi-plan .tb-megamenu .mega-nav .mega-group > .mega-group-title,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.page-flexi-plan .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
padding: 16px;
font-weight: normal;
text-transform: none;
}
.page-flexi-plan .xs-backdrop.open {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.56);
}
.page-flexi-plan .slide-menu-xs {
position: fixed;
left: -360px;
height: 100vh;
width: 0;
z-index: 999999;
top: 0;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
animation-direction: normal;
animation-duration: 0.5s;
-webkit-transition: all .5s;
transition: all .5s;
}
.page-flexi-plan .slide-menu-xs.open {
left: 0;
width: 360px;
animation: slide-right 0.5s;
}
.page-flexi-plan .xs-close-off {
position: absolute;
background: #F5F5F5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 44px;
width: 0;
left: 0;
line-height: 44px;
top: 0;
text-align: center;
z-index: 9999999;
}
.page-flexi-plan .xs-close-off.open {
left: 316px;
width: 44px;
max-width: 44px;
}
.page-flexi-plan .xs-close-off.open .xs-close {
display: block;
margin: auto;
cursor: pointer;
}
.page-flexi-plan .tb-megamenu .btn-navbar.tb-megamenu-button {
display: none;
}
.page-flexi-plan .tb-megamenu .nav-collapse.menu-stp-2,
.page-flexi-plan .tb-megamenu .nav-collapse.menu-stp-3,
.page-flexi-plan .tb-megamenu .nav-collapse.menu-stp-4 {
top: 12px;
}
.page-flexi-plan .tb-megamenu .menu-stp-3 .span12.mega-col-nav .mega-inner {
padding: 0;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-menu.force-hide {
display: none !important;
}
.flexi-plan .footer-small p {
padding-bottom: 0;
}
@media (min-width: 768px) {
.offer-may-like-block .owl-carousel.row {
width: auto;
display: block;
}
}
@media (min-width: 1297px) {
.page-flexi-plan .header .tb-megamenu .dropdown-submenu > .dropdown-menu {
box-shadow: none;
}
.page-flexi-plan .tb-megamenu ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title {
position: relative;
top: 1px;
}
.page-flexi-plan .tb-megamenu .tb-megamenu-submenu > .mega-dropdown-inner {
position: relative;
}
.page-flexi-plan .tb-megamenu .row-fluid .span3,
.page-flexi-plan .tb-megamenu .row-fluid .span4,
.page-flexi-plan .tb-megamenu .row-fluid .span5 {
width: 100% !important;
float: none !important;
margin-left: 0 !important;
}
.page-flexi-plan .tb-megamenu .dropdown-submenu > .dropdown-menu {
padding-top: 5px;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle {
display: inline-block !important;
margin: 0 0 0 5px;
padding: 0;
border-bottom: 0;
border-left: 3px solid transparent;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #1A1A1A;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle span.caret,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle span.caret,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle span.caret,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle span.caret {
display: none !important;
}
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle + .dropdown-menu,
.page-flexi-plan .tb-megamenu .dropdown-menu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle + .dropdown-menu,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-3-mnu-back + a.dropdown-toggle + .dropdown-menu,
.page-flexi-plan .tb-megamenu .mega-nav > li:first-child .lev-2-mnu-back + a.dropdown-toggle + .dropdown-menu {
padding-top: 20px !important;
}
.page-flexi-plan .tb-megamenu .lev-2-mnu-back {
top: -2px;
margin-left: 5px;
}
.page-flexi-plan .tb-megamenu .lev-3-mnu-back {
top: -1px;
left: 0;
margin-left: 6px;
}
}
@media (max-width: 1296px) {
.page-flexi-plan .head-right-block .reset-bx {
top: -7px;
}
.page-flexi-plan .header,
.page-flexi-plan .xs-navigation-blocks {
height: 57px;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .search-submit {
top: 0;
left: 16px;
}
.page-flexi-plan .col-xs-12.myob_landing_body {
width: 66.66666667%;
}
.page-flexi-plan .xs-branding-blocks {
top: 9px;
}
.page-flexi-plan .xs-branding-blocks span.hidden-xs {
display: none !important;
}
.page-flexi-plan .xs-branding-blocks span.hidden-md {
display: block !important;
}
.page-flexi-plan .xs-close-toggle {
top: 0;
background-position: 16px 16px;
height: 56px;
}
.page-flexi-plan .tb-megamenu .lev-2-mnu-back + a.dropdown-toggle,
.page-flexi-plan .tb-megamenu .lev-2-mnu-back + a.dropdown-toggle.tb-megamenu-clicked {
display: inline-block !important;
}
}
@media (max-width: 1280px) {
.lev-2-mnu-back, .lev-3-mnu-back {
top: -3px;
margin-left: 5px;
}
ul.tb-megamenu-subnav.level-2 li.level-3 span.lev-3-mnu-back + a.mega-group-title {
top: 0;
}
}
@media (max-width: 1200px) {
.myob_right_side_bar {
padding-left: 60px;
}
}
@media (max-width: 1025px) {
.myob_right_side_bar {
padding-left: 40px;
}
}
@media (max-width: 767px) {
.myob_sidebar_first_block {
width: 66.6667%;
margin: auto;
}
.col-sm-8.col-md-8.myob_landing_body {
margin: auto;
float: none;
display: block;
}
.col-sm-4.col-md-4.myob_right_side_bar {
position: fixed;
/* z-index: 9999999999;*/
z-index: 99;
bottom: 0;
padding: 18px 12px 16px 12px;
margin: 0;
background: #F5F5F5;
width: 100%;
}
.col-sm-4.col-md-4.myob_right_side_bar #bundle-reset-btn {
display: none;
}
.col-sm-12.myob_mob_stky_right {
width: 28%;
}
.col-sm-12.myob_footer_right {
width: 72%;
}
.col-sm-12.myob_footer_right #buy-now-btn {
float: right;
color: #fff;
max-width: 76px;
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 24px;
margin: 13px auto 0;
}
.col-sm-12.myob_footer_right #myob_bttom_stky_left {
float: left;
width: 65%;
padding-left: 4px;
}
.col-sm-12.myob_footer_right #myob_bttom_stky_right {
float: right;
width: 35%;
}
.myob_bonus_num {
font-size: 27px;
line-height: 20px;
}
.myob_bonus_text {
font-size: 14px;
line-height: 16px;
padding: 3px 0 0 21px;
}
.myob_sidebar_second_block {
display: none;
}
.myob-color-stripe {
padding-top: 6px;
}
.myob-color-stripe ul {
width: 20px;
}
.myob-color-stripe ul li {
width: 8px;
height: 8px;
margin: 0 0 6px 0;
}
.myob_gray_bar {
width: 3px;
height: 3px;
text-indent: -999999px;
background: rgba(0, 0, 0, 0.24);
vertical-align: middle;
margin: 8px 3px 0 3px;
}
.myob_sidebar {
margin: 0;
}
.myob_sidebar .flxpln-sml-terms {
font-size: 12px;
line-height: 20px;
padding: 0;
}
.myob_sidebar #bundle-price {
font-size: 17px;
line-height: 21px;
font-weight: 500;
}
.myob_sidebar p {
font-size: 17px;
line-height: 21px;
padding: 0;
font-weight: 500;
}
.myob_sidebar .myob_smll_device_selected_items {
display: block;
}
.myob_sidebar .myob_smll_device_selected_items span {
float: left;
display: inline-block;
*zoom: 1;
}
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-data,
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-voice,
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-sms {
font-size: 12px;
line-height: 20px;
color: #767676;
font-weight: 400;
}
.myob_heading {
text-align: center;
}
.myob_heading_text {
display: none;
}
.gp_myob_ur_plan {
line-height: 15px;
}
.purchase_terms_wrap {
padding-top: 16px;
margin-top: 0;
}
.myob_mob_sms_list li,
.myob_mob_validity_list li,
.myob_mob_voice_list li,
.myob_mob_internet_list li {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 10px;
margin: 2px 0 8px 8px;
}
.myob_landing_body {
padding-top: 16px;
}
.myob_landing_body h3 {
font-size: 16px;
line-height: 24px;
}
.myob_heading {
font-size: 20px;
line-height: 36px;
font-weight: normal;
padding: 0;
}
.myob_green,
.myob_red {
font-size: 16px;
line-height: 24px;
}
.page-flexi-plan-your-plan .footer {
display: none;
}
.page-flexi-plan .mobile-menu-wrap.open .region-header-search .search-submit {
top: 17px;
left: 16px !important;
}
.page-flexi-plan .head-right-block .reset-bx {
top: 36px;
}
.page-flexi-plan .head-right-block .reset-bx a {
top: 0;
}
.offer-may-like-block .row {
margin: 0;
}
.offer-may-like-block .row .owl-stage-outer {
margin-right: -32px;
}
.offer-may-like-block .row.owl-carousel .owl-nav {
display: none;
}
.offer-may-like-block .row.owl-carousel .owl-nav button.owl-prev {
left: -32px;
}
.offer-may-like-block .row.owl-carousel .owl-nav button.owl-next {
right: -32px;
}
}
@media (max-width: 600px) {
.myob_sidebar .flxpln-sml-terms {
font-size: 11px;
line-height: 20px;
}
.myob_sidebar #bundle-price {
font-size: 15px;
line-height: 21px;
}
.myob_sidebar p {
font-size: 15px;
line-height: 21px;
}
.myob_bonus_num {
font-size: 24px;
}
.page-flexi-plan .col-xs-12.myob_landing_body {
width: 100%;
margin: auto;
}
.myob_sidebar_first_block {
width: 100%;
margin: auto;
}
}
@media (max-width: 500px) {
.page-flexi-plan .header {
height: 57px;
position: relative;
}
.page-flexi-plan .header .xs-navigation-blocks {
position: fixed;
}
h2.myob_heading {
padding: 10px 0 0 0;
}
.myob_landing_body {
padding-top: 0;
}
.myob_landing_body h3 {
padding-bottom: 0;
}
.myob_plan_sticky_footer {
position: fixed;
z-index: 10;
background: #F5F5F5;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
width: 100%;
}
.myob_plan_sticky_footer form {
margin: 0;
padding: 0;
}
.myob_plan_sticky_footer form input.myob_plan_txt_input {
display: inline-block;
vertical-align: middle;
height: 40px;
line-height: 40px;
border: 0;
width: 80%;
margin-right: 2%;
background-color: #fff;
background-position: 8px 9px;
float: left;
color: #1A1A1A;
}
.myob_plan_sticky_footer form .btn#buy-now-btn {
width: 18%;
min-width: auto;
margin: 0;
height: 40px;
line-height: 40px;
font-size: 16px;
max-width: 100%;
display: inline-block;
float: right;
}
.gp-myob-ui-data,
.gp-myob-ui-voice,
.gp-myob-ui-validity {
padding: 12px 0 6px 0;
}
.purchase_journey_failed,
.purchase_journey_success,
.purchase_journey,
.gp_myob_ur_plan {
max-width: 100%;
border: 0;
margin: 0 auto;
border-radius: 0;
padding: 24px 8px;
}
.offer-may-like-block {
padding-top: 20px;
}
#flxtermsModal {
margin-top: 24px;
text-align: left;
color: #1A1A1A;
}
#flxtermsModal .modal-header {
border: 0;
}
#flxtermsModal .modal-content {
max-width: 90%;
}
#flxtermsModal .modal-content ul {
margin: 0 0 24px 0;
}
.myob_plan_sticky_footer form input.myob_plan_txt_input {
width: 73%;
}
.myob_plan_sticky_footer form .btn#buy-now-btn {
width: 25%;
}
.error-snackbar.msisdn_error_snackbar, .error-snackbar.flxipln_error_snackbar {
margin: auto;
bottom: 0;
}
.error-snackbar.msisdn_error_snackbar.open, .error-snackbar.flxipln_error_snackbar.open {
bottom: 100px;
-webkit-animation: fadein 0.8s, fadeout 0.8s 2.5s;
animation: fadein 0.8s, fadeout 0.8s 2.5s;
}
.myob_lbl_anynet {
font-size: 12px;
line-height: 18px;
}
.purchase_journey_success {
margin-top: 0;
}
.purchase_journey_failed {
margin: 0 auto;
}
.purchase_journey_failed .btn {
height: 40px;
line-height: 40px;
}
.page-flexi-plan-activation-success-activated .purchase_journey_success {
margin-top: 0;
}
.page-flexi-plan-activation-success-activated.page-flexi-plan-activation-success .xs-navigation-blocks {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.purchase_journey_insufficient_balance .btn {
height: 48px;
line-height: 48px;
}
.flexi-plan .footer.footer-small {
border-top: 0;
padding: 0;
}
}
@media (max-width: 480px) {
.myob_plan_sticky_footer form input.myob_plan_txt_input {
width: 67%;
}
.myob_plan_sticky_footer form .btn#buy-now-btn {
width: 30%;
}
.offer-may-like-block .row {
margin: 0;
}
.offer-may-like-block .row .owl-stage-outer {
margin-right: -32px;
}
.offer-may-like-block .row.owl-carousel .owl-nav button.owl-prev {
left: -32px;
}
.offer-may-like-block .row.owl-carousel .owl-nav button.owl-next {
right: -32px;
}
}
@media (max-width: 420px) {
.myob_plan_sticky_footer form input.myob_plan_txt_input {
width: 61%;
}
.myob_plan_sticky_footer form .btn#buy-now-btn {
width: 35%;
}
.error-snackbar {
max-width: 90%;
}
}
@media (max-width: 375px) and (min-width: 360px) {
.gp-myob-ui-matrix .gp-myob-ui-voice h3 {
letter-spacing: -.15px;
}
.gp-myob-ui-matrix .col-xs-4 {
width: 28%;
}
.gp-myob-ui-matrix .col-xs-8 {
width: 72%;
}
}
@media (max-width: 360px) {
.myob_plan_sticky_footer form .btn#buy-now-btn {
max-width: 113px;
}
}
@media (max-width: 359px) {
.page-flexi-plan .mobile-menu-wrap.open {
width: 276px;
}
.page-flexi-plan .mobile-menu-wrap.open .content ul li.en {
width: 24px;
padding: 3px 0 0 0;
display: inline-block;
overflow: hidden;
}
.page-flexi-plan .mobile-menu-wrap.open .content ul li.en a {
padding: 0;
}
.page-flexi-plan .xs-close-off.open {
left: 276px;
}
.page-flexi-plan .slide-menu-xs {
left: -320px;
}
.page-flexi-plan .slide-menu-xs.open {
width: 320px;
}
.myob_plan_sticky_footer form .btn#buy-now-btn {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.myob-color-stripe ul {
width: 16px;
}
.myob_smll_device_selected_items .myob-bundle-data,
.myob_smll_device_selected_items .myob-bundle-voice,
.myob_smll_device_selected_items .myob-bundle-sms {
font-size: 11px;
}
.myob_bonus_num {
font-size: 20px;
line-height: 20px;
}
.myob_bonus_text {
padding: 2px 0 0 18px;
}
}
@media (max-width: 320px) {
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-data,
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-voice,
.myob_sidebar .myob_smll_device_selected_items .myob-bundle-sms {
font-size: 11px;
}
}
.offers-landing .gpc-listing-view-offers.owl-carousel {
display: block;
}
a.lmore, .more-button {
position: relative;
color: #007AD0;
}
a.lmore:after, .more-button:after {
content: "";
background: url(../images/arrow.svg) no-repeat;
top: 4px;
position: absolute;
width: 12px;
height: 12px;
right: -20px;
}
.star-wrapper {
margin: 45px auto;
}
.star-wrapper .purchase_success_menu_list li {
font-size: 16px;
line-height: 26px;
}
.star-wrapper .not-a-star {
font-size: 16px;
line-height: 26px;
color: #767676;
}
.star-wrapper .not-a-star a.details-box h3 {
margin-top: 16px;
}
.star-wrapper .not-a-star a.details-box p {
color: #767676;
font-size: 16px;
line-height: 26px;
padding-bottom: 16px;
}
.star-wrapper .not-a-star h2 {
font-size: 28px;
line-height: 36px;
}
@media (max-width: 767px) {
.star-wrapper {
margin-bottom: 0;
margin-top: 10px;
padding-bottom: 0;
}
}
.gp-star-landing-block {
text-align: center;
overflow: hidden;
clear: both;
font-size: 16px;
line-height: 26px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin-bottom: 30px;
}
.gp-star-landing-block .star-top-gap {
margin: 45px 0;
}
.gp-star-landing-block .views-row {
padding-bottom: 30px;
overflow: hidden;
}
.gp-star-landing-block .views-row p {
color: #767676;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.gp-star-landing-block .views-row p {
padding-bottom: 15px;
}
}
.gp-star-landing-block a {
color: #767676;
}
.gp-star-landing-block a h3 {
color: #1A1A1A;
}
.gp-star-landing-block h3 {
font-size: 20px;
line-height: 30px;
padding: 10px 0;
}
@media (min-width: 768px) and (max-width: 992px) {
.gp-star-landing-block p {
height: 50px;
}
}
.sp-gp-star-offers {
text-align: center;
clear: both;
font-size: 16px;
line-height: 26px;
margin: 30px 0;
padding-bottom: 30px;
}
.sp-gp-star-offers a {
color: #1A1A1A;
}
.sp-gp-star-offers .sp-thumbnail-wrapper {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 36px;
}
.sp-gp-star-offers .sp-thumbnail-wrapper:hover {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.sp-gp-star-offers .sp-thumbnail-wrapper:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.sp-gp-star-offers .sp-thumbnail-wrapper .img-wrap {
/*min-height: 240px;*/
position: relative;
overflow: hidden;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
text-align: center;
margin: 0 auto;
}
.sp-gp-star-offers .sp-thumbnail-wrapper .img-wrap img {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: transparent;
}
.sp-gp-star-offers .sp-thumbnail-wrapper .sp-thumbnail-content {
padding: 16px 24px;
}
.sp-gp-star-offers .sp-thumbnail-wrapper .sp-thumbnail-content p {
color: #767676;
position: relative;
padding-bottom: 0;
}
.sp-gp-star-offers .sp-thumbnail-wrapper .sp-thumbnail-content p:after {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 4px;
height: 14px;
width: 14px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(../images/icon_chevron-right.svg);
}
.sp-gp-star-offers .sp-thumbnail-wrapper .sp-thumbnail-content h3 {
padding-bottom: 8px;
font-size: 20px;
line-height: 28px;
}
@media (max-width: 767px) {
.sp-gp-star-offers .sp-thumbnail-wrapper .img-wrap {
min-height: auto;
}
}
@media (max-width: 767px) {
.sp-gp-star-offers .offers-landing .col-xs-12 {
max-width: 280px;
padding: 0;
}
}
.resend {
display: block;
text-align: center;
}
.resend span {
display: inline-block;
}
.resend a {
display: block;
}
.resend .d-none {
display: none;
}
.d-none {
display: none;
}
.msg-small {
font-size: 13px;
}
.c-star-status {
max-width: 100%;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.12);
margin: 0 auto 40px auto;
overflow: hidden;
clear: both;
padding: 40px;
border-radius: 2px;
text-align: center;
}
.c-star-status .c-star-left,
.c-star-status .c-star-right {
padding-right: 0;
padding-left: 0;
}
.c-star-status p {
font-size: 16px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
line-height: 26px;
font-weight: normal;
}
.c-star-status .form-control {
display: inline;
padding: 0 5px 0 35px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 8px 13px;
background-color: #f5f5f5;
font-size: 14px;
line-height: 26px;
border: 1px solid #f5f5f5;
}
@media (max-width: 767px) {
.c-star-status .c-star-left img {
width: 48px;
max-width: none;
}
.c-star-status .form-wrapper {
margin-bottom: 20px;
}
.c-star-status .btn-primary {
width: 100%;
}
.c-star-status .btn-primary.spining {
color: transparent;
}
.c-star-status .c-star-msg {
margin-top: 15px;
}
}
@media (min-width: 768px) {
.c-star-status {
text-align: left;
max-width: 982px;
width: 100%;
}
.c-star-status img {
float: left;
}
.c-star-status .c-star-msg {
float: left;
padding-left: 30px;
}
.c-star-status .c-star-msg h3 {
padding-bottom: 5px;
}
.c-star-status .c-star-msg p {
padding-bottom: 0;
font-size: 16px;
line-height: 26px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.c-star-status .c-star-msisdn {
margin-top: 8px;
overflow: hidden;
}
.c-star-status .c-star-msisdn .form-wrapper {
width: 60%;
float: left;
}
.c-star-status .c-star-msisdn .submit-wrapper {
float: right;
width: 40%;
}
.c-star-status .c-star-msisdn .btn-primary {
float: right;
}
.c-star-status .c-star-msisdn .btn-primary.spining {
color: transparent;
}
}
@media (min-width: 768px) and (max-width: 1140px) {
.c-star-status {
text-align: center;
}
.c-star-status img {
float: none;
}
.c-star-status .c-star-msg {
float: none;
}
.c-star-status .c-star-msisdn {
margin-top: 8px;
}
.c-star-status .c-star-msisdn .submit-wrapper,
.c-star-status .c-star-msisdn .form-wrapper {
float: none;
display: block;
width: 100%;
}
.c-star-status .c-star-msisdn .form-wrapper {
margin: 0 0 16px 0;
width: 100%;
}
.c-star-status .c-star-msisdn .btn-primary {
float: none;
display: block;
margin: 0;
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1365px) {
.c-star-status .c-star-msg {
padding-left: 20px;
}
}
.not-a-star {
text-align: center;
margin-bottom: 30px;
}
.page-star-program-check-status .breadcrumb {
display: none;
}
.star-tags {
font-size: 16px;
line-height: 26px;
color: #1A1A1A;
}
.star-tags ul {
list-style: none;
padding-left: 0;
}
.star-tags ul li {
list-style: none;
margin: 15px 0;
}
.star-tags img {
height: 32px;
margin-right: 10px;
}
.a-star span.st-name, .not-a-star span.st-name {
font-weight: 500;
}
.a-star .st-current-status, .not-a-star .st-current-status {
background: #B0F0B2;
border-radius: 12px;
font-size: 12px;
line-height: 24px;
display: inline-block;
padding: 0 16px;
font-weight: bold;
color: #1A1A1A;
margin-left: 15px;
}
.a-star h3, .not-a-star h3 {
font-size: 20px;
line-height: 28px;
color: #000000;
}
.a-star h2, .not-a-star h2 {
color: #1A1A1A;
font-weight: 300;
}
.check-star h2 {
color: #1A1A1A;
font-weight: 300;
}
.star-otp-page .purchase_msisdn_field_wrap {
border-top: none;
margin-top: none;
padding-top: 0;
}
.star-otp-page input.myob_payment_input {
margin-bottom: 5px;
}
.star-otp-page input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.star-otp-page input.btn {
margin-top: 10px;
}
.star-otp-page input.btn.spining {
color: transparent;
}
.star-otp-page span.error {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
margin-bottom: 10px;
}
.submit-wrapper {
position: relative;
}
.submit-wrapper input {
position: relative;
}
.submit-wrapper input.spining {
color: transparent;
}
.submit-wrapper input.spining:focus, .submit-wrapper input.spining:hover {
color: transparent;
}
.submit-wrapper span.spining {
border: 3px solid #ffffff;
border-top: 3px solid transparent;
border-radius: 50%;
width: 25px;
height: 25px;
animation: load8 2s linear infinite;
position: absolute;
top: 10px;
left: 48%;
display: inline-block;
}
.myplan.page-node-5358 .page-title, .page-node-5734 .page-title {
display: none;
}
.myplan.page-node-5358 .mypage-title, .page-node-5734 .mypage-title {
padding-bottom: 20px;
}
.my-plan-billpay {
margin: auto;
max-width: 400px;
border: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 64px;
}
.my-plan-billpay .content {
padding: 40px;
}
.my-plan-billpay .content label {
font-size: 13px;
line-height: 16px;
vertical-align: top;
}
.my-plan-billpay .form-item {
margin-top: 0;
margin-bottom: 24px;
}
.my-plan-billpay .form-item span.offer-msg {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
text-align: left;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.my-plan-billpay .form-item.has-error input {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.my-plan-billpay .form-item.has-error span.offer-msg {
display: block;
font-size: 13px;
line-height: 20px;
font-weight: normal;
text-align: left;
color: #1A1A1A;
border-bottom: 1px solid #FFB4B4;
padding-top: 6px;
padding-bottom: 4px;
}
.my-plan-billpay .btn-flexiload {
height: 48px;
}
@media (min-width: 768px) {
.my-plan-billpay {
border-radius: 3px;
}
}
@media (max-width: 767px) {
.my-plan-billpay {
border: none;
}
.my-plan-billpay .content {
padding: 8px;
}
}
.my-plan-priceplan {
margin-top: 30px;
clear: both;
overflow: hidden;
}
.mypage-title .title-center {
text-align: center;
}
/* gp star start */
/*.element-invisible + .date-year,
.graph-container,*/
.star-offers .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.star-offers .bootstrap-select .dropdown-toggle:hover,
.star-offers .bootstrap-select .dropdown-toggle:focus {
outline: 0 none !important;
background: #F5F5F5;
}
.star-offers .bootstrap-select .dropdown-menu {
min-width: 100%;
z-index: 20;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
top: 120%;
background: #fff;
border-radius: 3px;
max-height: 235px;
overflow-y: auto;
padding: 12px 0;
border: 0;
}
.star-offers .bootstrap-select .dropdown-menu.open {
margin: 0;
padding: 0;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner > li > a {
white-space: normal;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner > li > a:hover, .star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner > li > a:focus {
background: none;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 16px;
line-height: 20px;
color: #1A1A1A;
padding: 5px 0;
height: auto;
display: block;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li:hover, .star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li:focus {
background: none;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.selected {
color: #1A1A1A;
background: none;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.selected a {
background: none;
color: #1A1A1A;
}
.star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.selected a:hover, .star-offers .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.selected a:focus {
background: none;
}
.star-offers .bootstrap-select > .dropdown-toggle {
padding: 0 16px;
height: 48px;
line-height: 48px;
border: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
background: #F5F5F5;
border-radius: 3px;
box-shadow: none;
width: 100%;
outline: 0 none;
white-space: normal;
}
.star-offers .bootstrap-select > .dropdown-toggle:focus, .star-offers .bootstrap-select > .dropdown-toggle:hover {
outline: 0 none;
}
.star-offers .bootstrap-select .dropdown-toggle.btn {
outline: 0 none;
}
.star-offers .bootstrap-select .dropdown-toggle.btn:focus, .star-offers .bootstrap-select .dropdown-toggle.btn:hover {
outline: 0 none;
}
.star-offers .bootstrap-select .dropdown-toggle .caret {
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 30px;
height: 48px;
background-repeat: no-repeat;
background-position: 5px 20px;
border: 0;
border-radius: 0;
top: 0;
right: 0;
font-size: 0;
line-height: 48px;
margin: 0;
}
.star-offers .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden;
height: 48px;
}
.star-offers .bootstrap-select .dropdown-toggle .filter-option-inner-inner:focus, .star-offers .bootstrap-select .dropdown-toggle .filter-option-inner-inner:hover,
.star-offers .bootstrap-select .dropdown-toggle .filter-option:focus,
.star-offers .bootstrap-select .dropdown-toggle .filter-option:hover {
outline: 0 none;
}
.star-offers .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.star-offers .pager {
margin-top: 40px;
}
.star-offers .view-filters {
position: relative;
}
.star-offers .view-filters .ajax-progress-throbber {
top: 90px;
}
.star-offers .pager__item {
position: relative;
}
.star-offers .pager__item .ajax-progress .throbber,
.star-offers .pager__item .ajax-progress .throbber:after {
width: 25px;
height: 25px;
}
.star-offers .pager__item .ajax-progress-throbber {
background: #ffffff;
-webkit-animation: load8 10s infinite linear;
animation: load8 10s infinite linear;
box-shadow: none;
width: 25px;
height: 25px;
line-height: 25px;
}
.star-offers .pager__item .ajax-progress-throbber .throbber {
top: 0;
background: #ffffff;
border-top: 3px solid rgba(0, 0, 0, 0.32);
border-right: 3px solid rgba(0, 0, 0, 0.32);
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.star-offers .pager__item a {
border-color: rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
border-radius: 3px;
padding: 0 24px;
line-height: 48px;
height: 48px;
font-weight: 400;
font-size: 18px;
text-align: center;
box-shadow: none;
display: inline-block;
}
.star-offers .pager__item a:hover {
background: none;
}
.star-offers .pager__item a.progress-disabled {
background: #ffffff;
color: #ffffff;
}
.star-offers .ajax-progress-throbber {
text-align: center;
width: 40px;
line-height: 40px;
border-radius: 50%;
height: 40px;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.star-offers .ajax-progress .throbber {
background: #ffffff;
float: none;
height: 22px;
width: 22px;
margin: 0 auto;
font-size: 0;
top: 9px;
position: relative;
text-indent: -9999em;
border-top: 3px solid #007AD0;
border-right: 3px solid #007AD0;
border-bottom: 3px solid #ffffff;
border-left: 3px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.6s infinite linear;
animation: load8 1.6s infinite linear;
}
.star-offers .ajax-progress .throbber,
.star-offers .ajax-progress .throbber:after {
border-radius: 50%;
width: 22px;
height: 22px;
}
.star-offers .new-offer-blocks {
margin-top: 50px;
border-radius: 3px;
}
.star-offers .offer-preview-box {
min-height: 0;
}
.star-offers .view-header {
text-align: center;
}
.star-offers .views-exposed-widgets {
padding: 0;
}
@media (min-width: 768px) {
.star-offers .views-exposed-widgets {
margin: 0 -8px;
}
}
.star-offers .views-exposed-widget {
margin: 0;
width: 25%;
}
@media (max-width: 767px) {
.star-offers .views-exposed-widget {
padding: 0;
}
}
@media (min-width: 768px) {
.star-offers .views-exposed-widget {
padding: 0 8px;
}
}
.star-offers .views-exposed-widget .form-item {
position: relative;
width: 100%;
}
.star-offers .views-exposed-widget.views-widget-filter-field_star_offer_category_value_1, .star-offers .views-exposed-widget.views-widget-filter-field_star_cetegory_value_1, .star-offers .views-exposed-widget.views-widget-filter-field_offer_division_value_1 {
display: none;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-item {
position: relative;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-item:before {
content: "";
color: transparent;
background-position: 0 16px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,");
border: 0;
position: absolute;
left: 16px;
width: 16px;
height: 48px;
top: 0;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text {
background-color: #F5F5F5;
border-radius: 3px;
border: 0;
padding: 0 16px 0 48px;
line-height: normal;
height: 48px;
width: 100%;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
@media (max-width: 767px) {
.star-offers .views-exposed-widget.views-widget-filter-title .form-text.str-title-loader {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
z-index: 1;
}
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text::-moz-placeholder {
color: #767676;
opacity: 1;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:-ms-input-placeholder {
color: #767676;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text::-webkit-input-placeholder {
color: #767676;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:focus::-webkit-input-placeholder {
color: transparent;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:focus:-moz-placeholder {
color: transparent;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:focus::-moz-placeholder {
color: transparent;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:focus:-ms-input-placeholder {
color: transparent;
}
.star-offers .views-exposed-widget.views-widget-filter-title .form-text:focus {
outline: 0 none;
}
.star_search_button {
position: absolute;
left: 0;
top: 0;
background: none;
border: 0;
padding: 0;
height: 48px;
width: 44px;
outline: 0 none;
}
.star_search_button:focus {
outline: 0 none;
}
@media (min-width: 768px) {
.star-offers .views-exposed-widget .form-submit {
display: none;
}
}
@media (max-width: 767px) {
.special-offers.modal-open {
position: fixed;
overflow-x: hidden;
overflow-y: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.gp-star-landing-block {
margin-bottom: 0;
}
.view-star-offers .view-header .visible-xs {
position: relative;
}
.m-filter {
position: absolute;
cursor: pointer;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
right: 24px;
color: #000;
z-index: 99;
padding-top: 16px;
font-size: 14px;
line-height: 18px;
}
.m-filter:before {
vertical-align: top;
position: relative;
top: -5px;
left: 5px;
display: inline-block;
width: 24px;
height: 24px;
content: '';
margin-right: 15px;
background-position: 0 0;
background-repeat: no-repeat;
background: url('data:image/svg+xml;charset=utf-8,');
}
.star_search_counter {
display: block;
width: 20px;
height: 20px;
background: #007AD0;
color: #ffffff;
font-size: 10px;
line-height: 20px;
text-indent: initial;
text-align: center;
border-radius: 50%;
position: absolute;
top: 4px;
left: 18px;
}
.star-offers .new-offer-blocks {
margin-top: 20px;
margin-bottom: 0;
}
.star-offers .modal-body .views-exposed-form {
overflow: hidden;
}
.star-offers .modal-body .views-exposed-form > .views-exposed-widgets {
max-height: 70vh;
margin-bottom: 0;
padding-bottom: 16px;
overflow-y: auto;
overflow-x: hidden;
}
.star-offers .views-exposed-widget {
display: none;
}
.star-offers .views-exposed-widget.views-widget-filter-title {
width: 70%;
display: block;
}
.star-offers .filter-modal {
margin: 0 auto;
}
.star-offers .filter-modal .close {
background-position: 7px 2px;
margin-top: 0;
}
.star-offers .filter-modal .vertical-alignment-helper {
margin: auto;
width: 96%;
}
.star-offers .filter-modal .modal-content {
background: #fff;
border-radius: 3px;
padding: 24px;
}
.star-offers .filter-modal .modal-content .views-exposed-widget.views-reset-button {
display: block;
position: absolute;
z-index: 99;
top: -40px;
right: 10px;
}
.star-offers .filter-modal .modal-content .views-exposed-widget.views-reset-button input[type=submit] {
margin: 0;
background: none;
display: block;
font-size: 16px;
line-height: 20px;
padding: 0;
border: 0;
border-radius: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #007AD0;
}
.star-offers .filter-modal .modal-header {
border: none;
position: relative;
text-align: left;
}
.star-offers .filter-modal .modal-header > h4.filter-head {
font-size: 18px;
line-height: 26px;
text-align: left;
display: inline-block;
}
.star-offers .filter-modal .form-type-radio label {
display: block;
margin: 0;
cursor: pointer;
padding: 0;
line-height: 19px;
font-size: 15px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
font-weight: normal;
}
.star-offers .filter-modal .form-type-radio [type="radio"]:checked,
.star-offers .filter-modal .form-type-radio [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.star-offers .filter-modal .form-type-radio [type="radio"]:checked + label,
.star-offers .filter-modal .form-type-radio [type="radio"]:not(:checked) + label {
position: relative;
padding-left: 30px;
line-height: 22px;
color: #000;
cursor: pointer;
display: inline-block;
}
.star-offers .filter-modal .form-type-radio [type="radio"]:checked + label:before,
.star-offers .filter-modal .form-type-radio [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid rgba(0, 0, 0, 0.16);
border-radius: 100%;
background: #fff;
}
.star-offers .filter-modal .form-type-radio [type="radio"]:checked + label:after,
.star-offers .filter-modal .form-type-radio [type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: #007AD0;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.star-offers .filter-modal .form-type-radio [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.star-offers .filter-modal .form-type-radio [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.star-offers .filter-modal .views-exposed-widget {
margin-bottom: 5px;
}
.star-offers .filter-modal .views-exposed-widget.views-widget-filter-field_star_cetegory_value_1, .star-offers .filter-modal .views-exposed-widget.views-widget-filter-field_star_offer_category_value_1, .star-offers .filter-modal .views-exposed-widget.views-widget-filter-field_offer_division_value_1 {
display: block;
width: 100%;
text-align: left;
padding-bottom: 20px;
overflow: hidden;
float: none;
}
.star-offers .filter-modal .views-exposed-widget.views-widget-filter-field_offer_division_value_1 {
padding-bottom: 45px;
}
.star-offers .filter-modal .views-exposed-widget > label {
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.star-offers .filter-modal .views-exposed-widget .form-radios .form-item {
margin-bottom: 5px;
}
.star-offers .filter-modal .views-exposed-widget .form-radios .form-item:first-child {
display: block;
}
.star-offers .filter-modal .views-exposed-widget.views-submit-button {
position: absolute;
bottom: 0;
display: block;
width: 100%;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
padding: 0;
box-shadow: 0 -24px 40px #fff;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.star-offers .filter-modal .views-exposed-widget.views-submit-button input {
margin-top: 0;
min-width: 100%;
font-size: 16px;
line-height: 40px;
height: 40px;
font-weight: normal;
padding: 0 24px;
}
.star-offers .filter-modal .views-exposed-widget .js-hide {
display: block;
width: 100%;
}
.star-offers .filter-modal .views-exposed-widget.views-widget-filter-title {
display: none;
}
}
@media (max-width: 375px) {
.m-filter {
right: 12px;
}
}
@media (max-width: 320px) {
.m-filter {
right: 8px;
}
}
/* gp star end */
.listing_pages.package,
.voice-pack {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.listing_pages.package #SlideMiddle #grid-content .grid-item,
.voice-pack #SlideMiddle #grid-content .grid-item {
margin-bottom: 24px;
width: 50%;
padding: 0 12px;
}
.listing_pages.package .view-empty,
.voice-pack .view-empty {
text-align: center;
margin: 50px auto;
}
.listing_pages.package p,
.voice-pack p {
padding: 0;
}
.listing_pages.package .view-filters,
.listing_pages.package .view-content,
.voice-pack .view-filters,
.voice-pack .view-content {
position: relative;
}
.listing_pages.package .view-header,
.voice-pack .view-header {
text-align: center;
}
.listing_pages.package .btn,
.voice-pack .btn {
height: 40px;
padding: 0 24px;
line-height: 40px;
}
.listing_pages.package .btn + .btn,
.voice-pack .btn + .btn {
margin-left: 12px;
}
.listing_pages.package .voice_pack_teaser,
.voice-pack .voice_pack_teaser {
margin-bottom: 24px;
overflow: hidden;
}
.listing_pages.package .voice_pack_title h2,
.voice-pack .voice_pack_title h2 {
color: #1A1A1A;
padding: 10px 0 8px;
font-weight: 500;
}
.listing_pages.package .voice_pack_price,
.voice-pack .voice_pack_price {
padding-bottom: 16px;
font-size: 18px;
line-height: 26px;
font-weight: 500;
color: #1A1A1A;
}
.listing_pages.package .voice_pack_card,
.voice-pack .voice_pack_card {
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
padding: 40px 56px 88px 56px;
position: relative;
height: 100%;
color: #979797;
text-align: center;
}
.listing_pages.package .voice_pack_card .voice_pack_buttons,
.voice-pack .voice_pack_card .voice_pack_buttons {
position: absolute;
bottom: 48px;
left: 0;
right: 0;
width: 100%;
}
.listing_pages.package .group.row,
.voice-pack .group.row {
margin: 0 -12px;
padding: 0;
display: flex;
justify-content: center;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.listing_pages.package .group.row .col-xs-12.offer_thumb,
.voice-pack .group.row .col-xs-12.offer_thumb {
width: 50%;
padding: 0 12px;
text-align: center;
margin-bottom: 24px;
float: none;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.listing_pages.package .views-exposed-form .views-exposed-widget,
.voice-pack .views-exposed-form .views-exposed-widget {
position: relative;
padding: 0;
margin-bottom: 32px;
float: none;
text-align: center;
}
.listing_pages.package .views-exposed-form .views-exposed-widget.views-stky-mnu,
.voice-pack .views-exposed-form .views-exposed-widget.views-stky-mnu {
background: #F5F5F5;
z-index: 20;
position: fixed;
width: 100%;
left: 0;
right: 0;
}
.listing_pages.package .views-exposed-form .views-exposed-widget.views-stky-mnu .ajax-progress-throbber,
.voice-pack .views-exposed-form .views-exposed-widget.views-stky-mnu .ajax-progress-throbber {
top: 85px;
}
.listing_pages.package .form-item,
.voice-pack .form-item {
text-align: center;
margin: 0 18px;
display: inline-block;
}
.listing_pages.package .form-item input,
.voice-pack .form-item input {
display: none;
}
.listing_pages.package .form-item.active label,
.voice-pack .form-item.active label {
color: #1A1A1A;
border-color: #007AD0;
}
.listing_pages.package .form-item label,
.voice-pack .form-item label {
color: #767676;
line-height: 21px;
font-size: 18px;
white-space: normal;
margin: 0;
cursor: pointer;
padding: 12px 0;
border: 0;
display: inline-block;
background: none;
border-bottom: 1px solid transparent;
font-weight: normal;
}
.listing_pages.package .page-personal-plans-offers-prepaid-postpaid-packages h1,
.voice-pack .page-personal-plans-offers-prepaid-postpaid-packages h1 {
font-size: 34px;
line-height: 38px;
font-weight: 300;
}
@media (min-width: 1297px) {
.voice-pack .views-exposed-form .views-exposed-widget.views-stky-mnu {
top: 83px;
animation-direction: normal;
animation-duration: 0.7s;
animation: slide-down 0.7s;
}
}
@media (max-width: 1296px) {
.voice-pack .views-exposed-form .views-exposed-widget {
margin-bottom: 24px;
}
.voice-pack .views-exposed-form .views-exposed-widget.views-stky-mnu {
padding: 0 15px;
top: 55px;
animation-direction: normal;
animation-duration: 0.7s;
animation: slide-down 0.7s;
}
}
@media (max-width: 1100px) {
.listing_pages.package .voice_pack_card {
max-width: 380px;
margin: auto;
padding: 32px 40px;
}
.listing_pages.package .voice_pack_card .voice_pack_buttons {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.listing_pages.package #SlideMiddle #grid-content .grid-item {
width: 100%;
}
.voice-pack .form-item {
margin: 0 12px;
}
.voice-pack .form-item label {
font-size: 16px;
line-height: 16px;
}
.voice-pack .group.row {
display: block;
}
.voice-pack .group.row .col-xs-12.offer_thumb {
width: 100%;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card {
max-width: 380px;
margin: auto;
padding: 32px 40px;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card .voice_pack_buttons {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
}
@media (max-width: 767px) {
.page-personal-plans-offers-prepaid-postpaid-packages h1 {
font-size: 34px;
line-height: 38px;
font-weight: 300;
}
}
@media (max-width: 480px) {
.listing_pages.package .voice_pack_card {
max-width: 280px;
}
.listing_pages.package .voice_pack_card .voice_pack_buttons {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.listing_pages.package .voice_pack_card .voice_pack_buttons .btn {
display: block;
width: 100%;
margin: 0 auto;
}
.listing_pages.package .voice_pack_card .voice_pack_buttons .btn + .btn {
margin-top: 16px;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card {
max-width: 280px;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card .voice_pack_buttons {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card .voice_pack_buttons .btn {
display: block;
width: 100%;
margin: 0 auto;
}
.voice-pack .group.row .col-xs-12.offer_thumb .voice_pack_card .voice_pack_buttons .btn + .btn {
margin-top: 16px;
}
}
/* single page end*/
/*details page start*/
.package-detail-blocks .listing {
margin-bottom: 0;
}
.package-detail-blocks .page-tab-blocks .container {
padding: 0;
}
.package-detail-blocks .page-tab-blocks .tab-content {
border-bottom: 0;
padding-bottom: 0;
}
.package-detail-blocks .page-tab-blocks .tab-content li {
position: relative;
padding: 0 0 12px 16px;
margin: 0;
vertical-align: top;
display: block;
}
.package-detail-blocks .page-tab-blocks .tab-content li:before {
content: "";
border-radius: 15px;
position: absolute;
width: 7px;
height: 7px;
left: 0;
top: 13px;
background: #007AD0;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.package-detail-blocks .page-tab-blocks .tab-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.package-detail-blocks .page-tab-blocks .tab-content ul.accordion-menu li:before {
display: none;
}
.package-detail-blocks .page-tab-blocks .tab-content p {
padding-bottom: 24px;
}
.package-detail-blocks .page-tab-blocks .tab-content p + p {
padding-top: 0;
}
.package-detail-blocks .page-menu-tabs {
margin-top: 56px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 16px;
}
.package-detail-blocks .page-menu-tabs.nav-tabs {
text-align: center;
}
.package-detail-blocks .page-menu-tabs.nav-tabs li {
display: inline-block;
float: none;
margin-right: 32px;
}
.package-detail-blocks .page-menu-tabs.nav-tabs li:last-child {
margin-right: 0;
}
.pack-detail-info {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: normal;
border-left: 1px solid rgba(0, 0, 0, 0.12);
padding: 16px 0 16px 40px;
color: #1A1A1A;
margin-left: 20px;
}
.pack-detail-info ul li {
overflow: hidden;
vertical-align: top;
margin-bottom: 20px;
font-size: 16px;
line-height: 26px;
font-weight: normal;
}
.pack-detail-info svg, .pack-detail-info span {
float: left;
}
.pack-detail-info svg {
vertical-align: middle;
width: 24px;
}
.pack-detail-info span {
color: #767676;
display: inline-block;
padding: 0 16px;
width: 100px;
}
.pack-detail-info span.voice_pack_details {
width: 73%;
padding: 0;
color: #1A1A1A;
}
.package-top-info {
text-align: center;
font-size: 14px;
line-height: 20px;
color: #767676;
padding-top: 20px;
}
.package-top-info.package-no-price {
padding-top: 48px;
}
.package-top-info .package-top-info-wrap {
max-width: 846px;
margin: auto;
}
.package-top-info h1 {
padding: 10px 0 16px 0;
color: #1A1A1A;
}
.package-top-info p.connctin_fee {
padding: 0;
}
.package-top-info .btn-order {
width: 180px;
margin: 0 auto;
}
.package-top-info .btn-order .btn {
display: block;
}
.package-top-info .pack-amount {
font-size: 30px;
line-height: 42px;
font-weight: 500;
color: #1A1A1A;
display: block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1280px) {
.package-top-info h1 {
font-size: 34px;
line-height: 40px;
}
.package-top-info .btn-order {
width: 100%;
}
}
@media (min-width: 768px) {
.package-top-info.sticky {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #F5F5F5;
padding: 16px;
}
.package-top-info.sticky svg, .package-top-info.sticky h1 {
display: none;
}
.package-top-info.sticky .btn-order {
float: right;
width: 140px;
padding: 0;
}
.package-top-info.sticky .btn-order .btn {
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 24px;
}
.package-top-info.sticky .connctin_fee,
.package-top-info.sticky .pack-amount {
float: left;
display: inline-block;
font-size: 20px;
line-height: 28px;
margin: 0;
padding: 8px 5px 0 0;
}
}
@media (max-width: 1100px) {
.pack-detail-info span.voice_pack_details {
width: 60%;
}
}
@media (max-width: 767px) {
.page-xplore-inner.prepaid .container {
padding: 0;
}
.page-xplore-inner.prepaid .container > .row {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.package-detail-blocks .page-tab-blocks {
margin: 0 -16px;
}
.package-detail-blocks .page-tab-blocks .tab-content {
padding-left: 16px;
padding-right: 16px;
}
.package-detail-blocks .row .col-xs-12.col-sm-8,
.package-detail-blocks .row .col-xs-12.col-sm-4 {
padding: 0;
}
.package-detail-blocks .page-menu-tabs {
margin-top: 32px;
padding-left: 16px;
padding-right: 16px;
}
.package-detail-blocks .page-menu-tabs.nav-tabs {
text-align: left;
}
.package-detail-blocks .page-menu-tabs.nav-tabs li {
margin-right: 24px;
}
.package-top-info {
padding: 0 24px 24px 24px;
}
.package-top-info h1 {
font-size: 26px;
line-height: 36px;
font-weight: 300;
padding-bottom: 12px;
}
.package-top-info p.connctin_fee {
padding-bottom: 10px;
}
.package-top-info.package-no-price {
padding-top: 24px;
}
.package-top-info .btn-order {
margin-bottom: 0;
float: none;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.package-top-info .btn-order .btn {
font-size: 18px;
height: 40px;
line-height: 40px;
padding: 0 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.package-top-info.sticky .connctin_fee,
.package-top-info.sticky .pack-amount {
display: none;
}
.package-top-info.sticky .btn-order {
margin-bottom: 0;
float: none;
display: block;
width: 100%;
background: #F5F5F5;
padding: 8px 12px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.package-top-info.sticky .btn-order .btn {
height: 48px;
line-height: 48px;
padding: 0 24px;
font-size: 16px;
}
.pack-detail-info {
font-size: 16px;
line-height: 26px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-left: 0;
padding: 16px 16px 0 16px;
color: #1A1A1A;
margin: 0 auto;
}
.pack-detail-info li:last-child {
margin-bottom: 0;
}
}
@media (max-width: 359px) {
.pack-detail-info span.voice_pack_details {
width: 50%;
}
}
/*details page end*/
/* welcome tune start */
.welcome-tune .panel-accordion {
max-width: 846px;
margin: auto;
}
.box-card {
position: relative;
height: 100%;
border: 2px solid rgba(0, 0, 0, 0.08);
padding: 32px 32px 75px 32px;
border-radius: 3px;
color: #000;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
text-align: center;
font-size: 16px;
line-height: 28px;
}
.box-card span {
display: block;
padding-top: 16px;
}
.box-card h3 {
font-size: 22px;
line-height: 30px;
font-weight: 500;
padding: 0;
}
.box-card .btn {
font-size: 16px;
font-weight: 400;
width: 111px;
height: 40px;
margin: 0 auto;
padding: 0 24px;
line-height: 40px;
}
.wt-empty-card {
max-width: 416px;
margin: auto;
}
.wt-empty-card .wt-empty-card--suggstn span {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 28px;
padding-bottom: 16px;
display: block;
}
.wt-empty-card .wt-empty-card--msg {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #000;
display: block;
padding-bottom: 24px;
text-align: center;
}
#welcome-tune-search-result .custom_pager {
margin: 0 auto 32px auto;
}
#welcome-tune-search-result #wt-custom-loadmore {
font-size: 18px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border: 1px solid rgba(0, 0, 0, 0.64);
color: #1A1A1A;
background: none;
border-radius: 3px;
padding: 0 24px;
line-height: 48px;
height: 48px;
font-weight: 400;
text-align: center;
box-shadow: none;
display: inline-block;
}
#welcome-tune-search-result #wt-custom-loadmore:hover {
border: 1px solid black;
}
@media (min-width: 768px) {
#welcome-tune-search-result .row {
display: flex;
justify-content: center;
text-align: center;
}
#welcome-tune-search-result .row .wtune-cards {
position: relative;
padding-bottom: 32px;
float: none;
display: inline-block;
}
.box-card:first-child, .box-card.w-itm-1, .box-card.first-itm {
margin-right: 16px;
}
.box-card.w-itm-2, .box-card.mid-itm {
margin: 0 8px;
}
.box-card.w-itm-3, .box-card:last-child, .box-card.last-itm {
margin-left: 16px;
}
.box-card .btn {
position: absolute;
right: 0;
bottom: 32px;
left: 0;
}
}
@media (max-width: 767px) {
#welcome-tune-search-result .custom_pager {
margin: 16px auto 32px auto;
}
#welcome-tune-search-result .row .wtune-cards {
padding-bottom: 16px;
}
.box-card {
padding: 24px;
}
.wt-itm-count {
margin: 24px auto;
}
}
.col-xs-6.welcome-tune-search {
width: 416px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: none;
display: block;
margin: 0 auto;
text-align: center;
position: relative;
}
.col-xs-6.welcome-tune-search #autocomplete {
text-align: left;
background: #fff;
border-radius: 3px;
border: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
margin: 0;
padding: 24px;
width: 416px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
max-height: 202px;
overflow-y: auto;
overflow-x: hidden;
z-index: 20;
}
.col-xs-6.welcome-tune-search #autocomplete ul li {
font-size: 16px;
line-height: 20px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0 0 24px 0;
background-color: transparent;
display: block;
cursor: pointer;
}
.col-xs-6.welcome-tune-search #autocomplete ul li:hover, .col-xs-6.welcome-tune-search #autocomplete ul li:focus {
background: none;
color: #007AD0;
outline: 0 none;
}
.col-xs-6.welcome-tune-search .ajax-progress-throbber {
font-size: 0;
top: 60px;
}
.col-xs-6.welcome-tune-search .form-item {
margin: 8px auto 0 auto;
}
.col-xs-6.welcome-tune-search .wt-search-btn {
color: transparent;
background: url(../images/search_mini.svg) no-repeat center center;
border: none;
position: absolute;
left: 14px;
width: 48px;
height: 48px;
top: 0;
}
.col-xs-6.welcome-tune-search .form-text {
border: 0;
color: #1A1A1A;
border-radius: 3px;
height: 48px;
line-height: 48px;
font-size: 16px;
width: 416px;
padding: 0 15px 0 55px;
margin: 0 auto 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.col-xs-6.welcome-tune-search .form-text:focus, .col-xs-6.welcome-tune-search .form-text:hover {
outline: 0 none;
}
.col-xs-6.welcome-tune-search .form-text::-moz-placeholder {
color: #767676;
opacity: 1;
}
.col-xs-6.welcome-tune-search .form-text:-ms-input-placeholder {
color: #767676;
}
.col-xs-6.welcome-tune-search .form-text::-webkit-input-placeholder {
color: #767676;
}
.col-xs-6.welcome-tune-search .form-text:focus::-webkit-input-placeholder {
color: transparent;
}
.col-xs-6.welcome-tune-search .form-text:focus:-moz-placeholder {
color: transparent;
}
.col-xs-6.welcome-tune-search .form-text:focus::-moz-placeholder {
color: transparent;
}
.col-xs-6.welcome-tune-search .form-text:focus:-ms-input-placeholder {
color: transparent;
}
html.js .form-item-location input.form-text,
html.js .block-welcome-tune input.form-text {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
background: #F5F5F5;
}
html.js .form-item-location input.form-text:focus,
html.js .block-welcome-tune input.form-text:focus {
outline: 0 none;
}
html.js .form-item-location input.form-autocomplete,
html.js .block-welcome-tune input.form-autocomplete {
background: #F5F5F5;
border: 0;
z-index: 20;
}
html.js .form-item-location input.throbbing,
html.js .block-welcome-tune input.throbbing {
background-image: url(../images/throbber-active.svg);
background-position: 97% center;
background-repeat: no-repeat;
}
.wt-itm-count,
.wt-def-card {
max-width: 416px;
text-align: center;
}
.wt-itm-count {
margin: 32px auto;
font-size: 13px;
line-height: 16px;
color: #979797;
}
.wt-def-card {
color: #1A1A1A;
font-size: 16px;
line-height: 28px;
margin: 40px auto 48px auto;
}
@media (max-width: 480px) {
.col-xs-6.welcome-tune-search {
width: 328px;
}
.col-xs-6.welcome-tune-search .wt-search-btn {
left: 0;
}
.col-xs-6.welcome-tune-search .form-text,
.col-xs-6.welcome-tune-search #autocomplete {
width: 328px !important;
margin-left: -16px;
}
.wt-itm-count,
.wt-def-card {
max-width: 328px;
}
}
@media (max-width: 359px) {
.col-xs-6.welcome-tune-search {
width: 285px;
}
.col-xs-6.welcome-tune-search .wt-search-btn {
left: 0;
}
.col-xs-6.welcome-tune-search .form-text,
.col-xs-6.welcome-tune-search #autocomplete {
width: 285px !important;
margin-left: -16px;
}
.wt-itm-count,
.wt-def-card {
max-width: 285px;
}
}
/* welcome tune end */
/* tariff and coverage start */
#isd-tariffs,
.roaming-form {
position: relative;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
#isd-tariffs.col-xs-12.col-sm-4,
.roaming-form.col-xs-12.col-sm-4 {
width: 432px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
#isd-tariffs:after,
.roaming-form:after {
content: "";
position: absolute;
top: 17px;
right: 24px;
bottom: 0;
padding: 0;
color: #1A1A1A;
pointer-events: none;
height: 9px;
width: 9px;
background-color: #F5F5F5;
border-style: solid;
border-color: #1A1A1A;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
}
#isd-tariffs #isd-country,
#isd-tariffs .ui-autocomplete-input,
.roaming-form #isd-country,
.roaming-form .ui-autocomplete-input {
background: #F5F5F5;
border: 0;
color: #1A1A1A;
border-radius: 3px;
height: 48px;
line-height: 48px;
width: 416px;
padding: 0 15px;
margin: 0 auto 22px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#isd-tariffs #isd-country:focus, #isd-tariffs #isd-country:hover,
#isd-tariffs .ui-autocomplete-input:focus,
#isd-tariffs .ui-autocomplete-input:hover,
.roaming-form #isd-country:focus,
.roaming-form #isd-country:hover,
.roaming-form .ui-autocomplete-input:focus,
.roaming-form .ui-autocomplete-input:hover {
outline: 0 none;
}
#isd-tariffs #isd-country::-moz-placeholder,
#isd-tariffs .ui-autocomplete-input::-moz-placeholder,
.roaming-form #isd-country::-moz-placeholder,
.roaming-form .ui-autocomplete-input::-moz-placeholder {
color: #767676;
opacity: 1;
}
#isd-tariffs #isd-country:-ms-input-placeholder,
#isd-tariffs .ui-autocomplete-input:-ms-input-placeholder,
.roaming-form #isd-country:-ms-input-placeholder,
.roaming-form .ui-autocomplete-input:-ms-input-placeholder {
color: #767676;
}
#isd-tariffs #isd-country::-webkit-input-placeholder,
#isd-tariffs .ui-autocomplete-input::-webkit-input-placeholder,
.roaming-form #isd-country::-webkit-input-placeholder,
.roaming-form .ui-autocomplete-input::-webkit-input-placeholder {
color: #767676;
}
#isd-tariffs #isd-country:focus::-webkit-input-placeholder,
#isd-tariffs .ui-autocomplete-input:focus::-webkit-input-placeholder,
.roaming-form #isd-country:focus::-webkit-input-placeholder,
.roaming-form .ui-autocomplete-input:focus::-webkit-input-placeholder {
color: transparent;
}
#isd-tariffs #isd-country:focus:-moz-placeholder,
#isd-tariffs .ui-autocomplete-input:focus:-moz-placeholder,
.roaming-form #isd-country:focus:-moz-placeholder,
.roaming-form .ui-autocomplete-input:focus:-moz-placeholder {
color: transparent;
}
#isd-tariffs #isd-country:focus::-moz-placeholder,
#isd-tariffs .ui-autocomplete-input:focus::-moz-placeholder,
.roaming-form #isd-country:focus::-moz-placeholder,
.roaming-form .ui-autocomplete-input:focus::-moz-placeholder {
color: transparent;
}
#isd-tariffs #isd-country:focus:-ms-input-placeholder,
#isd-tariffs .ui-autocomplete-input:focus:-ms-input-placeholder,
.roaming-form #isd-country:focus:-ms-input-placeholder,
.roaming-form .ui-autocomplete-input:focus:-ms-input-placeholder {
color: transparent;
}
.isd-tariff .alert-danger,
.roaming .alert-danger {
max-width: 416px;
margin-left: auto;
margin-right: auto;
}
.isd-tariff .page-title,
.roaming .page-title {
padding-bottom: 8px;
}
.isd-tariff table.custom-table,
.roaming table.custom-table {
padding-top: 0;
margin-top: 0;
}
.isd-tariff table.custom-table > thead > tr > th,
.isd-tariff table.custom-table > thead > tr > td,
.isd-tariff table.custom-table > tbody > tr > td,
.roaming table.custom-table > thead > tr > th,
.roaming table.custom-table > thead > tr > td,
.roaming table.custom-table > tbody > tr > td {
line-height: 28px;
}
.isd-tariff table.custom-table caption h2,
.roaming table.custom-table caption h2 {
padding-top: 0;
text-align: center;
padding-bottom: 16px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.isd-tariff .ui-autocomplete,
.roaming .ui-autocomplete {
background: #fff;
border-radius: 3px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
margin: 0;
padding: 0;
width: 416px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
-webkit-transition: all .2s;
transition: all .2s;
max-height: 202px;
overflow-y: auto;
overflow-x: hidden;
}
.isd-tariff .ui-autocomplete a,
.roaming .ui-autocomplete a {
color: #1A1A1A;
}
.isd-tariff .ui-autocomplete a .ui-autocomplete-term,
.roaming .ui-autocomplete a .ui-autocomplete-term {
font-weight: bold;
color: #1A1A1A;
}
.isd-tariff .ui-autocomplete a:hover,
.roaming .ui-autocomplete a:hover {
color: #007AD0;
}
.isd-tariff .ui-autocomplete a:hover .ui-autocomplete-term,
.roaming .ui-autocomplete a:hover .ui-autocomplete-term {
color: #007AD0;
}
.isd-tariff .ui-autocomplete.ui-menu .ui-menu-item,
.roaming .ui-autocomplete.ui-menu .ui-menu-item {
padding: 0 24px 24px 24px;
list-style-image: none;
color: #1A1A1A;
font-size: 16px;
line-height: 20px;
text-shadow: none;
opacity: 1;
}
.isd-tariff .ui-autocomplete.ui-menu .ui-menu-item:first-child,
.roaming .ui-autocomplete.ui-menu .ui-menu-item:first-child {
padding-top: 23px;
}
.isd-tariff .region-content-bottom p,
.roaming .region-content-bottom p {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 18px;
line-height: 28px;
display: block;
padding-top: 16px;
}
#roaming_tariff_data_from_ajax h2,
#roaming-default-tariff h2 {
padding-top: 0;
padding-bottom: 16px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
@media (min-width: 768px) {
#roaming_tariff_data_from_ajax h2,
#roaming-default-tariff h2 {
text-align: center;
}
}
#roaming_tariff_data_from_ajax table,
#roaming-default-tariff table {
padding-top: 0;
margin-top: 0;
}
#roaming_tariff_data_from_ajax table > thead > tr > th,
#roaming_tariff_data_from_ajax table > thead > tr > td,
#roaming-default-tariff table > thead > tr > th,
#roaming-default-tariff table > thead > tr > td {
vertical-align: top;
}
#roaming_tariff_data_from_ajax table > thead > tr > th,
#roaming_tariff_data_from_ajax table > thead > tr > td,
#roaming_tariff_data_from_ajax table > tbody > tr > td,
#roaming-default-tariff table > thead > tr > th,
#roaming-default-tariff table > thead > tr > td,
#roaming-default-tariff table > tbody > tr > td {
line-height: 28px;
}
#roaming_tariff_data_from_ajax table caption h2,
#roaming-default-tariff table caption h2 {
padding-top: 0;
padding-bottom: 16px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
@media (min-width: 768px) {
#roaming_tariff_data_from_ajax table caption h2,
#roaming-default-tariff table caption h2 {
text-align: center;
}
}
#isd-tariffs {
width: 416px;
display: block;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#isd-tariffs #isd-country {
margin-bottom: 0;
}
.tc-no-result {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border: 0;
font-size: 18px;
line-height: 28px;
font-weight: 400;
background: none;
border-radius: 0;
color: #000;
display: block;
padding-bottom: 24px;
text-align: center;
}
@media (max-width: 480px) {
#isd-tariffs {
width: 328px;
}
#isd-tariffs:after {
right: 16px;
}
#isd-tariffs #isd-country {
width: 328px;
}
.roaming-form.col-xs-12.col-sm-4 {
width: 328px;
}
.roaming-form:after {
right: 28px;
}
.roaming-form .ui-autocomplete-input {
width: 328px;
margin-left: -16px;
}
.isd-tariff .ui-autocomplete,
.roaming .ui-autocomplete {
width: 328px !important;
}
}
@media (max-width: 359px) {
#isd-tariffs {
width: 285px;
}
#isd-tariffs:after {
right: 16px;
}
#isd-tariffs #isd-country {
width: 285px;
}
.roaming-form.col-xs-12.col-sm-4 {
width: 285px;
}
.roaming-form:after {
right: 16px;
}
.roaming-form .ui-autocomplete-input {
width: 285px;
margin-left: -16px;
}
.isd-tariff .ui-autocomplete,
.roaming .ui-autocomplete {
width: 285px !important;
}
}
/* tariff and coverage end */
/* ISD card start */
.isd-tariff-card {
border: 2px solid rgba(0, 0, 0, 0.08);
padding: 32px;
border-radius: 3px;
color: #000;
margin-top: 32px;
text-align: left;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
overflow: hidden;
}
.isd-tariff-card h3 {
font-size: 22px;
line-height: 30px;
font-weight: 500;
padding-bottom: 0;
}
.isd-tariff-card .isd-tariff-card--content-left,
.isd-tariff-card .isd-tariff-card--content-right {
float: left;
overflow: hidden;
padding-top: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.isd-tariff-card .isd-tariff-card--content-right {
width: 20%;
padding-left: 10px;
}
.isd-tariff-card .isd-tariff-card--content-left {
width: 80%;
float: left;
}
@media (max-width: 359px) {
.isd-tariff-card {
padding: 24px;
}
}
/* ISD card end */
/* digital service page start*/
.digital-services .page-title h1 {
padding-bottom: 40px;
}
.digital-service-page-block {
border: 2px solid rgba(0, 0, 0, 0.08);
border-radius: 3px;
padding: 40px 54px 0 54px;
margin-bottom: 32px;
display: table;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.service-intro-block {
display: table-cell;
vertical-align: top;
width: 60%;
line-height: 28px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 24px 0 55px;
}
.service-intro-block .service-intro-wrap {
clear: left;
max-width: 395px;
padding-bottom: 26px;
}
.service-intro-block .service-intro-wrap p {
padding-bottom: 0;
}
.service-intro-block h2 {
padding-bottom: 30px;
}
.service-intro-block h2 span {
float: left;
margin-right: 16px;
display: inline-block;
position: relative;
margin-top: -10px;
}
.service-intro-block h2 span img {
width: 56px;
height: 56px;
}
.service-intro-block h2 span svg {
height: 64px;
}
.service-display-block {
display: table-cell;
vertical-align: bottom;
width: 40%;
text-align: end;
}
.google-store-btn-box {
max-width: 296px;
}
.google-store-btn-box a {
display: inline-block;
margin: 0 12px 13px 0;
padding: 0;
height: 40px;
float: left;
}
.google-store-btn-box a + a {
margin-right: 0;
}
.google-store-btn-box a + a.btn {
margin-left: 10px;
}
.google-store-btn-box a + a + a.btn {
margin-left: 0;
}
.google-store-btn-box a.btn-link {
line-height: 40px;
}
@media (max-width: 767px) {
.digital-services .page-title h1 {
padding-bottom: 24px;
}
.digital-service-page-block {
text-align: center;
padding: 30px 24px 0 24px;
margin-bottom: 24px;
}
.service-display-block {
display: block;
width: auto;
margin: 10px auto auto;
text-align: center;
}
.service-display-block img {
max-width: 130px;
}
.service-intro-block {
display: block;
width: auto;
line-height: 26px;
padding: 0;
}
.service-intro-block .service-intro-wrap {
max-width: 100%;
padding-bottom: 16px;
}
.service-intro-block h2 {
padding-bottom: 24px;
}
.service-intro-block h2 span {
float: none;
margin-right: 10px;
margin-top: 0;
}
.service-intro-block h2 span img {
width: 40px;
height: 40px;
position: relative;
margin-top: -6px;
}
.service-intro-block h2 span svg {
height: 48px;
}
.google-store-btn-box {
max-width: 270px;
margin: auto;
}
.google-store-btn-box a {
float: none;
display: inline-block;
margin: 0 8px 14px 0;
padding: 0;
height: 38px;
}
.google-store-btn-box a + a.btn {
margin-top: -20px;
position: relative;
}
.google-store-btn-box a + a + a.btn {
margin-left: 0;
margin-top: 0;
}
.google-store-btn-box a svg {
width: 127px;
}
}
/* digital service page end*/
/* store locator start */
body.store-locator .main_content {
padding: 120px 0 0 0;
}
body.store-locator .main_content .row {
margin: 0;
}
body.store-locator .main_content .row .col-xs-12 {
padding: 0;
}
@media (max-width: 1296px) {
body.store-locator .main_content {
padding: 57px 0 0 0;
}
}
.ps__thumb-y {
background-color: rgba(0, 0, 0, 0.06) !important;
right: 0 !important;
height: 100px !important;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
width: 6px;
box-shadow: none;
opacity: 1;
background-color: rgba(0, 0, 0, 0.06);
}
.ps > .ps__rail-x {
display: none !important;
}
.ps--active-y > .ps__rail-y {
width: 6px;
right: 0;
background: #fff !important;
opacity: 1;
}
.ps__rail-y {
opacity: 1;
}
.mCSB_scrollTools {
opacity: 1;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.06);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.12);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background: #fff;
}
.store-locator-landing {
overflow: hidden;
}
.store-locator-landing .map-xs-btn-box {
display: none;
}
.store-locator-landing #map {
height: calc(100vh - 120px) !important;
}
.store-locator-landing #map button.gm-ui-hover-effect {
opacity: 1 !important;
width: 40px !important;
height: 45px !important;
}
.store-locator-landing #map button.gm-ui-hover-effect img {
width: 16px !important;
height: 16px !important;
}
.store-locator-landing .stores-wrap {
clear: both;
margin-top: 24px;
padding-top: 5px;
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.store-locator-landing .stores-wrap.ps .ps__rail-x {
display: none !important;
}
.store-locator-landing #location-search-stores {
clear: both;
display: block;
}
.store-locator-landing .store-item {
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.12);
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
overflow: hidden;
margin-bottom: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.store-locator-landing .store-item.store-active {
border: 2px solid #007AD0;
background: none !important;
}
.store-locator-landing .store-item span {
display: block;
}
.store-locator-landing .store-item a {
display: block;
color: #000;
padding: 24px;
}
.store-locator-landing .store-item h3 {
font-weight: normal;
padding-bottom: 12px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #007AD0;
}
.store-locator-landing .col-xs-12.col-sm-4.col-md-3,
.store-locator-landing .col-xs-12.col-sm-8.col-md-9 {
padding: 0;
}
.store-locator-landing .col-xs-12.col-sm-4.col-md-3 fieldset.form-wrapper {
padding: 0 24px;
}
.store-locator-landing .form-type-checkbox {
float: left;
margin-right: 40px;
display: inline-block;
}
.store-locator-landing .form-type-checkbox:last-child {
margin-right: 0;
}
.store-locator-landing .form-checkboxes {
clear: right;
padding-bottom: 24px;
}
.store-locator-landing .form-checkboxes .form-item {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1176px) {
.store-locator-landing .form-checkboxes .form-item {
margin-bottom: 10px;
}
}
.store-locator-landing .form-item-location label {
font-weight: 500;
font-size: 24px;
line-height: 34px;
padding-bottom: 16px;
width: 100%;
}
.store-locator-landing .form-item-location input {
color: #1A1A1A;
border-radius: 3px;
height: 48px;
line-height: 48px;
font-size: 16px;
width: 100%;
padding-left: 56px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.store-locator-landing .location-input {
position: relative;
}
.store-locator-landing .location-input .form-item-location {
margin: 24px auto 16px auto;
}
.store-locator-landing .location-input .form-submit {
color: transparent;
background: url(../images/search_mini.svg) no-repeat center center;
border: none;
position: absolute;
left: 0;
width: 48px;
height: 48px;
top: 55px;
}
.store-locator-landing .locate-message {
padding-top: 28px;
clear: both;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #767676;
text-align: center;
position: relative;
}
.store-locator-landing .locate-message:before {
content: "";
display: block;
background: url("data:image/svg+xml;charset=utf-8,");
width: 43px;
height: 56px;
margin: auto auto 20px auto;
vertical-align: middle;
text-align: center;
}
.store-bubble {
padding: 14px 12px;
font-size: 14px;
line-height: 24px;
color: #979797;
font-weight: 400;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.store-bubble p {
padding-bottom: 5px;
}
.store-bubble h6 {
font-size: 14px;
line-height: 24px;
color: #1A1A1A;
padding-bottom: 5px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.store-locator .region-content-bottom {
display: none;
}
.store-locator #autocomplete {
text-align: left;
background: #fff;
border-radius: 3px;
border: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
margin: 0;
padding: 24px;
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
max-height: 202px;
overflow-y: auto;
overflow-x: hidden;
}
.store-locator #autocomplete ul li {
font-size: 16px;
line-height: 20px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 0 0 24px 0;
background-color: transparent;
display: block;
cursor: pointer;
}
.store-locator #autocomplete ul li:hover, .store-locator #autocomplete ul li:focus {
background: none;
color: #007AD0;
outline: 0 none;
}
.store-locator input[type=checkbox] + label {
display: block;
margin: 0;
cursor: pointer;
padding: 0;
line-height: 19px;
font-size: 15px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
}
.store-locator input[type=checkbox] {
display: none;
}
.store-locator input[type=checkbox] + label:before {
content: "";
position: relative;
top: -2px;
background-repeat: no-repeat;
background-position: 2px 3px;
background-image: url("data:image/svg+xml;charset=utf-8,");
border: 2px solid rgba(0, 0, 0, 0.16);
background-color: #ffffff;
border-radius: 3px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin-right: 10px;
vertical-align: middle;
-webkit-transition: background .2s;
-moz-transition: background .2s;
-o-transition: background .2s;
transition: background .2s;
}
.store-locator input[type=checkbox]:checked + label:before {
background-color: #007AD0;
border-color: #007AD0;
}
.store-locator input[type=checkbox]:disabled + label:before {
border-color: #F5F5F5;
}
.store-locator input[type=checkbox]:checked:disabled + label:before {
background-color: #F5F5F5;
border-color: #F5F5F5;
}
@media (max-width: 767px) {
#edit-map-wrapper {
display: none;
}
.map-open #edit-map-wrapper {
display: block;
}
.map-open #location-search-stores {
display: none;
}
.list-open #location-search-stores {
display: block;
}
.list-open #edit-map-wrapper {
display: none;
}
.store-locator-landing {
margin: 0;
}
.store-locator-landing .form-checkboxes {
padding-bottom: 40px;
}
.store-locator-landing #location-search-stores {
margin-top: 0;
padding-bottom: 56px;
}
.store-locator-landing #map {
height: calc(100vh - 56px) !important;
}
.store-locator-landing form#store-locator-landing-form {
padding: 0;
}
.store-locator-landing .map-xs-btn-box {
background: #fff;
height: 48px;
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 100;
}
.store-locator-landing .map-xs-btn-box .list-view-box,
.store-locator-landing .map-xs-btn-box .map-view-box {
width: 50%;
text-align: center;
display: inline-block;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.store-locator-landing .map-xs-btn-box .list-view-box a,
.store-locator-landing .map-xs-btn-box .map-view-box a {
border-top: 1px solid rgba(0, 0, 0, 0.12);
height: 48px;
font-size: 16px;
line-height: 48px;
display: block;
color: #767676;
}
.store-locator-landing .map-xs-btn-box .list-view-box a.active, .store-locator-landing .map-xs-btn-box .list-view-box a:hover,
.store-locator-landing .map-xs-btn-box .map-view-box a.active,
.store-locator-landing .map-xs-btn-box .map-view-box a:hover {
color: #1A1A1A;
border-color: #007AD0;
font-weight: bold;
}
}
/* store locator end */
@media (min-width: 768px) {
.gpay.personal.more .page-title {
float: left;
padding-bottom: 5px;
padding-top: 20px;
}
}
.gpay .gpay-main-wrapper p {
font-size: 25px;
line-height: 40px;
font-weight: 300;
}
@media (max-width: 767px) {
.gpay .gpay-main-wrapper {
text-align: center;
}
.gpay .gpay-main-wrapper p {
font-size: 20px;
line-height: 32px;
}
}
.gpay .apps-img {
margin-top: 10px;
}
.gpay .apps-img img {
margin-right: 15px;
}
.gpay .apps-img img:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.gpay .apps-img img {
margin-right: 1%;
}
}
@media (max-width: 360px) {
.gpay .apps-img img {
max-width: 48%;
}
}
@media (max-width: 767px) {
.gpay .apps-img {
margin-top: 0;
}
}
.gpay .gpay-essen {
margin: 0 0 40px 0;
background: #F5F5F5;
padding: 60px 20px 10px 20px;
}
.gpay .gpay-essen .thumbnail-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gpay .gpay-essen .col-sm-4.col-md-4 {
float: none;
position: relative;
display: inline-block;
}
@media (max-width: 767px) {
.gpay .gpay-essen {
text-align: center;
}
}
.gpay .gpay-essen h2.text-center {
padding-bottom: 50px;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card {
text-align: center;
height: 100%;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card .thumbnail-content {
padding: 10px 0;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card .img-wrap {
width: 80px;
margin: auto;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card .img-wrap img {
width: auto;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card h4 {
font-size: 16px;
line-height: 24px;
color: #1A1A1A;
}
.gpay .gpay-essen .thumbnail-wrapper.gpay-card:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
@media (max-width: 767px) {
.gpay .gpay-essen {
padding: 50px 0 30px 0;
}
.gpay .gpay-essen .col-xs-12 {
padding: 0 5px;
}
}
@media (min-width: 768px) {
.gpay .gpay-how-it-works iframe {
float: right;
}
}
@media (max-width: 767px) {
.gpay .gpay-how-it-works iframe {
max-width: 100%;
}
}
@media (min-width: 768px) {
.gpay .gpay-how-it-works-wrapper {
padding-top: 20px;
}
}
@media (max-width: 767px) {
.gpay .gpay-how-it-works-wrapper {
text-align: center;
}
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel {
border: 1px solid rgba(0, 0, 0, 0.08);
background: #fff;
border-radius: 3px;
text-align: center;
padding: 40px 0 20px 40px;
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel .owl-carousel .owl-item {
display: inline-block;
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel .owl-carousel .owl-nav button.owl-prev {
left: -40px;
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel .item span {
display: inline-block;
padding: 15px 10px;
}
@media (max-width: 767px) {
.gpay .mfsc_image_wrapper .mfsc_image_carousel {
padding: 20px 0 20px 10px;
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel .owl-carousel .owl-nav button.owl-prev {
left: -10px;
}
.gpay .mfsc_image_wrapper .mfsc_image_carousel .item {
max-width: 220px;
}
}
.gpay-utility-blocks {
height: 144px;
overflow: hidden;
background: #007AD0;
color: #fff;
font-size: 24px;
line-height: 34px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: 500;
margin-top: 64px;
}
.gpay-utility-blocks .gpay-utility-wrapper {
margin: auto;
max-width: 1140px;
position: relative;
}
.gpay-utility-blocks p {
padding-bottom: 0;
}
.gpay-utility-blocks .btn {
width: auto;
background: #fff;
display: inline-block;
height: 48px;
line-height: 48px;
padding: 0 24px;
font-weight: 400;
word-wrap: normal;
white-space: nowrap;
color: #007AD0;
margin-left: 32px;
}
.gpay-utility-blocks .gpay-triangle-box {
background: url(../images/gpay_lg_bg.svg) no-repeat center top;
width: 182px;
height: 198px;
position: absolute;
top: -20px;
left: 0;
}
.gpay-utility-blocks .gpay-triangle-box img {
padding: 50px 0 0 40px;
}
.gpay-utility-blocks .gpay-utility-infobox {
position: relative;
margin-left: 200px;
padding: 50px 0 0 0;
}
@media (max-width: 1365px) {
.gpay-utility-blocks .gpay-utility-infobox {
padding-top: 24px;
}
.gpay-utility-blocks .btn {
margin: 12px 0 0 0;
}
}
@media (max-width: 767px) {
.gpay-utility-blocks {
height: auto;
font-size: 18px;
line-height: 26px;
margin-top: 16px;
}
.gpay-utility-blocks .gpay-utility-wrapper {
display: table;
width: 100%;
max-width: 100%;
padding: 7px 0 14px 0;
}
.gpay-utility-blocks .gpay-triangle-box {
background: url(../images/gpay_xs_bg.svg) no-repeat center center;
width: 99px;
height: 132px;
position: static;
display: table-cell;
vertical-align: middle;
top: auto;
left: auto;
box-sizing: border-box;
padding: 0 0 0 7px;
}
.gpay-utility-blocks .gpay-triangle-box img {
width: 50px;
position: relative;
top: -6px;
padding: 0;
}
.gpay-utility-blocks .gpay-utility-infobox {
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 24px;
}
.gpay-utility-blocks .btn {
height: 40px;
line-height: 40px;
display: inline-block;
}
}
#SlideMiddle #nav.fixed-pack-header {
background: #F5F5F5;
z-index: 20;
position: fixed;
width: 100%;
left: 0;
right: 0;
}
#SlideMiddle #nav.fixed-pack-header .ajax-progress-throbber {
top: 85px;
}
#SlideMiddle #nav.fixed-pack-header .owl-theme .owl-nav button:before {
background: -moz-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0.13) 87%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#00ffffff', GradientType=1);
}
.listing_pages .centered {
text-align: center;
}
.listing_pages .centered h1 {
font-size: 34px;
line-height: 38px;
font-weight: lighter;
}
.listing_pages .owl-item:last-child {
margin-right: 0 !important;
}
.listing_pages .owl-theme .owl-nav {
margin: 0;
}
.listing_pages .owl-theme .owl-nav.disabled {
display: block;
}
.listing_pages .owl-theme .owl-nav button {
height: 12px;
background-color: transparent;
}
.listing_pages .owl-theme .owl-nav button:before {
content: "";
position: absolute;
width: 40px;
height: 42px;
top: -14px;
background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}
.listing_pages .owl-theme .owl-nav button.owl-next, .listing_pages .owl-theme .owl-nav button.owl-prev {
background: none;
border-radius: 0;
top: 13px;
height: 26px;
}
.listing_pages .owl-theme .owl-nav button.owl-next:after, .listing_pages .owl-theme .owl-nav button.owl-prev:after {
content: "";
width: 14px;
position: absolute;
height: 12px;
top: 0;
}
.listing_pages .owl-theme .owl-nav button.owl-prev:before {
left: -15px;
right: 0;
}
.listing_pages .owl-theme .owl-nav button.owl-prev:after {
background-image: url(../images/icons-arrow-xs.png);
left: 0;
background-position: -5px 0;
}
.listing_pages .owl-theme .owl-nav button.owl-next:before {
right: 0;
left: 0;
}
.listing_pages .owl-theme .owl-nav button.owl-next:after {
background-image: url(../images/icons-arrow-xs.png);
right: 0;
background-position: -27px 0;
}
#SlideMiddle {
display: block;
width: 100%;
min-height: 100%;
}
#SlideMiddle #nav {
text-align: center;
/* margin: 0 auto 40px auto;*/
}
#SlideMiddle #nav #nav-bar-filters .owl-item:last-child {
margin-right: 0 !important;
}
#SlideMiddle #nav #nav-bar-filters .filter-item {
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
cursor: pointer;
position: relative;
flex-grow: 1;
height: 100%;
line-height: 21px;
font-size: 18px;
text-align: center;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
margin: 0 16px;
color: #767676;
padding: 12px 0;
border: 0;
background: none;
border-bottom: 1px solid transparent;
}
#SlideMiddle #nav #nav-bar-filters .filter-item:hover {
color: #1a1a1a;
}
#SlideMiddle #nav #nav-bar-filters .filter-item.active {
border-bottom: 1px solid #007ad0;
color: #1a1a1a;
}
@media (max-width: 767px) {
#SlideMiddle #nav #nav-bar-filters .filter-item {
line-height: 16px;
font-size: 16px;
margin: 0 16px;
}
#SlideMiddle #nav #nav-bar-filters .filter-item:first-child {
margin-left: 0;
}
#SlideMiddle #nav #nav-bar-filters .filter-item:last-child {
margin-right: 0;
}
}
#SlideMiddle #grid {
margin: 0 auto;
width: auto !important;
box-sizing: border-box;
}
#SlideMiddle #grid-content {
position: relative;
height: auto !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -16px;
}
#SlideMiddle #grid-content .grid-item {
float: none;
display: inline-block;
box-sizing: border-box;
padding: 0 16px;
width: 33.333%;
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
}
#SlideMiddle #grid-content .grid-item .offer-preview-box {
min-height: 0;
}
@media (min-width: 768px) {
#SlideMiddle #nav {
position: absolute;
width: 100%;
left: 0;
right: 0;
z-index: 99;
}
#SlideMiddle .pager {
margin: 0 auto 40px auto;
}
#grid-content {
padding-top: 85px;
}
#grid-content .grid-item {
margin-bottom: 56px;
}
.listing_pages.offers #SlideMiddle #grid-content {
margin: 0 -8px;
}
.listing_pages.offers #SlideMiddle #grid-content .grid-item {
padding: 0 8px;
}
.listing_pages .centered h1 {
font-size: 44px;
line-height: 56px;
}
}
@media (max-width: 1200px) and (min-width: 768px) {
#grid-content {
margin: 0 -8px;
}
#grid-content .grid-item {
padding: 0 8px;
}
}
@media (min-width: 1297px) {
#SlideMiddle #nav.fixed-pack-header {
top: 83px;
animation-direction: normal;
animation-duration: 0.5s;
animation: slide-down 0.5s;
}
}
@media (max-width: 1296px) and (max-width: 1296px) {
#SlideMiddle #nav.fixed-pack-header {
padding: 0 15px;
top: 56px;
animation-direction: normal;
animation-duration: 0.5s;
animation: slide-down 0.5s;
}
}
@media (max-width: 767px) {
.listing_pages.internet_package #grid-content .grid-item {
margin-bottom: 0;
}
#SlideMiddle #nav {
margin-bottom: 24px;
}
#SlideMiddle #grid-content .grid-item {
width: 100%;
}
}
@media (max-width: 600px) {
.listing_pages .owl-carousel .owl-stage {
margin: auto;
text-align: center;
}
.listing_pages .owl-carousel .owl-item {
text-align: center;
float: none;
display: inline-block;
}
}
/*offer listing page*/
.offr-my-offr-form {
margin: 0 auto;
margin-bottom: 12px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
border-radius: 3px;
padding: 16px;
max-width: 466px;
}
.offr-my-offr-form div {
display: inline-grid;
}
.offr-my-offr-form .msisdn-wrapper {
margin-bottom: 0px;
}
.offr-my-offr-form .msisdn-wrapper input {
margin-right: 16px;
width: 236px;
padding: 0 5px 0 35px;
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-position: 8px 13px;
background-color: #f5f5f5;
}
.offr-my-offr-form .msisdn-wrapper input::-webkit-input-placeholder {
font-size: 14px;
}
.offr-my-offr-form .msisdn-wrapper .offer-msg {
display: none;
}
.offr-my-offr-form .msisdn-wrapper.has-error .form-control {
border: none !important;
box-shadow: none;
/*background: #ffb4b4;*/
}
.offr-my-offr-form .msisdn-wrapper.has-error .form-control:focus {
box-shadow: none;
}
.offr-my-offr-form .btn-blocks input {
padding: 11px 24px;
}
/*accordion in my offer mobile*/
/* Style the buttons that are used to open and close the accordion panel */
.custom_accordion_wrap {
padding: 16px;
width: 100%;
max-width: 328px;
/* Style the accordion panel. Note: hidden by default */
}
.custom_accordion_wrap .custom_accordion {
cursor: pointer;
font-family: Telenor;
font-size: 16px;
line-height: 24px;
position: relative;
}
.custom_accordion_wrap .custom_accordion span:nth-child(1) {
position: absolute;
top: -5px;
}
.custom_accordion_wrap .custom_accordion span:nth-child(2) {
padding-left: 42px;
}
.custom_accordion_wrap .custom_accordion span:nth-child(3) {
display: block;
position: absolute;
right: 0px;
top: 0;
}
.custom_accordion_wrap .custom_accordion span:last-child {
position: absolute;
display: none;
right: 0px;
top: 0;
}
.custom_accordion_wrap .accordn-expand span:nth-child(3) {
display: none;
}
.custom_accordion_wrap .accordn-expand span:last-child {
display: block;
}
.custom_accordion_wrap .custom_accordion_panel {
display: none;
overflow: hidden;
}
@media (max-width: 600px) {
.custom_accordion_wrap {
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18);
border-radius: 3px;
margin: 0 auto;
margin-bottom: 24px;
}
.custom_accordion_wrap .custom_accordion_panel .offr-my-offr-form {
border: none;
padding: 18px 0 0 0;
}
.custom_accordion_wrap .custom_accordion_panel .offr-my-offr-form div {
display: block;
}
.custom_accordion_wrap .custom_accordion_panel .offr-my-offr-form div.btn-blocks input {
width: 100%;
font-size: 18px;
line-height: 16px;
}
.custom_accordion_wrap .custom_accordion_panel .offr-my-offr-form .msisdn-wrapper {
margin-bottom: 16px;
}
.custom_accordion_wrap .custom_accordion_panel .offr-my-offr-form .msisdn-wrapper input {
width: 100%;
margin-right: 0px;
}
}
.section-top-post {
max-width: 1010px;
margin: auto;
box-sizing: border-box;
padding: 0 15px;
}
.mygp-feature-post {
display: table;
padding-bottom: 53px;
width: 100%;
box-sizing: border-box;
}
.top-post-preview {
display: table-cell;
vertical-align: middle;
width: 55%;
text-align: end;
}
.feature-intro {
display: table-cell;
vertical-align: top;
width: 45%;
line-height: 34px;
font-size: 18px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
padding: 96px 0 32px 0;
}
.feature-intro p {
padding-bottom: 0;
}
.feature-intro h1 {
font-size: 30px;
line-height: 42px;
font-weight: 500;
padding-bottom: 19px;
max-width: 300px;
}
.google-app-btn {
margin-top: 30px;
}
.google-app-btn a {
float: none;
display: inline-block;
margin: 0 8px 14px 0;
padding: 0;
height: 48px;
}
.google-app-btn a + a.btn {
position: relative;
}
.google-app-btn a + a + a.btn {
margin-left: 0;
margin-top: 0;
}
.google-app-btn a svg {
width: 161px;
}
.feature-box-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
max-width: 940px;
}
.feature-my-box {
text-align: center;
width: 33.333%;
position: relative;
}
.feature-my-box span {
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.feature-my-box span:first-child {
width: 80px;
height: 80px;
position: relative;
background: #fff;
text-align: center;
vertical-align: middle;
display: block;
border-radius: 50%;
margin: auto auto 10px auto;
}
.feature-my-box span:first-child svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.feature-my-box:nth-child(3) span:first-child svg {
top: 53%;
left: 53%;
transform: translate(-53%, -53%);
}
.my-gp-wrapper {
background: #F5F5F5;
padding: 56px 0;
}
.mygp-display-blocks .mygp-content {
max-width: 370px;
margin-top: 20%;
}
.mygp-display-blocks .mygp-content h3 {
padding-bottom: 16px;
max-width: 296px;
}
.mygp-display-blocks .mygp-preview,
.mygp-display-blocks .mygp-content {
vertical-align: bottom;
width: 50%;
display: inline-block;
float: left;
}
.mygp-display-blocks .mygp-display-list-blocks {
padding-top: 32px;
overflow: hidden;
}
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(odd) .mygp-content {
float: right;
}
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(even) {
background: #F5F5F5;
display: block;
}
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(even) .mygp-preview {
float: right;
text-align: end;
}
.display-wrap {
max-width: 800px;
margin: auto;
box-sizing: border-box;
padding: 0 15px;
}
.testimonial-blocks {
padding: 60px 0 80px 0;
margin-bottom: 64px;
background: #007AD0;
}
.testimonial-blocks .testimonial-container {
max-width: 1180px;
padding: 0 16px;
box-sizing: border-box;
margin: auto;
}
.testimonial-blocks h3 {
text-align: center;
color: #ffffff;
padding-bottom: 40px;
}
.testimonial-box {
border-radius: 3px;
background-color: #fff;
padding: 24px 40px 40px 24px;
}
.testimonial-box .msg-preview {
position: relative;
margin-left: 80px;
font-size: 18px;
line-height: 28px;
padding-top: 5px;
}
.testimonial-box .msg-preview p {
padding: 0;
}
.testimonial-box .msg-preview:before {
content: "";
background: url("../images/testimonial-pattern.svg") no-repeat;
width: 27px;
height: 44px;
display: block;
}
.testimonial-box .author-preview {
width: 56px;
height: 56px;
border-radius: 50%;
text-align: center;
overflow: hidden;
position: relative;
float: left;
margin-right: 24px;
display: inline-block;
}
.testimonial-box .author-preview img {
max-height: 56px;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
vertical-align: middle;
display: block;
}
.section-faq {
max-width: 846px;
padding: 0 16px;
box-sizing: border-box;
margin: auto;
}
.section-faq h3.section-title {
padding-bottom: 32px;
text-align: center;
}
.download-app-blocks {
text-align: center;
margin: auto auto 85px auto;
}
.download-app-blocks .google-app-btn {
margin: 0 auto;
height: 48px;
overflow: hidden;
}
.mygp-app .page-title {
display: none;
}
@media (min-width: 768px) {
.testimonial-container .row {
margin-left: -12px;
margin-right: -12px;
}
.testimonial-container .row .col-sm-4.col-md-4 {
padding: 0 12px;
}
}
@media (min-width: 993px) {
.section-faq .panel-accordion {
margin-bottom: 48px;
}
}
@media (max-width: 992px) and (min-width: 768px) {
.feature-box-wrapper {
padding: 24px 24px 8px 24px;
}
.feature-my-box span {
font-size: 20px;
}
.feature-intro {
width: 55%;
padding-top: 32px;
}
.top-post-preview {
width: 45%;
}
.section-faq .panel-accordion {
margin-bottom: 16px;
}
.download-app-blocks {
margin-bottom: 32px;
}
.testimonial-blocks {
padding: 32px 0 16px 0;
margin-bottom: 32px;
}
.testimonial-blocks h3 {
padding-bottom: 24px;
}
.testimonial-box {
padding: 16px;
}
.testimonial-box .msg-preview {
font-size: 16px;
line-height: 24px;
margin-left: 50px;
}
.testimonial-box .msg-preview:before {
height: 30px;
}
.testimonial-box .author-preview {
margin-right: 0;
width: 40px;
height: 40px;
}
}
@media (max-width: 767px) {
.mygp-feature-post {
margin: 0 auto 32px;
padding: 0 32px;
text-align: center;
}
.section-faq .panel-accordion {
margin-bottom: 16px;
}
.feature-intro-wrap {
font-size: 16px;
line-height: 28px;
}
.top-post-preview {
text-align: center;
margin: auto auto 32px auto;
display: block;
width: 100%;
}
.top-post-preview img {
max-width: 215px;
}
.feature-intro {
padding: 0;
width: 100%;
box-sizing: border-box;
}
.feature-intro h1 {
max-width: 290px;
margin: auto;
text-align: center;
font-size: 22px;
line-height: 30px;
font-weight: 500;
padding-bottom: 24px;
}
.section-faq h3.section-title {
padding-bottom: 16px;
}
.google-app-btn {
padding-bottom: 5px;
}
.google-app-btn a:last-child {
margin-right: 0;
}
.google-app-btn a svg {
width: 138px;
}
.my-gp-wrapper {
padding: 0;
}
.feature-box-wrapper {
padding: 32px 24px 8px 24px;
}
.feature-my-box {
width: 100%;
float: none;
display: block;
text-align: left;
margin-bottom: 16px;
}
.feature-my-box span {
display: inline-block;
font-size: 20px;
line-height: 24px;
margin: 0;
vertical-align: middle;
}
.feature-my-box span:first-child {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 24px 0 0;
}
.feature-my-box span:first-child svg {
width: 22px;
}
.display-wrap {
max-width: 100%;
padding: 0;
}
.mygp-display-blocks .mygp-content {
max-width: 100%;
margin-top: 0;
}
.mygp-display-blocks .mygp-content h3 {
max-width: 100%;
}
.mygp-display-blocks .mygp-preview img {
max-width: 216px;
}
.mygp-display-blocks .mygp-preview,
.mygp-display-blocks .mygp-content {
vertical-align: bottom;
width: 100%;
display: block;
float: none;
}
.mygp-display-blocks .mygp-display-list-blocks {
padding: 40px 32px 0 32px;
overflow: hidden;
}
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(odd) .mygp-preview,
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(odd) .mygp-content, .mygp-display-blocks .mygp-display-list-blocks:nth-of-type(even) .mygp-preview,
.mygp-display-blocks .mygp-display-list-blocks:nth-of-type(even) .mygp-content {
float: none;
text-align: center;
}
.testimonial-blocks {
padding: 40px 0 0 0;
margin-bottom: 32px;
}
.testimonial-blocks h3 {
padding-bottom: 24px;
}
.testimonial-box {
padding: 24px;
margin-bottom: 16px;
}
.testimonial-box .msg-preview {
margin-left: 56px;
padding-top: 8px;
}
.testimonial-box .author-preview {
width: 40px;
height: 40px;
}
.testimonial-box .author-preview img {
max-height: 40px;
}
.download-app-blocks {
margin-bottom: 32px;
}
.mygp-app .bottom-share-blocks {
margin: 32px auto;
}
}
@media (max-width: 375px) {
.mygp-feature-post {
padding: 0 24px;
}
}
@media (max-width: 360px) {
.mygp-feature-post {
padding: 0 16px;
}
}
@media (max-width: 359px) {
.mygp-feature-post {
padding: 0;
}
.google-app-btn a {
margin-right: 4px;
}
}
.center-top-blocks {
padding: 0 0 64px 0;
text-align: center;
max-width: 846px;
margin: auto;
font-size: 16px;
line-height: 28px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.center-top-blocks p {
padding-bottom: 0;
}
.center-top-blocks p + p {
padding-top: 24px;
}
.gp-brand-list {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 64px 0 44px 0;
margin-bottom: 64px;
text-align: center;
}
.gp-brand-list ul {
margin: 0 auto;
list-style: none;
max-width: 1064px;
padding: 0;
}
.gp-brand-list ul li {
max-width: 200px;
display: inline-block;
margin: 20px 30px;
overflow: hidden;
}
.gp-brand-list ul li img {
max-height: 112px;
}
.info-display-blocks .thumbnail-list.default-list-blocks {
background: #F5F5F5;
padding: 64px 0;
border-bottom: 1px solid transparent;
}
.info-display-blocks .thumbnail-list.default-list-blocks .default-list-block-wrapper {
max-width: 1064px;
margin: auto;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-content-wrap {
padding: 0 64px 0 0;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding-left: 0;
order: 1;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap {
order: 2;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper {
margin-bottom: 0;
background: none;
font-size: 18px;
line-height: 34px;
font-weight: 400;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
position: relative;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding: 0 0 0 64px;
box-sizing: border-box;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap a {
height: auto;
line-height: 0;
display: table;
width: 100%;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper h3 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper a.btn-more {
display: inline-block;
width: auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 16px;
line-height: 48px;
height: 48px;
position: relative;
top: 2px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper a.btn {
font-size: 18px;
padding: 0 24px;
line-height: 45px;
height: 48px;
display: inline-block;
width: auto;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper a + a {
margin-left: 20px;
}
@media (max-width: 1026px) {
.info-display-blocks .thumbnail-list.default-list-blocks .default-list-block-wrapper {
max-width: 100%;
padding: 0 16px;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-content-wrap {
padding-right: 32px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper {
font-size: 16px;
line-height: 26px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper h3 {
font-size: 20px;
line-height: 30px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding-left: 32px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper a.btn-more {
height: auto;
font-size: 16px;
line-height: normal;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper a.btn {
font-size: 16px;
line-height: 36px;
height: 40px;
}
.gp-brand-list ul li {
max-width: 185px;
margin: 16px 24px;
}
}
@media (max-width: 767px) {
.gp-accelerator .section-faq {
padding: 0;
}
.center-top-blocks {
padding-bottom: 32px;
}
.gp-brand-list {
padding: 12px 0;
margin-bottom: 32px;
}
.gp-brand-list ul li {
max-width: 130px;
margin: 16px;
}
.info-display-blocks .thumbnail-list.default-list-blocks {
padding: 0;
margin-bottom: 24px;
border: 0;
border-radius: 3px;
}
.info-display-blocks .thumbnail-list.default-list-blocks .default-list-block-wrapper {
max-width: 410px;
padding: 0;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) {
background: #F5F5F5;
border: 0;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-content-wrap {
padding: 0;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper {
font-size: 16px;
line-height: 26px;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper h3 {
font-size: 20px;
line-height: 30px;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
order: 2;
padding: 24px;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap {
order: 1;
}
.info-display-blocks .thumbnail-list.default-list-blocks:nth-of-type(even) .row .col-sm-12.col-md-12 .thumbnail-wrapper .img-wrap a {
display: table;
width: 100%;
}
.info-display-blocks .thumbnail-list.default-list-blocks .row .col-sm-12.col-md-12 .thumbnail-wrapper .thumbnail-content {
padding: 24px;
}
}
@media (max-width: 359px) {
.gp-brand-list ul li {
max-width: 120px;
margin: 10px;
}
}
.recharge-title-bar {
font-size: 16px;
line-height: 26px;
font-weight: normal;
padding-bottom: 10px;
margin-top: 24px;
}
.recharge-title-bar span {
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding-top: 4px;
}
.recharge-note-block {
background: #F7F5ED;
border-radius: 3px;
padding: 16px;
font-size: 14px;
line-height: 20px;
color: #1A1A1A;
margin: 16px auto 0 auto;
position: relative;
transition: all .7s;
top: 0;
}
.recharge-note-block.hidden {
top: -110px;
}
.recharge-note-block p {
padding-bottom: 8px;
}
.recharge-note-block .pull-right a {
font-weight: bold;
margin-left: 32px;
}
.form-recharge-block {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
max-width: 492px;
padding: 32px;
margin: auto auto 64px auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
}
.form-recharge-block .form-group {
margin-bottom: 0;
}
.form-recharge-block .form-group.form-btn-group {
margin-bottom: 16px;
}
.form-recharge-block .form-group.form-group-invoice {
margin-bottom: 16px;
}
.form-recharge-block .form-group.form-group-email {
margin-bottom: 10px;
position: relative;
top: -8px;
}
.form-recharge-block label {
color: #1A1A1A;
font-size: 13px;
line-height: 16px;
font-weight: normal;
padding-bottom: 8px;
margin: 0;
}
.form-recharge-block .recharge-offer-display-box {
margin-bottom: 24px;
}
.form-recharge-block .recharge-add-another {
margin: auto auto 20px auto;
}
.form-recharge-block .recharge-add-another .spin:after {
top: 6px;
}
.form-recharge-block .recharge-add-another a {
display: block;
font-size: 16px;
line-height: 40px;
padding: 0 24px;
height: 40px;
}
.form-recharge-block .btn {
display: block;
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 24px;
}
.recharge_offer_loading {
background: url(../images/loading_throbber.svg) no-repeat center center;
margin: auto;
width: 34px;
height: 34px;
min-height: 71px;
}
.recharge_offer_loading .owl-recharge-offer {
display: none;
}
.no_offr_rech_modal {
text-align: center;
display: block;
padding-bottom: 24px;
padding-top: 24px;
margin: auto;
}
.owl-recharge-offer.owl-carousel .owl-nav button {
position: absolute;
top: 38%;
margin: 0;
opacity: 1;
padding: 0;
font-size: 0;
width: 24px;
height: 24px;
z-index: 999;
text-indent: -999999px;
}
.owl-recharge-offer.owl-carousel .owl-nav button.disabled {
display: none;
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-prev, .owl-recharge-offer.owl-carousel .owl-nav button.owl-next {
background-color: rgba(0, 0, 0, 0.32);
background-repeat: no-repeat;
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-prev:hover, .owl-recharge-offer.owl-carousel .owl-nav button.owl-prev:focus, .owl-recharge-offer.owl-carousel .owl-nav button.owl-next:hover, .owl-recharge-offer.owl-carousel .owl-nav button.owl-next:focus {
border: 0;
outline: none;
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
background-position: 6px 6px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-next {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: 0;
border-radius: 3px 0 0 3px;
background-position: 9px 6px;
}
@media (min-width: 768px) {
.owl-recharge-offer.owl-carousel .owl-item:hover .item-box {
border-color: #007AD0;
}
}
.owl-recharge-offer.owl-carousel .owl-item .item {
position: relative;
height: 100%;
}
.owl-recharge-offer.owl-carousel .owl-stage {
display: flex;
}
.owl-recharge-offer .item-box {
width: 148px;
position: relative;
height: 100%;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
border-radius: 3px;
padding: 16px;
display: block;
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
.owl-recharge-offer .item-box.selected {
border-color: #007AD0;
background: url("../images/selected.png") no-repeat right 4px top 4px;
}
.owl-recharge-offer .item-box a {
display: block;
color: #1A1A1A;
}
.owl-recharge-offer .item-box a .recharge-value {
padding-bottom: 11px;
}
.owl-recharge-offer .item-box a .recharge-display,
.owl-recharge-offer .item-box a .recharge-value {
display: block;
overflow: hidden;
}
.owl-recharge-offer .item-box a .recharge-tk {
color: #007AD0;
display: inline-block;
}
.owl-recharge-offer .item-box a .recharge-day {
color: #767676;
width: 60px;
white-space: normal;
word-wrap: break-word;
display: inline-block;
text-align: end;
float: right;
font-weight: normal;
}
.recharge-msg-box .recharge-msg-list-box {
margin: auto auto 16px auto;
background: #fff;
padding: 16px 14px 16px 22px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 14px;
line-height: 28px;
font-weight: 500;
color: #1A1A1A;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}
.recharge-msg-box .recharge-msg-list-box span {
display: inline-block;
}
.recharge-msg-box .recharge-msg-list-box .recharge-amount {
margin-right: 16px;
}
.recharge-msg-box .recharge-msg-list-box .close-off {
width: 25px;
height: 25px;
text-align: center;
position: relative;
top: 3px;
}
.recharge-msg-box .recharge-msg-list-box .close-off a:hover {
cursor: pointer;
}
.recharge-msg-box .recharge-msg-list-box .recharge-value {
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #767676;
}
.recharge-terms-blocks {
font-size: 13px;
line-height: 20px;
color: #979797;
padding-top: 0;
}
.continue-recharge-blocks {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
max-width: 492px;
padding: 32px 40px;
margin: auto auto 64px auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
}
.continue-recharge-blocks h4 {
font-size: 20px;
line-height: 28px;
padding-bottom: 16px;
font-weight: 500;
}
.continue-recharge-blocks label {
color: #1A1A1A;
font-size: 13px;
line-height: 16px;
font-weight: normal;
padding-bottom: 8px;
margin: 0;
}
.continue-recharge-blocks .form-btn-group .btn {
display: block;
width: 100%;
box-sizing: border-box;
}
.recharge-success-blocks {
background: #FFFBDF;
padding: 20px 32px 16px 32px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 14px auto 24px auto;
display: table;
width: 100%;
box-sizing: border-box;
}
.recharge-success-blocks .coin-block {
width: 55px;
vertical-align: middle;
display: table-cell;
}
.recharge-success-blocks .congrats-msg {
vertical-align: middle;
display: table-cell;
}
.recharge-success-blocks .congrats-msg .toal-points-box {
font-size: 17px;
line-height: 21px;
font-weight: bold;
}
.msg-success-recharge {
font-size: 14px;
line-height: 20px;
text-align: center;
}
.success-offer-owl.what-new-blocks {
padding-top: 32px;
}
.success-offer-owl.what-new-blocks .title-bar {
padding-bottom: 24px;
}
.recharge-success-display-blocks {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
max-width: 400px;
padding: 32px 40px;
margin: auto auto 32px auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
}
.recharge-success-display-blocks .success-value-list {
font-size: 14px;
line-height: 28px;
color: #1A1A1A;
}
.recharge-success-display-blocks .success-value-list li {
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.recharge-success-display-blocks .success-value-list .label-list {
color: #767676;
width: 110px;
display: inline-block;
}
.recharge-success-display-blocks .purchase_success_menu_list li {
font-size: 16px;
line-height: 26px;
}
.recharge-success-display-blocks .recharge-gift-blocks {
margin-bottom: 40px;
}
.recharge-success-display-blocks .recharge-gift-blocks h3 {
text-align: center;
}
.recharge-success-display-blocks .msg-box {
background: #EAF3F5;
margin-bottom: 15px;
text-align: center;
padding: 24px;
font-size: 18px;
line-height: 26px;
border-radius: 3px;
}
.recharge-success-display-blocks .msg-box .gift-box {
height: 24px;
}
.recharge-success-display-blocks .msg-box .btn {
display: block;
width: 100%;
font-size: 18px;
line-height: 26px;
margin: 16px auto 0 auto;
}
.recharge-success-display-blocks .msg-box .offer-value {
color: #767676;
}
.recharge-success-display-blocks .msg-box .offer-title {
display: block;
padding: 16px 0;
font-size: 18px;
line-height: 26px;
}
.recharge-success-display-blocks .bottom-msg-blocks {
text-align: center;
}
#recharge-msg-modal.modal .close {
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
#recharge-msg-modal .modal-content {
background: #fff;
max-width: 328px;
margin: auto;
padding: 24px;
font-size: 16px;
line-height: 26px;
border-radius: 3px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
#recharge-msg-modal p {
padding-bottom: 16px;
}
#recharge-msg-modal .modal-header {
border: 0;
padding: 0;
}
#recharge-msg-modal .lead {
font-weight: 500;
font-size: 20px;
line-height: 28px;
padding-bottom: 16px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
}
#recharge-msg-modal .btn {
display: block;
width: 100%;
font-size: 16px;
padding: 0 24px;
line-height: 40px;
height: 40px;
}
#recharge-msg-modal .btn + .btn {
margin-top: 16px;
}
body.scroll-disable.page-recharge .owl-carousel {
z-index: 0;
}
.recharge-condition-modal {
margin-top: auto;
}
.recharge-condition-modal .modal-body .listing {
margin-right: 12px;
max-height: 360px;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 359px) {
.recharge-condition-modal .modal-body .listing {
max-height: 280px;
}
}
#recharge-display-modal.modal .close {
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
#recharge-display-modal .modal-header {
border: 0;
padding: 0;
}
#recharge-display-modal .modal-body {
padding: 0;
}
#recharge-display-modal .modal-body .tab-pane {
max-height: 180px;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 767px) {
#recharge-display-modal .modal-body .tab-pane {
max-height: 283px;
}
}
#recharge-display-modal .modal-content {
background: #fff;
max-width: 624px;
height: 395px;
margin: auto;
padding: 24px;
font-size: 16px;
line-height: 28px;
border-radius: 3px;
}
@media (min-width: 768px) {
#recharge-display-modal .modal-content .mCSB_inside > .mCSB_container {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
#recharge-display-modal .modal-content {
max-width: 328px;
height: 480px;
}
}
#recharge-display-modal .modal-content .page-tab-blocks {
margin-bottom: 24px;
}
#recharge-display-modal .modal-content .page-tab-blocks .tab-content {
padding: 16px 0 0 0;
border: 0;
}
@media (max-width: 767px) {
#recharge-display-modal .modal-content .page-tab-blocks .tab-content {
padding: 8px 0 0 0;
}
}
#recharge-display-modal .modal-content .offer-list-display {
margin-top: 16px;
}
#recharge-display-modal .modal-content .offer-list-display.selected a {
border-color: #007AD0;
}
@media (min-width: 768px) {
#recharge-display-modal .modal-content .offer-list-display {
float: left;
width: 47.2%;
margin: 1.40%;
position: relative;
}
}
#recharge-display-modal .modal-content .offer-list-display a {
display: block;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
border-radius: 3px;
padding: 16px;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: bold;
height: 100%;
}
#recharge-display-modal .modal-content .offer-list-display a:hover {
transition: background .2s;
border-color: #007AD0;
}
#recharge-display-modal .modal-content .offer-list-display a:hover .recharge-tk {
color: #007AD0;
}
#recharge-display-modal .modal-content .offer-list-display a .recharge-day {
color: #767676;
margin-left: 20px;
}
#recharge-display-modal .modal-content .offer-list-display a .recharge-value,
#recharge-display-modal .modal-content .offer-list-display a .recharge-display {
display: block;
width: 88%;
}
#recharge-display-modal .modal-content .offer-list-display a .recharge-value {
color: #1A1A1A;
padding-bottom: 8px;
}
#recharge-display-modal .modal-content .offer-list-display a:after {
content: "";
position: absolute;
right: 10px;
top: 40%;
width: 20px;
height: 20px;
display: block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../images/icon_right_small.svg);
}
#recharge-display-modal .page-menu-tabs.nav-tabs {
max-width: 210px;
margin: auto;
text-align: center;
}
@media (max-width: 767px) {
#recharge-display-modal .page-menu-tabs.nav-tabs {
margin: 0;
text-align: left;
}
}
#recharge-display-modal .page-menu-tabs.nav-tabs li {
font-size: 16px;
line-height: 26px;
font-weight: normal;
margin-right: 24px;
}
#recharge-display-modal .page-menu-tabs.nav-tabs li a {
padding: 6px 0;
}
#recharge-display-modal .btn-back-recharge {
border: 1px solid rgba(0, 0, 0, 0.64);
border-radius: 3px;
display: block;
font-size: 16px;
padding: 0 24px;
height: 40px;
line-height: 40px;
max-width: 173px;
margin: auto;
}
@media (max-width: 767px) {
#recharge-display-modal .btn-back-recharge {
max-width: 100%;
}
}
#recharge-display-modal .btn-back-recharge:hover {
border-color: #000;
}
.purchase_failed_menu_list +
.purchase_failed_need_help {
padding-top: 0;
}
.page-recharge-campaign-success .breadcrumb ul,
.page-recharge-campaign .breadcrumb ul,
.page-recharge-response .breadcrumb ul,
.page-recharge-payment-success .breadcrumb ul,
.page-recharge-payment-failed .breadcrumb ul {
display: none;
}
.form-group-invoice input[type=checkbox] + label {
display: block;
margin: 0;
cursor: pointer;
padding: 0;
line-height: 19px;
font-size: 15px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
}
.form-group-invoice input[type=checkbox] {
display: none;
}
.form-group-invoice input[type=checkbox] + label:before {
content: "";
position: relative;
top: -2px;
background-repeat: no-repeat;
background-position: 2px 3px;
background-image: url("data:image/svg+xml;charset=utf-8,");
border: 2px solid rgba(0, 0, 0, 0.16);
background-color: #ffffff;
border-radius: 3px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin-right: 10px;
vertical-align: middle;
-webkit-transition: background .2s;
transition: background .2s;
}
.form-group-invoice input[type=checkbox]:checked + label:before {
background-color: #007AD0;
border-color: #007AD0;
}
.form-group-invoice input[type=checkbox]:disabled + label:before {
border-color: #F5F5F5;
}
.form-group-invoice input[type=checkbox]:checked:disabled + label:before {
background-color: #F5F5F5;
border-color: #F5F5F5;
}
@media (min-width: 600px) {
body.page-recharge .breadcrumb {
padding-bottom: 0;
}
body.page-recharge .page-title {
position: relative;
top: -24px;
}
body.page-recharge .page-title h1 {
font-size: 32px;
line-height: 36px;
font-weight: 300;
padding-bottom: 0;
}
}
@media (min-width: 500px) {
.owl-recharge-offer.owl-carousel .owl-nav button {
width: 16px;
height: 16px;
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-next {
right: -24px;
border-radius: 3px;
background-position: 1px 1px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-prev {
background-position: 1px 1px;
left: -24px;
border-radius: 3px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
}
@media (max-width: 767px) {
.form-recharge-block .form-group {
margin-bottom: 8px;
}
.recharge-title-bar {
margin-top: 8px;
}
}
@media (max-width: 500px) {
body.page-recharge .page-title {
line-height: 26px;
}
.continue-recharge-blocks {
padding: 16px 0;
border: 0;
max-width: 100%;
}
.page-recharge .footer {
display: none;
}
.footer.footer-small {
display: none;
}
.owl-recharge-offer.owl-carousel .owl-nav {
/*button {
display: none;
}*/
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-next {
right: -16px;
}
.owl-recharge-offer.owl-carousel .owl-nav button.owl-prev {
left: -16px;
}
.owl-recharge-offer.owl-carousel .owl-stage-outer {
margin-right: -16px;
}
.recharge-title-bar {
margin-top: 4px;
}
.recharge-success-display-blocks {
border: 0;
padding: 0;
margin-bottom: 32px;
}
.recharge-success-display-blocks .purchase_success_menu_list {
margin-bottom: 0;
}
.form-recharge-block {
border: 0;
padding: 0;
}
.form-recharge-block .form-group {
margin-bottom: 12px;
}
.form-recharge-block .form-group.form-btn-group {
margin-bottom: 0;
}
.form-recharge-block .recharge-add-another + .form-group {
margin-bottom: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 12;
padding: 8px 10px;
background: #F5F5F5;
}
.form-recharge-block .recharge-add-another + .form-group.form-group-invoice {
background: none;
position: relative;
padding: 0;
left: auto;
right: auto;
bottom: auto;
margin-bottom: 16px;
}
.form-btn-group {
margin-bottom: 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 12;
padding: 8px 10px;
background: #F5F5F5;
}
.page-recharge .page-title .title-center {
text-align: left;
}
.recharge-note-block {
margin-top: 0;
margin-bottom: 12px;
}
.purchase_journey_failed {
padding-bottom: 0;
padding-top: 0;
}
.success-offer-owl.what-new-blocks {
padding-top: 0;
}
.recharge-terms-blocks a {
padding-bottom: 15px;
display: inline-block;
}
}
@media (max-width: 359px) {
#recharge-display-modal .modal-body .tab-pane {
max-height: 200px;
}
#recharge-display-modal .modal-content {
max-width: 290px;
height: 400px;
}
}
/*extra
.btn-back-recharge {
display: block;
font-size: 16px;
width: 100%;
margin: auto;
position: absolute;
padding: 0;
z-index: 1;
line-height: 40px;
box-shadow: 0 -5px 25px #fff;
&:before {
content: "";
margin: auto;
max-width: 173px;
position: absolute;
left: 0;
padding: 0 24px;
height: 40px;
right: 0;
border: 1px solid rgba(0, 0, 0, 0.64);
border-radius: 3px;
}
@media(max-width: 767px) {
max-width: 100%;
}
&:hover {
border-color: #000;
}
}
*/
.page-recharge.page-recharge-payment-failed .main_content {
padding-top: 0px;
}
@media (max-width: 767px) {
.page-recharge.page-recharge-payment-failed .main_content {
padding-top: 100px;
}
}
.page-offer-pack-purchase-activation-failed .main_content {
padding-top: 0px;
}
@media (max-width: 767px) {
.page-offer-pack-purchase-activation-failed .main_content {
padding-top: 100px;
}
}
#messages {
display: none;
}
/**/
.recharge-deal-box {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
max-width: 492px;
padding: 50px 40px 40px 40px;
margin: auto auto 64px auto;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
border-radius: 3px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.recharge-deal-box .form-control[disabled],
.recharge-deal-box .form-control[readonly],
.recharge-deal-box fieldset[disabled] .form-control {
background: #D6D6D6;
}
.recharge-deal-box textarea.error,
.recharge-deal-box input.error {
background: #ffb4b4 url(../images/icon_warning.png) no-repeat center right 15px;
padding-right: 45px;
color: #767676;
}
.recharge-deal-box .desc-alert {
color: #1a1a1a;
font-size: 13px;
line-height: 20px;
border-bottom: 1px solid #ffb4b4;
display: inline-block;
padding-top: 4px;
margin-bottom: 4px;
}
.recharge-deal-box .form-group {
margin-bottom: 0;
}
.recharge-deal-box .form-group.tshirt-receiver-msisdn {
margin-top: 32px;
}
.recharge-deal-box h3 {
font-weight: 500;
font-size: 18px;
line-height: 26px;
}
.recharge-deal-box label {
font-weight: 400;
font-size: 13px;
line-height: 16px;
padding-bottom: 8px;
}
.recharge-deal-box .note-recharge-campaign {
font-size: 13px;
line-height: 16px;
display: block;
margin-top: 22px;
}
.recharge-deal-box .form-type-radiobox {
position: relative;
}
.recharge-deal-box .form-type-radiobox label {
font-size: 14px;
line-height: 18px;
color: #1A1A1A;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
font-weight: bold;
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:checked,
.recharge-deal-box .form-type-radiobox input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:checked + label,
.recharge-deal-box .form-type-radiobox input[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 30px;
line-height: 22px;
color: #000;
cursor: pointer;
display: inline-block;
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:checked + label:before,
.recharge-deal-box .form-type-radiobox input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 100%;
background: #fff;
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:checked + label:after,
.recharge-deal-box .form-type-radiobox input[type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: #007AD0;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.recharge-deal-box .form-type-radiobox input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.recharge-deal-box .form-type-select {
display: block;
position: relative;
}
.recharge-deal-box .form-type-select.error select.form-select {
color: #979797;
background: #FFB4B4;
}
.recharge-deal-box .form-type-select.error:after {
background-color: #FFB4B4;
}
.recharge-deal-box .form-type-select select {
position: relative;
}
.recharge-deal-box .form-type-select select.form-select {
border-radius: 3px;
display: inline-block;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 16px;
padding: 0 16px;
font-weight: 400;
background: #F5F5F5;
border: 0;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #1A1A1A;
-webkit-appearance: none;
opacity: 1;
outline: 0;
}
.recharge-deal-box .form-type-select:after {
content: "";
position: absolute;
right: 16px;
bottom: 0;
padding: 0;
color: #1a1a1a;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #f5f5f5;
border-style: solid;
border-color: #1a1a1a;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-width 150ms ease-in-out;
top: 46px;
height: 10px;
width: 10px;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox] + label {
display: block;
margin: 0;
cursor: pointer;
padding: 0;
line-height: 19px;
font-size: 15px;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
color: #000;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox] {
display: none;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox] + label:before {
content: "";
position: relative;
top: -2px;
background-repeat: no-repeat;
background-position: 2px 3px;
background-image: url("data:image/svg+xml;charset=utf-8,");
border: 2px solid rgba(0, 0, 0, 0.16);
background-color: #ffffff;
border-radius: 3px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin-right: 10px;
vertical-align: middle;
-webkit-transition: background .2s;
transition: background .2s;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox]:checked + label:before {
background-color: #007AD0;
border-color: #007AD0;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox]:disabled + label:before {
border-color: #F5F5F5;
}
.recharge-deal-box .form-type-checkbox input[type=checkbox]:checked:disabled + label:before {
background-color: #F5F5F5;
border-color: #F5F5F5;
}
.recharge_deal_card {
overflow: hidden;
font-size: 16px;
line-height: 24px;
font-weight: 600;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
display: table;
width: 100%;
}
.recharge_deal_card .recharge-deal-preview {
width: 27%;
display: table-cell;
vertical-align: middle;
}
.recharge_deal_card .recharge-deal-preview img {
border-radius: 3px;
max-width: 92px;
}
.recharge_deal_card .recharge-deal-info {
display: table-cell;
vertical-align: middle;
width: 65%;
padding-right: 10px;
}
.delivery-method-blocks {
margin-top: 32px;
}
.delivery-method-blocks .btn {
display: block;
width: 100%;
font-size: 20px;
line-height: 48px;
padding: 0 24px;
height: 48px;
margin-top: 24px;
font-weight: normal;
}
.form-group-blocks {
padding: 18px 24px 24px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
position: relative;
}
.form-group-blocks:hover, .form-group-blocks.active {
border-color: #007AD0;
}
.form-group-blocks .form-type-radiobox {
padding-right: 50px;
padding-bottom: 8px;
}
.form-group-blocks .item-box .form-type-radiobox {
padding: 0;
}
.home-delivery-icons,
.pick-icons {
position: absolute;
right: 16px;
top: 8px;
}
.address-owl-list {
margin-top: 24px;
}
.address-owl-list.owl-carousel {
position: relative;
}
.address-owl-list.owl-carousel .address-list-wrapper {
padding-left: 30px;
}
.address-owl-list.owl-carousel .owl-item .item {
position: relative;
height: 100%;
cursor: default;
}
.address-owl-list.owl-carousel .owl-nav button {
position: absolute;
top: 45%;
margin: 0;
opacity: 1;
padding: 0;
font-size: 0;
width: 24px;
height: 24px;
z-index: 999;
text-indent: -999999px;
}
.address-owl-list.owl-carousel .owl-nav button.disabled {
display: none;
}
.address-owl-list.owl-carousel .owl-nav button.owl-prev, .address-owl-list.owl-carousel .owl-nav button.owl-next {
background-color: rgba(0, 0, 0, 0.32);
background-repeat: no-repeat;
top: 45%;
}
.address-owl-list.owl-carousel .owl-nav button.owl-prev:hover, .address-owl-list.owl-carousel .owl-nav button.owl-prev:focus, .address-owl-list.owl-carousel .owl-nav button.owl-next:hover, .address-owl-list.owl-carousel .owl-nav button.owl-next:focus {
border: 0;
outline: none;
}
.address-owl-list.owl-carousel .owl-nav button.owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
background-position: 6px 6px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.address-owl-list.owl-carousel .owl-nav button.owl-next {
background-image: url("data:image/svg+xml;charset=utf-8,");
right: -8px;
border-radius: 3px;
background-position: 9px 6px;
}
.address-owl-list.owl-carousel .owl-stage {
display: flex;
}
.address-owl-list.owl-carousel .item-box {
height: 100%;
position: relative;
width: 279px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 24px;
}
.division-or {
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-align: center;
font-family: "Telenor", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
margin: 16px auto;
}
.custom-form-blocks {
margin-top: 32px;
}
.congrats-blocks {
margin: 16px auto 24px auto;
border-radius: 3px;
padding: 24px;
background: #FFFBDF;
border: 1px solid #E7E3C5;
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Noto Sans Bengali, sans-serif;
box-sizing: border-box;
}
.congrats-blocks img {
float: right;
width: 35%;
max-width: 100px;
border-radius: 3px;
}
.congrats-blocks .congrats-msg {
float: left;
width: 50%;
margin-right: 5%;
text-shadow: none;
}
.congrats-blocks .btn {
margin-top: 13px;
height: 40px;
line-height: 40px;
padding: 0 24px;
display: block;
font-size: 16px;
font-weight: normal;
}
.gp-center-delivery-block {
padding-top: 18px;
}
.gp-center-delivery-block p {
padding-bottom: 0;
}
.gp-center-delivery-block .area-drop-blocks {
margin-top: 24px;
}
.recharge_deal_landing.recharge-campaign-blocks,
.recharge-success-display-blocks {
margin-top: 32px;
}
.home-delivery-block .form-group textarea.form-control {
height: 99px;
overflow-y: auto;
}
@media (max-width: 500px) {
.recharge_deal_landing .title-bar {
font-size: 26px;
line-height: 36px;
font-weight: 300;
text-align: left;
}
.recharge-deal-box {
border: 0;
box-shadow: none;
padding: 0;
margin-bottom: 40px;
}
}
html, body {
height: 100%;
}
.myoffers .inner-section-banner {
z-index: -1;
}
.myoffers .inner-section-banner .owl-carousel {
z-index: 0;
}
.myoffers .my-offer-form-blocks {
z-index: 9;
margin-top: -68px;
background: #fff;
max-width: 456px;
margin: 0 auto;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.11);
border-radius: 5px;
text-align: center;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper {
margin-top: -68px;
padding: 40px;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 25px;
line-height: 40px;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper form .msisdn-wrapper {
margin-bottom: 20px;
text-align: left;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper form .btn-blocks input[type="submit"] {
width: 100%;
}
@media (max-width: 767px) {
.myoffers .my-offer-form-blocks .offer-form-wrapper {
margin-top: -22px;
padding: 40px;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper h1 {
font-family: Telenor;
font-size: 26px;
line-height: 36px;
font-weight: lighter;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper p {
font-size: 20px;
line-height: 32px;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper form .msisdn-wrapper {
margin-bottom: 20px;
text-align: left;
}
.myoffers .my-offer-form-blocks .offer-form-wrapper form .btn-blocks input[type="submit"] {
width: 100%;
}
}
.myoffer-showoffr-wrap {
text-align: center;
}
.myoffer-showoffr-wrap span.myoffr-headline {
font-family: Telenor;
font-size: 20px;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
@media (min-width: 500px) {
.myoffer-showoffr-wrap span.myoffr-headline {
padding-top: 40px;
}
}
.myoffer-showoffr-wrap .myoffr-tab-box {
/* width: 100%;
position: relative;
height: auto !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -16px;*/
}
.page-myoffers-showoffers- #grid-content {
padding-top: 40px;
}
.page-myoffers-showoffers- .main_content {
padding-top: 56px;
}
.page-myoffers-showoffers- .nav-tabs > li {
float: none;
margin: 0 auto;
margin-right: 32px;
display: inline-block;
}
.page-myoffers-showoffers- .nav-tabs > li:last-child {
margin-right: 0px;
}
.page-myoffers-showoffers- .purchase_balance_desc {
text-align: center;
}
@media (max-width: 767px) {
.page-myoffers-showoffers- {
/*400/200*/
}
.page-myoffers-showoffers- .internet_pack_card_wrapper .internet_pack_card {
text-align: left;
}
}
.page-myoffers-showoffers #wrapper {
min-height: 100%;
position: relative;
}
@media (min-width: 501px) {
.page-myoffers-showoffers #wrapper {
padding-bottom: 138px !important;
}
}
.page-myoffers-showoffers .bottom-msg-blocks {
margin-bottom: 64px;
}
.page-myoffers-showoffers .purchase_failed_page_title {
margin-left: 44px;
}
.page-myoffers-showoffers .main_content {
min-height: 100%;
padding-top: 0px !Important;
}
@media (max-width: 500px) {
.page-myoffers-showoffers .main_content {
padding-top: 88px !Important;
padding-bottom: 32px !Important;
}
}
.page-myoffers-showoffers .main_content .purchase_journey_insufficient_balance .btn.btn-primary-outline {
font-size: 15px;
}
.page-myoffers-showoffers .footer {
border-top: 1px solid rgba(0, 0, 0, 0.08);
display: block;
}
@media (min-width: 501px) {
.page-myoffers-showoffers .footer {
position: absolute;
width: 100%;
bottom: 0;
}
}
.page-myoffers .interior-banner .owl-item img.slider-mob {
width: 100%;
}