p:empty, .gmnoprint, .gm-fullscreen-control, .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { display: none; } .position-fixed{ /*position: fixed ;*/} .b { border: 1px solid #333; min-height: 20px; } .bf { background: #ccc; min-height: 20px; } .tp_header { width: 100%; position: relative; /* &.djuicePage:before{ border-bottom: 58px solid $djuiceAmber; } */ } /*.tp_header:before { top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: #0091d2; border-bottom: 58px solid #00ace8; } */ .tp_header:before { top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; /*background: #ffffff; border-bottom: 58px solid #00ace8;*/ } /* TP Main Menu Start */ .tp_headerContainer { /*min-height: 136px; */ position: relative; } .tp_headerContainer .navbar-brand { height: auto; padding: 12px 0; margin-right: 32px; } .tp_headerContainer .resMenuIcon { border: none; background: none; } .tp_headerContainer .resMenuIcon .icon-bar { background: #FFF; } .resMenuClose { top: 0; width: 60px; height: 60px; right: 260px; z-index: 150; display: none; cursor: pointer; position: fixed; background: url("../images/custom/menuClose.png") no-repeat center; } #tpNavbar ul { padding: 0; list-style: none; } #tpNavbar ul.ul-level1 li.nav-level1 { position: static; } #tpNavbar ul.ul-level1 li.nav-level1 > a { color: #666666; font-size: 15px; background: none; padding: 29px 21px 0px 21px; /*text-transform: uppercase;*/ } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 { left: 0; opacity: 0; width: 100%; position: absolute; background: #00ace8; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 { float: left; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 > a, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 > a:focus { color: #FFF; display: block; font-size: 14px; font-weight: 100; text-decoration: none; padding: 19px 24px 16px; /* 19px 29px 16px */ transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-bottom: 3px solid rgba(255, 255, 255, 0); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 > a:hover, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 > a:focus:hover { border-bottom: 3px solid white; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.m_expanded > a, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.m_expanded > a:hover, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.m_expanded > a:focus { border-bottom: 3px solid white; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .resXS_plus { top: 0px; right: 0; width: 42px; height: 44px; border: none; display: none; background: none; position: absolute; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .resXS_plus:before, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .resXS_plus:after { left: 0; right: 0; content: ''; width: 12px; height: 2px; margin: 0 auto; position: absolute; background: #FFF; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .resXS_plus:after { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.togglerBtn .resXS_plus:before { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.togglerBtn .resXS_plus:after { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu { left: 0; width: 100%; display: none; position: absolute; background: rgba(255, 255, 255, 0.95); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu:before, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu:after { top: 0; left: 100%; width: 38px; content: ''; height: 100%; display: none; /* for hiding side shadows in sub menu */ position: absolute; background: url("../images/popmenuShadow.png") repeat-y; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu:before { left: auto; right: 100%; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu { width: 100%; float: right; font-size: 0; padding: 10px; width: calc(100% - 280px); width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px); } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu.w100 { width: 100%; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu > div { float: none; display: inline-block; vertical-align: top; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu h3 { margin: 0; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu h3 a, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu h3 a:hover, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu h3 a:focus { color: #0091d2; font-size: 16px; padding: 10px 0 8px 0; text-transform: uppercase; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu ul.popup_cols_menu { width: 100%; float: left; display: block; visibility: visible; margin-bottom: 20px; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu ul.popup_cols_menu li { border-bottom: 1px solid #e7e7e7; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu ul.popup_cols_menu li a { display: block; font-size: 13px; padding: 8px 12px; color: #000; text-decoration: none; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu ul.popup_cols_menu li a:hover, #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2 .popup_menu .subMenu ul.popup_cols_menu li a:focus { color: #FFF; text-decoration: none; background: #00ace8; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2:hover .popup_menu { display: block; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.subMenuHovered .popup_menu { display: block; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.subMenuHovered .popup_menu > .menuItemImage { float: left; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.Home > a { padding: 27.5px 34px; background: url("../images/custom/home_icon.png") no-repeat center center; } #tpNavbar ul.ul-level1 li.nav-level1 > a:after { left: 0; right: 0; width: 0; height: 0; top: 100%; content: ''; z-index: 210; margin: 0 auto; position: absolute; border-right: 36px solid #00ace8; border-left: 36px solid #00ace8; border-top: 0px solid #0091d2; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } /*#tpNavbar ul.ul-level1 li.nav-level1.active > a:after, #tpNavbar ul.ul-level1 li.nav-level1:hover > a:after { border-top: 9px solid #0091d2; }*/ #tpNavbar ul.ul-level1 li.nav-level1.active > ul, #tpNavbar ul.ul-level1 li.nav-level1:hover > ul { opacity: 1; width: 100%; z-index: 200; } /* djuice page menu Start */ .djuicePage .tp_header:before { /*border-bottom: 58px solid #ecc021; */} .djuicePage #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 { background: #ecc021; } .djuicePage #tpNavbar ul.ul-level1 li.nav-level1 > a:after { border-right: 36px solid #ecc021; border-left: 36px solid #ecc021; } /* djuice page menu End */ /* .bottomBlocks > div .boxesStyle{ margin-bottom: 22px; } .bottomBlocks > div:last-child .boxesStyle{ margin-bottom: 0; } */ .rightMenuOptions { z-index: 212; float: right; position: relative; } .rightMenuOptions ul { margin: 0; padding: 0; float: right; list-style: none; } .rightMenuOptions ul li { float: left; } .rightMenuOptions ul li a { display: block; margin: 18px 0; padding: 10px; } .searchContainer { display: block; } .searchContainer form { float: right; margin: 25px 8px; position: relative; } .searchContainer form input, .searchContainer form input:focus { color: #FFF; border: none; outline: none; min-width: 170px; background: none; padding: 3.5px 28px 3.5px 0; border-bottom: 1px solid #FFF; } .searchContainer form input::placeholder { color: #FFF; } .searchContainer form button { top: 0; right: 0; width: 28px; height: 28px; border: none; position: absolute; background: url("../images/homepage/search_icon.png") no-repeat center center; } .userControl { z-index: 1; position: relative; } .userControl .memberHeader img.memberDP { height: auto; width: 30px; margin-top: 3px;} .userControl .memberHeader img.downArrow {display: none;} .userControl .memberHeader { cursor: pointer; background: transparent; } .userControl .memberHeader.mOpExpended .downArrow { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .userControl .memberOptions { left: -100px; top: 100%; width: 254px; display: none; padding: 12px 0; position: absolute; background: #FFF; border-radius: 0px 0px 8px 8px; -o-border-radius: 0px 0px 8px 8px; -ms-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1); } .userControl .memberOptions h2 { margin: 0; font-size: 16px; color: #333; text-align: left; padding: 4px 25px; font-weight: bold; } .userControl .memberOptions h3 { margin: 0; font-size: 15px; text-align: left; padding: 4px 25px; font-weight: bold; color: #00ace8; } .userControl .memberOptions .memberMoreOpt { padding: 0; width: 100%; margin-top: 10px; list-style: none; } .userControl .memberOptions .memberMoreOpt li { float: none; display: block; margin-bottom: 6px; } .userControl .memberOptions .memberMoreOpt li a { margin: 0; width: 100%; display: block; font-size: 13px; text-align: left; color: #333; padding: 7px 25px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon { float: left; width: 16px; height: 16px; margin-right: 15px; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon.dash_icon { background: url("../images/homepage/m_dashboard.png") no-repeat left center; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon.mOrd_icon { background: url("../images/homepage/m_myorders.png") no-repeat left center; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon.aNum_icon { background: url("../images/homepage/m_addnumber.png") no-repeat left center; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon.sett_icon { background: url("../images/homepage/m_settings.png") no-repeat left center; } .userControl .memberOptions .memberMoreOpt li a span.memberOpIcon.logO_icon { background: url("../images/homepage/m_logout.png") no-repeat left center; } .userControl .memberOptions .memberMoreOpt li:hover a, .userControl .memberOptions .memberMoreOpt li.active a { color: #0091d2; background: #f5f5f5; } /* .memberArea{ right: 0; top: 100%; padding: 12px 0; width: 254px; margin-top: 2px; position: absolute; background: $white; @include border-radius(0px 0px 8px 8px); @include box-shadow(0px 4px 8px 0 rgba(0,0,0,0.1)); & .memberHeader{ padding: 0 10px; & .memberDP{ float: left; margin: 0 12px; } } & .memberOptions{ width: 100%; float: left; display: none; & h2{ text-align: center; font-size: 15px; color: $darkGray; margin: 4px 0px 10px 0px; } & h3{ margin: 0; font-size: 15px; font-weight: bold; color: $tpBlueSky; text-align: center; } & .memberMoreOpt{ padding: 0; width: 100%; margin-top: 22px; list-style: none; & li{ float: none; display: block; margin-bottom: 6px; & a{ margin: 0; width: 100%; display: block; font-size: 13px; text-align: left; color: $darkGray; padding: 7px 25px; @include transition(200ms); & span.memberOpIcon { float: left; width: 16px; height: 16px; margin-right: 15px; &.dash_icon{ background: url('../images/homepage/m_dashboard.png') no-repeat left center; } &.mOrd_icon{ background: url('../images/homepage/m_myorders.png') no-repeat left center; } &.aNum_icon{ background: url('../images/homepage/m_addnumber.png') no-repeat left center; } &.sett_icon{ background: url('../images/homepage/m_settings.png') no-repeat left center; } &.logO_icon{ background: url('../images/homepage/m_logout.png') no-repeat left center; } } } &:hover a, &.active a{ color: $tpBlue; background: #f5f5f5; } } } } & .memberOptionToggle{ float: left; width: 100%; height: 16px; cursor: pointer; margin-top: 10px; @include transition(350ms); background: url('../images/homepage/memberArrow.png') no-repeat center center; &.mOpExpended{ @include rotate(180deg); } } } */ /* TP Main Menu End */ .loadingSlider { overflow: hidden; position: relative; } .loadingSlider:after { top: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 100%; position: absolute; background-image: url("../images/loading1.gif"); background-position: center center; background-repeat: no-repeat; } /* */ .tp_devices_filter { padding: 20px 0; } .tp_devices_filter .filterContainer { padding-right: 13px; } button#deviceFilterReset {right: 20px; outline: none;} button#deviceFilterReset:focus { outline: none;} .tp_devices_filter .filterContainer .filterBox { padding: 12px 16px; position: relative; border: 1px solid #c2c2c2; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp_devices_filter .filterContainer .filterBox span { color: #999; } .tp_devices_filter .filterContainer .filterBox span.filterArrow { top: 14px; z-index: 5; width: 8px; right: 16px; height: 16px; background: url("../images/homepage/filterArrow.png") no-repeat center center; position: absolute; transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .tp_devices_filter .filterContainer .filterBox .specs_options { left: 0; top: 1px; z-index: 3; display: none; position: absolute; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .tp_devices_filter .filterContainer .filterBox.open_filter .specs_options { display: block; } .tp_devices_filter .filterContainer .filterBox.open_filter .filterArrow { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .tp_devices_filter .filterContainer:last-child { padding-left: 13px; padding-right: 0; margin-left:100px; } .tp_devices_container .cart-container .tp_cart {margin-top: -35px; overflow-y:auto; min-height:400px; height: 800px; padding-bottom: 20px;} .tp_devices_container {margin-top: 20px;} .std span:empty { display: none; } .reset-filters { float: right; color: #0091d2 !important; cursor: pointer !important; padding: 12px 0 !important; padding-left: 18px !important; margin-left: 0 !important; background: url("../images/homepage/filterReset.png") no-repeat left center !important; } .overlay { top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 999999; position: fixed; background: rgba(0, 0, 0, 0.4); } .overlay .popup-holder { width: 100%; height: 100%; display: table; } .overlay .popup-container { padding: 0 10px; text-align: center; display: table-cell; vertical-align: middle; } .overlay .popup-content { margin: 0 auto; background: #FFF; overflow-y: auto; max-width: 500px; max-height: 480px; position: relative; padding: 40px 24px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); } .closePopup { top: 10px; right: 10px; width: 30px; height: 30px; display: block; cursor: pointer; position: absolute; background: url("../images/homepage/close_cross.png") no-repeat center center; } .specs_options_header { position: relative; } .specs_options { width: 100%; min-height: 44px; background: #f5f5f5; padding: 14px 15px; margin-bottom: 40px; } .specs_options .filterBtn { width: 100%; float: left; text-align: center; margin: 20px 0 10px; } .specs_options .filterBtn button, .specs_options .filterBtn button:focus { outline: none; font-size: 13px; background: none; color: #333; border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all ease-in-out 250ms; -o-transition: all ease-in-out 250ms; -ms-transition: all ease-in-out 250ms; -moz-transition: all ease-in-out 250ms; -webkit-transition: all ease-in-out 250ms; padding: 8px 12px 6px 12px; text-transform: uppercase; border: 1px solid #bfc3c6; } .specs_options .filterBtn button:hover, .specs_options .filterBtn button:focus:hover { color: #FFF; background: #0091d2; border: 1px solid #0091d2; } .tp_faqs .panel-group .panel-title a{ cursor: pointer; } .filter_labels_Container { font-size: 0px; margin-top: 20px; margin-right: -1.5%; } .filter_labels_Container h4 { font-size: 14px; font-weight: 100; color: #333; margin: 0 1.6% 10px 1.6%; } .filter_labels_Container label { color: #0091d2; display: block; cursor: pointer; font-size: 12px; font-weight: normal; background: #FFF; position: relative; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 20px; padding: 10px 8px 8px 8px; border: 1px solid #0091d2; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .filter_labels_Container input { visibility: hidden; position: absolute; } .filter_labels_Container input:checked + label { color: #FFF; background: #0091d2; } .filter_labels_Container input:checked + label span { color: #ffffff !important;} .filter_labels_Container.OneThirdSize label { width: 31%; margin-left: 1.6%; margin-right: 1.6%; text-align: center; display: inline-block; padding: 10px 0 8px 0; } .filter_labels_Container.displayInline label { width: 45%; padding-left: 12px; padding-right: 12px; margin-left: 1.5%; margin-right: 1.5%; text-align: center; display: inline-block; } .validityFilter.filter_labels_Container.OneThirdSize label { width: 21%;margin-left: 2%;margin-right: 2%;} .mdf_tax_filter_section_pa_special-offers label { width: 27% !important;} .mdf_tax_filter_section_pa_validity label { width: 20% !important;} .tp_devices_filter .specs_options label { margin-bottom: 6px; padding-top: 6px; padding-bottom: 4px; } .tp_devices_filter .filter_labels_Container:first-child { margin-top: 0; } .devices-page .filterSortsOnly { top: 0; left: 0; width: 100%; z-index: 20; background: #FFF; position: absolute; padding: 12px 12px; /* border: 1px solid #ccc; */ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .devices-page .tp_mainTabs:after, .devices-page #social_media:before { display: none; } .offers-page .tp_mainTabs { margin-bottom: 0; } /* .tp_offers_container.grey_bg{ padding-top: 20px; } */ .devices-page #social_media { margin-top: 30px; } .deviceNote { color: #333; font-size: 13px; font-weight: bold; margin-top: -20px; } .deviceNote span { color: #0091d2; } .device_wrapper { margin-top: 20px; background: #f5f5f5; float: left; width: 95%; padding: 45px 20px 15px 20px; margin-bottom: 30px; min-height: 220px; position: relative; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .device_wrapper.loadingSlider { /* height: 287px; */ } .device_wrapper.loadingSlider:after { background-color: #FFF; } .device_wrapper .deviceInfoHeader { width: 100%; float: left; } .device_wrapper .deviceInfoHeader h2 a {color: #000000;} .device_wrapper .deviceInfoHeader h2 { margin: 0; color: #000000; font-size: 20px !important; font-weight: bold !important; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .device_wrapper .deviceInfoHeader h3 { margin: 0; font-size: 18px; color: #007ad0; font-weight: bold; } .device_wrapper .deviceInfoHeader h3 del { font-size: 14px; color: #333; font-weight: bold; margin-left: 20px; text-decoration: line-through; } .device_wrapper .deviceImages { width: 100%; float: left; height: 250px !important; } .device_wrapper .deviceImages .deviceSlide { text-align: center; margin-top: 10px; } .device_wrapper .deviceImages .deviceSlide img { width: auto; height: 250px; margin: 0 auto; } .device_wrapper .deviceImages .slick-dots, .device_wrapper .deviceImages .slick-dots:focus { padding: 0; width: 100%; display: block; list-style: none; margin-top: 10px; text-align: center; } .device_wrapper .deviceImages .slick-dots li, .device_wrapper .deviceImages .slick-dots:focus li { margin: 2px; width: 14px; height: 14px; line-height: 0; display: inline-block; } .device_wrapper .deviceImages .slick-dots li button, .device_wrapper .deviceImages .slick-dots:focus li button { width: 12px; height: 12px; font-size: 0; border: none; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #a8a8a8; padding: 7px;} .device_wrapper .deviceImages .slick-dots li.slick-active button, .device_wrapper .deviceImages .slick-dots:focus li.slick-active button { padding: 0px !important; width: 14px; height: 14px; margin-top: -2px; background: #000000; } .device_wrapper .rel_text { margin-top: 10px; } .device_wrapper .rel_text p { color: #000; margin: 0 0 0 0; } .device_wrapper .devHr { width: 100%; height: 1px; margin: 14px 0; background: #dfdfdf; } .device_wrapper .deviceOffer, .type-product .deviceOffer { top: -20px; right: 0px !important; left: 0px; padding: 14px 20px; border-radius: 20px; width: 180px; margin: 0 auto; position: absolute; background: #ffcb96; } .device_wrapper .deviceOffer h2, .type-product .deviceOffer h2 { margin: 0; color: #000000; font-size: 20px; text-align: center; position: relative; } .device_wrapper .deviceOffer .offerCone { left: 0; width: 0; top: 54px; height: 0; content: ""; position: absolute; transform: rotate(180deg); border-left: 33px solid transparent; border-right: 33px solid transparent; border-bottom: 20px solid transparent; filter: drop-shadow(0px -3px 1px #cdcdcd); } .device_wrapper .deviceRibbon { left: 0; top: 290px; position: absolute; padding: 4px 8px 2px 14px; } .device_wrapper .deviceRibbon span { color: #FFF; } .device_wrapper .deviceRibbon .ribbon_corner { top: 0; left: 100%; position: absolute; border: 8px solid #00FF00; border-right: 4px solid transparent !important; border-bottom: 17px solid transparent !important; } .device_wrapper select + span.ui-selectmenu-button.ui-button, .device_wrapper select + span.ui-selectmenu-button.ui-button:active, .device_wrapper select + span.ui-selectmenu-button.ui-button:focus, .device_wrapper select + span.ui-selectmenu-button.ui-button:hover, .device_wrapper select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { padding: 12px 15px; width: 100%; outline: none; max-width: 100%; color: #333; background: #fafafa; border: 1px solid #bfc3c6; } .device_wrapper select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, .device_wrapper select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, .device_wrapper select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, .device_wrapper select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text, .device_wrapper select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-text { font-size: 15px;} .device_wrapper select + span.ui-selectmenu-button.ui-button .ui-icon, .device_wrapper select + span.ui-selectmenu-button.ui-button:active .ui-icon, .device_wrapper select + span.ui-selectmenu-button.ui-button:focus .ui-icon, .device_wrapper select + span.ui-selectmenu-button.ui-button:hover .ui-icon, .device_wrapper select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { width: 11px; height: 5px; margin-top: 5px; background: url("../images/selectArrow.png") no-repeat center center; } .device_wrapper select + span.ui-selectmenu-button.ui-button .ui-icon { transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); } .device_wrapper select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-icon{ transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .deviceButtons { margin-top: 20px; margin-bottom: 6px; text-align: center; } .deviceButtons .btn-tp { outline: none; padding: 10px 30px; float:left; /* Without Arrow */ } .deviceButtons .btn-tp:focus { outline: none; } .deviceButtons .btn-tp + .btn-tp { margin-left: 6px; padding: 10px 30px; float: right; /* With Arrow */ } .deviceButtons .devBtn {text-transform: capitalize; font-size: 20px; width: 152px; color: #0091d2; background: none; border: 1px solid #0091d2; } .deviceButtons .buyDevice { color: #FFF; background: #0091d2; } .deviceButtons .viewDevice:after { display: none; top: 1px; margin-left: 6px; position: relative; content: url("../images/button-arrow.png"); } .deviceButtons .viewDevice:hover:after { content: url("../images/button-arrow-w.png"); } .deviceReviews_wrapper .deviceButtons .btn-tp + .btn-tp { margin-left: 0px;} .deviceRating { width: 100%; text-align: center; } .deviceRating p { margin: 0; color: #FFF; padding: 4px 6px; background: #0091d2; display: inline-block; } .SelectDevDropdown ul { background: #fafafa; border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } .SelectDevDropdown ul .ui-state-active { color: #333; background: #d9d9d9; border: 1px solid #d9d9d9; } .SelectDevDropdown ul .ui-menu-item-wrapper { font-size: 12px; padding: 3px 14px; } .tp_cart {margin-top: 19px; /*margin-top: -40px;*/ width: 100%; padding: 25px 20px 0px 20px; position: relative; display: inline-block; background: #f5f5f5; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp_cart .cartOpenr { display: none; } .tp_cart h2 { margin: 0; font-size: 25px; color: #000000; margin-bottom: 15px; } .tp_cart .orderSingle { overflow: hidden; position: relative; padding: 0 30px 0px 8px; border-bottom: 1px solid #dcdcdc; } .tp_cart .orderSingle:last-child { border-bottom: 0px; padding-bottom: 0; } .tp_cart .orderSingle > div { margin-bottom: 15px; } .tp_cart .orderSingle .orderTextInfo { color: #000; font-size: 13px; margin-top: 4px; } .tp_cart .orderSingle .removeDevice { color: #ffffff !important; right: 0; top: 24px; z-index: 2; width: 16px; height: 16px; cursor: pointer; position: absolute;background: #999;font-size: 16px;line-height: 15px; } .tp_cart .orderSingle .removeDevice:hover {background: #f00 !important;} .tp_cart .orderSingle .deviceDetail p { margin: 0; float: left; font-size: 13px; color: #000; } .tp_cart .orderSingle .deviceDetail p.deviceName { width: 252px; } .tp_cart .orderSingle .deviceDetail p.deviceName .deviceTitle { margin-left: 14px; } .tp_cart .orderSingle select + span.ui-selectmenu-button, .tp_cart .orderSingle select + span.ui-selectmenu-button:hover { width: 100%; outline: none; padding: 4px 10px; margin-bottom: 10px; background: transparent; border: 1px solid #bfc3c6; } .tp_cart .orderSingle select + span.ui-selectmenu-button .ui-selectmenu-text, .tp_cart .orderSingle select + span.ui-selectmenu-button:hover .ui-selectmenu-text { font-size: 12px; } .tp_cart .orderSingle select + span.ui-selectmenu-button .ui-icon, .tp_cart .orderSingle select + span.ui-selectmenu-button:hover .ui-icon { width: 11px; height: 5px; margin-top: 5px; background: url("../images/selectArrow.png") no-repeat center center;transform: rotate(270deg);} .tp_cart .deviceNote { margin: 0; font-size: 12px; color: #000; font-weight: 600; margin-top: 6px; } .tp_cart .deviceNote span { color: #0091d2; } .tp_cart.stick { padding: 24px 6px 24px 12px; } .tp_cart.stick .mCSB_inside > .mCSB_container { margin-right: 20px; } .widget_shopping_cart_content .tp_orders {margin-top: -15px;} .tp_orders table { width: 100%; } .tp_orders table tr td { padding: 6px 0; font-size: 15px; color: #333; } .tp_orders table tr td:last-child { text-align: right; color: #999999; } .devicePrice .woocommerce-Price-amount.amount {font-size: 13px;} .devicePrice .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol { margin: 0px 6px 0px -10px;} .stick { position: fixed !important; } #termsSection { clear: both; } .orderGrandTotal { padding: 10px; margin: 20px 0; background: #e0e0e0; border-top: 1px solid #bfc3c6; border-bottom: 1px solid #bfc3c6; } .orderGrandTotal p { margin: 0; font-size: 16px; font-weight: bold; color: #000; } .orderGrandTotal p.grandAmount { float: right; } .deviceOrderForm { margin-top: 10px; } .deviceOrderForm input, .deviceOrderForm textarea, .deviceOrderForm input:focus, .deviceOrderForm textarea:focus { width: 100%; outline: none; display: block; padding: 12px 16px; margin-bottom: 8px; background: transparent; border: 1px solid #bfc3c6; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .deviceOrderForm textarea { resize: none; min-height: 120px; } .deviceOrderForm .form-group > input + span, .deviceOrderForm .form-group > textarea + span, .deviceOrderForm .form-group #addressErrors { color: #F00; } .paymentOption .orderOption { padding: 20px 0 0 0; display: block; } .paymentOption .orderOption:last-child { padding-bottom: 20px; } .paymentOption .orderOption input { float: left; margin-right: 10px; } .paymentOption .orderOption input + label { font-size: 16px; max-width: 180px; position: relative; } .paymentOption .orderOption input + label:after { content: ''; height: 17px; margin-left: 10px; display: inline-block; } .paymentOption .orderOption input + label.codOp:after { width: 29px; background: url("../images/codOp.png") no-repeat center; } .paymentOption .orderOption input + label.ctdtOp:after { top: 0; left: 144px; width: 101px; position: absolute; background: url("../images/ctdtOp.png") no-repeat center; } .orderBtn, .orderBtn:hover, .orderBtn:focus { color: #FFF; padding: 10px; font-size: 15px; background: #0091d2; text-transform: uppercase; } .cartWrapper { position: relative;} .cartWrapper .orderBtn { position: absolute;} .ui-menu .ui-menu-item-wrapper { font-size: 12px;} .tp_breadcrum_container {border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; margin-top: 0px; background: #ffffff; } .tp_breadcrum_container .breadcrumLinks { font-size: 13px; color: #666666; margin: 10px 0 10px 0px; } .tp_breadcrum_container .breadcrumLinks a { position: relative; margin: 0px 15px 0px 0px; color: #666; font-size: 12px; font-weight: bold; float: left;} .tp_breadcrum_container .breadcrumLinks a:nth-child(1){ color: #0091d2; } .tp_breadcrum_container .breadcrumLinks a:after { content: ""; background-image: url("../images/specArrowR.png"); height: 8px; width: 10px; position: absolute; background-repeat: no-repeat; background-size: contain; top: 4px; right: -15px;} /*.tp_breadcrum_container .breadcrumLinks a:first-child { margin-left: 0; }*/ /* .tp_breadcrum_container .breadcrumLinks a:last-child { color: #666666;} */ .tp_breadcrum_container .breadcrumLinks a:hover { text-decoration: underline; } .tp_breadcrum_container .breadcrumLinks span { margin: 0 12px 0px 0px; color: #666666; white-space: nowrap;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: transparent;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {border-bottom: 0; padding-top: 35px;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {/*margin-bottom: -60px;*/ margin-top: 10px; font-weight: normal; width: 100%; background: #007ad0;padding: 15px 0px; font-size: 20px;} .woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 18px;color: #007ad0;} .woocommerce div.product p.price del, .woocommerce div.product span.price del {opacity: 1; font-size: 14px; margin-left: 20px; color: #000000;} .slick-dots li button:before {display: none;} .woocommerce div.product span.price span{ color: #007ad0; } .woocommerce-checkout #payment div.form-row{ margin-bottom: 10px; } .device_wrapper.loadingSliders{ margin-top: 10px; } .tp_cart .orderSingle select + span.ui-selectmenu-button{ background-color: #fff; width: 70%; margin-right: 7px; float: left; } .tp_cart .orderSingle select + span.ui-selectmenu-button:hover, .tp_cart .orderSingle select + span.ui-selectmenu-button:focus { background-color: #fff; width: 70%; margin-right:7px; } .tp_cart .cartWrapper form .woocommerce-input-wrapper input, .tp_cart .cartWrapper form .woocommerce-input-wrapper textarea{ background-color: #fff; border:0; border-radius: 0; outline: none; } .tp_pageTitle { padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .tp_pageTitle h1 { margin: 0; color: #000; font-size: 30px; font-weight: 100; } .tp_pageTitle h1 + p { color: #000; font-size: 13px; margin-top: 10px; } .contentTitle { padding: 20px 0 16px 0; } .contentTitle h1 { color: #007ad0; font-size: 25px; margin: 4px 0 15px 0; position: relative; top: 5px; } .contentTitle h2 { color: #007ad0; font-size: 25px; margin: 4px 0 0 0; font-weight: 500; } .contentTitle h2 del { font-size: 20px; margin-left: 38px; color: #333; } .tp_deviceDetails { margin-bottom: 25px; } .deviceDetails_cont { height: 420px; overflow: hidden; border:none; display:flex; background: #f5f5f5;} .deviceDetails_cont .row {width: 100%;margin: 0px;} .deviceDetails_cont .deviceDetailsInfo .contentTitle { padding: 30px 20px 0px 0px; } .deviceDetails_cont .deviceDetailsInfo .contentTitle h1 { font-weight: bold !important; margin-bottom: 10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* .deviceDetails_cont .deviceImageSlides {min-height: 510px;} */ .deviceDetails_cont .deviceDetailsInfo .contentTitle form.cart .button { padding: 10px 25px; background :#0091d2; font-size: 15px; margin-top: 10px; } .deviceDetailSpecSlider .SpecSlider_single img { width: 90px !important; height: auto !important; margin-bottom: 25px; } .deviceReviews_wrapper .isotope-item .tile img{height: 164px !important;} .recommendedOffer_slider { float: left; width: 100%; transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; } .recommendedOffer_slider.loadingSlider { height: 328px; } .recommendedOffer_slider.loadingSlider:after { background-color: #F4F4EA; } .deviceImageSlides.loadingSlider { height: 389px; } .deviceImageSlides.loadingSlider:after { background-color: #f9f9f9; } .deviceImageSlides .slick-dots, .deviceImageSlides .slick-dots:focus { margin: 0; padding: 0; width: 100%; display: block; list-style: none; text-align: center; } .deviceImageSlides .slick-dots li, .deviceImageSlides .slick-dots:focus li { margin: 2px; width: 16px; height: 16px; line-height: 0; display: inline-block; } .deviceImageSlides .slick-dots li button, .deviceImageSlides .slick-dots:focus li button { width: 12px; height: 12px; font-size: 0; border: none; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #a8a8a8; padding: 0px;} .deviceImageSlides .slick-dots li.slick-active button, .deviceImageSlides .slick-dots:focus li.slick-active button { width: 16px; height: 16px; margin-top: -2px; background: #000000; border: 1px solid #0091d2; } .imageContainer img { width: auto; height: 348px; margin: 0 auto; } .deviceDetailsInfo { overflow: hidden;} .deviceDetailsInfo { overflow: hidden; padding-bottom: 100px;} .deviceDetailsInfo .deviceRating { text-align: left; margin: 16px 0; } .deviceDetailsInfo .rel_text { margin: 10px 0;padding: 0px 10px 0px 0px; } .deviceDetailsInfo .rel_text p { margin: 0; font-size: 13px; line-height: 30px; padding-right: 180px;} .deviceDetailsInfo div.top-offer-desc p{ color: #000000; line-height: normal; padding-right: 140px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 20px; } .deviceDetailsInfo .mobileField input { background: #fff; float: left; margin-top: 0px; text-align: left; padding: 8px 0px 8px 14px; font-size: 16px; min-width: 210px; border-radius: 4px; } .deviceDetailsInfo .mobileField:before, .deviceDetailsInfo .mobileField:after { content: ""; width: 1px; height: 20px; display: block; position: absolute; bottom: 10px; display: none; } .deviceDetailsInfo .activateBtn_block { position: absolute; bottom: 40px; right: 15px; } .deviceDetailsInfo .mobileField { float: left; overflow: hidden; position: absolute; bottom: 30px; } .deviceDetailsInfo .mobileField label { display: block; } .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:active, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:focus, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:hover, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { width: 100%; outline: none; color: #333; margin-bottom: 12px; background: #efefef; border: 1px solid #bfc3c6; padding: 15px; } .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-text { font-size: 15px; font-weight: 500; } .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button .ui-icon, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:active .ui-icon, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:focus .ui-icon, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button:hover .ui-icon, .deviceDetailsInfo select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { width: 11px; height: 5px; margin-top: 5px; background: url("../images/selectArrow.png") no-repeat center center; } .deviceDetailsInfo .deviceButtons { text-align: left; } strong.icon { padding-left: 30px; margin: 8px 0px; position: relative; display: inline-block; font-size: 13px; } .validity-icon:before, .minutes-icon:before, .sms-icon:before, .data-icon:before, .social-icon:before { content: ""; height: 16px; width: 20px; background-repeat: no-repeat; position: absolute; left: 0px; } .validity-icon:before { background-image: url("../images/homepage/minutes-icon.png"); } .minutes-icon:before { background-image: url("../images/homepage/minutes-icon.png"); } .sms-icon:before { background-image: url("../images/homepage/sms-icon.png"); } .data-icon:before { background-image: url("../images/homepage/data-icon.png"); } .social-icon:before { background-image: url("../images/homepage/social-icon.png"); } .wpb_wrapper .social-icon:before{ display: none; } .woocommerce .star-rating span{ font-family:star; } .woocommerce .star-rating::before, .woocommerce .star-rating span::before { color: #0091d2; } .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button .ui-icon {opacity: 0.4;} .deviceDetailTabs { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .deviceDetailTabs .nav.nav-tabs > li a { bottom: -2px; } .single-tp-offer .deviceDetailTabs .nav.nav-tabs > li a { bottom: 0px; } .full-tabs { border-bottom: 1px solid #efefef; } .nav.nav-tabs { border: none;border-bottom: solid 2px #e1e1e1; color: white; } .nav.nav-tabs > li a { border: none;border-bottom:2px solid #0091d2; font-size: 15px; color: #333; background: none; font-weight: 500; padding: 14px 26px 9px; display: block !important; border-bottom: 3px solid transparent; margin-top: 2px;} .nav.nav-tabs > li.active a { border: none; border-bottom: 1px solid #0091d2; color: #0091d2; font-weight: 500; } .statement-header { background: #ffffff; padding: 25px 0px; } .tp_paymentHistory.fnfpagetextContent .statement-header {background: #ffffff;} .statement-header.login { background: #ffffff; } .statement-header h1 { font-size: 24px !important; font-weight: normal !important; margin-bottom: 0px; } .statement-header p { font-size: 13px; font-weight: normal; line-height: 23px; margin-top: 4px; } .deviceDetailTabs{ margin-bottom: 25px; } .deviceDetailContents { padding: 0 0 0; margin-bottom: 8px; } .deviceDetailContents .devSpecFaq .tab-pane h3, .deviceDetailContents .devSpecFaq .tab-pane h4 { margin: 0; padding-bottom: 10px; font-size: 20px; color: #000; } .deviceDetailContents .devSpecFaq .tab-pane h3.panel-title a{ color: #007ad0; font-size: 15px; } .deviceReviews_wrapper h2.tp-terms-conditions-heading{ margin-bottom: 0; } .deviceDetailContents .devSpecFaq .tab-pane ul { padding: 0; list-style: none; } .deviceDetailContents .devSpecFaq .tab-pane ul li:before { content: ''; } .specsImage { float: right; margin-right: 175px; } /* .SpecSlider_wrapper { background: #efefef; padding: 30px 10px 30px 66px; } */ .SpecSlider_wrapper { background: #efefef; padding: 30px 10px 30px 66px; } .SpecSlider_wrapper.loadingSlider { height: 302px; } .SpecSlider_wrapper.loadingSlider:after { background-color: #efefef; } .SpecSlider_wrapper .SpecSlider_single { float: left; width: 100%; outline: none; } .SpecSlider_wrapper .SpecSlider_single h2 {font-family: 'Source Sans Pro', sans-serif; font-size: 22px; margin: 22px 0 16px 0; } .SpecSlider_wrapper .SpecSlider_single p {font-family: 'Source Sans Pro', sans-serif; max-width: 210px; color: #333333; font-size: 13px; line-height:25px; word-break: break-word; } .SpecSlider_wrapper .specArrows { top: 47%; width: 9px; height: 17px; cursor: pointer; position: absolute; transition: all ease-in-out 250ms; -o-transition: all ease-in-out 250ms; -ms-transition: all ease-in-out 250ms; -moz-transition: all ease-in-out 250ms; -webkit-transition: all ease-in-out 250ms; } .SpecSlider_wrapper .specArrows.slick-prev { width: 20px; left: 16px; background: url("../images/specArrowL.png") no-repeat center; } .SpecSlider_wrapper .specArrows.slick-next { width: 25px; right: 16px; background: url("../images/specArrowR.png") no-repeat center; } .SpecSlider_wrapper:focus, .SpecSlider_wrapper *, .SpecSlider_wrapper *:focus { outline: none !important; } .deviceDetailReviews {padding: 20px 0; padding-bottom: 0px; margin-bottom: 0;} .deviceReviews_wrapper h2 { margin: 0; font-size: 20px; margin-bottom: 20px; } .deviceReviews_wrapper > .row { margin-bottom: 20px; } .reviewSingle { max-width: 290px; margin-top: 20px; margin-bottom: 20px; /* & .w56{ width: 56px; } */ } .reviewSingle > img { margin: 0; float: left; width: 46px; } .singleDetailsBox .ratingReviews { float: right; color: #0091d2; font-size: 22px; font-weight: bold; } .singleDetailsBox h3 { margin: 6px 0; font-size: 16px; font-weight: bold; } .singleDetailsBox h5 { margin: 0; font-size: 13px; font-weight: bold; color: #9c9c9c; margin-bottom: 10px; } .singleDetailsBox p { color: #666666; font-size: 12px; } /* Business Page */ .businessBlocks { margin: 0; } .businessBlocks > div { padding: 0; } .businessBlocks .roamWrapper { padding-left: 15px; padding-right: 15px; } .businessBlocks .roamWrapper.active { background: #fbfbfb; position: relative; } .businessBlocks .roamWrapper.active:before { top: 0; content: ''; width: 100%; height: 100%; position: absolute; background: #fbfbfb; } .businessBlocks > div:nth-child(odd) .roamWrapper.active:before { left: -100%; } .businessBlocks > div:nth-child(even) .roamWrapper.active:before { right: -100%; } /* Tabs Slider Start */ .tabIfSlider { width: 100%; overflow: hidden; position: relative; } .tabIfSlider.sliderInitialized .tabIfArrow { display: block; } .tabIfSlider .tabIfArrow { top: 34.5px; width: 45px; height: 45px; border: none; display: none; background: #F0F0F0; position: absolute; } .tabIfSlider .tabIfArrow.tabIfLeft { left: 0; } .tabIfSlider .tabIfArrow.tabIfRight { right: 0; } .tabIfSlider .tptabSlider { transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; } /* Tabs Slider End */ /* 4G Hotspot page Start */ .hotspots .tp_mainTabs { margin-bottom: 0; } .hotspots .call2action { margin: 0; } .hotspots .tp_boxesContent { padding-top: 34px; padding-bottom: 34px; } .hotspots .tp_pageTitle { padding: 24px 0; } .hotspots .tp_pageTitle p { display: none; } .hotspots .tp_offers_container.grey_bg { padding-top: 40px; } /* 4G Hotspot page End */ /* About Page Start */ .about-page { /* & .wrapPackages{ min-height: 322px; } */ } .about-page .wrapPackages p { max-width: 320px; } .about-page #sliderImage { background-image: url("../images/homepage/aboutBanner.jpg"); } /* About Page End */ /* Help & Support Page Start */ .helpsupport { /* & .wrapPackages{ min-height: 322px; } */ } .helpsupport .wrapPackages p { max-width: 320px; } /* Help & Support Page End */ /* BundleCalculator Block Start */ .bundleCalBlocks { margin-top: 30px; } .bundleCalBlocks .bundleCalWrapper { float: left; width: 100%; overflow: hidden; margin-bottom: 20px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); } .bundleCalBlocks .bundleCalWrapper .BundleCalImageHolder { width: 100%; height: 240px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .bundleCalBlocks .bundleCalWrapper .BundleCalImageHolder .bundleTitle { width: 100%; height: 100%; position: relative; } .bundleCalBlocks .bundleCalWrapper .BundleCalImageHolder .bundleTitle h1 { left: 0; bottom: 0; margin: 0; width: 100%; color: #FFF; font-size: 22px; text-align: left; padding: 18px 14px; position: absolute; background: rgba(0, 0, 0, 0.6); } .bundleCalBlocks .bundleCalWrapper .bundleContent { width: 100%; display: block; text-align: left; background: #FFF; padding: 18px 14px; } .bundleCalBlocks .bundleCalWrapper .bundleContent p { display: block; font-size: 15px; color: #333; } /* BundleCalculator Block End */ /* InternetSIM Block Start */ .internetSIM .tp_pageTitle { margin-bottom: 30px; } /* InternetSIM Block End */ /* PaymentHistory Start */ .tp_paymentHistory h1, .titleStyle h1 { color: #000; font-size: 30px; font-weight: 100; margin-top: 22px; } .tp_paymentHistory .locationBlock h1 { font-size: 25px; font-weight: bold !important; } .historyFilterDates { padding: 18px 24px; margin: 12px 0 12px 0; /*background: #f5f5f5; */} .historyFilterDates > span { color: #000; font-weight: 600; } .historyFilterDates .pH_DateRange, .historyFilterDates .pH_DateRange:focus { font-weight: bold; color: #000; outline: none; margin: 0 14px; min-width: 286px; border: 1px solid #e1e1e1; padding: 14px 12px 14px 12px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ffffff url("../images/homepage/calander_icon.png") no-repeat right 8px center; background-size: 18px 18px; } .historyFilterDates .paymentHICON { cursor: pointer; width: 28px; height: 28px; float: right; margin: 12px 0; display: block; margin-left: 16px; } .historyFilterDates .paymentHICON.iconPrint { background: url("../images/homepage/print_icon.png") no-repeat center center; background-size: contain; } .historyFilterDates .paymentHICON.iconPDF { background: url("../images/homepage/pdf_icon.png") no-repeat center center; background-size: contain; } .payementHistoryTable { margin-bottom: 140px; } .payementHistoryTable.table-striped > thead > tr { background-color: #d5d5d5; } .payementHistoryTable.table-striped > thead > tr th { color:#333333; border:none; font-size: 15px; line-height: 16px; padding: 16px 25px 12px; text-transform: uppercase; } .payementHistoryTable.table-striped > thead > tr th:before { float: left; margin-right: 6px; } .payementHistoryTable.table-striped > thead > tr th img { position: relative; left: -5px; top: -2px; } /* .payementHistoryTable.table-striped > thead > tr th:nth-child(2):before { content: url(../images/homepage/date_icon.png); } .payementHistoryTable.table-striped > thead > tr th:nth-child(3):before { content: url(../images/homepage/time_icon.png); } .payementHistoryTable.table-striped > thead > tr th:nth-child(4):before { content: url(../images/homepage/amount_icon.png); } .payementHistoryTable.table-striped > thead > tr th:nth-child(5):before { content: url(../images/homepage/payment_icon.png); } */ .payementHistoryTable.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FFF; } .payementHistoryTable.table-striped > tbody > tr:nth-of-type(even) { background-color: #f9faf5; } .payementHistoryTable.table-striped > tbody > tr > td { padding: 16px 25px 12px; border:none; font-size: 13px; color: #333333; line-height: 12px;} .tab-content .table tbody tr:nth-child(2n) td {} /* myOrderRecords grid records start*/ .myOrderRecords { margin-bottom: 140px; } .myOrderRecords.table-striped > thead > tr { background-color: #d5d5d5; } .myOrderRecords.table-striped > thead > tr th { color:#333333; border:none; font-size: 15px; line-height: 16px; padding: 16px 25px 12px; text-transform: uppercase; } .myOrderRecords.table-striped > thead > tr th:before { float: left; margin-right: 6px; } .myOrderRecords.table-striped > thead > tr th img { position: relative; left: -5px; top: -2px; } /* .myOrderRecords.table-striped > thead > tr th:nth-child(2):before { content: url(../images/homepage/date_icon.png); } .myOrderRecords.table-striped > thead > tr th:nth-child(3):before { content: url(../images/homepage/time_icon.png); } .myOrderRecords.table-striped > thead > tr th:nth-child(4):before { content: url(../images/homepage/amount_icon.png); } .myOrderRecords.table-striped > thead > tr th:nth-child(5):before { content: url(../images/homepage/payment_icon.png); } */ .myOrderRecords.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FFF; } .myOrderRecords.table-striped > tbody > tr:nth-of-type(even) { background-color: #f9faf5; } .myOrderRecords.table-striped > tbody > tr > td { padding: 16px 25px 12px; border:none; font-size: 13px; color: #333333; line-height: 12px;} .tab-content .table tbody tr:nth-child(2n) td {} /* myOrderRecords grid records ends */ #statements_res,#payment_records,#recharge_records,#mytable {margin-bottom: 150px;} table.dataTable.no-footer { border: none !important; padding-bottom: 10px !important ; } /* PaymentHistory End */ /* Store Locator start */ .mapHolder { width: 100%; height: 560px; margin-top: 24px; margin-bottom: 100px; overflow: hidden; background: #f5f5f5; } .mapHolder .locationBlock, .mapHolder .mapBlock, .mapHolder .locationsDetails, .mapHolder #mapCanvas { height: 100%; } .mapHolder .mapBlock { padding-right: 0px !important; } .mapHolder.store-locator-cont.tp-store-locator { margin-bottom: 0px; } .mapHolder .locationBlock{ padding: 40px 20px !important;} .mapHolder #map { position: static !important; } .mapHolder #mapCanvas { background: #c5c5c5; } .mapHolder .locationsDetails { z-index: 1; position: relative; } .mapHolder .locationsDetails .locationHeaderBox { top: 0; width: 100%; position:relative; } .mapHolder .locationsDetails .locationHeaderBox > p { margin: 0; padding: 0px 0px 20px 0px; } .mapHolder .locationsDetails .locationHeaderBox .biHolder { } .mapHolder .locationsDetails .locationHeaderBox .biHolder > .btn-tp { text-transform: none; } .mapHolder .locationsDetails .locationHeaderBox .biHolder > span:before { content: ''; float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 10px; } .mapHolder .locationsDetails .locationHeaderBox .biHolder .coverage3G:before { background: #00ace8; } .mapHolder .locationsDetails .locationHeaderBox .biHolder .coverage4G:before { background: #5cc276; } .mapHolder .locationsDetails .locationHeaderBox .biHolder + .biHolder { padding-top: 0; } .mapHolder .locationsDetails .locationHeaderBox .selectCities { clear: both;} .mapHolder .locationsDetails .locationHeaderBox .selectCities > span { width: 100%; padding: 10px 16px; background: #ffffff;} .mapHolder .locationsDetails .locationSearchBox { position: relative; border: 1px solid #bbbec1;} .mapHolder .ui-selectmenu-menu ul.ui-menu { background :#ffffff; } .mapHolder .locationsDetails .locationSearchBox .searchLocation, .mapHolder .locationsDetails .locationSearchBox .searchLocation:focus { width: 100%; border: none; height: auto; outline: none; color: #000000; background: #efefef; padding: 12px 36px 12px 16px; } .mapHolder .locationsDetails .locationSearchBox .submitLocations { top: 0; right: 0; width: 36px; box-shadow: none; height: 44px; border: none; position: absolute; background: url("../images/homepage/icon-search.png") no-repeat center center; } .mapHolder .locationsDetails .locationsList { background: #e8e8e8; width: 100%; height: 100%; max-height: 300px; padding: 20px 20px 30px 20px; margin-top: 25px;} .mapHolder .locationsDetails .locationsList .detailSingle { margin-bottom: 40px; } .mapHolder .locationsDetails .locationsList .detailSingle h3 { margin-top: 0; font-size: 18px; color: #000000; margin-bottom: 20px;} .mapHolder .detailSingle h5 { color: #4b4b4b; font-weight: bold; margin-bottom: 5px; display: inline-block; min-width: 80px; vertical-align: top; margin: 0px; text-align: left !important; padding-left: 30px; margin-top: 2px !important; } .mapHolder .detailSingle h3:before, .mapHolder .detailSingle h5:before { margin-right: 10px; content: url("../images/homepage/markersmall.png"); position: absolute !important; left: 0px; } .mapHolder .detailSingle h5:before { position: relative; top: 3px; } #mapCanvas .detailSingle { width: 300px; overflow: hidden; padding: 10px 0px; } #mapCanvas .detailSingle .detailSingleInner:last-child { top: 5px; } #mapCanvas .gm-ui-hover-effect { display: none !important; } #mapCanvas .detailSingle span.week-detail, #mapCanvas .detailSingle span.prayer-detail{ top: 1px; width: 120px; } #mapCanvas .detailSingle .detailSingleInner { width: 100%; display: block; position: relative; margin: 5px 0px; } #mapCanvas .detailSingle span { display: inline-block; top: 1px; position: relative; left: 5px; width: 200px; margin-bottom: 5px; } .mapHolder .detailSingle h5.address:before { content: url("../images/homepage/address-marker.png"); } .mapHolder .detailSingle h5.time:before { content: url("../images/homepage/time-marker.png"); } .mapHolder .detailSingle h5.week:before { content: url("../images/homepage/calendar-marker.png"); } .mapHolder .detailSingle h5.prayer-break:before { content: url("../images/homepage/prayer-marker.png"); } .mapHolder .locationsDetails .locationsList .detailSingle p { color: #4b4b4b; font-size: 14px; margin-bottom: 0px; } .mapHolder .locationsDetails .locationsList .detailSingle:last-child { margin-bottom: 6px; } .mapHolder .locationsDetails .locationsList .mCSB_scrollTools .mCSB_draggerRail { background: none; } .mapHolder .locationsDetails .locationsList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.1); } .mapHolder .locationsDetails .locationsList .mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar, .mapHolder .locationsDetails .locationsList .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.2); } .store-locator-cont.mapHolder .locationBlock { padding: 40px 0px !important; border-right: 5px solid #e8e8e8; } .store-locator-cont.mapHolder .mapBlock { padding-left: 0px !important; } .store-locator-cont.mapHolder .mCSB_scrollTools { width: 3px; } .store-locator-cont.mapHolder .locationsDetails .locationHeaderBox, .store-locator-cont.mapHolder h1 { padding: 0px 20px 10px 20px; } .store-locator-cont.mapHolder .view-map { position: relative; float: left; width: 100%; } /*.store-locator-cont.mapHolder .view-map:before {*/ /*content: url("../images/homepage/viewmap-icon.png");*/ /*position: absolute;*/ /*display: block;*/ /*top: 50%;*/ /*-webkit-transform: translateY(-50%);*/ /*-moz-transform: translateY(-50%);*/ /*-ms-transform: translateY(-50%);*/ /*transform: translateY(-50%);*/ /*height: 28px;*/ /*left: 15px;*/ /*}*/ .store-locator-cont.mapHolder .view-map img { position: absolute; left: 15px; margin: auto; top: 0; bottom: 0; width: 28px; } .store-locator-cont.mapHolder .view-map:after { content: url("../images/homepage/button-arrow.png"); position: absolute; } .not-found { padding: 20px; text-align: center; } .mapCoverage .mapHolder .locationsDetails .locationsList { padding-top: 210px; } .selectCities .ui-button .ui-icon { margin-top: 6px !important; } .m_checkbox { float: left; position: relative; } .m_checkbox input { position: absolute; visibility: hidden; } .m_checkbox label { color: #0091d2; display: block; cursor: pointer; font-size: 15px; padding: 8px 0; font-weight: 400; margin-bottom: 0; text-align: center; border: 1px solid #0091d2; user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .m_checkbox input:checked + label { color: #FFF; background: #0091d2; } #coverage_map_frm + .biHolder { padding-top: 0; } /* custom-checkbox css starts*/ .checkbox-container { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #ffffff; border-color: #47a8f5; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 4px; top: 2px; width: 5px; height: 9px; border: solid #2196F3; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .locationHeaderBox .checkmark { border-radius: 0px; background : #ffffff; border: 1px solid #babec1; height: 16px; width: 16px; } /* custom-checkbox css ends*/ /* Store Locator End */ /* My Djuice Offers */ .djuiceTabs_wrapper { border-bottom: 1px solid #efefef; } .tp_myDjuiceOffer { background: #f4f4f4; padding-top: 36px; padding-bottom: 36px; } .myDjuiceOfferBlock { height: 218px; background: #FFF; padding: 12px 24px; margin-bottom: 40px; box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.15); border-top: 5px solid #0091d2; } .myDjuiceOfferBlock.dvaloffer { border-top: 5px solid #ed1b4a; } .myDjuiceOfferBlock.dvaloffer h2 { color: #ed1b4a; } .myDjuiceOfferBlock.dvaloffer h2:before { content: url(../images/homepage/validity.png); } .myDjuiceOfferBlock.dOnnetMin { border-top: 5px solid #00ace8; } .myDjuiceOfferBlock.dOnnetMin h2 { color: #00ace8; } .myDjuiceOfferBlock.dOnnetMin h2:before { content: url(../images/homepage/telenor.png); } .myDjuiceOfferBlock.dOffnetMin { border-top: 5px solid #ecc021; } .myDjuiceOfferBlock.dOffnetMin h2 { color: #ecc021; } .myDjuiceOfferBlock.dOffnetMin h2:before { content: url(../images/homepage/networkminutes.png); } .myDjuiceOfferBlock.dMBsOffer { border-top: 5px solid #fe6000; } .myDjuiceOfferBlock.dMBsOffer h2 { color: #fe6000; } .myDjuiceOfferBlock.dMBsOffer h2:before { content: url(../images/homepage/d_offerInternet.png); } .myDjuiceOfferBlock.dallNetSMS { border-top: 5px solid #8300aa; } .myDjuiceOfferBlock.dallNetSMS h2 { color: #8300aa; } .myDjuiceOfferBlock.dallNetSMS h2:before { content: url(../images/homepage/networksms.png); } .myDjuiceOfferBlock.dmiscOffer { border-top: 5px solid #1f5f7a; } .myDjuiceOfferBlock.dmiscOffer h2 { color: #1f5f7a; } .myDjuiceOfferBlock.dmiscOffer h2:before { content: url(../images/homepage/internetmbs.png); } .myDjuiceOfferBlock h2 { margin: 0; margin-top: 4px; font-size: 20px; } .myDjuiceOfferBlock h2:before { float: left; margin-top: -4px; margin-right: 20px; } .myDjuiceOfferBlock > ul { clear: both; font-size: 0; padding: 30px 0; list-style: none; } .myDjuiceOfferBlock > ul li { text-align: center; display: inline-block; } .myDjuiceOfferBlock > ul li input { visibility: hidden; position: absolute; } .myDjuiceOfferBlock > ul li input + label { margin: 0; width: 80px; height: 80px; font-size: 14px; padding: 30px 0; cursor: pointer; position: relative; color: #999999; border: 1px solid #aaaaaa; transition: all ease-in-out 150ms; -o-transition: all ease-in-out 150ms; -ms-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .myDjuiceOfferBlock > ul li input + label:after { top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; transition: all ease-in-out 150ms; -o-transition: all ease-in-out 150ms; -ms-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0px solid #aaaaaa; } .myDjuiceOfferBlock > ul li input:checked + label { border: 1px solid #aaaaaa; } .myDjuiceOfferBlock > ul li input:checked + label:after { border: 2px solid #aaaaaa; } .myDjuiceOfferBlock > ul .dOArrow { top: 55px; width: 20px; height: 30px; cursor: pointer; position: absolute; background: #cccccc; } .myDjuiceOfferBlock > ul .dOArrow.dOprv { left: -10px; background: url("../images/homepage/dOarrowL.png") no-repeat center center; } .myDjuiceOfferBlock > ul .dOArrow.dOnxt { right: -10px; background: url("../images/homepage/dOarrowR.png") no-repeat center center; } .myDjuiceOfferBlock > ul .dOArrow.slick-disabled { opacity: 0.6; cursor: auto; } .myDjuiceOfferBlock > ul.loadingSlider { height: 132px; } .myDjuiceOfferBlock > ul.loadingSlider:after { background-color: #FFF; } .myDjuiceOfferBlock.dvaloffer ul li input:checked + label { border: 1px solid #ed1b4a; } .myDjuiceOfferBlock.dvaloffer ul li input:checked + label:after { border: 2px solid #ed1b4a; } .myDjuiceOfferBlock.dOnnetMin ul li input:checked + label { border: 1px solid #00ace8; } .myDjuiceOfferBlock.dOnnetMin ul li input:checked + label:after { border: 2px solid #00ace8; } .myDjuiceOfferBlock.dOffnetMin ul li input:checked + label { border: 1px solid #ecc021; } .myDjuiceOfferBlock.dOffnetMin ul li input:checked + label:after { border: 2px solid #ecc021; } .myDjuiceOfferBlock.dMBsOffer ul li input:checked + label { border: 1px solid #fe6000; } .myDjuiceOfferBlock.dMBsOffer ul li input:checked + label:after { border: 2px solid #fe6000; } .myDjuiceOfferBlock.dallNetSMS ul li input:checked + label { border: 1px solid #8300aa; } .myDjuiceOfferBlock.dallNetSMS ul li input:checked + label:after { border: 2px solid #8300aa; } .myDjuiceOfferBlock.dmiscOffer ul li input:checked + label { border: 1px solid #1f5f7a; } .myDjuiceOfferBlock.dmiscOffer ul li input:checked + label:after { border: 2px solid #1f5f7a; } .myDjuiceOffers .tp_cart { border: 1px solid #ccc; } .myDjuiceOffers .tp_cart .dBundleWrapper { padding: 6px 0; border-bottom: 1px solid #ccc; } .myDjuiceOffers .tp_cart .dBundleWrapper .dOffRow { clear: both; margin: 6px 0; } .myDjuiceOffers .tp_cart .dBundleWrapper .dOffRow span { font-size: 13px; } .myDjuiceOffers .tp_cart .dBundleWrapper .dOffRow .dOffName { width: 65%; float: left; color: #666666; } .myDjuiceOffers .tp_cart .dBundleWrapper .dOffRow .dOffValue { color: #00ace8; } .myDjuiceOffers .tp_cart .nameOfferFields { padding: 10px 0; } .myDjuiceOffers .tp_cart .nameOfferFields label { display: block; color: #666666; font-weight: normal; } .myDjuiceOffers .tp_cart .nameOfferFields label + input { width: 100%; outline: none; background: none; padding: 12px 14px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .myDjuiceOffers .tp_cart .formTextBlock { margin-top: 20px; } .myDjuiceOffers .tp_cart .formTextBlock h4 { margin: 0; font-size: 14px; margin-bottom: 10px; } .myDjuiceOffers .tp_cart .formTextBlock h4.fbBefore:before { float: left; margin-right: 8px; content: url(../images/homepage/facebook_square.png); } .myDjuiceOffers .tp_cart .formTextBlock p { margin: 0; font-size: 13px; color: #666666; } /* Golden Number Page Start */ .tp_goldenNumber { border-bottom: 1px solid #e6e6e6; } .tp_goldenNumber h1 { color: #000; font-size: 30px; font-weight: 100; margin-top: 20px; margin-bottom: 20px; } .tp_goldenNumberTabs { border-bottom: 1px solid #e6e6e6; } .bigDropDown { padding: 40px 0; } .bigDropDown > span { margin-bottom: 20px; } .bigDropDown select + span.ui-selectmenu-button.ui-button, .bigDropDown select + span.ui-selectmenu-button.ui-button:active, .bigDropDown select + span.ui-selectmenu-button.ui-button:focus, .bigDropDown select + span.ui-selectmenu-button.ui-button:hover { width: 294px; max-width: 100%; padding: 13px 18px; margin-right: 24px; background: #FFF; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .bigDropDown select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, .bigDropDown select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, .bigDropDown select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, .bigDropDown select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text { font-size: 14px; font-weight: normal; } .bigDropDown select + span.ui-selectmenu-button.ui-button .ui-icon, .bigDropDown select + span.ui-selectmenu-button.ui-button:active .ui-icon, .bigDropDown select + span.ui-selectmenu-button.ui-button:focus .ui-icon, .bigDropDown select + span.ui-selectmenu-button.ui-button:hover .ui-icon { width: 8px; height: 16px; margin-top: 2px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; background: url("../images/homepage/filterArrow.png") no-repeat center center; } .bigDropDown select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .gNumWrapper { position: relative; margin-bottom: 60px; border: 1px solid #e2e2e2; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .gNumWrapper:before { top: -22px; right: 24px; color: #FFF; content: 'Open'; font-size: 19px; padding: 7px 17px; position: absolute; background: #5cc276; border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .gNumWrapper .gNumWinningBid .btn-tp, .gNumWrapper .gNumWinningBid .btn-tp:focus { color: #FFF; display: block; font-size: 25px; margin-top: 28px; margin-bottom: 10px; border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 12px 14px 8px 14px; } .gNumWrapper > div { padding: 10px 18px; border-bottom: 1px solid #e2e2e2; } .gNumWrapper > div:last-child { border-bottom: none; } .gNumWrapper > div:nth-child(odd) { background: #F0F0F0; } .gNumWrapper > div .col1 { width: 66%; float: left; font-size: 15px; } .gNumWrapper > div .col2 { display: inline; font-weight: bold; } .gNumWrapper .gNumHeader h2 { color: #00ace8; font-size: 35px; line-height: 40px; margin: 9px 0 4px 0; } .gNumWrapper .gTimeRemaining h6 { font-size: 15px; font-weight: normal; margin: 6px 0 10px 0; } .gNumWrapper .gTimeRemaining h6:before { margin-left: 2px; margin-right: 8px; content: url(../images/homepage/bidCalendar.png); } .gNumWrapper .gTimeRemaining .countdown { padding: 0; font-size: 0; color: #FFF; list-style: none; } .gNumWrapper .gTimeRemaining .countdown > li { width: 25%; background: #0091d2; display: inline-block; border-right: 1px solid #FFF; border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .gNumWrapper .gTimeRemaining .countdown > li:last-child { border-right: none; } .gNumWrapper .gTimeRemaining .countdown > li span { display: block; font-size: 35px; text-align: center; padding: 6px 0px 0 0px; } .gNumWrapper .gTimeRemaining .countdown > li p { font-size: 12px; text-align: center; margin: -4px 0 11px 0; text-transform: uppercase; } .gNumWrapper.bidClosed:before { content: 'Closed'; background: #999999; } .gNumWrapper.bidClosed .countdown > li { background: #999999; } .gNumWrapper.bidClosed .gNumWinningBid .btn-tp, .gNumWrapper.bidClosed .gNumWinningBid .btn-tp:focus, .gNumWrapper.bidClosed .gNumWinningBid .btn-tp:hover { cursor: default; background: #999999; border: 1px solid #999999; } /* Golden Number Page End */ /* Dashboard Page Start */ .dashboardWrapper h1 { margin: 0; font-size: 25px; font-weight: 500; color: #000000; margin-bottom: 15px; } .dashboardWrapper .subPrice h1 { color: #0091d2; font-size: 20px;} .dashboardWrapper .usageTabs .btn-trans {padding: 15px 30px; background: #007ad0;} .all-min-cont { margin-bottom: 10px; } .dashboard { background: #ffffff; } .dashConWrapper { float: left; width: 100%; padding: 30px 20px 0 20px; margin-bottom: 0; background-color: #007ad0; } .dashConWrapper .dashTitle { float: left; width: 100%; } .dashConWrapper .dashTitle h1 { margin: 0; float: left; color: #FFF; font-size: 25px; font-weight: 100 !important; } .dashConWrapper .dashTitle h1 strong { font-weight: normal;} .dashConWrapper .dashTitle h1 span { font-weight: 400; } .dashConWrapper .dashTitle .dashDate { float: right; margin-top: -12px; text-transform: uppercase; } .dashConWrapper .dashTitle .dashDate span { margin: 0; color: #FFF; display: block; font-size: 12px; line-height: 16px; text-align: right; } .dashConWrapper .dashTitle .dashDate span.dashYear { font-size: 12px; font-weight: 100; } .dashConWrapper .dashTitle .dashDate h3 { font-size: 25px; margin: 0; color: #FFF; display: block; text-align: right; line-height: 24px; font-weight: 100 !important; } .dashConWrapper .acd-Details select + span.ui-selectmenu-button.ui-button .ui-icon{margin-top: 7px;} .acd-Details { float: left; width: 100%; padding-top: 12px; margin-bottom: 50px; } .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:active, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:focus, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:hover, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { width: 262px; background: none; padding: 12px 8px; margin-bottom: 14px; border: 1px solid #FFF; } .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button .ui-selectmenu-icon, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-icon, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-icon, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-icon, .acd-Details select.acNumbers + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-icon { background: url(../images/homepage/dropdownW.png) no-repeat center center; } .acd-Details .ui-selectmenu-text { color: #FFF; font-size: 13px; } .acd-Details .addConnectNum { float: left; width: 100%; color: #FFF; margin-top: 2px; margin-bottom: 20px; font-size: 18px; } .acd-Details .addConnectNum:before { float: left; margin-right: 10px; margin-top: 0px; content: url(../images/homepage/plusDashboard.png); } .acd-Details h4 { float: left; width: 100%; color: #FFF; font-size: 16px; margin-bottom: 5px;} .acd-Details h3 { color: #FFF; margin-top: 6px !important; margin-bottom: 0px; font-size: 20px; display: inline-block; padding-left: 25px; position: relative; } .acd-Details h3:before { background: url(../images/plans-img.png) no-repeat center center; content: ""; width: 18px; height: 32px; position: absolute; display: block; background-size: contain; top: -8px; left: 0px; } .acd-Details .currentBalance p { margin: 0; color: #FFF; font-size: 18px; } .acd-Details .currentBalance h1 { margin: 0; margin-left:-3px; color: #FFF; font-size: 50px; font-weight: 500; line-height: 50px; padding-top: 0px; } .acd-Details .currentBalance h1 span:last-child{font-size: 35px;} .dfooter-icon { float: left; width: 100%; margin-bottom: 18px; } .dfooter-icon p { letter-spacing: 0.5px; color: #FFF; margin-right: 36px; margin-bottom: 0; display: inline-block; font-size: 15px; font-family: 'Telenor', sans-serif; } .dfooter-icon p span {margin-top: -5px; width: 34px; height: 34px; margin-right: 5px; display: inline-block; vertical-align: middle; } .dfooter-icon p span.df-fnf { background: url("../images/homepage/dash_fnf.png") no-repeat center center; } .dfooter-icon p span.df-rchrg { background: url("../images/homepage/dash_rch.png") no-repeat center center; } .dfooter-icon p span.df-cp { background: url("../images/homepage/dash_cp.png") no-repeat center center; } .dfooter-icon p span.df-hst { background: url("../images/homepage/dash_hst.png") no-repeat center center; } .dfooter-icon p span.df-ms { background: url("../images/homepage/dash_ms.png") no-repeat center center; } .dashEditInfo { padding: 10px 0; text-align: center; } .dashEditBtn { cursor: pointer; color: #00ace8; padding-left: 24px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-bottom: 1px solid transparent; background: url("../images/homepage/dashEditInfo.png") no-repeat; background-position: left 2px; } .dashEditBtn:hover { border-bottom: 1px solid #00ace8; } .usageTabs .nav.nav-tabs { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border: 0; } .usageTabs .nav.nav-tabs li { padding: 0; } .usageTabs .nav.nav-tabs li a { padding: 0; float: left; width: 100%; border: none; text-align: center; } .usageTabs .nav.nav-tabs li a:after { left: 0; right: 0; width: 100%; content: ''; bottom: -6px; height: 11px; margin: 0 auto; position: absolute; } .usageTabs .nav.nav-tabs li a div { text-align: center; position: relative; } .usageTabs .nav.nav-tabs li a div:before, .usageTabs .nav.nav-tabs li a div:after { left: 0; right: 0; content: ''; margin: 0 auto; position: absolute; } .usageTabs .nav.nav-tabs li a div:before { top: 107px; width: 1px; height: 24px; background: rgba(0, 0, 0, 0.1); } .usageTabs .nav.nav-tabs li a div:after { top: 131px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); } .usageTabs .nav.nav-tabs li a div span { font-size: 34px !important; left: 0; right: 0; top: 0; height: 110px; line-height: 109px; color: #8c9399; margin: 0 auto; font-weight: 100; position: absolute; color: #999999; vertical-align: middle; border: 1px solid #e6e5de; border-radius: 50%; width: 109px;} .usageTabs .nav.nav-tabs li a p { color: #000; display: block; font-size: 14px; font-weight: 500; margin-top: 30px; } .usageTabs .nav.nav-tabs li.active a, .usageTabs .nav.nav-tabs li.active a p, .usageTabs .nav.nav-tabs li.active a span { border: none; color: #0091d2; background: transparent; } .usageTabs .nav.nav-tabs li.active a p { font-weight: normal; } .usageTabs .nav.nav-tabs li.active a:after { background: url("../images/homepage/dashTabArrow.png") no-repeat center center; } .usageTabs .tab-content .tab-pane h5 { color: #0091d2; font-size: 16px; font-weight: 400; } .usageTabs .tab-content .tab-pane h2 { margin: 0; color: #0091d2; font-size: 16px; font-weight: 100; } .usageTabs .tab-content .tab-pane h2 small { color: #333; font-size: 14px; } .usageTabs .tab-content .tab-pane p { font-size: 12px; color: #000; margin-bottom: 20px; } .usageTabs .nav.nav-tabs li.active a div.usageProgress canvas { box-shadow: 0px 0px 6px 0px #0d96d3bd; border-radius: 50%;} .dashboardBlockArea { margin-top: 20px; background: #f5f5f5; padding: 15px 26px 40px 26px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .dashboardBlockArea .aSubsBlock {margin-top: -10px; padding: 0px 10px;} .dashboardMainBlock .dashboardBlockArea {background-color: #f5f5f5; margin-top: 0; border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .d_historyBlock .dashboardBlockArea { margin-top: 0; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; /* & h1{ padding: 0 26px; } */ } .d_historyBlock .userUsageHistory { margin: 0; padding: 0; font-size: 0; list-style: none; text-align: center; } .d_historyBlock .userUsageHistory li { display: inline-block;} .d_historyBlock .userUsageHistory li a { position: relative; display:block; width: 34px; height: 34px; margin: 4px 15px; border: 1px solid #0091d2; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .d_historyBlock .userUsageHistory li a span { background: url("../images/homepage/dashboardSpriteIcons.png"); background-repeat: no-repeat; position: absolute;margin: auto; top: 0;left: 0;bottom: 0;right: 0;} .d_historyBlock .userUsageHistory li a:hover { background-color: #0091d2;} .d_historyBlock .userUsageHistory li a span.usage_price { background-position: -2px -16px; height: 15px; width: 12px; } .d_historyBlock .userUsageHistory li a span.usage_call { background-position: -13px -15px; height: 15px; width: 17px; } .d_historyBlock .userUsageHistory li a span.usage_sms { background: url("../images/homepage/sms_icon.png"); height: 24px; width: 24px; background-size: 24px 24px; } .d_historyBlock .userUsageHistory li a span.usage_mbz { background-position: -46px -14px; height: 16px; width: 15px; } .d_historyBlock .userUsageHistory li a:hover span.usage_price { background-position: 0px 0px; } .d_historyBlock .userUsageHistory li a:hover span.usage_call { background-position: -13px 0px; } .d_historyBlock .userUsageHistory li a:hover span.usage_sms { background: url("../images/homepage/sms_icon_white.png"); height: 24px; width: 24px; background-size: 24px 24px; } .d_historyBlock .userUsageHistory li a:hover span.usage_mbz { background-position: -46px 0px; } .active_history_link { background-color: #0091d2;} .active_usage_balance { background-position: -2px 0px !important; } .active_usage_call { background-position: -13px 0px !important; } .active_usage_sms { background: url("../images/homepage/sms_icon_white.png") !important; height: 24px !important; width: 24px !important; background-size: 24px 24px !important; } .active_usage_internet { background-position: -46px 0px !important; } .aSubsBlock .aSubRow { width: 100%; display: table; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4dc; } .aSubsBlock .aSubRow:last-child { border-bottom: none; } .aSubsBlock .aSubRow > .col-tableCell { float: none; display: table-cell; vertical-align: middle; } .aSubsBlock .aSubRow > .col-tableCell.w50 { width: 50%; } .aSubsBlock .aSubRow > .col-tableCell h4 { margin-top: 0; font-size: 14px; font-weight: bold !important; margin-bottom: 4px; color: #007ad0; } .aSubsBlock .aSubRow > .col-tableCell p { font-size: 13px; margin-bottom: 0; color: #333333; } .aSubsBlock .aSubRow > .col-tableCell h1 { float: left; } .aSubsBlock .aSubRow > .col-tableCell .btn.btn-tp { float: right; } .aSubsBlock .aSubRow > .col-tableCell .subPrice { overflow: hidden;float: left;margin-top: 15px; } .rechargeBlock { position: relative; padding: 0px 10px; } .rechargeBlock > .row > .col-sm-6 { padding-left: 30px; padding-right: 30px; }s .rechargeBlock .optionTitle { margin-top: 28px; text-align: center; margin-bottom: 14px; } .rechargeBlock .optionTitle img { display: block; margin-bottom: 6px; } .rechargeBlock .optionTitle p { color: #000; font-size: 18px; margin-bottom: 20px; font-family: 'Telenor', sans-serif; text-align: left; } .rechargeBlock .formSection label, .rechargeBlock .formSection input { width: 100%; display: block; background: transparent; margin-bottom: 0px; margin-top: 10px; box-shadow: none; border:none;} .rechargeBlock .formSection label, .rechargeBlock .formSection input:focus {background: transparent;} .rechargeBlock .formSection label { font-size: 13px; font-weight: 400; color: #959595; } .rechargeBlock .formSection .themeInput { margin-bottom: 24px; } .rechargeBlock .formSection h4 { font-size: 14px; font-weight: bold !important; } .rechargeBlock ul.circleRadio { margin: 16px 0; text-align: center; } .rechargeBlock ul.circleRadio li { display: inline-block; float: left; } .rechargeBlock ul.circleRadio li label { width: 59px !important; height: 59px !important; display: inline-block !important; vertical-align: top; padding: 15px 0 0 0; } .rechargeBlock ul.circleRadio li label small { display: block; line-height: 85%; } .rechargeBlock ul.circleRadio li label span { font-size: 16px; line-height: 22px; font-weight: normal; } .friendsAndFamily p { font-size: 12px; } .fnfNumDetail .icon_tik { left: -20px; cursor: pointer; position: absolute;} .dashboardBlockArea .fnfSingleItem .fnfNumDetail {position :relative;} .dashboardBlockArea .fnfSingleItem .fnfNumDetail .icon_tik { right: -25px; left: auto; top: 25px;} .dashboardBlockArea .fnfSingleItem .fnfNumDetail input { border: none; border-bottom: 1px solid #000; background: transparent; margin-bottom: 5px; } .error-msg-fnf {position: relative; display: block; width: 199%; width: 100%; background: #f3d8da; float: left; padding: 8px 20px; font-weight: bold; color:#692326} .success-msg-fnf {position: relative; display: block; width: 199%; width: 100%; background: #00800057; float: left; padding: 8px 20px; font-weight: bold; color: #000;} .fnfSingleItem { float: left; width: 100%; padding: 19px 0; border-bottom: 1px solid #e4e4e4; } .fnfSingleItem .editFnfNumber, .fnfSingleItem .fnfNumDetail { float: left; } .fnfSingleItem .removeFnfNumber { float: right; } .fnfSingleItem .fnfNumDetail h4, .fnfSingleItem .fnfNumDetail p { margin: 0; } .fnfSingleItem .fnfNumDetail h4 { font-size: 14px; font-weight: bold !important; margin-bottom: 4px; } .fnfSingleItem .fnfNumDetail p { font-size: 14px; } .fnfSingleItem .btn_editFnfNum, .fnfSingleItem .btn_removeFnfNum { width: 32px; height: 32px; display: block; background: #444; transition: all ease-in-out 100ms; -o-transition: all ease-in-out 100ms; -ms-transition: all ease-in-out 100ms; -moz-transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms; } .fnfSingleItem .btn_editFnfNum { margin-right: 8px; background: url("../images/homepage/edit_icon.png") no-repeat center center; background-size: 13px 13px; } .fnfSingleItem .btn_editFnfNum:hover { background-size: 24px 24px; } .fnfSingleItem .btn_removeFnfNum { background: url("../images/homepage/close_cross.png") no-repeat center center; background-size: 13px 13px; } .fnfSingleItem .btn_removeFnfNum:hover { background-size: 17px 17px; } .fnfSingleItem:last-child { border-bottom: none; } .add_fnfWrapper { padding: 6px; margin-top: 24px; background: #f5f5f5; margin-bottom: 20px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .add_fnfWrapper .add_fnf { text-align: center; padding: 10px 0px 5px 0px; } .add_fnfWrapper .add_fnf .add_fnf_btn { width: auto; color: #00ace8; padding-top: 44px; display: inline-block; background: url("../images/homepage/addFNF.png") no-repeat top center; } .usageChartTabs .nav-tabs { width: 100%; /* [1] */ display: block; /* [2] */ /* [3] */background: #f5f5f5; border-top: 1px solid #e8e5de; border-bottom: 1px solid #e6e6dc; } .usageChartTabs .nav-tabs > li { float: none; /* [4] */ width: auto; /* [5] */ text-align: center; display: table-cell; /* [6] */ } .usageChartTabs .nav-tabs > li a { display: block; padding: 16px 30px; font-size: 14px; font-weight: normal; color: #999999; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; margin: 0px 0px -2px 0px; } .usageChartTabs .nav-tabs > li a:hover { color: #333; } .usageChartTabs .nav-tabs > li.active a { color: #333; background: transparent; font-weight:700; } .d_usageCharts { width: 100%; height: 370px; } .offerBlock .offerLogo {width: 50px; height: auto;} .recommendedOffer_slider .slick-arrow {display: none !important;} .bundleArea { float: left; width: 100%; background: #f5f5f5; margin-bottom: 10px; } .bundleArea .bundleInfo {border-bottom: 1px solid #e6e6dc; display: block; overflow: hidden; } .bundleArea .label, .bundleArea .value { margin: 0; display: block; font-size: 20px; text-align: center; color: #333; font-weight: 500; } .bundleArea .value { font-size: 42px; color: #0091d2; font-weight: 300; margin-bottom: -8px; margin-top: -6px; } .bundleArea .totalMin { float: left; width: 100%; border-top: 1px solid transparent; /* border-bottom: 1px solid #e6e6dc; */ } .bundleArea .totalMin > div { padding-top: 10px; padding-bottom: 10px; } .bundleArea .totalMin .label { float: left; font-size: 25px; padding: 15px; font-weight: 500; color: #000000; } .bundleArea .totalMin .value { line-height: normal; margin: 12px 0; font-size: 66px; width: 100%; display: block; font-family: 'Telenor', sans-serif; float: right; font-weight: 100; padding-right: 20px;} .bundleArea .restBundle > div { padding: 15px 0 !important; border-right: 1px solid #e6e6dc; } .bundleArea .restBundle:nth-child(3) > div, .bundleArea .restBundle:last-child > div { border-right: none; } /* .bundleArea .restBundle:nth-last-child(-n+4) > div { border-bottom: 1px solid #e6e6dc; } */ #total-data-history .totalMin .label { padding: 5px 15px 15px 15px;} .bundleArea .restBundle:nth-child(3) > div,.bundleArea .restBundle:nth-child(2) > div { border-bottom: 1px solid #e6e6dc; border-top: 1px solid #e6e6dc; } .bundleArea .btn-white { width: 72%; text-transform: uppercase; background: transparent; color: #007ad0; padding: 15px 0px; margin: 0 auto; display: block; font-size: 22px; margin-top: 44px; } .controlPanel_sidebar { margin-top: 20px; float: left; width: 100%; clear: both; padding-bottom: 10px; /* & .d_controlPanel{ height: 145px; text-align: center; line-height: 145px; } & .d_content{ line-height: normal; display: inline-block; vertical-align: middle; } */ } .dashboardWrapper .controlPanel_sidebar h1 { margin-left: 30px; margin-bottom: 20px; } /* .controlPanel_sidebar > div { height: 115px; padding: 0 !important; text-align: center; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } */ .controlPanel_sidebar > div:last-child, .controlPanel_sidebar > div:nth-child(4) { border-right: none; } .controlPanel_sidebar > div:nth-last-child(-n+3) { border-bottom: none; } .controlPanel_sidebar p { font-size: 15px; font-weight: bold; margin-top: 10px; font-family: 'Telenor', sans-serif; color: #000000; padding: 0px 10px; min-height: 45px; } .controlPanel_sidebar > div .d_content img {margin-top: 20px;} /* Dashboard Page End */ .getSimBlocks { width: 100%; padding: 20px; position: relative; background: #fafafa; margin-bottom: 30px; border: 1px solid #dfdfdf; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .getSimBlocks > h2 { margin: 0; font-size: 21px; position: relative; } .getSimBlocks > h2:after { width: 8px; content: ''; height: 22px; float: right; display: block; background: url("../images/homepage/filterArrow.png") no-repeat center; } .getSimBlocks:first-child h2:after { display: none; } .simFirstDetails .form-field { margin-top: 20px; } .simFirstDetails .field_label { height: 20px; display: block; } .simFirstDetails input, .simFirstDetails select { width: 100%; display: block; background: none; padding: 13px 18px; border: 1px solid #bfc3c6; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .simFirstDetails select + span.ui-selectmenu-button.ui-button, .simFirstDetails select + span.ui-selectmenu-button.ui-button:active, .simFirstDetails select + span.ui-selectmenu-button.ui-button:focus, .simFirstDetails select + span.ui-selectmenu-button.ui-button:hover, .simFirstDetails select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { width: 100%; max-width: 100%; background: none; padding: 13px 18px; margin-right: 24px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .simFirstDetails select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, .simFirstDetails select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, .simFirstDetails select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, .simFirstDetails select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text, .simFirstDetails select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-text { font-size: 14px; font-weight: normal; } .simFirstDetails select + span.ui-selectmenu-button.ui-button .ui-icon, .simFirstDetails select + span.ui-selectmenu-button.ui-button:active .ui-icon, .simFirstDetails select + span.ui-selectmenu-button.ui-button:focus .ui-icon, .simFirstDetails select + span.ui-selectmenu-button.ui-button:hover .ui-icon, .simFirstDetails select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { width: 8px; height: 16px; margin-top: 2px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; background: url("../images/homepage/filterArrow.png") no-repeat center center; } .simFirstDetails select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .simFirstDetails .btn-search, .simFirstDetails .btn { padding: 13px 46px; } .selectNumbers .numberResults { margin: 16px 0; font-size: 15px; padding: 8px 20px; background: #ececec; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .selectNumbers .numberResults span { color: #0091d2; font-weight: bold; } .checkboxNumber { margin: 10px 0; position: relative; } .checkboxNumber label { margin: 0; margin-left: 15px; cursor: pointer; font-size: 15px; color: #333; font-weight: 400; padding-left: 12px; position: relative; } .checkboxNumber label:before { top: -1px; bottom: 0; left: -15px; width: 14px; height: 14px; content: ''; margin: auto; background: #ccc; position: absolute; border: 1px solid #999; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .checkboxNumber label:after { top: -1px; bottom: 0; left: -12px; width: 8px; height: 8px; content: ''; margin: auto; background: none; position: absolute; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .checkboxNumber input { opacity: 0; position: absolute; visibility: hidden; } .checkboxNumber input:checked + label { color: #0091d2; } .checkboxNumber input:checked + label:before { background: #DDD; border: 1px solid #0091d2; } .checkboxNumber input:checked + label:after { background: #0091d2; } .simPriceStep { padding: 16px 24px; position: relative; background: #ececec; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .simPriceStep h3 { margin: 0; } .simPriceStep h3 span { color: #0091d2; } .simPriceStep .btn { top: 12px; right: 24px; position: absolute; padding: 7px 50px 4px; } .selectSimPackage .myDjuiceOfferBlock { margin: 16px 0; box-shadow: none; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .slick-slide, .slick-slide:focus { outline: none; } #sliderImage { width: 100%; height: auto; display: block; } #sliderImage .mainSlider { height: auto; } #sliderImage .mainSlider .singleSlide { position: relative; display: block !important; /* & .imageBanner{ width: 100%; height: auto; margin: auto; display: block; background: no-repeat center center; background-size: cover; } */ } #sliderImage .mainSlider .singleSlide .slider-img { width: 100%; height: auto; } #sliderImage .mainSlider .singleSlide .ifContent { left: 10%; z-index: 1; bottom: 15%; width: 430px; /* padding: 16px; */ overflow: hidden; position: absolute; background: #F0F0F0; } #sliderImage .mainSlider .singleSlide .ifContent.right { left: auto; right: 10%; } #sliderImage .mainSlider .mSliderArrow { top: 44%; z-index: 1; width: 40px; height: 40px; opacity: 0.5; cursor: pointer; position: absolute; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #sliderImage .mainSlider .mSliderArrow.mSnxt { right: 20px; background: rgba(0, 0, 0, 0.7) url("../images/homepage/sliderArrow.png") no-repeat right center; } #sliderImage .mainSlider .mSliderArrow.mSprv { left: 20px; background: rgba(0, 0, 0, 0.7) url("../images/homepage/sliderArrow.png") no-repeat left center; } #sliderImage .mainSlider .mSliderArrow:hover { opacity: 1; } #sliderImage .mainSlider .slick-dots { margin: 0; padding: 0; width: 100%; bottom: 10px; font-size: 0; list-style: none; text-align: center; position: absolute; } #sliderImage .mainSlider .slick-dots li { margin: 4px; display: inline-block; } #sliderImage .mainSlider .slick-dots li button { border: 0; width: 16px; height: 16px; background: #FFF; /* border: 2px solid $tpBlue; */ border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #sliderImage .mainSlider .slick-dots li.slick-active button { background: #00ace8; } /* FAQ Contents Start */ .tp_faqsContent { padding-bottom: 20px; } .tp_faqsContent .boxesStyle { margin-top: 26px; min-height: 204px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .tp_faqsContent .boxesStyle h3 { margin: 0; padding: 20px; color: #0091d2; font-weight: 100; overflow: hidden; padding-bottom: 0; white-space: nowrap; text-overflow: ellipsis; } .tp_faqsContent .boxesStyle:hover { transform: translate(4px, -4px); box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.2); -o-box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: -4px 4px 0 0 rgba(0, 0, 0, 0.2); } .tp_faqsContent .boxesWrapper { padding: 10px 0px 10px 20px; } .tp_faqsContent .boxesWrapper p { color: #333; line-height: 26px; } .tp_faqsContent .boxesWrapper .p_explore_more { color: #0091d2; margin-top: 10px; font-size: 14px; position: relative; margin-bottom: 16px; display: inline-block; text-transform: uppercase; } .tp_faqsContent .boxesWrapper .p_explore_more:after { top: 5px; width: 24px; height: 7px; right: -32px; content: ""; position: absolute; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; background: url("../images/homepage/errow_icon.png") no-repeat center center; } .tp_faqsContent .boxesWrapper .p_explore_more:hover:after { right: -42px; } .tp_faqsContent .boxesbg { background-position: left 22%; } /* FAQ Contents End */ /* Contact us Start */ .contactForm { float: left; width: 100%; background: #FFF; margin-bottom: 20px; padding: 20px 20px 50px 20px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .contactForm h3 { margin: 10px 0; font-size: 28px; font-weight: 100; margin-bottom: 0; color: #000; } .contactForm .formfields { position: relative; margin-left: -15px; margin-right: -15px; } .contactForm .singlefield { margin-top: 47px; position: relative; border-bottom: 1px solid #0091d2; /* &.boxText { width: 100%; max-width: none; background: none; padding: .5em 0.4em; @include border-radius(3px); border: 1px solid $tpBlue; &:before, &:after{ display: none; } & input.datePicker { background: url('../images/dateField_icon.png') no-repeat right center; } } */ } .contactForm .singlefield label { cursor: pointer; font-size: 16px; color: #333; font-weight: 100; margin-bottom: 0; } .contactForm .singlefield input, .contactForm .singlefield textarea { width: 100%; border: none; font-weight: 100; padding: 6px 10px 2px 10px; } .contactForm .singlefield textarea, .contactForm .singlefield textarea:focus { resize: none; outline: none; } .contactForm .singlefield:before, .contactForm .singlefield:after { bottom: 0; width: 1px; height: 10px; /* content: ''; */ position: absolute; background: #0091d2; } .contactForm .singlefield:after { right: 0; } .contactForm .singlefield.selectplace { margin-top: 58px; border-bottom: none; } .contactForm .singlefield.selectplace:before, .contactForm .singlefield.selectplace:after { display: none; } .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:focus, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:hover, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:active, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { width: 100%; max-width: none; /* margin-top: 8px; */ background: none; border: 1px solid #0091d2; } .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-text { padding: 6px 0; font-size: 14px; font-weight: 100; } .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-icon { width: 8px; height: 16px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; background: url("../images/homepage/filterArrow.png") no-repeat center center; } .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:focus.ui-selectmenu-button-open .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:hover.ui-selectmenu-button-open .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-button:active.ui-selectmenu-button-open .ui-selectmenu-icon, .contactForm .singlefield.selectplace select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button.ui-selectmenu-button-open .ui-selectmenu-icon { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .contactForm .btn-box { padding-top: 20px; text-align: right; border-bottom: none; } .contactForm .btn-box:after, .contactForm .btn-box:before { display: none; } .contactForm .btn { min-width: 120px; } .contactForm .btn.btn-reset { background: #999999; border: 1px solid #999999; } .contactForm .captchaField .captcha { top: 0; left: 24%; margin-top: -6px; position: absolute; } .contactForm .captchaField .reloadCaptcha { top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; position: absolute; background: url("../images/reloadCaptcha.png") no-repeat center center; } .contactSidebar { margin-bottom: 150px; } .contactSidebar > p { color: #0091d2; font-size: 15px; } .tp-info { width: 100%; background: #FFF; overflow: hidden; margin-bottom: 10px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tp-info .tpImage { width: 100%; height: 330px; background: no-repeat center center; background-size: cover; } .tp-info .tp-details { padding: 40px 20px; } .tp-info h3 { margin: 0; font-size: 22px; margin-bottom: 20px; } .tp-info p { margin: 0; font-size: 15px; } .tp-info h4 { margin: 30px 0; color: #0091d2; font-size: 15px; } .tp-info p span { font-size: 13px; color: #999999; } /* Contact us End */ /* 3G Devices Start */ .dataDevice h2 { font-size: 24px; } .dataDevice p { font-size: 15px; } .dataDevice h1 { font-size: 28px; } .dataDevice .deviceSearchForm { padding: 20px 0; } .dataDevice .deviceSearchForm label { color: #666666; margin: 7px 0; font-size: 15px; font-weight: 400; } .dataDevice .deviceSearchForm select + span.ui-selectmenu-button.ui-button, .dataDevice .deviceSearchForm select + span.ui-selectmenu-button.ui-button:active, .dataDevice .deviceSearchForm select + span.ui-selectmenu-button.ui-button:focus, .dataDevice .deviceSearchForm select + span.ui-selectmenu-button.ui-button:hover, .dataDevice .deviceSearchForm select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button, .dataDevice .deviceSearchForm input { width: 100%; max-width: 284px; background: none; padding: 8px 12px; line-height: 16px; border: 1px solid #bfc3c6; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .dataDevice .deviceSearchForm .btn { width: 100%; } .dataDevice .dataAvaIcon:before { content: ''; width: 102px; height: 42px; margin-right: 10px; vertical-align: middle; display: inline-block; background: url("../images/3gresults.jpg") no-repeat center; } /* 3G Devices End */ .complaintContent { padding: 30px 0; } .complaintContent .contactForm { padding: 0; } /* end */ .zigzagBlocks > .row:nth-child(odd) > .col-sm-6:nth-child(odd) { float: left; } .zigzagBlocks > .row:nth-child(odd) > .col-sm-6:nth-child(even) { float: right; } .zigzagBlocks > .row:nth-child(even) > .col-sm-6:nth-child(odd) { float: right; } .zigzagBlocks > .row:nth-child(even) > .col-sm-6:nth-child(even) { float: left; } .zigzagBlocks > .row > .col-sm-6 { margin-top: 50px; } .generalContent { float: left; width: 100%; margin-bottom: 50px; } /* Defaults Elements */ .dTable { display: table; } .dtableCell { display: table-cell; } .d-InlineB { display: inline-block; } .dotdotdot { max-width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; text-overflow: ellipsis; } .ajaxLoader { top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 999999; position: fixed; background: rgba(0, 0, 0, 0.4) url("../images/loader.gif") no-repeat center center; } a[href="javascript:void(0)"] { cursor: default; } .miniDesc { float: left; font-size: 88%; margin-top: 4px; color: #999999; } ul.circleRadio { padding: 0; list-style: none; } ul.circleRadio li { margin: 2px 15px 2px 0; font-size: 0; position: relative; } ul.circleRadio li input { visibility: hidden; position: absolute; } ul.circleRadio li input + label { margin: 0; font-size: 14px; cursor: pointer; position: relative; color: #999999; vertical-align: middle; width: 74px !important; height: 74px !important; display: table-cell !important; border: 1px solid #aaaaaa; transition: all ease-in-out 150ms; -o-transition: all ease-in-out 150ms; -ms-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } ul.circleRadio li input + label:after { top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; transition: all ease-in-out 150ms; -o-transition: all ease-in-out 150ms; -ms-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #e2e2e2; } ul.circleRadio li input:checked + label { border: none; } ul.circleRadio li input:checked + label:after { border: 2px solid #00ace8; } ul.circleRadio li input:checked + label { color: #00ace8; } .custom_paging { left: 0; right: 0; bottom: 0; padding: 0; list-style: none; margin: 10px auto; text-align: center; position: absolute; } .custom_paging li { display: none; } .custom_paging li.slick-active { color: #999999; display: inline-block; } .slick-initialized *:focus { outline: none; } select + span.ui-selectmenu-button.ui-button, select + span.ui-selectmenu-button.ui-button:active, select + span.ui-selectmenu-button.ui-button:focus, select + span.ui-selectmenu-button.ui-button:hover, select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button { width: 100%; outline: none; color: #333; background: #fafafa; border: 1px solid #bfc3c6; } select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text, select + span.ui-selectmenu-button.ui-button:active .ui-selectmenu-text, select + span.ui-selectmenu-button.ui-button:focus .ui-selectmenu-text, select + span.ui-selectmenu-button.ui-button:hover .ui-selectmenu-text, select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-selectmenu-text { font-size: 18px; font-weight: normal; } select + span.ui-selectmenu-button.ui-button .ui-icon, select + span.ui-selectmenu-button.ui-button:active .ui-icon, select + span.ui-selectmenu-button.ui-button:focus .ui-icon, select + span.ui-selectmenu-button.ui-button:hover .ui-icon, select + span.ui-selectmenu-button.ui-selectmenu-button-open.ui-button .ui-icon { width: 11px; height: 10px; display: block; margin-top: 2px; background: url("../images/selectArrow.png") no-repeat center center; } .cartWrapper select + span.ui-selectmenu-button.ui-button .ui-selectmenu-text,.cartWrapper .ui-state-active, .ui-widget-content .ui-state-active {font-size: 12px;} .ui-selectmenu-menu ul.ui-menu { max-height: 350px; margin-top: -2px; border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } .selectDefault ul { background: #fafafa; } .selectDefault ul .ui-state-active { color: #333; background: #d9d9d9; border: 1px solid #d9d9d9; } .tp-pagination { padding: 0; list-style: none; text-align: center; margin-bottom: 30px; } .tp-pagination li { display: inline-block; } .tp-pagination li .btn { width: 40px; font-size: 16px; color: #666666; font-weight: bold; background: #fbfbfb; border: 1px solid #dddddd; } .tp-pagination li.active .btn { color: #FFF; background: #0091d2; border: 1px solid #0091d2; } .biHolder > * { width: 49%; font-size: 14px; float: left;} .biHolder > * + * { float: right; } .biHolder > *:only-child { max-width: 150px; } .biHolder:after { content: ''; clear: both; display: block; } .btn-tp { border: none; color: #FFF; outline: none; font-size: 15px; background: #00ace8; border: 1px solid #00ace8; text-transform: uppercase; padding: 14px 30px; transition: all ease-in-out 150ms; -o-transition: all ease-in-out 150ms; -ms-transition: all ease-in-out 150ms; -moz-transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms; } .btn-tp.tp-dark { background: #0091d2; border: 1px solid #0091d2; } .btn-tp.btn-tpNoBG { color: #0091d2; border: 1px solid #0091d2; background: rgba(91, 0, 172, 0); } .btn-tp.pad36 { padding-left: 36px; padding-right: 36px; } .btn-tp:hover, .btn-tp:focus { color: #FFF; outline: none; background: #0091d2; } .btn-tp.more:after { float: right; margin-left: 10px; content: url(../images/homepage/arrow-WhiteMore.png); } .btn-white { color: #333; background: #FFF; border: 1px solid #ccc; padding: 7px 14px 4px 14px; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } .btn-white:hover, .btn-white:focus { color: #333; background: #F9F9F9; } .underlineHover:hover { text-decoration: underline !important; } .themeInput { border: none; position: relative; border-bottom: 1px solid #00ace8; } .themeInput:before, .themeInput:after { left: 0; bottom: 0; content: ''; width: 1px; height: 50%; background: #00ace8; position: absolute; } .themeInput:after { right: 0; left: auto; } .themeInput input { border: none; padding: 4px 8px; } .pad-tb-20 { padding-top: 20px; padding-bottom: 20px; } .pad-tb-30 { padding-top: 30px; padding-bottom: 30px; } .bg_white { background: #FFF; } input:focus { outline: none; } .modal-header,.modal-footer { padding: 25px; } #MessageModal .modal-header .modal-title, #OTPModal .modal-header .modal-title { font-size: 25px; font-weight: 100 !important; } #OTPModal .modal-header p { font-size: 13px; color: #666666; } #OTPModal .modal-header .otp-ds-details p { font-size: 15px; color: #333333; } #OTPModal .modal-header .otp-ds-details .otp_ds_price, #OTPModal .modal-header .otp-ds-details .otp_ds_msisdn { color: #007ad0; font-size: 20px; margin-bottom: 5px; } #OTPModal .modal-header .otp-ds-details .otp_ds_price strong { color: #000000; } #MessageModal .msg-body { margin-top: 60px; font-size: 15px; color: #333333; } #OTPModal .msg-body .OTPField input { padding: 12px 0; background: #f7f5ed; box-shadow: none; outline: none; border: 1px solid #d6d6d6; border-radius: 2px; margin-right: 15px; width: 50px; text-align: center; } #OTPModal .msg-body .OTPField input[type=number]::-webkit-inner-spin-button, #OTPModal .msg-body .OTPField input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #MessageModal .modal-content a, #OTPModal .modal-content a { margin-top: 60px; padding: 10px 30px; background: #007ad0; color: #ffffff; font-size: 20px; text-transform: uppercase; position: relative; display: inline-block; border-radius: 5px; } #OTPModal .modal-content a.otp-resend-code { background: #ffffff; border: 1px solid #c2c6c9; color: #000000; margin: 20px 0px !important; } .modal-header .close { margin-top: -15px; font-size: 40px; font-weight: lighter; margin-right: -10px; } .modal-dialog { /*width: 450px !important;*/ } #OTPModal .modal-dialog .modal-footer, #OTPModal .modal-header { border: none; } #OTPModal .modal-content .modal-footer a{ float: left; margin-top: -30px; margin: -40px 10px 0px 0px; } #OTPModal .modal-content .modal-footer a.otpNo { background: #ffffff; border: 1px solid #c2c6c9; color: #000000; } .faqs-container h3, .tab-content .faqs-container h3 { font-size: 15px; color: #007ad0; text-transform: uppercase; } .faqs-container .panel-default>.panel-heading, .faqs-container .panel-default, .faqs-container .panel-default>.panel-heading+.panel-collapse>.panel-body { border: none; background-color: transparent; box-shadow: none; padding: 0px; } .faqs-container .panel-group .panel { margin: 0px 0px 20px 0px; position: relative; } div.ufaq-faq-post p, .faqs-container .panel-default>.panel-heading+.panel-collapse>.panel-body { color: #000000; font-size: 14px; margin-bottom: 0; padding-top: 10px; } .ufaq-faq-body { padding-left: 5px; } div.ewd-ufaq-author-date { display: none; } .ufaq-faq-div { margin: 0px 0px 20px 0px; } .single-tp-offer .imageContainer img { width: 100%; height: auto; padding: 0px; } .single-tp-offer .contentTitle h1, .single-tp-device .contentTitle h1 { color: #000000; margin-bottom: 15px !important; } .single-tp-offer .deviceDetails_cont { min-height: 400px; border: none; max-height: 425px; } .single-tp-offer .deviceDetails_cont .col-sm-4, .single-tp-offer .deviceDetailsInfo, .single-tp-device .deviceDetails_cont .row .col-sm-4 { background: #f5f5f5; } .single-tp-device .deviceDetails_cont .row .col-sm-4 { left: -15px; padding-left: 20px !important; } .single-tp-offer .deviceDetails_cont .col-sm-4 { margin-right: -10px; } .single-tp-offer .tp-sale-badge { top: 21%; } .single-tp-offer #description { width: 80%; } .single-tp-offer #description h5{ font-size: 15px; } .single-tp-offer #description ul { color: #333333; font-size: 13px; line-height: 25px; font-family: 'Telenor', sans-serif; } .single-tp-offer #description p{ color: #333333; line-height: 25px; font-family: 'Telenor', sans-serif; } #description p{ font-size: 14px !important; /*agreed with business - content in the tabs desctiption sectin*/ } .single-tp-offer #description ul li { position: relative; padding-left: 25px; margin: 5px 0px; font-family: 'Source Sans Pro', sans-serif; } .single-tp-offer #description ul li:before, .single-tp-offer .tp-terms-conditions-container ul li:before { content: ""; background: #FFF url("../images/arrow-right-blue.png") no-repeat !important; height: 20px; width: 20px; left: 0px; position: absolute; top: 9px; } .single-tp-offer .tp-terms-conditions-container ul li:before { top: 7px; } .single-tp-offer .singleDetailsBox h3 { font-size: 15px; font-weight: bold !important; } .single-tp-offer .reviewSingle { margin-top: 0px; } .single-tp-offer .deviceDetailReviews { padding-top: 30px !important; padding-bottom: 0px; } .single-tp-bundle .tp-banner-image, .single-tp-price-plan .tp-banner-image, .single-tp-digital-service .tp-banner-image, .single-tp-business-solution .tp-banner-image, .single-tp-offer .tp-banner-image { height: 425px; min-height: 100%; background-size: contain; background-repeat: no-repeat; } .single-tp-business-solution .offerBlock { padding: 30px; } .single-tp-business-solution .innerOfferBlock .offerDetails { font-size: 14px; color: #27272796; margin-bottom: 15px; } .single-tp-business-solution .innerOfferBlock { text-align: left; font-size: 18px; } .single-tp-business-solution .innerOfferBlock .offerDetails p { word-break: break-all; } .single-tp-business-solution .deviceDetailsInfo .contentTitle h1 { font-size: 25px; color: #000000; } .single-tp-business-solution .deviceDetails_cont > .row > div.col-sm-4 { background-color: #f5f5f5; } .single-tp-business-solution .deviceDetailsInfo div.top-offer-desc p { font-size: 13px; padding-right: 0px; line-height: 24px; font-weight: normal; } .single-tp-business-solution .offerBlockHeader { text-align: center; } .single-tp-offer .singleDetailsBox .ratingReviews { letter-spacing: -2px; } .single-tp-offer .reviewSingle img:first-child { border-radius: 25px; overflow: hidden; width: 50px; height: 50px; } .single-tp-offer .singleDetailsBox img:first-child { width: auto; height: auto; } .single-tp-device .deviceDetails_cont { background-image: url("../images/mobileSliderBG.jpg"); background-repeat: no-repeat; background-size: cover; } .single-tp-device .deviceDetailsInfo .rel_text .spec p { height: 120px; overflow: auto; } .single-tp-device .deviceDetailsInfo .rel_text p, .single-tp-device .spec_left, .single-tp-offer .spec_left { padding-right: 0px; font-family: 'Telenor', sans-serif; font-weight: normal; color: #333333; } .single-tp-device .spec_left p { line-height: 25px; font-family: 'Source Sans Pro', sans-serif; } .single-tp-device .spec_left ul li:before { content: "-" !important; position: absolute; left: 0px; } .single-tp-device .spec_left ul li { font-family: 'Source Sans Pro', sans-serif; padding-left: 7px; position: relative; line-height: 25px; } .single-tp-device .deviceImageSlides { padding: 10% 0 30px 0; } .single-tp-device .tp-sale-badge { top: 15%; } .single-tp-device .contentTitle .woocommerce-Price-currencySymbol, .single-tp-offer .contentTitle .woocommerce-Price-currencySymbol { margin-right: 0; } .woocommerce-Price-currencySymbol{ font-family: arial !important; } .single-tp-device .contentTitle .woocommerce-Price-currencySymbol .tp-currency-symbol, .single-tp-offer .contentTitle .woocommerce-Price-currencySymbol .tp-currency-symbol{ letter-spacing: 10px; } .single-tp-device .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button { margin: 5px 0px 20px 0px; background: #ffffff; } .single-tp-device .deviceDetailsInfo select + span.ui-selectmenu-button.ui-button .ui-icon { opacity: 1; top: 3px; } .single-tp-device .imageContainer img { height: 300px; } .single-tp-device .deviceButtons .devBtn, .single-tp-device .deviceButtons .btn-tp + .btn-tp { min-width: 140px; padding: 5px 30px; font-size: 18px; } .single-tp-device .singleDetailsBox .ratingReviews, .single-tp-offer .singleDetailsBox .ratingReviews { margin-top: -10px; } .single-tp-device .deviceReviews_wrapper { margin-bottom: 100px; } .single-tp-offer #MessageModal .modal-dialog, #MessageModal .modal-dialog { margin: 15% auto 0px auto; } #MessageModal.custom-popup, #MessageModal.custom-popup .modal-footer, #MessageModal.custom-popup .modal-header { text-align: center; border: none; padding: 5px; z-index: 99999; } #ui-datepicker-div { z-index: 999 !important; } #MessageModal.custom-popup .modal-header .modal-title { margin-top: 20px !important; } #MessageModal.custom-popup .msg-body { margin-top: 10px; } #MessageModal.custom-popup .modal-content { border-radius: 3px; } #MessageModal.custom-popup .modal-content a { margin-bottom: 20px; padding: 8px 25px; margin: 5px 2px 20px 2px; font-size: 16px; } #MessageModal.custom-popup .modal-content a:first-child { background: #fff; color: #000; border: 1px solid #ccc; } #OTPModal .modal-dialog { margin: 10% auto 0px auto; } .woocommerce-billing-fields label { display: none !important; } .woocommerce form .form-row-first{ width: 100% !important; } #billing_last_name_field{ display: none !important; } #CartMessageModal{ display: block !important; top: 40%; } #CartMessageModal .modal-dialog .modal-content, #CartMessageModalerror .modal-dialog .modal-content{ min-height: 65px; line-height: 10px !important; font-weight: bold; border: none !important; border-radius: 0px !important; line-height: 45px;} #CartMessageModal .modal-dialog .modal-content img{ margin-right: 10px; width: 35px; display: inline-block; } #CartMessageModal .modal-dialog .modal-content span, #CartMessageModal .modal-dialog .modal-content span, #CartMessageModalerror .modal-dialog .modal-content span { width: 75%; overflow: hidden; display: inline-block; word-break: break-word; line-height: normal; vertical-align: middle; } .submit-container input[type=button]{ width: 160px !important; height: 50px !important; font-size: 15px; color: #ffffff; text-transform: uppercase; background: #007ad0 !important; float: none; border:1px solid #007ad0 !important; } .html-container button{ width: 160px !important; height: 50px !important; font-size: 15px; color: #ffffff; text-transform: uppercase; background: #767676 !important; float: none; border:1px solid #767676 !important; } .submit-container{ width: 25% !important; } .html-container{ width: 20% !important; } .nf-form-errors{ display: none; } .nf-form-fields-required{ display: none; } .form-main-container .form-group textarea{ max-width: 799px !important; } .form-main-container{ margin-top: 30px; } .acd-Details .currentBalance{ margin-top: -15px; } .tp-attr-icon i { background-repeat: no-repeat; float: left; height: 18px; width: 18px; left: 0px; position: relative; background-size: contain; margin-right: 11px; } .tp-icon-nav-slider-wrapper { padding: 0 15px; } .single-tp-digital-service .deviceDetails_cont .deviceDetailsInfo .icon i{ display: none; } /* sticky menu css starts */ .tp-sticky-menu {} /* Page content */ .content { padding: 16px; } /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky { position: fixed; top: 0; width: 100%; background: white; z-index: 9999; box-shadow: 0px 0px 10px 0px #dfdddd; } .sticky .middle-menu { border-top: 0px; } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 102px; } /* sticky menu css ends */ /* Mega menu header css starts */ .tp-secondary-header-menu>ul li a:hover .mega-menu { display: block; } .mega-menu { min-height: 250px; background: #15192e; position: absolute; width: 100% !important; z-index: 999999999; opacity: 0.95; padding: 25px 42px; display: none; left: 0px !important; } .mega-menu .sub-menu.mega-menu-row { /*max-width: 110px;*/ } .mega-menu .sub-menu.mega-menu-row>li> a { font-size: 13px; margin-right: 0px; color: #fff; border-bottom: 1px solid #3a3d4f; text-align: left; margin-left: -10px; } .mega-menu>.sub-menu>li:first-child { margin-right: 40px; } /*.mega-menu>.sub-menu:after { content: ""; width: 1px; position: absolute; background: #3a3d4f; left: 145px; min-height: 100%; height: 185px; top: 10px; }*/ .mega-menu>.sub-menu>li { display: block; margin-right: 40px; /*margin-left: 25px;*/ } .tp-secondary-header-menu>ul>li>a{ margin-left: 15px !important; padding-left: 10px !important; } .tp-secondary-header-menu>ul > li .mega-menu li:first-child>a{ margin-left: 0 !important; padding-left: 0 !important; } .mega-menu li a:hover{ color: #fff; } .mega-menu ul { position: relative; } .mega-menu ul li a { color: #bababa; font-size: 12px; margin: 6px 0px 0px 0px; display: block; } .mega-menu ul li .sub-menu li a { padding: 5px 0px 0px 0px; } .mega-menu ul li .sub-menu li a:hover:after, .mega-menu .sub-menu.mega-menu-row>li> a:hover:after { opacity: 0; } .mega-menu ul li > .sub-menu> li { display: block; float: none; } .mega-menu h3 { border-bottom: 1px solid #3f4254; padding-bottom: 10px; margin-bottom: 20px; } .mega-menu h3 a { font-size: 13px; color: #ffffff; } .mega-menu .cols { width: 10%; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; vertical-align: top; display: table-cell; } .mega-menu .cols:first-child { border-right: 1px solid #3f4254; } .mega-menu .cols:nth-child(2) { padding-left: 25px; } .tax-faqs_category h1 { font-size: 25px; font-weight: bold !important; margin: 40px 0px !important; } .load-more-faqs{ text-align: center; } /*.mega-menu { margin-left: calc(-100vw / 2 + 1190px / 2); margin-right: calc(-100vw / 2 + 1190px / 2); }*/ /* Mega menu header css ends */ .tutorial-popup { padding: 0px !important; z-index: 9999; } .tutorial-popup .modal-dialog { width: 100% !important; margin: 0px; } .tutorial-popup .modal-content{ height: 100vh; border-radius: 0px; } .tutorial-popup .modal-content .video-container { background: #0c1026; height: 100%; padding: 40px !important ; } .tutorial-popup .modal-content .video-description { background: #ffffff; height: 100%; padding: 20px 40px !important; } .tutorial-popup .modal-content .video-description h4 { margin-top: 40px !important; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tutorial-popup .modal-content .video-description .videos { float: left; max-width: 125px; } .tutorial-popup .modal-content .video-description .realated-videos { margin-top: 80px; } .tutorial-popup .modal-content .video-description .realated-videos img { width: 100px; height: 75px; } .tutorial-popup .modal-content .video-description .realated-videos h4 { margin-top: 0px !important; } .tutorial-popup { padding: 0px !important; } .tutorial-popup .modal-dialog { width: 100% !important; margin: 0px; } .tutorial-popup .modal-content{ height: 100vh; border-radius: 0px; } .tutorial-popup .modal-content .video-container { background: #0c1026; height: 100%; padding: 40px !important ; } .tutorial-popup .modal-content .video-description { background: #ffffff; height: 100%; padding: 20px 40px !important; } .tutorial-popup .modal-content .video-description h4 { margin-top: 40px !important; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tutorial-popup .modal-content .video-description .videos { float: left; max-width: 125px; } .tutorial-popup .modal-content .video-description .realated-videos { margin-top: 80px; } .tutorial-popup .modal-content .video-description .realated-videos h4 { margin-top: 0px !important; } .tp-terms-conditions-heading { font-size: 16px; color: #000000; line-height: 32px; text-align: left; } .tp-terms-conditions-container ul li{ font-size: 13px; color: #767676; line-height: 24px; text-align: left; position: relative; padding-left: 20px; margin-bottom: 0px !important; } .tp-terms-conditions-container p { font-size: 13px; color: #767676; } .tp-terms-conditions-container ul li:before{ content: " "; position: absolute; width: 10px; height: 10px; background: url(../images/arrow-right-blue.png) no-repeat !important; display: block; border-radius: 50%; left: 0px; top: 6px; } .tp-terms-conditions-container{ padding: 0 20px 80px 20px !important; margin: 0px 0px 80px 0px; } .international-roaming .tp-terms-conditions-container{ padding: 0 20px 0px 0 !important; margin: 0px 0px 0px 0px; } .tp-ajax-loader{ background: rgba(255,255,255,.3); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display: none; } .tp-ajax-loader img{ position: relative; top: 50%; left: 50%; } .woocommerce-billing-fields input:focus, .woocommerce-billing-fields textarea:focus { border: 1px solid #38a9f0; -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75); } .single-product-attr { height: 450px; } .mtdf-no-products-found{ font-size: 23px; font-weight: bold; text-align: center; margin: 35px 0 0 0; text-transform: capitalize; } .get-sim-cart-item-data .orderSingle p.cart-sim-number, .get-sim-cart-item-data .orderSingle p.cart-selected-package, .get-sim-cart-item-data .orderSingle p.cart-sim-price, .get-sim-cart-item-data .orderSingle p.cart-security-deposit { float: left; font-size: 16px; font-weight: bold; } .get-sim-cart-item-data .orderSingle p.cart-sim-number-val, .get-sim-cart-item-data .orderSingle p.cart-selected-package-val, .get-sim-cart-item-data .orderSingle p.cart-sim-price-val, .get-sim-cart-item-data .orderSingle p.cart-security-deposit-val { float: right; font-size: 16px; font-weight: bold; color: #999; } .get-sim-cart-item-data .tp_orders .orderSingle .removeGetsim{ color: #ffffff !important; right: 0; top: 0px; z-index: 2; width: 16px; height: 16px; cursor: pointer; position: absolute; background: #999; font-size: 16px; line-height: 15px; display: block; text-align: center; border-radius: 100%; font-weight: 700; border: 0; text-decoration: none; } .tp_cart .orderSingle .removeGetsim:hover { background: #f00 !important; } .sc-error{ display: none; color: red; } .searchMSISDN{ height: 52px; background-color: transparent; } .getsim-search-form-postpaid .searchMSISDN { height: 45px; border-color: #aeaeae; } #CartMessageModalerror{ display: block !important; top: 40%; } #CartMessageModalerror .modal-dialog .modal-content{ border: none !important; border-radius: 0px !important; line-height: 45px; } #CartMessageModalerror .modal-dialog .modal-content img{ margin-right: 10px; width: 35px; display: inline-block; } #CartMessageModalerror .wc-forward{ display: none !important; } .alignright{ float: right; } .alignleft{ float: left; } .deviceDetailContents .tp-terms-conditions-container { padding: 15px 5px 0 5px !important; margin: 6px -5px 0px -4px; border-top: #efefef 1px solid; } .tab-content.devSpecFaq { padding: 0px; } .dam-funds-floater { display: block; position: absolute; z-index: 999; right: 0px; color: white; margin-top: 100px; width: 250px; background-color: rgba(0, 184, 240, 0.5); } .dam-funds-floater .title { background-color: rgba(0, 184, 240, 0.45); text-align: center; padding: 10px; font-size: 15px; text-transform: uppercase; } .dam-funds-floater .description .des-text { padding: 10px 15px 0px 15px; display: block; font-size: 13px; display: none; } .dam-funds-floater .description .amount { font-size: 20px; font-weight: bold; text-align: center; display: block; padding: 0px 20px 20px 20px; } .dam-funds-floater .description .amount:before { content: ""; background-image: url(../images/Rs.png); height: 42px; width: 37px; display: inline-block; left: -20px; position: relative; bottom: -15px; } .dam-funds-floater .date { background-color: rgba(0, 184, 240, 0.25); text-align: center; padding: 10px; position: absolute; bottom: -41px; font-size: 14px; width: 100%; display: none; } .dam-funds-floater:hover, .dam-funds-floater:focus{ color: #fff; } .dam-funds-floater:hover .date,.dam-funds-floater:hover .des-text { display: block; } .border-bottom { border-bottom: 1px solid #757575; padding-bottom: 15px; } .international-segment.bhasha-dam-tabs .vc_tta-tabs-list { border:none; padding: 0px !important; } .international-segment.bhasha-dam-tabs .vc_tta-tab.vc_active a span { color: #000000; } .international-segment.bhasha-dam-tabs .vc_tta-tab.vc_active { border-bottom: 5px solid #007ad0; } .international-segment.bhasha-dam-tabs .vc_tta-tab { padding: 0px 50px !important; } .international-segment.bhasha-dam-tabs .vc_tta-tab a span { color: #b6b4b2; font-size: 18px; } .international-segment.bhasha-dam-tabs .vc_tta-panel-body { padding-top: 20px !important; padding: 20px 0px !important; } .usageChartTabs.bhasha-dam-tabs .d_usageCharts { height: auto; } .usageChartTabs.bhasha-dam-tabs .nav-tabs { background: transparent; border: none; margin-bottom: 20px; margin-top: 50px; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li.active a { border-bottom: 4px solid #0091d2; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li a { padding: 15px 50px; font-size: 18px; } .usageChartTabs.bhasha-dam-tabs .tab-content { padding: 0px; } .followus-icon { display: inline-block; margin: 30px; } .box.orange-border-top > div:first-child { border-top: 3px solid #ff5f00; } .box.red-border-top > div:first-child { border-top: 3px solid #ec1b4c; } .box.purple-border-top > div:first-child{ border-top: 3px solid #8500a9; } .box.purple-border-top figure, .box.red-border-top figure, .box.orange-border-top figure { min-height: 60px; } .box-container .bg-container { min-height: 345px; } .mega-discount-slider { padding-bottom: 40px; padding-top: 60px; padding-left: 60px; margin-bottom: 35px; } .mega-discount-slider .arrow-right { width: 200px; position: relative; margin: 0 auto; background-position-x: 165px !important; background-position-y: 9px !important; } .mega-discount-slider .arrow-right a { padding-right: 40px; } .mega-discount-slider .vc_carousel-control { display: none; } .mega-discount-slider h2 { text-align: center; font-size: 50px; font-weight: 100 !important; margin-bottom: 80px; } .mega-discount-slider .vc_carousel-indicators { bottom: -50px !important; } .mega-discount-slider .vc_carousel-indicators li { height: 15px !important; width: 15px !important; background: #dcdcdc !important; margin: 0px 10px !important; border: none !important; } .mega-discount-slider .vc_carousel-indicators .vc_partial{ background: #00ace7 !important; } .bold-banner-heading, .light-banner-heading { display: block !important; z-index: 999 !important; visibility: visible !important; left: -50px; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0px !important; } .store-locator-type .checkbox-container { font-size: 14px; font-weight: normal; margin-left: 5px; margin-top: 10px; } .locationHeaderBox #tp-search-store-locator-type { font-weight: bold; } .mapHolder.store-locator-cont .locationsList { background: #f5f5f5; border-top: 2px solid #cccccc38; padding: 0px !important; } .mapHolder.store-locator-cont .locationsList .detailSingle { } .mapHolder.store-locator-cont .locationsList .mCSB_container { padding: 0px; margin: 0px; } .mapHolder.store-locator-cont .locationsList .mCSB_container .detailSingle a { padding: 15px 20px 15px 55px; border-bottom: 2px solid #cccccc38; } .mapHolder.store-locator-cont .locationsList .mCSB_container .detailSingle a.active{ background: white; border-left: 3px solid #0091d2; } .mapHolder.store-locator-cont .locationsList .mCSB_dragger { background: #b7b4b4; } .tp-terms-conditions-container > ul { margin-bottom: 0px; } .single-tp-device .woocommerce-product-rating { position: absolute; bottom: 60px; } .single-tp-device .deviceDetailsInfo .deviceButtons { position: absolute; bottom: 40px; } .single-tp-device .deviceReviews_wrapper { margin-bottom: 0px; } .single-tp-device .faqs-container { margin: 20px 0px; } .single-tp-device .SpecSlider_wrapper .specArrows.slick-prev { left: 5px; } .tile.b-top img { height: 150px; } .tile.b-top { padding-bottom: 40px; } .tile.b-top p { margin-bottom: 20px; } .business-solution-container .solution-box-main-cont .solution-box p{ font-size: 14px; max-height: 150px; overflow: hidden; } .business-solution-container .solution-box{ min-height: 400px; } .tile-main-container { margin-top: 30px; position: relative; } .term-business-solutions ul.products .product .tile{ min-height: 400px; } .tile-main-container .tile-bottom-container { position: absolute; bottom: 0px; width: 100%; background: #eceef5; margin: 0px; height: 40px; } .tile-main-container .tile-bottom-container ul { overflow: hidden; padding-left: 20px; margin: 0px; } .tile-main-container .tile-bottom-container li { float: left; line-height: 40px; width: 140px; } .tile-main-container .tile-bottom-container li:nth-child(3), .tile-main-container .tile-bottom-container li:nth-child(4) { display: none; } .tile-main-container .tile-bottom-container li img { float: left; top: 10px; position: relative; height: 20px; } .tile-main-container .tile-bottom-container li a { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; padding: 2px 8px; color: #000; font-size: 13px; } .tile-container { background: whitesmoke; overflow: hidden; position: relative; } .tile-container .image-container { float: right; height: 100%; width: 40%; position: absolute; right: 0; bottom: 0; } .tile-container .image-container .tile-image { position: absolute; bottom: 0px; right: 0; background-position: 100% bottom !important; background-size: contain !important; width: 100%; height: 100%; } .tile-container .text-container { float: left; width: 60%; padding: 20px 0px 0px 25px; } .tile-container .text-container h2 { font-size: 30px; color: #0070d7; line-height: normal; text-align: left !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tile-container .text-container h2 a { font-size: 24px; } .tile-container .text-container h4 { font-size: 15px; color: #000000; line-height: 20px; text-align: left; height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .tile-container .text-container a { font-size: 18px; color: #007ad0; line-height: normal; text-align: left; font-family: 'Telenor', sans-serif; font-weight: 400; font-style: normal; margin-top: 20px; margin-bottom: 60px; } .tp-container .nav-tabs>li { margin-bottom: -3px; } @media only screen and (min-width: 991px){ .tp-container .usage_list>li { margin-bottom: 34px !important; } } .tp-mobile-sub-header-container { display: none; } .tp-content-sub-header { display: block; } @media only screen and (max-width: 1400px){ .device_wrapper .deviceImages .deviceSlide img { height:200px !important; } .device_wrapper .deviceImages { margin-bottom:35px !important; } .type-product .offerBlock { padding-bottom: 20px !important; min-height: 410px; } .confirmMobile_block .mobileField input { margin: 5px 0px 0px 0px !important; padding: 5px 0px 5px 0px !important; max-width: 160px; } } @media (min-width: 1400px){ .type-product .offerBlock { padding-bottom: 30px !important; min-height: 420px; } } @media only screen and (max-width: 1350px){ .bold-banner-heading, .light-banner-heading { display: block !important; z-index: 999 !important; visibility: visible !important; left: 20px; } } @media only screen and (min-width: 1296px) { .tpBannerImage { width: 105.6%; } } @media only screen and (max-width: 1199px) { /* */ } @media only screen and (min-width: 1040px) { /* 1040 */ .searchContainer { display: block !important; } .vs_xs { display: none !important; } .navbar-brand { padding: 8px 0; } .navbar-brand > img.logo_mobile { display: none; } .navbar-brand > img.logo_web { display: block; } .resMenuClose { display: none !important; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 { height: auto !important; } #tpNavbar ul.ul-level1 li.nav-level1.active > ul { height: auto !important; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2:hover .popup_menu { display: block !important; } } @media only screen and (max-width: 1039px) { /* 1039 */ /* Menu Start */ .vs_xs { display: block; } .hd_mc { display: none; } .tp_header:before, .djuicePage .tp_header:before { border-bottom: 0px solid transparent; } .userControl { /* position: static; */ /* & .memberOptions{ width: 100%; } */ } .userControl .memberHeader { padding: 4px; } .userControl .memberHeader .memberDP { width: auto; height: 42px; } .tp_headerContainer { font-size: 0; min-height: 50px; text-align: center; } .tp_headerContainer .navbar-header { top: 0; height: 0; width: 100%; z-index: 120; position: absolute; } .tp_headerContainer .navbar-header .resMenuIcon.navbar-toggle { margin: 6px 0; display: block; padding: 0 0 0 12px; } .tp_headerContainer .navbar-header .resMenuIcon.navbar-toggle .icon-bar { width: 28px; margin: 8px 0; } .tp_headerContainer .navbar-brand { padding: 8px 0; } .tp_headerContainer .navbar-brand > img.logo_mobile { display: block; width: 34px; } .tp_headerContainer .navbar-brand > img.logo_web { display: none; } .tp_headerContainer .rightMenuOptions { float: none; width: 100%; font-size: 0; z-index: 110; position: relative; display: inline-block; } .tp_headerContainer .rightMenuOptions ul { float: none; display: inline-block; } .tp_headerContainer .rightMenuOptions ul li a { float: left; margin: 0; padding: 14px 12px; } .tp_headerContainer .rightMenuOptions ul li a .xs_src_ico { width: 22px; height: 22px; display: block; background: url("../images/custom/searchRes_icon.png") no-repeat center center; } .tp_headerContainer .rightMenuOptions ul li.searchIcon_xs.closeSearch .xs_src_ico { background: url("../images/custom/close_s.png") no-repeat center center; } .tp_headerContainer .rightMenuOptions .searchContainer { top: 44px; width: auto; left: -15px; right: -15px; display: none; padding: 0 15px; position: absolute; background: #00ace8; } .tp_headerContainer .rightMenuOptions .searchContainer form { width: 100%; margin: 4px 0 8px 0; } .tp_headerContainer .rightMenuOptions .searchContainer form input { width: 100%; font-size: 14px; } #tpNavbar { top: 0; right: 0; width: 0; /* padding: 0; */ z-index: 130; height: 100%; border-top: 0; outline: none; display: block; position: fixed; background: rgba(0, 0, 0, 0.8); box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #tpNavbar .menuWrapper { right: 0; width: 0; height: 100%; overflow: hidden; position: absolute; background: #0091d2; transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; } #tpNavbar.open { width: 100%; } #tpNavbar.open .menuWrapper { width: 260px; } #tpNavbar ul.ul-level1 { margin: 0; float: none; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } #tpNavbar ul.ul-level1 li.nav-level1 { margin: 0; padding: 0; float: left; width: auto; font-size: 0; } #tpNavbar ul.ul-level1 li.nav-level1 > a { margin: 0; font-size: 14px; padding: 11px 20px; text-align: center; vertical-align: middle; display: inline-block; } #tpNavbar ul.ul-level1 li.nav-level1 > a:focus { text-decoration: none; } #tpNavbar ul.ul-level1 li.nav-level1 > a:after { display: none; } #tpNavbar *:focus, #tpNavbar *:active { outline: none; } .menuArrow { top: 0; z-index: 10; width: 20px; height: 42px; border: none; display: block; position: absolute; background: #0091d2 url("../images/custom/menuResArrowR.png") no-repeat center center; /* &.slick-disabled{ display: none !important; } */ } .menuArrow.menuArrow:after { top: 0; content: ''; right: 100%; width: 12px; height: 42px; position: absolute; background: url("../images/custom/mba_shdw.png") no-repeat right center; } .menuArrow.mAnxt { right: 0; } .menuArrow.mAprv { left: 0; display: none !important; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* SlickMenuStyleStart */ #tpNavbar ul.ul-level1 { /* overflow: hidden; */ } #tpNavbar ul.ul-level1 .slick-list { overflow: visible; } #tpNavbar ul.ul-level1 .slick-slide .nav-level1 > .ul-level2, #tpNavbar ul.ul-level1 .slick-slide .nav-level1.active > .ul-level2 { display: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active { position: relative; } #tpNavbar ul.ul-level1 .slick-slide.slick-active:after { left: 0; bottom: 0; opacity: 0; width: 100%; height: 2px; content: ''; display: block; background: #FFF; position: absolute; transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current:after { opacity: 1; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 > a:after { display: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 { opacity: 1; padding: 0; width: 260px; display: block; margin-top: 1px; overflow: hidden; overflow-y: scroll; background: #0091d2; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 { width: 100%; padding: 0 10px; position: relative; /* &.m_expanded .popup_menu{ display: block; } */ } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 > a { text-align: left; padding: 12px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2:last-child > a { border-bottom: 1px solid rgba(255, 255, 255, 0); } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .resXS_plus { display: block; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu { /* .m_expanded */ padding: 0; width: auto; float: left; /* margin-top: -1px; */ position: initial; margin-left: -10px; margin-right: -10px; background: #00ace8; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu:after { display: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu { margin: 0; padding: 0; width: 100%; margin-top: 6px; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu > div { width: 100%; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu > div h3 a, #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu > div li a { float: left; width: 100%; border: none; color: #FFF; font-size: 14px; font-weight: 100; text-align: left; padding: 10px 14px; text-transform: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu > div h3 a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2 .popup_menu .subMenu > div ul.popup_cols_menu li { border: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2.m_expanded > a { /* border-bottom: 1px solid rgba(255, 255, 255, 0); */ } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2:hover .popup_menu { display: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level1 .ul-level2 li.nav-level2.Home a { background: none; } #tpNavbar ul.ul-level1 .slick-slide.slick-active.slick-current li.nav-level2 > img { display: none; } #tpNavbar ul.ul-level1 li.nav-level1 ul.ul-level2 li.nav-level2.subMenuHovered .popup_menu { display: none; } /* SlickMenuStyleEnd */ .popup_menu .menuItemImage { display: none; } #tpNavbar ul.ul-level1 li.nav-level1.active > a:after { display: none; } /* Menu End */ } @media only screen and (min-width: 992px) { /* 992 */ .locationBlock { width: 26.5%; } .mapBlock { width: 73.5%; } } @media only screen and (max-width: 991px) { /* 991 */ /* */ } @media only screen and (min-width: 768px) { /* 768px */ .mapHolder.store-locator-cont .locationsList .mCSB_container .detailSingle a:hover { background: white; border-left: 3px solid #0091d2; } .resetWholeFilter { display: block; bottom: 0px; position: relative; } .filterBox .resetPackages, .filterBox .resetSorting { display: none; } .specs_options .resFilterBox { display: none; } .filterOffersOnly, .filterSortsOnly { display: block !important; } .deviceDetails_cont > .row > div { float: right; } .offerDetails_page .deviceDetails_cont > .row > div { float: left; } .offerDetails_page .deviceDetails_cont > .row > div > div { float: right; }} .modal-dialog { width: 450px; } @media only screen and (max-width: 767px) { #history-balance .tab-content { padding-left: 15px !important; padding-right: 15px; } .woocommerce div.product .innerOfferBlock .confirmMobile_block, .woocommerce div.product .innerOfferBlock .offerActivation_block { position: relative; bottom: 0px; margin: 10px 0px; } .woocommerce div.product .innerOfferBlock .offerActivation_block { margin-bottom: 20px; } /* 767px */ .deviceDetailTabs .nav.nav-tabs > li a { bottom: 0px; } .single-tp-device .deviceDetails_cont .row .col-sm-4 { left: 0px; padding-left: 10px !important; } .tp-mobile-sub-header-container { display: block; } .tp-content-sub-header { display: none; } .single-tp-price-plan .tp-banner-image, .single-tp-offer .tp-banner-image { height: 300px !important; } .term-business-solutions .business-solution-container .solution-box { min-height: auto; margin-bottom: 40px; padding: 50px 15px 40px 15px; } .business-solution-container .solution-box h3 { height: 30px; } .business-solution-container .solution-box .explore { text-align: center; margin: 0 auto; display: block; width: 100%; left: 0; position: relative; top: 0px; } .contact-us-form .form-main-container .submit-container input[type=button] { width: 100% !important; margin-top: 20px; } .contact-us-form .form-main-container .html-container button { width: 100% !important; margin-top: -15px; } .tile-container .text-container h4 { height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .tile-container .text-container h2 { padding-top: 0px; white-space: normal; } #filter_specs .filterSortsOnly { top: -62px; } .faqs-container .panel .panel-heading h3 a{ min-height: auto; } .contact-media-center .textarea-container { margin: 20px 0px; } .contact-media-center .nf-form-cont { margin-bottom: 150px; } .col-md-4.col-sm-12 .widget_custom_html { padding: 20px; margin-bottom: 20px; } .dam-funds-floater { display: none; } .hd_xs { display: none; } #sliderImage .mainSlider { /* & .slick-dots{ display: none; } */ } #sliderImage .mainSlider .singleSlide .ifContent { position: static; } .userControl { position: static; /* & .memberHeader { padding: 4px; & .memberDP{ width: auto; height: 42px; } & .downArrow{ display: none; } } */ } .userControl .memberOptions { width: 100%; min-width: 200px;} /* Package Boxes */ .gapWrapper { margin-left: -15px; margin-right: -15px; } .wrapPackages { min-height: 176px; background-size: 55%; } .wrapPackages > a { display: block; padding: 16px 10px 6px 22px; } .wrapPackages p { width: 176px; font-size: 15px; line-height: 24px; padding-bottom: 10px; margin-top: 0; } .innerPackages h1 { margin-bottom: 2px; padding-bottom: 0; font-size: 29px; } .p_explore_more { display: none; } .packagesFooter { width: auto; margin-top: 0; position: static; overflow: hidden; padding-left: 16px; } .packagesFooter a { width: 42%; float: left; margin-top: 10px; margin-bottom: 0px; } .packagesFooter a:nth-child(1), .packagesFooter a:nth-child(2) { margin-top: 0; } .packagesFooter.twoItems a { width: auto; } .call2action { /* padding: 15px; */ margin: 0; background: none; } .call2action.invert { padding: 15px 0; background: #F0F0F0; } .call2action.invert:before { display: none; } .call2action .tp_leftContent { height: auto; padding: 14px 0; background: #FFF; background-image: none !important; } .call2action .leftsideConatiner { padding: 0; } .call2action .tpBannerImage { float: left; height: auto; padding: 15px 0 26px 0; background: #FFF url("../images/call2actionRes.png") no-repeat !important; background-position: 114% -16px !important; } .textsideConatiner h1 { margin-top: 1px; font-size: 32px; } .textsideConatiner h4 { font-size: 14px; font-weight: 600; margin: 9px 0 0px 0; } .textsideConatiner p { margin: 0; width: 154px; color: #333; line-height: 18px; } .playstoreimg { margin-top: 6px; margin-left: -4px; padding: 8px 0 0 0; } .playstoreimg > a { display: block; max-width: 120px; margin-bottom: 10px; } .playstoreimg > a:last-child { margin-bottom: 0; } /* Business Page */ .businessBlocks { margin-right: -15px; margin-left: -15px; } .businessBlocks .roamWrapper.active:before { display: block; } .businessBlocks .roamWrapper { width: 100%; padding: 38px 15px; } .businessBlocks .roamWrapper img { float: left; max-width: 100px; margin-left: 9px; margin-right: 18px; margin-bottom: 16px; } .businessBlocks .roamWrapper h2 { margin: 0; font-size: 25px; } .businessBlocks .roamWrapper p { font-size: 16px; line-height: 24px; margin-top: 8px; } .tp_boxesContent.business-content { padding-top: 0; padding-bottom: 11px; background-color: #F0F0F0; } .business-content .bottomBlocks { margin-top: 0; margin-bottom: 0; } .business-content .boxesStyle { background: #FFF; } /* Tabs */ .tptabSlider { margin: 0; width: auto; margin-left: -15px; margin-right: -15px; } .tptabSlider li { width: 33%; float: left; display: block; border-right: 1px solid #e2e2e0; border-bottom: 1px solid #e2e2e0; } .tptabSlider li.active { border-left: 0; border-right: 1px solid #e2e2e0; } .tp_mainTabs {margin-top: 0px;} .woocommerce .products ul, .woocommerce ul.products {margin-top: 20px;} .tptabSlider li a { padding: 12px 0; } .tabIfSlider { width: auto; overflow: visible; position: relative; } .tabText, .tabText:hover, .tabText:focus { margin-top: 4px; } /* Specs Slider */ .SpecSlider_single * { margin: 0 auto; text-align: center; } /* StoreLocatorBoxes */ .boxesWrapper { padding: 0px 0px 0px 16px; } .boxesWrapper h3 { letter-spacing: 1.4px; } .boxesWrapper p { width: 180px; color: #004969; line-height: 16px; } .boxesbg { background-position: center center; } .boxesStyle { margin-bottom: 14px; } .bottomBlocks > div:last-child .boxesStyle { margin-bottom: 0; } /* Social media */ #social_media { margin-top: 0; } /* FilterBox */ .filterBox .resetWholeFilter { display: none; } /*.tp_devices_filter { !* background: #f4f4ea; *! display: none;}*/ .tp_mainTabs {background: transparent;} .tp_devices_filter .filterContainer { padding: 0; margin-bottom: 20px; } .tp_devices_filter .filterContainer:last-child { padding: 0; } .tp_devices_filter .filterContainer .resetWholeFilter { display: none; } .filterBox .filterSortsOnly, .filterBox .filterOffersOnly { display: none; } .filterBox .filterOffersOnly { top: -61px;} .filterBox .specs_options { background: none; position: relative; } .filterBox .resFilterBox { width: 100%; display: block; cursor: pointer; line-height: 19px; padding: 14px 16px; position: relative; margin-bottom: 12px; border: 1px solid #c2c2c2; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .filterBox .resFilterBox:after { top: 16px; z-index: 5; width: 8px; content: ''; right: 16px; height: 16px; position: absolute; background: url("../images/homepage/filterArrow.png") no-repeat center center; } .tp_devices_filter .filterContainer .filterBox.open_filter .specs_options { z-index: 50; display: block; background: #FFF; padding-left: 16px; padding-right: 16px; } .tp_devices_filter .filterContainer .filterBox.open_filter .specs_options .specs_options_header { position: relative; margin-top: 26px; } .popupabsolute { top: -62px; left: 0; right: 0; z-index: 50; margin: 0 auto; background: #FFF; position: inherit; border: 1px solid #ccc; padding: 20px 16px 0 16px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .closeFilter { width: 30px; height: 30px; float: right; margin-top: -34px; margin-right: -6px; background: url("../images/custom/filterCross.png") no-repeat center center; } .specs_options { padding: 14px 0; } .specs_options label { font-size: 12px; } .specs_options .OneThirdSize label { width: 30%; } /* StoreLocator start */ .mapHolder { height: auto; margin-bottom: 0px; } .mapHolder.store-locator-cont.tp-store-locator { margin: 0px; } .store-locator-main-cont, .coverage-map-main-cont{ background: #f5f5f5; margin-bottom: -100px; width: 103%; margin-left: -5px; } .coverage-map-main-cont { margin-left: -10px !important; } .mapHolder .locationBlock { height: auto; } .store-locator-cont.mapHolder .locationBlock { border: none; } .store-locator-cont.mapHolder .store-locator-type .checkbox-container { float: left; margin-left: 10px; margin-top: 15px; } .mapHolder .locationBlock .locationsDetails { } .mapHolder .locationBlock .locationsDetails .locationsList { display: block; padding-top: 118px; } .mapHolder .locationBlock .locationsDetails .searchLocation, .mapHolder .locationBlock .locationsDetails .searchLocation:focus { } .mapHolder .mapBlock { height: 480px; } /* StoreLocator End */ /* my djuice Offers Start */ .myDjuiceOfferBlock { height: 180px; } .myDjuiceOfferBlock ul.loadingSlider { height: 112px; } .myDjuiceOfferBlock ul .dOArrow { top: 46px; } .myDjuiceOfferBlock ul .dOArrow.dOprv { left: -20px; } .myDjuiceOfferBlock ul .dOArrow.dOnxt { right: -20px; } .myDjuiceOfferBlock ul li input + label { width: 70px; height: 70px; padding: 25px 0; } /* my djuice Offers End */ .tp_cart { left: 0; bottom: 0; width: 100%; height: 0vh; z-index: 5000; position: fixed; overflow-y: auto; padding: 15px 12px; background: #f4f4f4; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; -ms-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -webkit-transition: all ease-in-out 500ms; } .tp_cart .cartOpenr { top: 25px; left: 0; width: 100%; height: 32px; display: block; cursor: pointer; position: absolute; } .tp_cart .cartOpenr span { width: 32px; height: 32px; margin: 0 auto; display: block; transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; -ms-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -webkit-transition: all ease-in-out 500ms; background: url("../images/homepage/cartArrow.png") no-repeat center center; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .tp_cart .right_side_bor { margin-top: 16px; } /*.cart-container .tp_cart {padding-top: 40px !important;}*/ .tp_cart.expended { height: 80vh; padding: 24px 12px 34px 12px; } .tp_cart.expended .cartOpenr span { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .tp_cart.expended .mCSB_outside + .mCSB_scrollTools { right: -12px; } .tp_cart.expended .mCSB_outside + .mCSB_scrollTools .mCSB_draggerRail { background: none; } .tp_cart.expended .mCSB_outside + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.1); } .tp_cart.expended .mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar, .tp_cart.expended .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.2); } .tp_cart .cartWrapper { height: 100%; margin-top: 8px; overflow-y: scroll; } .tp_cart .cartWrapper h2 { padding-top: 16px; } .deviceDetailsInfo { padding: 40px 30px; } .deviceDetailsInfo .col-sm-4 {padding-left: 0px;} .device_wrapper { width: 100%; } .single-tp-offer .tp-banner-image {min-height: 201px;} .deviceDetails_cont {display :block;} .deviceDetails_cont .deviceDetailsInfo .contentTitle {padding: 0px; } .deviceDetails_cont .row {margin: 0px;} .deviceDetails_cont .deviceDetailsInfo .contentTitle .mobileField { position: relative !important; float: left !important; bottom: 0px; } .deviceDetails_cont .deviceDetailsInfo .contentTitle .activateBtn_block { float: right !important; position: relative !important; right: 20px; bottom: 10px; } .deviceDetailsInfo.single-product-attr { padding-bottom: 20px !important; min-height: auto !important; height: auto; } .single-tp-offer .deviceDetailsInfo.single-product-attr { padding-bottom: 8px !important; } .tp-terms-conditions-container { padding: 0px !important; margin: 0px; } .deviceReviews_wrapper .products { margin: 0px -20px !important; } .single-tp-offer .deviceDetailReviews { padding-bottom: 0px; margin-bottom: -50px; } .tab-content.devSpecFaq { padding: 0px 10px; } .mega-discount-slider { padding-left: 0px; margin-top: 35px; } /*#slide-1 .slotholder { height: 520px !important; }*/ /*.rev_slider_wrapper{ height: 520px !important; position: relative !important; }*/ .bold-banner-heading, .light-banner-heading { display: block !important; z-index: 999 !important; visibility: visible !important; left: 20px; } .box-container { overflow: hidden; } .tp-4g-devices-list { position: relative; } .device_checkListing table thead { display: table-caption; height: 100px; } .device_checkListing table thead th:first-child { vertical-align: top; } .device_checkListing table thead th:nth-child(2) { position: absolute; left: 0px; top: 40px; width: 38%; overflow: hidden; } .device_checkListing table thead th:nth-child(3) { position: absolute; width: 70% !important; top: 40px; right: 0px; } .device_checkListing .table>tbody>tr>td:nth-child(2), .device_checkListing .table>tbody>tr>td:nth-child(3) { width: 30%; } .order-thank-you{ width: 78% !important; } .CartMessageModalerror .modal-dialog{ margin: 0 auto !important; width: 95% !important; font-size: 12px !important; } .tp_cart .orderSingle .deviceDetail p.deviceName .deviceTitle { margin-left: 14px; } .notifySimCheck { font-size: 12px; font-weight: normal !important; } .tp_cart .orderSingle .deviceDetail p.deviceName{ width: auto; } .tp_cart .orderSingle .deviceDetail p.devicePrice { float: right; margin-right: 8px; } .store-locator-cont.mapHolder .view-map img { position: absolute; left: 15px; margin: auto; top: 0; bottom: 0; } .tp_cart .orderSingle .col-xs-10 .orderTextInfo { position: absolute; right: 20px; } #mapCanvas .detailSingle { width: 300px; } #CartMessageModal { display: none !important; } #mapCanvas .detailSingle span { width: 190px; } .single-tp-device .deviceDetails_cont { height: auto; } .single-tp-device .deviceReviews_wrapper { margin-bottom: 0px; padding-bottom: 0px; } .modal-dialog { width: 100%; } .single-tp-device .deviceDetailsInfo .deviceButtons { bottom: 20px; } .innerOfferBlock { margin-top: 20px; } } @media only screen and (max-width: 559px) { /* 559px */ .mapHolder .locationBlock .locationsDetails .locationHeaderBox > p { font-size: 12px; } .modal-dialog { width: 100%; } } @media only screen and (max-height: 359px) { /* 359px */ .overlay .popup-content { height: 100%; } } /*# sourceMappingURL=custom.css.map */ .dam-funds-floater { display: block; position: absolute; z-index: 999; right: 0px; color: white; margin-top: 100px; width: 250px; background-color: rgba(0, 184, 240, 0.5); } .dam-funds-floater .title { background-color: rgba(0, 184, 240, 0.45); text-align: center; padding: 10px; font-size: 15px; text-transform: uppercase; } .dam-funds-floater .description .des-text { padding: 10px 15px 0px 15px; display: block; font-size: 13px; display: none; } .dam-funds-floater .description .amount { font-size: 20px; font-weight: bold; text-align: center; display: block; padding: 0px 20px 20px 20px; } .dam-funds-floater .description .amount:before { content: ""; background-image: url(../images/Rs.png); height: 42px; width: 37px; display: inline-block; left: -20px; position: relative; bottom: -15px; } .dam-funds-floater .date { background-color: rgba(0, 184, 240, 0.25); text-align: center; padding: 10px; position: absolute; bottom: -41px; font-size: 14px; width: 100%; display: none; } .dam-funds-floater:hover, .dam-funds-floater:focus{ color: #fff; } .dam-funds-floater:hover .date,.dam-funds-floater:hover .des-text { display: block; } .border-bottom { border-bottom: 1px solid #757575; padding-bottom: 15px; } .international-segment.bhasha-dam-tabs .vc_tta-tabs-list { border:none; padding: 0px !important; } .international-segment.bhasha-dam-tabs .vc_tta-tab.vc_active a span { color: #000000; } .international-segment.bhasha-dam-tabs .vc_tta-tab.vc_active { border-bottom: 5px solid #007ad0; } .international-segment.bhasha-dam-tabs .vc_tta-tab { padding: 0px 50px !important; } .international-segment.bhasha-dam-tabs .vc_tta-tab a span { color: #b6b4b2; font-size: 18px; } .international-segment.bhasha-dam-tabs .vc_tta-panel-body { padding-top: 20px !important; padding: 20px 0px !important; } .usageChartTabs.bhasha-dam-tabs .d_usageCharts { height: auto; } .usageChartTabs.bhasha-dam-tabs .nav-tabs { background: transparent; border: none; margin-bottom: 20px; margin-top: 50px; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li.active a { border-bottom: 4px solid #0091d2; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li a { padding: 15px 93px; font-size: 18px; } .usageChartTabs.bhasha-dam-tabs .tab-content { padding: 0px; } .followus-icon { display: inline-block; margin: 30px; } .box.orange-border-top > div:first-child { border-top: 3px solid #ff5f00; } .box.red-border-top > div:first-child { border-top: 3px solid #ec1b4c; } .box.purple-border-top > div:first-child{ border-top: 3px solid #8500a9; } .box.purple-border-top figure, .box.red-border-top figure, .box.orange-border-top figure { min-height: 60px; } #tp-recommended-packages { display: none; } .tp-pp-option-links { display: none; } .roaming_active, .roaming_active:focus{ background: #000 !important; border: #000 !important; color: #fff; outline: 0px !important; } #cart_container .tp_orders .orderSingle { padding: 30px 10px 0px 10px; } #cart_container .tp_cart .orderSingle .removeDevice { top: 10px; } #cart_container .tp_cart .orderSingle > div { margin-bottom: 10px; } .orderGrandTotal p.grandAmount { font-weight: bold !important; font-size: 16px !important; } .name-input-error, .phone-input-error, .email-input-error, .address-input-error{ display: none; font-size: 13px; } .cart-count-input-error{ display: none; font-size: 14px; font-weight: bold; } .tp_devices_container .woocommerce-info, .tp_devices_container .woocommerce-error{ display: none !important; } .shop-note-text{ font-weight: bold; } .order-thank-you{ width: 50%; margin: 20px auto; text-align: center; font-size: 17px; } .order-thank-you a{ text-transform: capitalize; } .sim-4g-check-title{ margin-left: -10px; } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } .search-listing .slick-slide a { padding: 0px; height: auto !important; } .search-listing .innerOfferBlock { min-height: auto; } .fnfinputText { width:110% } .term-offers .offerBlock .deviceOffer{ top: -14px; right: 0px ; padding: 0 20px; height: 30px; width: 138px; } .term-offers .offerBlock .deviceOffer h2{ margin-top: 9px !important; font-size: 14px; } .deviceDetails_cont .deviceDetailsInfo .contentTitle { font-size: 13px; } .deviceDetails_cont .deviceDetailsInfo .contentTitle .top-offer-desc p{ padding-right: 0; font-weight: normal; line-height: 22px; height: 85px; overflow: auto; } .deviceDetails_cont .deviceDetailsInfo .contentTitle strong.icon{ padding-left: 0; } .term-digital-services .tabs_section .navs .nav li{ float: none; display: inline-block; } .term-digital-services .tabs_section .navs .nav li a{ padding-right: 7px; } .term-digital-services .tabs_section .navs .nav li:last-child(){ padding-right: 0; } #filter_specs .specs_options{ overflow: auto; } #iir_activate_btn:hover, #iir_activate_btn:focus{ background: #007ad0; color: #fff; border: 1px solid #007ad0; } #idd_activate_btn:hover, #idd_activate_btn:focus{ background: #007ad0; color: #fff; border: 1px solid #007ad0; } .filterBox{ position: relative; } .filterBox a{ position: absolute; display: block; height: 46px; width: 100%; top: 0; left: 0; border-radius: 14px; z-index: 2; } .ui-selectmenu-menu.selectDefault.ui-front.ui-selectmenu-open{ z-index: 2; } .deviceDetailsInfo .rel_text{ height: 230px; } .deviceDetailsInfo .ui-selectmenu-button + .rel_text{ height: 160px; } .single-tp-price-plan .deviceDetailsInfo .rel_text, .single-tp-bundle .deviceDetailsInfo .rel_text, .single-tp-offer .deviceDetailsInfo .rel_text{ height: auto !important; /*asked by CI - remove scroll in these pages offers, priceplan, bundle*/ } #filter_specs .specs_options .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #filter_specs .specs_options .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, #filter_specs .specs_options .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgb(70, 70, 70); } .single .mCSB_dragger .mCSB_dragger_bar, .single-tp-offer .mCSB_dragger .mCSB_dragger_bar{ background-color: rgb(70, 70, 70) !important; } .single-tp-offer .mCSB_dragger .mCSB_dragger_bar:hover, .single-tp-offer .mCSB_dragger .mCSB_dragger_bar:hover{ background-color: rgb(70, 70, 70) !important; } .single-tp-offer .mCSB_dragger .mCSB_dragger_bar:focus, .single-tp-offer .mCSB_dragger .mCSB_dragger_bar:focus{ background-color: rgb(70, 70, 70); } .deviceDetailsInfo .rel_text .mCSB_outside+.mCSB_scrollTools{ right: -24px; } .widget-meta-data-filter .mdf_search_form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .widget-meta-data-filter .mdf_search_form .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .widget-meta-data-filter .mdf_search_form .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgb(70, 70, 70); } #filter_specs .specs_options .mCSB_outside+.mCSB_scrollTools{ right: 0; } .deviceDetailTabs + .deviceDetailContents #description { margin-top: -10px; } .media-gal { padding: 20px 50px !important; } .media-gal img { margin-bottom: 10px; } .media-gallery_d .modal-content { border-radius: 0px !important; right: 120px; } .deviceReviews_wrapper h2.tp-terms-conditions-heading{ margin-bottom: 0; } /****************Mobile Menu****************/ .mobile-block{ background: #fff; position: fixed; right: -100%; top: 0; height: 100%; width: 100%; transition: all .5s; overflow: hidden; z-index: 9999999999; } .icon-mobile-menu-close{ background: url(../images/icon-mobile-menu-close.png) no-repeat center; position: absolute; right: 24px; top: 20px; z-index: 1; height: 30px; width: 30px; } .mobile-block-head{ background-color: #e6eef4; height: 155px; padding: 25px; padding-bottom: 0; } .mobile-block-body{ padding: 25px; overflow: auto; height: calc(100% - 155px); } .mobile-block-body .nav-menu ul.node-1 li a{ color: #000; font-size: 18px; display: block; position: relative; border-bottom: #cdcdcd 1px solid; padding: 15px 0; } .mobile-block-body .nav-menu ul.node-1 li.has-children a:after{ content: '+'; position: absolute; right: 0; top: 9px; color: #000; font-size: 28px; } .mobile-block-body .nav-menu ul.node-1 li{ display: block; width: 100%; padding: 0 0 0 0; margin: 0; } .mobile-block-body .nav-menu ul.node-1>li.has-children.active>a:after{ content: '-'; font-size: 34px; } .mobile-block-body .nav-menu ul.node-1>li.has-children.active>a{ border-bottom: 0; } .mobile-block-body .nav-menu ul.node-1>li .node-2 li a{ color: #767676; font-size: 16px; border-bottom: 0; padding: 15px 0; } .mobile-block-body .nav-menu ul.node-1>li .node-2 li a:after{ display: none; } .mobile-block-body .nav-menu ul.node-1>li .node-2 li.active>a{ color: #1aace8; } .mobile-block-body .nav-menu ul.node-1 li ul{ display: none; } .node-3{ margin-left: 20px; } .mobile-block-body .nav-menu .node-3 li a{ font-size: 14px !important; } .mobile-block-body .nav-menu .node-3 li a.active{ font-weight: bold; } .main-cat-nav{ min-height: 70px; } .main-cat-nav ul { overflow: hidden; } .main-cat-nav ul li{ display: inline-block; margin-right: 20px; margin-bottom: 15px; } .main-cat-nav ul li a{ color: #434343; font-size: 13px; } .main-cat-nav ul li a.active{ color: #000; font-weight: bold; position: relative; } .main-cat-nav ul li a.active:before{ position: absolute; content: ''; background: #00aaf8; height: 2px; width: 100%; bottom: -5px; } .search-container{ margin-top: -10px; position: relative; } .search-container input{ background: url(../images/search_icon.png) transparent left 13px no-repeat; border: 0; width: 100%; height: 60px; line-height: 60px; padding-left: 32px; } .search-container input::placeholder{ color:#666; font-size: 20px; font-weight: normal; font-family: 'Telenor', sans-serif; } .search-container input:focus{ background:transparent; padding-left: 0; } .cancel-search{ display: none; } .mobile-block .show-cancel-button{ background: url(../images/cancel-search.png) transparent right 7px no-repeat; cursor: pointer; display: block; height: 46px; width: 40px; position: absolute; top: 0; right: 0; z-index: 9999; } .mobile-show{ right: 0; } .third-node li{ padding: 0; } .third-node li a.active{ font-weight: bold; }.media-gal img{margin-bottom: 10px;} .media-gallery_d .modal-content{border-radius: 0px !important;} .media-gal-con .carousel-control.left{background:none !important; } .media-gal-con .carousel-control.right{background:none !important; } /*.media-gal-con .carousel-control{left:500px;}*/ .media-gal .carousel{height: auto !important;} .media-gal h4{font-weight: 700 !important;} .media-gal-con img{margin-bottom: 20px !important;} .media-gal_dt .modal-dialog{width:65% !important;} .media-gal-con .carousel-control.left{left:-350px} .media-gal-con .carousel-control.right{right:-350px} @media only screen (min-width: 768px) { /* 768px */ .media-gal_dt .modal-dialog { width: 94% !important;} .media-gal { padding: 20px 20px !important;} .media-gal-con .carousel-control.left{bottom: 222px !important; left: -32px !important; color: #000 !important;} .media-gal-con .carousel-control.right{bottom: 222px !important; right: -32px !important; color: #000 !important;} } .uprcase{text-transform: uppercase !important;} .tab-pane .row .col-md-3:nth-child(4n + 2) .tile{ border-top-color: #8500a9 !important; } .tab-pane .row .col-md-3:nth-child(4n + 3) .tile{ border-top-color: #ec1b4c !important; } .tab-pane .row .col-md-3:nth-child(4n + 4) .tile{ border-top-color: #ff5f00 !important; } .mobile-block-body .nav-menu ul.node-1>li .node-2 li .node-3-items.active a{ color: #000; font-weight:bold; } body.faqs .faq-container .wpb_single_image img { width: 54px; height: 54px; } .media-gal img{margin-bottom: 10px;} .media-gallery_d .modal-content{border-radius: 0px !important; right:120px;} .news_input_bg { border: solid 1px #ebebeb; border-radius: 5px; padding: 10px; color: #ccc; width: 100%; } .wpb_wrapper.box-container .bg-container { min-height: 330px !important; } .popular_container .pop_post .collapse.in { overflow: hidden; } .popular_container .pop_post p { padding-left: 10px; } .popular_container .pop_post:first-child a { padding-top: 10px; } .popular_container hr { margin-top: 16px; margin-bottom: 16px; } .tab-details{ display: none; } .amcharts-chart-div svg { overflow: visible !important; left: 5px !important; } #history-balance .tab-content { padding-left: 5px } @media only screen and (max-width: 480px){ .single-tp-price-plan .tp-banner-image, .single-tp-offer .tp-banner-image { height: 250px !important; } .usageChartTabs.bhasha-dam-tabs .nav-tabs { margin-bottom: 20px; margin-top: 50px; padding: 0; list-style: none; background-color: #F7F7F7; border-bottom: 1px solid #e4e4e4; width: 100%; } .usageChartTabs .nav-tabs > li { float: none; width: auto; text-align: center; /* margin-right: 0px; */ } .usageChartTabs .nav.nav-tabs li { display: table-cell; position: relative; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li a { padding: 8px 4px; font-size: 10px; width: 100%; } .usageChartTabs.bhasha-dam-tabs .nav-tabs > li.active a { border-bottom: 2px solid #0091d2 !important; } } @media only screen and (max-width: 992px){ .coupen-container .tp-offer-coupon-code{ min-width: 165px !important; } #OTPModal .modal-dialog .modal-content { overflow-y: scroll !important; min-height: 100px !important; margin-top: 60px !important; } .border-bottom-desktop{border-bottom: none !important; padding-bottom: 15px;} #OTPModal .msg-body .OTPField input{ width: 48px !important; } .tabs-wraper .tabs-container.active .btn { z-index: -99999999 !important; } .usageTabs .nav.nav-tabs li a div span{font-size:23px !important;} } .usage_valid_val h2 span{font-size: 25px;font-weight: 300;} .usage_valid_val h2 small>span{ font-size: 14px; } .usageTabs .nav.nav-tabs li a div span{font-size:25px !important;} @media only screen and (max-width: 480px){ .bhasha-heading{font-size: 20px !important;} .bhasha-parag{font-size: 14px!important; line-height: 20px !important;} .bhasha-parag .wpb_wrapper h3{font-size: 14px!important; line-height: 20px !important;} .social-md-desktop{display: none !important;} .bhasha-dam-tabs .nav.nav-tabs li { padding-left: 0px !important; padding-right: 0px !important; width: 24% !important;} .bhasha-dam-tabs .nav-tabs > li a { margin: 0px 0px -2px -4px !important; } } .social-md-responsive{display: none !important;} @media (max-width: 425px){ .bhasha-dam-tabs .nav.nav-tabs li { padding-left: 25px;} .border-bottom-desktop{border-bottom: none !important; padding-bottom: 15px;} } .border-bottom-desktop{border-bottom: 1px solid #757575;padding-bottom: 15px;} #MobileAppStorePopup{ display: none !important;} @media only screen and (max-width: 992px){ #MobileAppStorePopup{ display: block !important; top: 0px; background: rgba(0,0,0,0.8);} #MobileAppStorePopup .modal-dialog .modal-content, #MobileAppStorePopup .modal-dialog .modal-content{ line-height: 10px !important; border: none !important; border-radius: 0px !important; line-height: 45px;} #MobileAppStorePopup .modal-dialog .modal-content img{ margin-right: 10px; display: inline-block; margin-bottom: 14px;} #MobileAppStorePopup .modal-dialog .modal-content .popupRBg2 .TPimgR2{ margin-right: 10px; display: inline-block; margin-bottom: 14px; width: 150px !important;} #MobileAppStorePopup2{ display: block !important;} #MobileAppStorePopup2 .modal-dialog .modal-content, #MobileAppStorePopup2 .modal-dialog .modal-content{ line-height: 10px !important; border: none !important; border-radius: 0px !important; line-height: 45px;} #MobileAppStorePopup2 .modal-dialog .modal-content img{ margin-right: 10px; display: inline-block; margin-bottom: 14px;} #MobileAppStorePopup2 .modal-dialog .modal-content .popupRBg2 .TPimgR2{ margin-right: 10px; display: inline-block; margin-bottom: 14px; width: 150px !important;} .cst_model{ position: fixed !important; top: 250px !important; z-index: 999 !important; } } #MobileAppStorePopup .modal-dialog .modal-content span, #MobileAppStorePopup .modal-dialog .modal-content span, #MobileAppStorePopup .modal-dialog .modal-content span { width: 250px; overflow: hidden; display: inline-block; word-break: break-word; line-height: normal; vertical-align: middle; margin-bottom: 14px; } #MobileAppStorePopup .modal-dialog .modal-content { background-color: transparent !important; -webkit-box-shadow: none; box-shadow: none; } #MobileAppStorePopup .modal-dialog{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto !important; height: min-content; } #MobileAppStorePopup2 .modal-dialog .modal-content span, #MobileAppStorePopup2 .modal-dialog .modal-content span, #MobileAppStorePopup2 .modal-dialog .modal-content span { width: 250px; overflow: hidden; display: inline-block; word-break: break-word; line-height: normal; vertical-align: middle; margin-bottom: 14px; } #MobileAppStorePopup2 .modal-dialog .modal-content { background-color: transparent !important; -webkit-box-shadow: none; box-shadow: none; } #MobileAppStorePopup2 .modal-dialog{ margin:0px auto !important; top: 10%; } .popupRBg{background-color: #121939;color: #fff; text-align: center; width: 75%; margin: 0 auto; height: 500px;} .popupRBg2{background-color: #121939;color: #fff; text-align: center; width: 75%; margin: 0 auto; height: 350px; position: fixed;} .PopupTextR p{text-align: center;} .close_white{color: #fff;} .close_white:focus {color: #00a5ef;} .close_white:hover {color: #00a5ef;} .PopupTextR{ font-size: 22px; color:#00a5ef; line-height: 25px; margin-bottom: 10px; margin-top: 20px; } .PopupTextR span{color: #fff; font-size: 16px;} .btn_blueR {background-color:#00a5ef; color: #fff; text-transform: capitalize; margin-top: 10px; border:solid 1px #00a5ef;padding: 16px 28px;} .btn_white_txtR{background-color: #121939; color: #fff; text-transform: capitalize; border:solid 1px #fff; margin-top: 10px; padding: 16px 24px;} } .coupen-container .tp-offer-coupon-code{ height: 48px; font-size: 15px; color: #444; line-height: 48px; background: #f7f5ed; box-shadow: none; outline: none; border: 1px solid #d6d6d6; border-radius: 5px; margin-right: 15px; text-align: left; padding-left: 15px; min-width: 200px; } .coupen-container .tp-coupon-apply-btn{ margin-top: 0 !important; text-transform: capitalize !important; font-size: 16px !important; padding: 0 22px !important; height: 48px; line-height: 48px; } #OTPModal .modal-header .otp-ds-details p.amount-activate-label{ margin-top: 15px; } .modal-open .modal { z-index: 99999; } .tp-view-offer-btn{ outline: none; padding: 7px 12px 4px 12px; border: 1px solid #0091d2; color: #FFF; background: #0091d2; min-width: 120px; font-size: 18px; text-transform: capitalize; } .tp-view-offer-btn:hover , .tp-view-offer-btn:focus{ color: white; } .product-type-variable .tp-city-variation-block { margin-top: -50px; } .product-type-variable .innerOfferBlock select + span.ui-selectmenu-button.ui-button { margin-bottom: 20px; line-height: 35px; } .product-type-variable .innerOfferBlock select + span.ui-selectmenu-button.ui-button .ui-icon, select + span.ui-selectmenu-button.ui-button:active .ui-icon { top: 10px; } // ----------- Privacy Policy Styling ------------- .privacy-container{ padding-top: 25px; } .privacy-container .wpb_wrapper h3{ margin-bottom: 0px; text-align: left; } @media only screen and (max-width: 600px) { .tp-privacy-web-view{display: none !important;} .privacy-container .wpb_wrapper{ padding: 25px 0px 20px 10px; } } @media only screen and (min-width: 600px) { .tp-privacy-mbl-view{display: none !important;} .privacy-container .wpb_wrapper{ padding: 25px 0px 20px 15px; } } #privacy-accordion ul { list-style: none; } #privacy-accordion > li{ padding-top: 10px; padding-bottom: 10px; } #privacy-accordion li ul{ margin-top: 5px; padding-left: 30px; } #privacy-accordion li ul li{ padding-top: 5px; padding-bottom: 5px; cursor: pointer; color: #c6c6c6; } #privacy-accordion a:before { /* symbol for "opening" panels */ font-family: FontAwesome; /* essential for enabling glyphicon */ content: "\f068"; /* adjust as needed, taken from bootstrap.css */ color: #FFF; /* adjust as needed */ margin-right: 5px; background-color: #4da9f2; float: left; /* adjust as needed */ border-radius: 50%; /*display: inline-block;*/ /* height: 10px; width: 10px;*/ padding: 1px 4px 0px 4px; transform: scale(.6); margin-top: -1.8px; } #privacy-accordion a.collapsed:before { /* symbol for "collapsed" panels */ content: "\f067"; /* adjust as needed, taken from bootstrap.css */ color: #4da9f2; background-color: #FFF; border: 1px solid #4da9f2; } .tp-privacy-category-dot { height: 10px; width: 10px; margin-right: 5px; border-radius: 50%; display: inline-block; } .tp-privacy-category-dropdown{ margin: 20px 0px 20px 0px; color: #2c9bff; } /*Radio button*/ /* The container */ .tp-privacy-radiobtn { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; /*font-size: 22px;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .tp-privacy-radiobtn input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .tp-privacy-checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #2196F3; border-radius: 50%; } /* On mouse-over, stop the grey background color for checked */ .tp-privacy-radiobtn:hover input:checked ~ .tp-privacy-checkmark { background-color: #2196F3; } /* On mouse-over, add a grey background color */ .tp-privacy-radiobtn:hover input ~ .tp-privacy-checkmark { background-color: #ccc; } /* Create the indicator (the dot/circle - for not checked) */ .tp-privacy-checkmark:after { content: ""; position: absolute; top: 1px; left: 1px; width: 13px; height: 13px; border-radius: 50%; background: white; } /* Show the indicator (dot/circle) when checked */ .tp-privacy-radiobtn input:checked ~ .tp-privacy-checkmark:after { top: 4px; left: 4px; width: 7px; height: 7px; } @media (max-width: 992px){ .tab-head:before { top: -7px; } } .tp-privacy-policy-dropdown{ min-height: 110px; margin-top: 0px; padding: 30px 20px 30px 20px; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-radius: 0; } .tp-privacy-scroll{ height: 150px; } .tp-privacy-scroll .mCSB_scrollTools .mCSB_draggerRail{ background: #e7e7e7; width: 6px; height: 140px; } .tp-privacy-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:url(../images/scroll_handle.png) no-repeat center center; height: 89px; width: 6px; } .tp-privacy-scroll .mCSB_scrollTools .mCSB_dragger{ height: 89px !important; } .tp-privacy-scroll .mCSB_scrollTools .mCSB_draggerContainer{ height: 140px; top: 10px; } /* onboarding screen */ .light-gray-bg { background:#f5f5f5; } .onboarding .two_cols { display:flex; align-items: center; margin-left: -2px; } .onboarding .img_carousel_pane { padding:0px !important; } .onboarding .carousel-indicators { bottom:-15px; } .onboarding .img_pane { justify-content: center; text-align: center; position: relative; } .onboarding .img_pane:after { content:""; position: absolute; right:0; top:7%; height:80%; width:1px; border-right: 1px solid #dadada; } .onboarding .img_pane img { width: 80%; display: inline-block; margin: 0 auto; } .onboarding .img_carousel_pane , .onboarding .my_telenor_pane { flex:1; } .onboarding .my_telenor_pane_inner {width:60%;margin:0 auto;} .onboarding .my_telenor_pane_inner2 {width:60%;margin:35px auto 0px auto;} .onboarding .my_telenor_pane { padding: 0 10%; } .onboarding .my_telenor_pane h1 { display:block; font-weight: bold !important; } .onboarding .my_telenor_pane a.gray_link { color:#818181; } .onboarding .my_telenor_pane a.gray_link:hover { color:#0c1026; } .onboarding .my_telenor_pane .btn-primary, .btn-primary.custom-btn { outline: none; padding: 7px 12px 4px 12px; border: 1px solid #0091d2; background: #0091d2; color: #FFF; font-size: 16px; display:inline-block; line-height:30px; font-family:'Telenor', sans-serif; } .onboarding .my_telenor_pane .btn-primary:hover, .btn-primary.custom-btn:hover { border: 1px solid #0c1026; background: #0c1026; } .pass_field { position: relative;} .pass_field i { position: absolute; right:10px; top:8px; color:#999; cursor: pointer; } .onboarding .my_telenor_pane .btn-primary[disabled], .onboarding .my_telenor_pane .btn-primary[disabled]:hover, .btn-primary.custom-btn[disabled], .btn-primary.custom-btn[disabled]:hover { outline: none; padding: 7px 12px 4px 12px; border: 1px solid #e5e5e5; background: #e5e5e5; color: #777; font-size: 16px; display:inline-block; line-height:30px; font-family:'Telenor', sans-serif; } .onboarding .text-danger { color:#ff1d33; } .error_input_field, .error_input_field:focus { color:#ff1d33; border:1px solid #ff1d33; } .onboarding .my_telenor_pane .btn-outline-primary, .btn-outline-primary.custom { outline: none; padding: 7px 12px 4px 12px; border: 1px solid #0091d2; background: #FFF; color: #0091d2; font-family:'Telenor', sans-serif; font-size: 16px; font-weight: 400; display:inline-block; line-height:30px; } .onboarding .my_telenor_pane .btn-outline-primary:hover, .btn-outline-primary.custom:hover { border: 1px solid #000; background: #FFF; color:#000; } .onboarding label { font-weight: normal; color:#818181; } .imp_msg { margin-top: 30px; } .imp_msg h4 { font-weight:400; display:block; font-weight:bold !important; } .onboarding .my_telenor_pane p { color:#818181; } .onboarding .my_telenor_pane .blue_links { color:#0d8dec; } .onboarding .my_telenor_pane .blue_links:hover { color:#0c1026; } .onboarding .carousel { height: auto;} #add_email_modal input[type="text"], #add_email_modal input[type="email"], #add_email_modal input[type="number"] { box-shadow: none !important; width: 100%; height: 40px; } .onboarding .my_telenor_pane_inner2 .tel_num { box-shadow: none; width: 100%; height: 40px; } .onboarding .my_telenor_pane_inner h5, .onboarding .my_telenor_pane_inner2 h5 { font-weight: 600; font-size:15px; font-family: sans-serif;} .sep { position: relative; } .sep hr { margin:0 0 20px 0 !important; border-top:none; border-bottom:1px solid #dadada; } .sep hr::before { background:#FFF; width:15px; height:5px; line-height: 9px; text-align:center; content: "•"; font-size: 17px; position: absolute; top:-4px; left:50%; color: #ccc; } .custom_bullets { margin:0 0 0 15px; padding:0; } .custom_bullets li { list-style-type: disc; } .custom_bullets li::marker { color:#0d8dec; } .custom_bullets li a { color:#0d8dec; text-decoration: none; } .custom_bullets li a:hover { color:#0c1026; text-decoration: none; } .info-container { border-left:none !important; position: relative; } .info-container::before { content: ""; background: #007ad0; width: 4px; height: 50px; position: absolute; left: 0px; top: 23px; } .d-block { display: block; } .d-none { display: none; } .d-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .personal-info-container .modal { text-align: center; padding: 0!important; } .personal-info-container .modal:before { content: ''; display: inline-block; height: 100vh; vertical-align: middle; margin-right: -4px; } .personal-info-container .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .green_tick { background: #5eb157; width: 20px; height: 20px; margin: 0 5px 0 0; display: inline-block; border-radius: 100px; text-align: center; } .alert-dismissible { margin:0 6px; } .alert-dismissible .close { font-size:30px; top:-7px; } .alert-dismissible .text { font-weight: 500; color:#000; } .alert-dismissible .green_tick i { color:#dbf4e1; margin-top:3px; display:block; } /* margins */ .mt-0 { margin-top: 0px !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-0 { margin-left: 0px !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .mr-0 { margin-right: 0px !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-20 { margin: 20px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } /* paddings */ .pt-0 { padding-top: 0px !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-0 { padding-left: 0px !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pr-0 { padding-right: 0px !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .p-0 { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } @media (max-width: 800px) { .onboarding .img_carousel_pane { display: none; } .onboarding .my_telenor_pane { padding:10%; background:#FFF; } .onboarding .two_cols { display:flex; flex-wrap: wrap; margin-left: 0px; } .imp_msg { margin-top: 0px; padding:0 30px !important; } .personal-info-container .modal .modal-dialog { width: 90%;} .personal-info-container .info-container { margin: 0;} } @media (max-width: 768px) { } @media (max-width: 640px) { .onboarding .my_telenor_pane_inner2 { width: 85%; } } @media (max-width: 480px) { } @media (max-width: 360px) { } @media (max-width: 320px) { } /* Rev slider overlapping logged in user menu */ rs-module-wrap{ z-index: 0 !important; }