* {
margin:0;
padding:0;
}
html, body, .navbar, .container, .navbar-collapse, .navbar-nav, .nav-item, .nav-link {
height:100%;
}
body {
font-family: 'Mulish', sans-serif;
font-size:1em;
background:#f1f1f1;
}
h1,h2,h3,h4,h5,h6 {
font-weight:700;
}
li {
list-style:none;
}
p, ul {
margin-bottom:0;
}
a {
color:#00237d;
}
a:hover {
text-decoration: none;
}
*:focus, button:active { outline:0 !important; box-shadow:none !important; }
.bg-white { background:#fff; }
.bg-red { background-color:#d11730; }
.bg-blue { background-color:#00237d; }
.text-red { color:#d11730; }
.text-blue { color:#00237d; }
.semi-bold { font-weight:600; }
.extra-bold { font-weight:800; }
.btn-primary {
width:123px;
height:39px;
font-size:12px;
font-weight:800;
text-transform: uppercase;
}
.btn-secondary {
border:0;
padding:1px;
width: 100%;
height:100%;
background:#fff;
color:#000;
font-weight:800;
font-size:12px;
text-transform:uppercase;
}
.border-btn-wrap {
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
border-radius:5px;
width:123px;
height:40px;
padding:1px;
}
.btn-gradient {
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
border:0;
color:#fff;
transition: all 0.2s ease-in-out;
}
.btn-gradient:hover {
color:#fff;
background:linear-gradient(40deg, rgba(0,35,125,1) 1%, rgba(207,14,39,1) 88% );
}
.btn-gradient-reverse {
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
border-radius:.25rem;
padding:0.9rem 0px 0.85rem;
}
.btn-gradient-reverse .inner {
background:#fff;
border-radius:.2rem;
padding:1rem .75rem;
color:#00237d;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
}
.bg-gradient {
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
}
.card {
border:0;
}
.site-header {
height:70px;
border-bottom:1px solid #f1f1f1;
background-color:#fff;
}
.navbar .navbar-nav {
border-right:1px solid #f1f1f1;
}
.navbar-nav .nav-item {
border-left:1px solid #f1f1f1;
}
.navbar .navbar-nav .nav-link {
font-weight: 600;
color:#000;
display:flex;
align-items:center;
padding-left:1.47em;
padding-right:19px;
padding-top:4px;
letter-spacing: -0.02em;
font-size:14px;
position:relative;
}
.navbar-nav .nav-item.show .nav-link:before,
.navbar-nav .nav-item.active .nav-link:before {
content:"";
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:6px;
background-color:#d0142c;
}
@media (max-width:767px) {
.navbar .navbar-nav .nav-link { line-height:40px; }
}
.dropdown-toggle::after {
transition:all 0.2s ease-in-out;
}
.navbar-nav .nav-item.show .dropdown-toggle::after {
transform:rotateX(180deg);
}
@media (min-width:992px) {
.navbar-nav .nav-item {
position:unset;
}
.navbar .navbar-nav .nav-item:first-child .nav-link {
padding-left:32px;
}
}
.navbar .navbar-nav .nav-link.search-icon {
padding-left: 28px;
padding-right: 28px;
}
@media (max-width:991px) {
.navbar-collapse {
height:auto;
background:#f8f8f8;
z-index: 1;
position: absolute;
top: 70px;
left: 0;
width: 100%;
border-bottom:1px solid #e7e7e7;
box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%);
padding-bottom:20px;
}
.navbar .navbar-toggler .icon-bar {
background-color: #888;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggler .icon-bar+.icon-bar {
margin-top: 4px;
}
}
@media (min-width:992px) {
.dropdown-menu {
padding-top:40px;
padding-bottom:40px;
}
.dropdown-menu li {
line-height:1.4;
}
}
.dropdown-menu {
border-top:0;
top:99%;
}
.dropdown-menu .dropdown-item {
padding-left:0.75rem;
font-weight:600;
white-space:normal;
border-radius:5px;
}
.dropdown-menu .icon {
margin-right:0.4rem;
}
@media (min-width:1200px) {
.dropdown-menu .col-sm-4:nth-child(2) ul {
padding-left:70px;
}
.dropdown-menu .col-sm-4:nth-child(3) ul {
padding-left:90px;
}
}
.account-label {
background:url(../assets/account-icon.png) left no-repeat;
padding-left: 33px;
font-size: 14px;
padding-top: 3px;
color: #04267f;
padding-bottom: 4px;
}
@media (max-width:767px) {
.account-label {
background:none;
padding-left:20px;
}
}
.hero {
background-color: #e5e9ec;
padding-top:50px;
}
.hero h2 {
font-size:37px;
line-height:37px;
letter-spacing: -0.015em;
color:#11287f;
margin-bottom:11px;
}
.hero-img-wrap {
padding-left: 25px;
padding-top: 5px;
display:flex;
align-items:flex-end;
height:100%;
}
.hero-img {}
.content-block {
padding-top:35px;
}
.content-block p {
font-size:18px;
}
.supports-block {
display:flex;
flex-wrap: wrap;
margin-top:34px;
}
.icon-bx-wraper {
height: 151px;
background: #fff;
border-radius:3px;
margin:0 4px 4px 0;
display:flex;
flex: 0 0 24%;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 172px;
}
.icon-bx-wraper p.icon-content {
font-size:16px;
margin:0;
}
.icon-bx-wraper .icon-md {
margin:3px 0;
}
@media (max-width:767px) {
.supports-block {
justify-content: space-around;
margin-bottom:20px;
}
.icon-bx-wraper {
flex:0 0 40%;
margin:0 0 10px 0;
}
}
.section-title {
position:relative;
}
.section-heading {
font-size:24px;
font-weight:600;
text-align:center;
padding-top: 39px;
padding-bottom: 39px;
margin-bottom:0;
}
.section-title .icon {
padding-left:38px;
background-position:3px center;
background-repeat:no-repeat;
}
.section-title .view-all {
position:absolute;
right:-14px;
top:50%;
transform:translateY(-30%)
}
.section-title .view-all i {
position:relative;
right:-3px;
font-size:10px;
}
.icon-star { background-image:url(../assets/icons-home-title/icon-star.png); }
.icon-coupon { background-image:url(../assets/icons-home-title/icon-coupon.png); }
.icon-mobile { background-image:url(../assets/icons-home-title/icon-mobile.png); }
.icon-voucher { background-image:url(../assets/icons-home-title/icon-tag.png); }
.broadband-deals-banner {
background:url(../images/index_02.jpg) center repeat-x;
height:350px;
}
@media (min-width:768px) {
.broadband-deals-banner .broadband-banner-content {
position:absolute;
right:0;
top:53px;
width:635px;
}
}
.broadband-deals-banner .banner-text {
background:url(../images/broadband-icon.png) left 7px no-repeat;
padding-left:64px;
}
.broadband-deals-banner .content-title {
font-size:34px;
font-weight:700;
}
.broadband-deals-banner .content-text {
font-size:22px;
}
.deal-search {
margin-top:33px;
}
.deal-search form {
display:flex;
flex:1;
}
.deal-search .search-field {
height:67px;
background:url(../images/map-marker.png) 24px center no-repeat;
padding-left:53px;
background-color:#fff;
width:calc(100% - 141px);
display:none;
}
.deal-search .btn.btn-lg {
height:67px;
width:200px;
border-radius:0;
font-weight:800;
font-size:16px;
text-transform:uppercase;
margin-left:65px;
}
.deal-search .btn-gradient:hover,
.btn-subscribe:hover {
background:linear-gradient(40deg, rgba(0,35,125,1) 1%, rgba(207,14,39,1) 88% );
}
@media (max-width:767px) {
.broadband-deals-banner .broadband-banner-content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
}
/* .broadband-bg-img {
background:url(../images/boradband-banner-img.jpg) right no-repeat;
height: 350px;
} */
.latest-deals {
background:#f1f1f1;
}
.latest-deals .custom-col .card {
border:0;
box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.08);
transition:all 0.2s ease-in-out;
}
.latest-deals .custom-col .card:hover {
margin-top:-5px;
box-shadow:0 0 16px 0 rgb(0 0 0 / 36%);
}
.latest-deals .card-img-top {
position:relative;
}
.latest-deals .card-img-top:after {
content:"";
position:absolute;
left:0;
top:0;
background-color:rgba(0,0,0,0.5);
transition:all 0.2s ease-in-out;
opacity:0;
visibility:hidden;
width:100%;
height:100%;
z-index:1;
}
.latest-deals .card-img-top:before {
content:"View Details";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
line-height:40px;
font-weight:800;
text-transform:uppercase;
text-align:center;
z-index: 2;
background: #fff;
border-radius: 0.2rem;
padding: 0 0.5rem;
font-size: 13px;
visibility:hidden;
}
.latest-deals .custom-col .card-img-top:hover:after,
.latest-deals .custom-col .card-img-top:hover:before,
.latest-deals .card-img-top:hover:before,
.latest-deals .card-img-top:hover:after {
visibility:visible;
opacity:1;
}
.latest-deals .card-head,
.category-listing .card-head {
padding-top:16px;
padding-bottom:7px;
}
.latest-deals .card-head h6,
.category-listing .card-head h6 {
font-size: 14px;
letter-spacing: -0.01em;
font-weight: 600;
position: relative;
left: -2px;
}
.latest-deals .card-body {
padding-bottom: 0;
}
.latest-deals .card-body .product-title {
font-size: 0.9rem;
font-weight: 600;
letter-spacing: -0.01em;
height:31px;
}
@media (min-width:1170px) {
.latest-deals .custom-col { padding-left:0; }
}
@media (min-width:768px) {
.latest-deals .custom-col {
/* padding-left:4px;
padding-right:0; */
margin-bottom:15px;
}
.latest-deals .custom-col:first-child {
/*padding-left:0;*/
}
}
@media (max-width:767px) {
.section-title .view-all {
right:0;
top:auto;
bottom:10px;
transform:none;
}
.latest-deals .custom-col {
margin-bottom:15px;
}
}
/*---- Latest Offers ----*/
.latest-offers .coupon-card {
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
margin-bottom:1rem;
}
.latest-offers .coupon-card .card-text h6 {
/* display:flex;
align-items:center; */
}
.latest-offers .coupon-card .card-text {
font-size:14px;
}
.latest-offers .coupon-card .store-logo,
.latest-offers .coupon-card .action-bar {
max-width: 25%;
flex: 0 0 25%;
}
.latest-offers .coupon-card .store-logo {
flex:0 0 22%;
}
.latest-offers .coupon-card .action-bar {
max-width:124px;
}
.latest-offers .coupon-card .coupon-desc {
/* max-width: 50%; */
flex: 1;
padding: 0 0.5rem;
font-size: 16px;
}
.latest-offers .coupon-card .coupon-desc p {
margin-bottom:8px;
}
.home-section.latest-offers .coupon-card .coupon-desc p {
display:none;
}
.latest-offers .coupon-card .action-bar .coupon-expiry {
font-size:11px;
color:#64656a;
}
.latest-offers .coupon-card .view-all {
font-size:12px;
color:#64656a;
}
.latest-offers .coupon-card .view-all span {
color:#00237d;
}
.latest-offers .coupon-code {
position:relative;
text-align:left;
margin-top:10px;
}
.latest-offers .coupon-code .code-wrap {
position:absolute;
right:0;
top:0;
display:flex;
align-items: center;
height:40px;
border:1px solid #e1e1e1;
border-radius:3px;
/* background: repeating-linear-gradient(45deg,transparent,transparent 10px,#ccc 10px,#ccc 20px); */
background-image: linear-gradient(45deg, #d2d2d2 16.67%, #ffffff 16.67%, #ffffff 50%, #d2d2d2 50%, #d2d2d2 66.67%, #ffffff 66.67%, #ffffff 100%);
background-size: 4.24px 4.24px;
color:#838383;
font-size:14px;
padding-right:3px;
}
.latest-offers .content-share {
margin-top:16px;
}
.latest-offers .content-share a {
height:29px;
display:inline-block;
width:calc(50% - 2px);
border:1px solid #e4e4e4;;
color:#64656a;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.latest-offers .content-share a:hover {
color:#00237d;
}
.latest-offers .card {
border:0;
box-shadow:0 0 16px 0 rgb(0 0 0 / 8%);
transition:all 0.2s ease-in-out;
}
.latest-offers .card:hover {
box-shadow:0 0 16px 0 rgb(0 0 0 / 20%);
}
@media (max-width:767px) {
.latest-offers .coupon-card {
flex-direction: column;
}
.latest-offers .coupon-card .store-logo,
.latest-offers .coupon-card .coupon-desc {
max-width:none;
text-align:center;
}
.latest-offers .coupon-card .store-logo {
max-width:182px;
border:1px solid #e4e4e4;
border-radius: 5px;
padding: 6px 10px;
}
.latest-offers .coupon-card .coupon-desc {
margin-top:20px;
margin-bottom:20px;
}
}
.peal-button {
position:relative;
z-index:1;
background:url(../images/peal-button.png) no-repeat;
height:40px;
width:115px;
border:0;
}
.peal-button:hover, .peal-button:active {
background-color:transparent;
border:0;
}
@media (min-width:768px) and (max-width:1023px) {
.peal-button,
.latest-offers .coupon-code .btn-primary { width: auto; }
}
.card-content {
padding: 1.25rem 0 0;
}
.share-nav {
position: absolute;
right: 13px;
top: 10px;
display: flex;
}
.share-nav a.icon-btn {
color:#64656a;
display:flex;
font-size:12px;
justify-content: center;
align-items: center;
width:30px;
height:29px;
border:1px solid #e4e4e4;
margin-left:4px;
}
.share-nav a.icon-btn.btn-share {
font-size:14px;
}
.latest-offers .share-nav {
}
.latest-offers .share-nav a.icon-btn {
}
.latest-offers {
}
/*---- Top Deals ----*/
.top-deals {
background:#f1f1f1;
}
@media (min-width:768px) and (max-width:1199px) {
.container { max-width:97%; }
}
@media (min-width:768px) and (max-width:991px) {
.top-deals > .container {
max-width:90%;
}
}
.top-deals .custom-col {
/* padding-left:6px; */
padding-right:0;
margin-bottom:0.8rem;
}
.top-deals .product-card {
border:0;
border-radius:.40rem;
box-shadow:0 0 16px 0 rgb(0 0 0 / 8%);
transition:all 0.2s ease-in-out;
}
.top-deals .product-card:hover {
box-shadow:0 0 16px 0 rgb(0 0 0 / 36%);
margin-top:-5px;
}
.top-deals .product-card .card-head {
height:45px;
}
.top-deals .card-body .product-title {
font-size: 0.9rem;
font-weight: 600;
letter-spacing: -0.02em;
height: 31px;
}
.top-deals .card-body .card-content {
padding:0.25rem 1.25rem 0;
}
.top-deals .available-deals {
padding:10px 0;
}
.info-label {
height:55px;
display:flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.info-label span {
background:#f1f1f1;
border:1px solid #bababa;
border-radius:0.25rem;
/* padding:0 10px;
display:inline-block; */
height:24px;
font-size:14px;
flex: 0 50%;
max-width: 75px;
margin: 0 2px 2px;
}
.price-box {
display:flex;
justify-content: center;
margin-bottom:10px;
min-height: 27px;
}
.price-box p {
margin-bottom: 0;
}
.price-box .product-price {
font-size: 16px;
}
.price-box .old-price {
position: relative;
left: -3px;
}
.price-box .special-price {
margin-left: 10px;
font-weight: 700;
color: #d0142c;
letter-spacing: -0.02em;
font-size: 18px;
}
.product-vendor-tag {
margin-top:16px;
}
.product-vendor-tag p {
font-size:12px;
font-weight:600;
letter-spacing: -0.01em;
margin-bottom:0;
}
.product-vendor-tag p span {
color:#00237d;
margin-bottom:0;
}
@media (max-width:767px) {
.top-deals .custom-col {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
}
/*---- Daily deals ----*/
.daily-deals.home-section {
padding-bottom:50px;
}
.daily-deals .card-head h6 {
color:#133387;
font-weight:600;
}
.daily-deals .section-title .icon {
padding-left:48px;
}
.daily-deals .price-info .deal-price {
color:#d0142c;
font-weight:700;
font-size:18px;
}
.daily-deals .vendor-logo {
width:143px;
height:74px;
background:#fff;
border-radius: 5px;
padding: 10px;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.daily-deals .vendor-logo a {
position:relative;
width:100%;
height:100%;
}
.daily-deals .vendor-logo a img {
height:100%;
width:100%;
object-fit:cover;
}
@media (min-width:768px) {
.daily-deals .card-img-top {
height:213px;
}
}
.daily-deals .card {
border:0;
box-shadow:0 0 16px 0 rgb(0 0 0 / 8%);
}
.daily-deals .card-content {
padding-top:1.7rem;
}
@media (min-width:768px) {
.daily-deals .price-info {
padding-top:12px;
padding-left:7px;
}
}
.home-section.daily-deals .price-info button {
position:relative;
right:10px;
}
@media (max-width:767px) {
.daily-deals .card {
margin-bottom:15px !important;
}
}
@media (min-width:1200px) {
.card-img-top {
height:260px;
}
.card-img-top img {
height:100%;
}
}
/*---- Footer ----*/
#footer {
}
.footer-border-top {
height:5px;
/* background:#cf0e27; */
background-image: -moz-linear-gradient( 66deg, rgb(207,14,39) 0%, rgb(0,35,125) 100%);
background-image: -webkit-linear-gradient( 66deg, rgb(207,14,39) 0%, rgb(0,35,125) 100%);
background-image: -ms-linear-gradient( 66deg, rgb(207,14,39) 0%, rgb(0,35,125) 100%);
}
/* .footer-border-top .second-color {
width:50%;
float:right;
background:#00237d;
height:100%;
} */
.footer-top {
background:#e8e8e8;
padding-top:31px;
padding-bottom: 30px;
}
.footer-bottom {
background:#f1f1f1;
padding:25px 0;
}
.footer-newsletter {
}
.newsletter-title {
font-weight:600;
font-size:18px;
background:url(../assets/mail-icon.png) 2px center no-repeat;
padding-left:69px;
}
.newsletter-title .second-line {
display:block;
font-size:14px;
font-weight:400;
letter-spacing:0.01em;
}
.newsletter-title.no-bg {
padding-left:0;
background:none;
}
.footer-newsletter .form-row {
padding-top:30px;
padding-left:2px;
}
.footer-newsletter .form-row input[type=text], .footer-newsletter .form-row input[type=email] {
padding:0 27px;
height:65px;
border-radius:0;
border-color:#dedede;
}
@media (min-width:768px) {
.footer-newsletter .form-row .custom-width {
max-width:250px;
}
}
@media (max-width:767px) {
.footer-newsletter .form-row .custom-width {
padding-left:0;
}
}
.footer-newsletter>p {
margin-top:13px;
margin-left:2px;
color:#a5a5a5;
font-size:14px;
letter-spacing:0.008em;
}
.btn-subscribe {
width:148px;
height:65px;
text-transform:uppercase;
font-size:16px;
font-weight:800;
border-radius:0;
}
@media (min-width:1200px) {
.footer-social {
padding-left:7rem;
}
}
@media (max-width:767px) {
.footer-social {
padding-top:24px;
}
}
.footer-social .text-blue {
font-size:16px;
}
.footer-social .newsletter-title {
line-height:1.15rem;
}
.footer-social .social-links {
padding-top:1.36rem;
display:flex;
justify-content:space-between;
}
@media (max-width:767px) {
.footer-social .social-links {
justify-content:flex-start;
}
.footer-social .social-links li {
margin-right:1rem;
}
}
.footer-social .social-links .icon-wrap {
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
display:block;
width:74px;
height:74px;
padding:2px;
border-radius:50%;
transition:all 0.2s ease-in-out;
}
.footer-social .social-links .icon-wrap:hover {
transform:translateY(-2px);
}
.footer-social .social-links .icon {
font-size:2rem;
width:100%;
height:100%;
display:flex;
background-color:#fff;
justify-content: center;
align-items: center;
border-radius:50%;
transition:all 0.2s ease-in-out;
}
.footer-social .social-links .icon:hover {
background:linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
}
.footer-social .social-links .icon:hover img {
filter:brightness(0) invert(1);
}
.footer-logo img {
opacity:0.5;
}
.footer-text {
color:#979797;
letter-spacing: 0.01em;
font-size: 14px;
padding: 25px 0 0;
line-height: 1.1rem;
}
.footer-nav {
padding-top:1.35rem;
}
.footer-nav ul {
}
.footer-nav ul li {
margin-left:1.27rem;
}
.footer-nav ul li:first-child {
margin-left:0;
}
.footer-nav ul li a {
font-size:14px;
color:#00237d;
}
.footer-credits {
padding-top: 2px;
}
.footer-credits p {
letter-spacing: 0.01em;
font-size: 14px;
display: flex;
justify-content: space-between;
color:#64656a;
}
.footer-credits p span {
padding: 0 15px;
font-size: 13px;
font-weight: bold;
}
@media (max-width:767px) {
.footer-nav ul {
justify-content: center;
flex-wrap: wrap;
}
.footer-credits {
margin:15px auto 0;
}
.footer-credits p { justify-content:center; font-size:13px; }
}
@media (min-width: 1200px) {
.home-section {
padding:0 0 100px;
}
.site-header nav > .container {
padding-left:0;
padding-right:0;
}
}
/*---- Broadband Listing Page ----*/
.deal-listing .list-item {
box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.deal-listing .list-item .item-identity {
padding-left:3px;
padding-top:7px;
max-width:20%;
}
.deal-listing .list-item .item-identity .store-logo {
margin-top:26px;
}
@media (max-width:767px) {
.deal-listing .list-item .item-identity {
max-width:none;
}
}
.list-item .item-content {
font-size:14px;
padding-left:3px;
padding-top:7px;
}
.list-item .item-content .features-details {
padding-top:14px;
}
.list-item .card-body {
padding-bottom:1.75rem;
}
.item-actions {
max-width:155px;
padding-top:33px;
}
.communication {
margin-bottom:0.75rem;
}
.communication li a {
display:block;
background:#747474;
width:39px;
height:39px;
border-radius:50%;
display: flex;
justify-content: center;
align-items: center;
}
.item-identity .limit {
font-size:16px;
}
.item-identity .content-title {
}
.feature-list li {
line-height:20px;
}
.feature-list li:before {
content:"- ";
}
.offer-price {
font-size:24px;
}
.deal-listing .share-nav {
position:unset;
display:flex;
justify-content:space-around;
}
.deal-listing .share-nav .icon-btn {
margin-left:0;
width:calc(50% - 4px);
}
/*---- Search bar and Breadcrumb in Sub pages ----*/
.top-search-bar {
background-color:#e7e7e7;
padding:10px 0;
}
.btn-search {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.search-wrap {
height:42px;
display:flex;
justify-content: space-between;
}
.search-wrap .options-dd {
position:relative;
width:170px;
height:100%;
}
.search-wrap .options-dd select {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#d9d9d9;
width:100%;
height:100%;
font-size:14px;
padding-left:22px;
appearance: none;
}
.search-wrap .options-dd select::-ms-expand {
display: none;
}
.search-wrap .options-dd:after {
content:"";
position:absolute;
right: 17px;
top: 18px;
width: 12px;
height: 5px;
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
background-color:#000;
}
.search-field {
flex:1 1 auto;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#d9d9d9;
position:relative;
}
.search-field:before {
content:"\f002";
position:absolute;
left:19px;
top:50%;
transform:translateY(-50%);
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#b1b1b1;
}
.search-field input {
width:100%;
height:100%;
border:0;
font-size:14px;
padding-left:40px;
}
.search-wrap .cta button {
font-weight:600;
font-size:16px;
max-width:103px;
}
.breadcrumb-bar {
background:#f1f1f1;
}
.breadcrumb-bar .breadcrumb {
margin:0;
border-bottom:1px solid #e3e3e3;
background:none;
}
@media (min-width:992px) {
.breadcrumb-bar .breadcrumb {
padding:1rem 0;
}
}
.breadcrumb-bar .breadcrumb li {
padding-left:24px;
position:relative;
font-size:12px;
font-weight:600;
line-height: 18px;
letter-spacing: -0.01em;
}
.breadcrumb-bar .breadcrumb li:before {
content:"";
position:absolute;
left:7px;
background:url(../assets/angle-right.png) center no-repeat;
top: 50%;
transform: translateY(-50%);
width:10px;
height:100%;
}
.breadcrumb-bar .breadcrumb li a {
}
.breadcrumb-bar .breadcrumb li.home {
background:url(../assets/home-icon.png) center no-repeat;
width:12px;
}
.breadcrumb-bar .breadcrumb li:first-child {
padding-left:0;
}
.breadcrumb-bar .breadcrumb li:first-child:before {
background:none;
}
/*---- Sidebar Filters ----*/
.filter-heading {
font-size:14px;
background:url(../assets/filter-icon.png) left top no-repeat;
padding-left:35px;
padding-top:2px;
padding-bottom:8px;
margin-bottom:22px;
}
.filter-panel .category-filter li {
background:linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
border-radius:5px;
/* max-width:249px; */
padding:1px;
margin-bottom:4px;
}
.filter-panel .category-filter li a {
color:#000;
display:block;
background-color:#fff;
border-radius:4px;
font-size:14px;
padding:0.5rem 1rem;
}
.filter-panel .total-deals {
font-size: 12px;
float: right;
line-height: 24px;
color:#777;
}
@media (min-width:1200px) {
.right-sidebar { max-width:280px; }
}
@media (min-width:768px) {
.left-sidebar {
max-width:264px;
}
.sidebar {
align-self:flex-start;
padding-left:0;
padding-right:0;
margin-top:30px;
}
.filter-toggler-mobile,
.sidebar .sidebar-filters .mobile-filters, .close-filters { display:none; }
}
.sidebar .sidebar-filters {
background-color:#fff;
padding:2rem 15px 0.5rem;
margin-bottom:20px;
}
.content-right {
padding-top:1.85rem;
}
@media (min-width:1170px) {
.content-right {
padding-right:1.8rem;
}
}
.filter-panel-heading {
font-size:16px;
font-weight:600;
margin-bottom:16px;
letter-spacing:-0.02em;
}
.filter-panel {
margin-bottom:25px;
}
.filter-panel label {
font-size:14px;
}
@media (max-width:767px) {
.filter-heading { cursor:pointer; }
.mobile-filters {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 5;
margin: 0;
padding:0;
overflow-y: auto;
height: 100vh;
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translate(-100%);
-webkit-transition: transform .4s ease;
-moz-transition: transform .4s ease;
-ms-transition: transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
}
body.filters-open .mobile-filters {
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
.close-filters {
width:30px;
height:30px;
position:absolute;
right:10px;
top:25px;
font-size:30px;
}
}
/*---- Broadband top banner section ----*/
.braodband-banner.page-top-banner {
background:url(../images/broadband-banner-bg.png) center no-repeat;
height:277px;
}
@media (min-width:768px) {
.braodband-banner .broadband-banner-content {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-52%);
width: 634px;
}
}
.braodband-banner .banner-text {
background: url(../images/broadband-icon.png) left 7px no-repeat;
padding-left: 64px;
}
.braodband-banner .content-title {
font-size: 34px;
font-weight: 700;
}
.braodband-banner .content-text {
font-size: 22px;
}
@media (max-width:767px) {
.braodband-banner.page-top-banner { padding-top:15px; padding-bottom:15px; }
.braodband-banner .banner-text { background-size:30px; padding-left:40px; }
.braodband-banner .content-title { font-size:24px; }
.braodband-banner .content-text { font-size:16px; line-height:1.2; margin-top:10px; }
}
.padding-body-content {
padding-top:2rem;
padding-bottom:2rem;
}
.select-store {
max-height:350px;
overflow-y:auto;
}
.checboxes {
}
.checboxes input[type="checkbox"] {
margin-right:12px;
}
.checboxes li {
line-height:100%;
}
.ui-slider {
height:6px;
border-color:#e4e4e4;
}
.ui-slider .ui-slider-range {
background:#cf0e27;
}
.ui-slider-horizontal .ui-slider-handle {
width:17px;
height:17px;
border-radius:50%;
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
border:0;
cursor:pointer;
}
.range-inputs {
display:flex;
justify-content: space-between;
margin-top:8px;
}
.range-inputs input.sliderValue {
width:30px;
background:none;
border:0;
}
.range-inputs label + label input.sliderValue {
text-align:right;
}
.page-title {
font-size:18px;
margin-bottom:30px;
}
/*---- Broadband deal detail page -----*/
.detail-box {
box-shadow:0 5px 16px 0 rgba(0,0,0,0.08);
border-radius:0.30rem;
}
@media (min-width:992px) {
.detail-box .item-identity {
max-width:20%;
}
.detail-box .item-content {
padding-left:21px;
}
}
@media (min-width:1200px) {
.detail-box .content-title {
padding-right:65px;
}
}
@media (max-width:767px) {
.detail-box .item-content {
margin-top:15px;
}
}
.detail-box .content-title {
font-size:18px;
font-weight:700;
margin-bottom:18px;
}
.detail-box .feature-list li {
line-height:24px;
}
.detail-box .other-detail {
padding:6px 14px;
}
.detail-box .other-detail ul li {
padding-left:10px;
}
.detail-box .other-detail ul li:before {
content:"- ";
}
.detail-box .store-logo {
margin-top:36px;
}
.deal-offer-box {
/* padding:2px;
height:186px; */
}
.detail-box .card-body {
padding:1.7rem 1.20rem;
}
.deal-offer-box .box-content {
background:#fff;
border-radius:2px;
padding:15px;
display:flex;
/* justify-content:center;
align-items:center; */
flex-direction: column;
height:100%;
}
.deal-offer-box .price-danger {
font-size:28px;
color:#cf0e27;
font-weight:900;
margin-bottom:10px;
}
@media (min-width:992px) {
.deal-offer-box .btn {
width:100%;
padding-top:1.14286rem;
padding-bottom:1.14286rem;
height:auto;
}
}
@media (max-width:767px) {
.deal-offer-box {
margin-top:20px;
}
}
.sidebar-banner {
padding-top:2rem;
text-align:center;
}
.share-nav.share-normal {
position:unset;
display:flex;
justify-content: center;
}
.share-nav.share-normal .icon-btn {
width:59px;
height:29px;
margin:0 5px;
background:#fff;
}
.brand-identity {
border:1px solid #d9d9d9;
border-radius:0.25rem;
background:#fff;
padding:10px 15px;
margin-bottom:15px;
}
.view-all-deals-link {
font-size:14px;
text-align:center;
margin-top:10px;
}
/*---- Daily Deals ----*/
.browse-categories {
max-height:320px;
}
.browse-categories li a {
font-size:14px;
}
.browse-categories .category-listing li {
padding-left: 16px;
position: relative;
line-height: 100%;
margin-bottom: 14px;
}
.browse-categories .category-listing li:before {
content:"\f111";
font-size:6px;
font-family: "Font Awesome 5 Free";
font-weight:900;
color:#00237d;
position:absolute;
top:50%;
transform:translateY(-50%);
left:0;
}
.displaying-results-info {
color:#6d6d6d;
font-size:14px;
font-weight:400;
}
.search-in-category {
position:relative;
margin-bottom:30px;
}
.search-in-category input[type=text] {
/* padding:7px ​5px 7px 33px; */
border:1px solid #e4e4e4;
border-radius:3px;
background:#fff url(../assets/search-icon-sm.png) 14px center no-repeat;
font-size:12px;
width:100%;
padding-left:33px;
padding-top:7px;
padding-bottom:7px;
}
.search-btn {
width:35px;
height:100%;
position:absolute;
right:0;
top:0;
border:0;
opacity:0;
}
.sorting {
display:flex;
}
.sort-results {
position:relative;
width:140px;
height:29px;
border:1px solid #e4e4e4;
border-radius:3px;
margin-left:10px;
}
.sort-results:after {
content: "";
position: absolute;
right: 10px;
top: 13px;
width: 8px;
height: 5px;
background:#000;
clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.sort-by-dd, .offers-code-dd {
appearance: none;
-ms-progress-appearance: none;
font-size:12px;
width:100%;
height:100%;
border-radius:3px;
padding-left:10px;
padding-right:10px;
border:0;
}
.offers-code-dd {
padding-right:20px;
}
.title-n-sort {
display:flex;
justify-content:space-between;
}
@media (max-width:767px) {
.title-n-sort {
display:block;
margin-bottom:20px;
}
.title-n-sort .page-title {
margin-bottom:10px;
}
.title-n-sort .sorting {
justify-content: space-between;
}
.sort-results {
margin-left:0;
}
}
.result-preview-option {
text-align:right;
padding-top:2px;
margin-left:8px;
}
.result-preview-option .view-btn {
display:inline-block;
width:26px;
height:23px;
background-repeat:no-repeat;
background-position:0 -26px;
margin-left:4px;
}
.result-preview-option .view-btn.active {
background-position:0 0;
}
.result-preview-option .view-btn.grid-view {
background-image:url(../assets/grid-view-icon.png);
}
.result-preview-option .view-btn.list-view {
background-image:url(../assets/list-view-icon.png);
}
@media (max-width:767px) {
.result-preview-option {
display:none;
}
}
.sidebar-banner {
margin-bottom:9px;
}
.daily-deals.grid-view .card-head {
text-align:center;
}
.daily-deals.grid-view .card-content .vendor-logo {
display:none;
}
.daily-deals.list-view .card {
padding:15px 20px 15px 30px;
}
.daily-deals.list-view .card-head {
padding:0;
}
@media (min-width:768px) {
.daily-deals.list-view .card-body {
padding-left:0;
padding-right:0;
padding-top:1rem;
display:flex;
justify-content:space-between;
}
.daily-deals.list-view .card-img-top {
height:130px;
width:193px;
}
.daily-deals.list-view .card-content {
display:flex;
flex-direction:column;
justify-content:space-between;
flex:1 1 auto;
padding-top:0;
padding-left:2rem;
}
}
.daily-deals.list-view .card-img-top img {
width:100%;
}
.daily-deals.list-view .img-wrap {
padding-top:4px;
}
.daily-deals.list-view .img-wrap .vendor-logo {
display:none;
}
.daily-deals.list-view .full-col {
flex:0 0 100%;
max-width:100%;
margin-bottom:0.50rem !important;
}
.daily-deals.list-view .vendor-logo {
position:unset;
transform: none;
width:auto;
display:flex;
align-items:center;
padding:0 0 4px;
}
.daily-deals.list-view .view-all-deals-link {
font-size:12px;
margin-left:20px;
}
.daily-deals.list-view .card-body .product-title {
letter-spacing: 0.04em;
}
.daily-deals.grid-view .card-title {
text-align:center;
}
.daily-deals.list-view .vendor-logo img {
border:1px solid #e4e4e4;
padding:5px 10px;
border-radius:5px;
}
.daily-deals.list-view .price-info {
flex-direction: column;
align-items: center;
padding-top:25px;
}
.daily-deals.list-view .price-info .deal-price {
margin-bottom:11px;
}
.daily-deals.list-view .card-head h6 {
margin-bottom:0;
}
.daily-deals.list-view .card-head .share-nav {
right:11px;
}
.daily-deals.grid-view .price-info {
justify-content: space-between;
align-items: center;
}
/*---- Coupons List ----*/
@media (min-width:1200px) {
.coupons .content-right {
padding-right:8px;
}
.coupons .coupon-list > .row {
/* margin-left:-4px; */
margin-right:-4px;
}
.coupons .coupon-list .full-col {
padding-left:4px;
padding-right:4px;
}
.coupons .sidebar {
padding-left:33px;
padding-right:0;
}
}
.latest-offers.coupon-list.grid-view .coupon-card {
flex-direction: column;
text-align:center;
}
.latest-offers.coupon-list.grid-view .store-logo,
.latest-offers.coupon-list.grid-view .coupon-card .coupon-desc {
max-width: none;
flex:0 0 auto;
}
.latest-offers.coupon-list.grid-view .store-logo {
border:1px solid #e4e4e4;
border-radius:5px;
padding:6px 10px;
margin-top:6px;
}
.latest-offers.coupon-list.grid-view .coupon-card .coupon-desc {
padding: 17px 10px 10px;
height: 75px;
}
.latest-offers.coupon-list.grid-view .action-bar {
}
@media (min-width:768px) {
.latest-offers.coupon-list.list-view .store-logo {
max-width:17%;
}
}
.latest-offers.coupon-list.list-view .coupon-desc {
flex:1 1 auto;
max-width:none;
}
.latest-offers.coupon-list.list-view .action-bar {
text-align:right;
padding-right:6px;
max-width:130px;
}
.latest-offers.coupon-list h6 {
font-size:16px;
font-weight:600;
}
.latest-offers.coupon-list p {
color:#767676;
}
.latest-offers.coupon-list .view-all {
color:#64656a;
}
.latest-offers.coupon-list.list-view h6 {
font-size:16px;
}
.latest-offers.coupon-list.grid-view p {
display:none;
}
.latest-offers.coupon-list.grid-view .action-bar .coupon-code {
margin-top:6px;
}
.latest-offers.coupon-list.grid-view .action-bar .content-share {
margin-top:8px;
}
.coupons .coupon-list.list-view .full-col {
flex:0 0 100%;
max-width:100%;
}
/*---- Coupon Store ----*/
.store-banner-container {
padding-top:1.5rem;
height:auto;
}
.store-banner-container .store-banner-img {
border-radius:0.75rem 0.75rem 0 0;
overflow:hidden;
}
.store-banner-container .store-banner-img .store-logo {
background:#fff;
width:160px;
height:140px;
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:50%;
transform:translateY(-50%);
left:3.8%;
border-radius:5px;
}
.store-banner-container .store-banner-img .content-share {
position:absolute;
width:123px;
right:17px;
top:18px;
}
.store-banner-container .store-banner-img .content-share a {
height: 29px;
width: calc(50% - 2px);
border: 1px solid #e4e4e4;
background:#fff;
color: #64656a;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.store-banner-container .store-banner-content {
background:#fff;
border-radius: 0 0 0.75rem 0.75rem;
display: flex;
justify-content: space-between;
}
.store-banner-container .store-banner-content .store-text {
width:78%;
padding:1.4rem;
}
.store-banner-container .store-banner-content .store-text p {
font-size:14px;
line-height:22px;
}
.store-banner-container .store-banner-content .action-btn {
padding-right:21px;
padding-top:28px;
}
@media (max-width:767px) {
.store-banner-container .store-banner-content {
flex-direction:column;
}
.store-banner-container .store-banner-img .store-logo {
width:auto;
height:50px;
left:15px;
}
.store-banner-container .store-banner-img .store-logo img {
height:100%;
}
.store-banner-container .store-banner-content .store-text {
width:100%;
}
.store-banner-container .store-banner-content .action-btn {
padding:0 15px 15px;
text-align:center;
}
}
/*---- Category Listing Page ----*/
@media (min-width:1200px) {
.category-container .content-right {
padding-right:8px;
}
.category-container .category-listing > .row {
margin-left:-4px;
margin-right:-4px;
}
.category-container .category-listing .custom-col {
padding-left:4px;
padding-right:4px;
}
.category-container .sidebar {
padding-left:33px;
padding-right:0;
}
}
.category-container .category-listing .card-head h6 {
color:#133387;
}
.category-container .category-listing .product-card {
text-align:center;
box-shadow:0 0 16px 0 rgb(0 0 0 / 8%);
margin-bottom:7px;
}
.category-container .category-listing.list-view .custom-col,
.product-list.list-view .custom-col,
.coupon-store-list.list-view .custom-col {
flex:0 0 100%;
max-width:none;
}
.category-container .category-listing.list-view .card-head {
padding-left:20px;
padding-right:20px;
text-align:left;
}
.product-list.list-view .product-card {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.product-list.list-view .product-card .card-img-top { flex:1; }
.product-list.list-view .product-card .card-body .card-content {
text-align:left;
}
.product-list.list-view .product-card .price-box {
display:block;
}
/*---- Compare Page ----*/
.compare-section {
padding-top:1rem;
}
.compare-title {
text-align:center;
margin:1.8rem 0 2.6rem;
letter-spacing:-0.01em;
}
.compare-categories {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.compare-categories li {
width:203px;
width:calc(100% * (1/5) - 30px - 1px);
height:155px;
padding:2px;
border-radius:0.75rem;
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
margin-bottom:38px;
cursor:pointer;
}
.compare-categories li .tab-content {
height:100%;
background-color:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:0.6rem;
transition: all 0.2s ease-in-out;
}
.compare-categories li .cat-icon {
margin-bottom:14px;
transition: all 0.2s ease-in-out;
}
.compare-categories li:hover .tab-content,
.compare-categories li.active .tab-content {
background-color:transparent;
}
.compare-categories li:hover .cat-label,
.compare-categories li.active .cat-label {
color:#fff;
}
.compare-categories li:hover .cat-icon img,
.compare-categories li.active .cat-icon img {
filter: brightness(0) invert(1);
}
.compare-section iframe { width:100%; }
@media (max-width:991px) {
.compare-categories {
justify-content:space-evenly;
}
.compare-categories li {
width:calc(100% * (1/4) - 20px - 1px);
}
}
@media (max-width:767px) {
.compare-categories {
justify-content:space-evenly;
}
.compare-categories li {
width:calc(100% * (1/2) - 20px - 1px);
}
}
.steps-container {
box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.08);
border-radius:0.75rem;
}
@media (min-width:992px) {
.steps-header {
margin-top:40px;
margin-bottom:48px;
}
}
/*progressbar*/
#progressbar {
margin:0 auto 30px;
overflow: hidden;
counter-reset: step;
max-width:600px;
}
#progressbar li {
list-style-type: none;
color: #666;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
font-weight:800;
font-size:14px;
text-align:center;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 28px;
line-height: 28px;
display: block;
font-size: 18px;
font-weight:700;
color: #fff;
border-radius: 3px;
margin: 0 auto 5px auto;
background:#666;
border-radius:50%;
text-align:center;
position:relative;
z-index:1;
}
/*---- progressbar connectors ----*/
#progressbar li:after {
content: '';
width: 100%;
position: absolute;
left: -50%;
top: 14px;
border-top:1px dotted #555;
}
#progressbar li:first-child:after {
content: none;
}
#progressbar li.active:before, #progressbar li.active:after{
background: #b4b4b4;
color: white;
}
/*---- Questions section ----*/
.questionaire-section {
border:1px solid #ddd;
padding:28px 15px;
}
.questionaire-section .section-title {
border-bottom:1px dotted #b3b3b3;
color:#888;
font-size:1.3rem;
letter-spacing:-0.02em;
padding-bottom:9px;
margin-bottom:1.6rem;
}
.steps-container .sidebar.right-sidebar h5 {
margin-top:-5px;
margin-bottom:12px;
color:#2b5dbb;
}
@media (min-width:992px) {
.steps-container .left-section {
flex:0 0 78%;
max-width:78%;
}
.steps-container .sidebar.right-sidebar {
flex:0 0 22%;
max-width:22%;
padding-top:0;
padding-left:1.6rem;
}
}
.faqs {
}
.faqs li {
line-height: 100%;
margin-bottom: 18px;
letter-spacing:-0.02em;
}
.faqs li a {
color:#0091eb;
font-size:12px;
text-decoration:underline;
}
.selection-buttons {
display:flex;
padding-left:5px;
}
.selection-buttons li {
max-width:90px;
margin-right:20px;
}
.selection-buttons li label {
text-align:center;
}
.selection-buttons li label > span {
display:inline-block;
width:90px;
height:90px;
border:2px solid #ddd;
border-radius:5px;
background-repeat:no-repeat;
background-position:center 5px;
padding:42px 6px 5px;
font-size:14px;
font-weight:700;
line-height:20px;
margin-bottom:5px;
}
.selection-buttons li label.active > span {
border-color:#146eca;
background-color:#ebf5ff;
}
.electric-gas {
background-image:url(../assets/electric_gas.png);
}
.electric {
background-image:url(../assets/electric.png);
}
.gas {
background-image:url(../assets/gas.png);
}
@media (min-width:992px) {
.questionaire-section .about-section {
margin-top:44px;
}
.questions-seg .que-options {
text-align:right;
}
}
.questions-seg {
padding-left: 7px;
padding-right: 36px;
}
.questions-seg .que-text {
font-weight:700;
font-size:12px;
}
.questions-seg .que-text p {
font-size:13px;
letter-spacing:0.01em;
}
.questions-seg .que-options {
font-size:14px;
}
.questions-seg .que-options button {
border:1px solid #777;
border-radius:3px;
width:125px;
line-height:29px;
font-size:14px;
}
.questions-seg .que-info {
background:url(../assets/info-icon.png) no-repeat;
height:15px;
width:15px;
display:inline-block;
position:absolute;
top:-5px;
right:-10px;
}
.postcode-input {
width:110px;
}
/*---- Mobile Deals ---- */
.category-filter.mobile-filters li a {
padding:1rem 1rem 1rem 1rem;
}
.category-filter.mobile-filters li:hover a,
.category-filter.mobile-filters li.active a {
background-color:transparent;
color:#fff;
}
.category-filter.mobile-filters li:hover .total-deals,
.category-filter.mobile-filters li.active .total-deals {
color:#fff;
}
.category-filter.mobile-filters li:hover .deal-icon,
.category-filter.mobile-filters li.active .deal-icon {
filter: brightness(0) invert(1);
}
.deal-icon {
background-repeat:no-repeat;
background-position:22px center;
}
.mobile { background-image:url(../assets/mobile-icons/mobile.png); }
.sim { background-image:url(../assets/mobile-icons/sim.png); }
.sim-free { background-image:url(../assets/mobile-icons/sim-free.png); }
.upgrade { background-image:url(../assets/mobile-icons/upgrade.png); }
.payg { background-image:url(../assets/mobile-icons/payg.png); }
.mobile-deals .item-identity { }
.content-right.cw-mobile-deal .page-title {
letter-spacing:-0.01em;
}
@media (min-width:767px) {
.mobile-deals .list-item .card-body .content-title {
letter-spacing:0.065em;
}
}
.mobile-deals .list-item .card-body .store-logo {
margin-bottom:15px;
text-align:center;
height:100px;
}
.mobile-deals .list-item .card-body .store-logo img {
max-height:100%;
}
.mobile-deals .list-item .offer-price {
color:#00237d;
}
.mobile-deals .list-item .item-actions {
padding-top:13px;
margin:0 auto;
}
.mobile-deals .custom-col {
padding-right:15px;
}
@media (min-width:1200px) {
.content-right.cw-mobile-deal {
flex:0 0 75.6%;
max-width:75.6%;
padding-right:0;
padding-left:2rem;
}
.mobile-deals .list-item .card-body {
padding-left:2rem;
}
.mobile-deals .list-item .card-body .content-title {
padding-top:0.4rem;
}
.mobile-deals .list-item .offer-price {
font-size:30px;
}
}
div#overlay {
position: fixed;
width: 100%;
height: 100%;
background: #b5aeae;
z-index: 22;
display: table-cell;
text-align: center;
}
div#overlay div {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
}
.home-compare-effect:hover{
cursor: pointer;
background: linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
}
.home-compare-effect:hover img{
filter: brightness(0) invert(1);
}
.home-compare-effect:hover p{
color: #fff;
}
.cursor-pointer:hover{
cursor: pointer;
filter: brightness(0.9);
}
.error {
color: red;
}
div#couponDetailModal .grid-list-width-class {
padding-right: 15px !important;
}
div#couponDetailModal .card {
box-shadow: none;
}
div#couponDetailModal h4 {
padding: 15px;
font-size: 16px;
margin-bottom: 0px;
}
[added-fav] {
background: #cf122b;
color: #fff !important;
}
a {
cursor: pointer;
}
.msg-not-found {
color:#d0142c;
border-top:1px solid #e3e3e3;
padding-top:15px;
text-align:center;
}
.pagination { flex-wrap:wrap; margin-top:1.5rem; }
.pagination li.page-item {
margin:0 4px 5px
}
.filter-category-heading {
font-size:14px;
margin-bottom:1rem;
font-weight:600;
}
.filter-category-heading a {
color:#212529;
}
.pagination .page-item {
background:#e4e4e4;
padding:1px;
border-radius:4px;
}
.pagination .page-item.active, .pagination .page-item:hover {
background:linear-gradient(40deg, rgba(207,14,39,1) 1%, rgba(0,35,125,1) 88%);
}
.page-link {
border-radius:2px;
color:#3d3d3d;
font-size:14px;
border-color:transparent;
padding:.5rem 1.1rem;
border-radius:4px;
}
.page-item.active .page-link, .pagination .page-link:hover {
color:#00237d;
background-color:#fff;
}
.pagination .page-item.disabled .page-link {
border-color:transparent;
}
.sidebar .price-range-slider {
padding:0 11px;
}
.section-similar-deals {
justify-content:space-between;
}
.similar-deals .daily-deals > .row > * {
margin-top:0 !important;
padding-right:15px !important;
}
.filter-title-icon {
background-repeat:no-repeat;
background-position:0 2px;
padding-left:24px;
background-size:15px;
}
.icon-bycategory {
background-image:url("../images/by-category.png");
}
.icon-byprice {
background-image:url("../images/by-price.png");
}
.icon-bydiscount {
background-image:url("../images/by-discount.png");
}
.compare-head-card {
}
.compare-head-card .deal-content {
color:#fff;
}
.compare-head-card .card {
border-radius:10px;
}
.compare-mobile-banner {
background-color:#e8e8e8;
border:2px solid #e1e1e1;
}
.share-icons {
display:flex;
justify-content:center;
}
.share-icons li {
margin:0 5px;
}
.share-icons li i {
color:#64656a;
cursor:pointer;
}
.share-icons li:hover i {
color:#04267f;
}
.title-with-icon {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 14px;
}
.title-with-icon .icon-btn {
color:#64656a;
font-size:14px;
margin-right:5px;
}
.title-with-icon .btn-fav {
cursor:pointer;
}
.brand-identity .jssocials-share-logo {
font-size:1.2em;
}
.brand-identity .jssocials-share-link {
padding:.3em .2em;
}
/*---- Product Listing List View ----*/
@media (min-width:768px) {
.product-list.list-view .card-body {
flex-direction: row;
display: flex;
justify-content: space-between;
padding:1rem 1rem 0rem;
}
.product-list.list-view .product-img {
max-width: 17%;
}
}
.product-list.list-view .card-content {
flex: 1 1 auto;
max-width: none;
text-align:left;
padding:0.5rem 0 0 1rem;
display:flex;
align-items:center;
}
.product-list.list-view .card-content .product-info {
flex: 1 1 auto;
}
.product-list.list-view .card-content .product-info .product-title {
height:auto;
}
.product-list.list-view .price-box {
justify-content:flex-start;
}
.product-list.list-view .price-box .old-price {
left:auto;
color:#ccc;
text-decoration: line-through;
}
.product-list.list-view .price-box .special-price { margin-left:0; }
.product-list.list-view .product-card { flex-direction:column; }
@media (min-width:768px) {
.product-list.list-view .product-card .card-img-top {
height:150px;
width:150px;
flex:none;
}
.product-list.list-view .card-content .product-info .actions { text-align:center; }
}
@media (max-width:767px) {
.product-list.list-view .product-card .card-body .card-content { flex-direction:column; text-align:center; }
.product-list.list-view .card-content .product-info { text-align:center;}
}
.product-list.list-view .product-card .card-img-top:before {
padding:0 0.5rem;
font-size:13px;
width:80%;
}
.product-list.list-view .card-head h6 {
margin-bottom:0;
}
@media (min-width:768px) {
.latest-deals.product-list.list-view .custom-col,
.latest-deals.product-list.list-view .custom-col:first-child { padding-left:unset; }
}
.lh-2 { line-height:2; }
.tooltip-inner {
background-color:#fff !important;
color:#333;
box-shadow:0 0 16px 0 rgb(0 0 0 / 10%);
padding:1rem;
border:1px solid #eee;
}
.tooltip.show { opacity:1; }
.grid-view .list-view-title, .list-view .grid-view-title { display:none; }