body {
-webkit-font-smoothing: antialiased!important;
text-rendering: auto;
font-family: 'Poppins', sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #212529;
font-weight: 400;
}
a{
text-decoration:none;
color: #152d72;
}
a:hover, a:focus, a:active{
color: #0f235d;
}
.main-heading {
color: #fff;
text-align: center;
font-weight: 600;
font-size: 2rem;
margin: 0 0 2rem;
}
.faq-section {
padding: 65px 0;
width: 100%;
margin: 0 auto;
background-color: #ebeef5;
}
.faq-section .accordion-item:first-of-type {
border-radius: 0;
}
.faq-section .accordion-item {
border-width: 1px 0;
background-color:transparent;
}
.faq-section .accordion-button{
font-weight:600;
background-color:transparent;
}
.faq-section .accordion-button:not(.collapsed){
background-color:transparent;
color: #152d72;
}
.faq-section .accordion-button:focus{
box-shadow: none;
}
.text-white {
color: #fff;
}
nav.navbar {
padding: 0px 10px;
}
.navbar-nav li {
padding: 30px 25px 30px 25px;
border-right: 1px solid #e0e0e0;
}
.nav-cta {
padding: 30px 0px 30px 25px;
}
.navbar-nav li a, .nav-cta {
color: #0f0f0f;
list-style: none;
font-size: 17px;
line-height: 18px;
text-decoration: none;
font-weight: 600;
}
.nav-cta, .nav-cta:hover{
color: #152d72;
}
.hm-banner {
padding: 50px 0;
background-position: top right;
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/homepage-background.png) 100% 100% #152d72 no-repeat;
}
.hm-banner h1 {
color: #fff;
font-size: 53px;
font-weight: 700;
letter-spacing: -1.69px;
line-height: 1.15;
min-height: 0.1vw;
width: 70%;
}
.hm-banner h1 span {
color: #6cc222;
display: block;
font-size: 36px;
line-height: 1.75;
}
.hm-banner p.sub {
font-size: 18px;
letter-spacing: -.6px;
line-height: 26px;
color: #fff;
margin-bottom: 30px;
}
.hm-banner-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 640px;
margin: 0 0 5px;
top: 0;
}
.hm-banner-wrapper .banner-btn {
width: 48.2%;
margin-bottom: 22px;
}
.hm-banner-wrapper .banner-btn a {
width: 48.2%;
text-decoration: none;
position: relative;
top: 0;
transition: top .1s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hm-banner-wrapper .banner-btn:hover a {
text-decoration: none;
top: -3px;
}
.hm-banner-wrapper .banner-btn a div {
height: 93px;
width: 100%;
border: 2px solid #152d72;
border-radius: 18px;
background-color: #fff;
box-shadow: inset 0 -5px 0 0 hsl(0deg 0% 74% / 50%), 0 3px 6px 0 rgb(0 0 0 / 20%);
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
padding-left: 74px;
position: relative;
}
.hm-banner-wrapper .banner-btn:hover a div {
border: 2px solid #6cc222;
border-radius: 18px;
background-color: #6cc222;
box-shadow: inset 0 -5px 0 0 hsl(0deg 0% 74% / 50%), 0 3px 6px 0 rgb(0 0 0 / 20%);
}
.hm-banner-wrapper .banner-btn a div:before {
position: absolute;
left: 20px;
width: 41px;
height: 43px;
}
.hm-banner-wrapper .banner-btn a div.energy:before, .hm-compare-wrap div.energy:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/energy-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.energy:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/energy-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a div.connectivity:before, .hm-compare-wrap div.connectivity:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/telecom-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.connectivity:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/telecom-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a div.insurance:before, .hm-compare-wrap div.insurance:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/insurance-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.insurance:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/insurance-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a div.finance:before, .hm-compare-wrap div.finance:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/finance-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.finance:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/finance-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a div.shopping:before, .hm-compare-wrap div.shopping:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/shopping-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.shopping:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/shopping-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a div.travel:before, .hm-compare-wrap div.travel:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/travel-off.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn:hover a div.travel:before {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/travel-on.svg) no-repeat;
background-size: 41px 43px;
}
.hm-banner-wrapper .banner-btn a h4 {
color: #152d72;
font-size: 20px;
font-weight: 700;
letter-spacing: -.1px;
line-height: 21.6px;
}
.hm-banner-wrapper .banner-btn:hover a h4, .hm-banner-wrapper .banner-btn:hover a p {
color: #fff;
}
.hm-banner-wrapper .banner-btn a p {
color: #404040;
font-size: 12px;
padding-right: 50px;
line-height: 13.6px;
margin: 0;
}
.hm-banner-wrapper .banner-btn a div:after {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/arrow.png) no-repeat;
background-size: 28px 18px;
position: absolute;
bottom: 20px;
right: 20px;
width: 28px;
height: 20px;
}
.hm-banner-wrapper .banner-btn:hover a div:after {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/arrow-white.png) no-repeat;
background-size: 28px 18px;
}
.hm-logo {
padding: 30px 0 36px;
}
.hm-logo p {
width: 100%;
margin: 0 0 27px;
color: #152d72;
font-size: 14px;
letter-spacing: 0;
line-height: 22px;
text-align: center;
}
.logo-brand img {
margin: 0 15px;
}
.slick-list {
position: relative;
}
.slick-list:before {
content: "";
position: absolute;
left: 0;
height: 100%;
width: 48px;
z-index: 2;
top: 0;
background-image: linear-gradient(90deg, #fff, hsla(0,0%,100%,0));
}
.slick-list:after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 48px;
z-index: 2;
top: 0;
background-image: linear-gradient(270deg, #fff, hsla(0,0%,100%,0));
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
display: none;
}
.brand {
padding: 65px 0;
width: 100%;
margin: 0 auto;
background-color: #6cc222;
}
.brand-wrapper {
width: 780px;
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
padding: 20px 0;
}
.brand-wrap {
margin-bottom: 25px;
}
.brand-wrap img {
background-color: #fff;
height: 66px;
width: 100%;
object-fit: contain;
padding: 10px;
}
.divider {
border-top: 1px solid #fff;
height: 1px;
margin: 0 auto;
}
.hm-compare {
padding: 0;
width: 100%;
margin: 0 auto;
background-image: radial-gradient(153% 300px at top center, #6cc222 75%, transparent 0);
}
.how-work {
padding: 65px 0;
}
.how-work-content {
color: #000;
margin-right: 68px;
position: relative;
}
.how-work-content img {
margin: 0 auto 35px;
display: block;
width: 170px;
}
.how-work-content h4 {
color: #152d72;
font-size: 20px;
letter-spacing: 0;
line-height: 25px;
text-align: center;
font-weight: 300;
margin: 0 0 10px;
}
.how-work-content p {
color: #545454;
font-size: 14px;
letter-spacing: -.49px;
line-height: 22px;
text-align: center;
}
.how-work-content:after {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/arrow-black.png) no-repeat;
background-size: 28px 17px;
position: absolute;
top: 56px;
right: -49px;
width: 28px;
height: 17px;
}
.hm-compare-wrap {
border-radius: 10px;
background-color: #fff;
box-shadow: 0 2px 20px 0 rgb(0 0 0 / 12%);
padding: 30px 30px 30px;
width: 100%;
height: 100%;
position: relative;
transition: top .1s ease;
top: 0;
}
.hm-compare-wrap:hover {
text-decoration: none;
top: -3px;
}
.hm-compare-wrap a {
text-decoration: none;
}
.hm-compare-wrap div.block-details:before {
position: relative;
width: 63px;
height: 69px;
background-size: 63px 69px;
display: block;
margin: 0 auto .5rem;
}
.hm-compare-wrap div.block-details h3 {
color: #152d72;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 27px;
margin-bottom: 10px;
text-align: center;
}
.hm-compare-wrap div.block-details h4 {
color: #6cc222;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
margin: 0;
text-align: center;
}
.hm-compare-wrap div.block-details p {
color: #545454;
font-size: 14px;
letter-spacing: -.49px;
line-height: 22px;
margin-bottom: 20px;
}
.hm-compare-wrap button {
width: 100%;
height: 52px;
position: relative;
border: 1px solid #152d72;
border-radius: 5px;
background-color: #fff;
color: #152d72;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
line-height: 18px;
text-align: left;
padding-left: 20px;
}
.hm-compare-wrap button:after {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/arrow.png) no-repeat;
background-size: 19px 12px;
position: absolute;
bottom: 18px;
right: 20px;
width: 19px;
height: 12px;
}
.hm-compare-wrap button:hover {
background-color: #152d72;
color: #fff;
}
.hm-compare-wrap button:hover::after {
content: "";
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/arrow-white.png) no-repeat;
background-size: 19px 12px;
position: absolute;
bottom: 18px;
right: 20px;
width: 19px;
height: 12px;
}
footer .cta {
background: #6cc222;
padding: 1rem 0;
text-align: center;
color: #fff;
}
footer .cta h3 {
color: #fff;
margin: 0;
}
footer .cta h3 a {
color: #fff;
text-decoration: none;
}
.disclaimer {
text-align: center;
font-size: .9rem;
padding: 15px 0;
}
.footer-menu {
background: #152d72;
color: #fff;
padding: 2rem 0 1rem;
font-weight: 300;
}
footer h5.heading {
color: #6cc222;
font-size: 1.3rem;
text-align: left;
margin-bottom: 2rem;
}
ul.quick-menu {
padding: 0;
list-style: none;
margin: 0;
}
ul.quick-menu li {
padding-bottom: 5px;
}
ul.quick-menu li a {
color: #fff;
text-decoration: none;
line-height: 1.8;
font-size: 15px;
}
.foo-about {
margin: 1.5rem 0;
}
ul.social {
list-style-type: none;
text-align: left;
padding: 0;
}
ul.social li {
display: inline-block;
margin-right: 10px;
}
ul.social li a {
height: 34px;
width: 34px;
line-height: 36px;
text-align: center;
border-radius: 50%;
color: #333;
background: #fff;
display: block;
}
ul.social li i {
color: #152d72;
}
.foo-about a, .copyright a {
color: #6cc222;
text-decoration: none;
}
.copyright {
text-align: center;
font-size: .85rem;
margin: 0.5rem 0 0;
border-top: 1px solid #717171;
padding-top: 1rem;
}
.banner-form{
padding: 10px 0 20px;
}
.banner-form .input-holder{
transition: top .1s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .9s;
animation-delay: .9s;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 20%);
margin: 0 0 20px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 15px;
position: relative;
z-index: 100;
height: 85px;
}
.banner-form .input-holder input {
height: 30px;
width: calc(100% - 245px);
border: 0;
position: relative;
margin: -2px 0;
font-size: 16px;
padding: 0;
outline: none;
}
.banner-form .input-holder .cta-holder {
margin-top: 0;
width: 240px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
.banner-form .input-holder .cta-holder .btn-product {
border: 1px solid #152d72;
border-radius: 5px;
background-color: #152d72;
padding: 17px 0 17px 15px;
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: left;
top: 0;
line-height: 18px;
width: 240px;
position: relative;
border-spacing: 0;
}
.banner-form .input-holder .cta-holder .btn-product:after {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAdCAYAAAAkXAW5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczMDQ2MzM5MzhFODExRUNBMjMyODQ0ODVFNjhFQ0NCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczMDQ2MzM4MzhFODExRUNBMjMyODQ0ODVFNjhFQ0NCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMDIxIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3N0NFOTc3N0Q1RTExRUJBRjA1OTA4MUQ2NjQ5RDEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3N0NFOTc4N0Q1RTExRUJBRjA1OTA4MUQ2NjQ5RDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gfW/VgAAA2FJREFUeNrslmlIVFEUx//n+d7M5DRlYTtiVB+iQCKIKNq0oDBt+dRGBkNJC6EtFBkEfakgKIhWUlqEsLBNlEyktNBoKESipjBTolxGs9xym97p3BmLovyiPuuDFw7z3rzLvb977v9/7iVmxr9uGv6DNggxCDEI0VMj7LagTnTBYXMhPWM9llT60Lj7Ks9BGFUjRL5xf2eCeog2DomJQOzq6QjbFY3IdQvpNnzmXwH6DsE9hItac0s4KikLjarb5QTMjpqpXYGPodNAaUKNaqfyU7d45dlisE3eszYjAZF0yP+ZYdMGAkJlwyYRSoU7LnFi3msgcjhQsh2H4YS7s/H3jFjnDgHRnIHf1KUXcMRbC8wYD+RspTSYWOhvw08QSy1qiha1ETJTEx+cd57Tq1qB2GnAyU2UiRZzor8rKGTL64QCcQhIQwUSVl5Ebru8J89H+NZVWjY+mcMkK8LhNodIX13im6U0jK+o4vCYOO1ZViIinaKZpedRkPfYjNaTlpNHuoRZDUGS9k4/1dc2Y/gr0cesCODuFixa1qGlEv+Dq1XXN7AREihrKK2RbThVhA3yrLbEb4kmZIkOA3A6GA3N1Jz/iiO2LaATsVODEMfu4Yle8ZmvWSIBVltACHcxasUVJZXA/UJGyBS6kDohaIhN1+HJyOe5+lAbWQIwVFY+xGAUlxGKy4EPb8QGEXT6w34kjpH6caIQ76/m8HKMooAr+n1yQ0b92EDwyORFUi3RLh/Gackv92LHWAHIfomOPem8Qs6YekXQZwhZX+CEttsYoWK7mi+Ep2+BwnJ1mkoYqgBwTFYinZw2Fnghzoi/yAmiiFJbqDjG7AcIQwsC1DcR8iuAgnfy51cJh4Qq23U8+YhbuxMvlbJOoOae4xQ04YY+kgIAQC8hAqsXKbkcQXd73hIyS1XaVUpkUJcUHXV98PEIdzzlHoiBS7lkbRoutVTiqB5O8P9SGPTe7Lt4HHad4a0iPCkDXld3n0LOYJ/ABK3sWjybbqat4SmqMCdlwvOgyHSLNn4D6BWEJpMZAvDIS8h93n1k27uF8WPwDhl4FKXk7ORoBXC8ADWn73I8RmtB2L5C2MV2dY0C4O1eufHLjeqnUCQbLcg885A2ThqN0H03OU7umD7dwB9ZUO27AAMAPj8816A7me0AAAAASUVORK5CYII=) no-repeat;
background-size: 19px 15px;
position: absolute;
right: 15px;
margin: auto;
width: 19px;
height: 15px;
}
.inner-banner{
padding-bottom: 15px;
background-color: #f8f9fb;
box-shadow: inset 0 4px 20px 0 rgb(0 0 0 / 10%);
padding-top: 45px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
z-index: 500;
min-height: 500px;
}
.inner-banner.connectivity {
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/connectivity.png) bottom -50px right -30px no-repeat;
background-size: contain;
}
.inner-banner .sub-title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.inner-banner .sub-title img {
width: 28px;
height: 28px;
margin-top: -5px;
}
.inner-banner .sub-title h3 {
color: #ff6323;
font-size: 18px;
letter-spacing: -.06px;
font-weight: 500;
padding-left: 10px;
margin: 0;
}
.inner-banner .main-title h1 {
color: #152d72;
margin: 0;
display: inline;
font-size: clamp(2rem,5vw,3.3rem);
font-weight: 700;
letter-spacing: -1.69px;
line-height: 1.1;
min-height: 0.1vw;
}
.inner-banner .main-title p.h1 {
font-size: clamp(2rem,5vw,3.3rem);
font-weight: 700;
letter-spacing: -1.69px;
line-height: 1.1;
min-height: 0.1vw;
color: #ff6323;
padding-left: 6px;
display: inline;
}
.inner-banner p.main-title__intro {
color: #000;
font-size: 20px;
letter-spacing: -.6px;
line-height: 26px;
margin-bottom: 15px;
font-weight: 300;
padding-right: 10%;
margin-top: 25px;
}
.flbl {
display: block;
font-size: 14px;
font-weight: 600;
color: #777;
line-height: 30px;
cursor: pointer;
}
.mbsc-calendar-cell >div:not(.mbsc-calendar-cell-inner) {
display: none;
}
.flight-card{
cursor:pointer;
}
.flight-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.flight-logo {
flex: 0 0 75px;
max-width: 75px;
padding: 1rem;
}
.flight-logo-wrp {
width: 100%;
margin-top: 1rem;
}
.flight-logo img{
width:100%;
height:auto;
}
.flight-meta {
flex: 0 0 calc(100% - 325px);
max-width: calc(100% - 325px);
}
#selected-flight-data .flight-meta {
flex: 0 0 calc(100% - 75px);
max-width: calc(100% - 75px);
}
.flight-price {
flex: 0 0 250px;
max-width: 250px;
background: #70c023;
padding: 1rem;
color:#fff;
}
.flight-price button, .flight-price .amount{
opacity:0;
}
.flight-card .flight-list:first-child .flight-price button,
.flight-card .flight-list:first-child .flight-price .amount{
opacity:1;
}
.co2-emisson {
margin-bottom: 1rem;
font-size: .85rem;
}
.flight-price .amount {
font-size: 1.5rem;
font-weight: 600;
margin: 0 0 1rem;
}
.flight-meta-wrp {
display: flex;
flex-wrap: wrap;
margin: 1rem 0;
}
.flight-name {
padding: 1rem;
flex: 0 0 calc(100% - 275px);
max-width: calc(100% - 275px);
}
.flight-time {
padding: 1rem;
flex: 0 0 125px;
max-width: 125px;
}
.flight-stops {
padding: 1rem;
flex: 0 0 150px;
max-width: 150px;
}
.flight-meta-wrp p.f-title{
font-weight:700;
font-size:1rem;
margin: 0;
}
.flight-meta-wrp p.f-subtitle{
color:#4B4B55;
font-size:.85rem;
margin: 0;
}
.flight-segment{
margin-bottom:1rem;
}
.flight-segment .fs-duration {
font-size: .85rem;
color: #4B4B55;
margin: 0.5rem 0;
}
.flight-segment .fs-info {
font-size: .75rem;
color: #333;
}
.flight-segment .fs-layover {
font-size: .8rem;
border-radius: 5px;
background: #d4f7b3;
display: inline-block;
padding: 5px 10px;
color: #008000;
margin-top: 1rem;
}
.flight-segment .fs-date {
position: relative;
padding-left: 30px;
}
.flight-segment .fs-date p{
margin-bottom:0;
position:relative;
}
.flight-segment .fs-date p:before {
border: 1px solid #ccc;
content: "";
width: 14px;
height: 14px;
position: absolute;
border-radius: 50%;
left: -30px;
top: 50%;
transform: translateY(-50%);
background: #fff;
}
.flight-segment .fs-date:last-child p:after {
content: "";
position: absolute;
left: -24px;
bottom: -20px;
background: #fff;
width: 2px;
height: 100%;
}
.flight-meta-more {
position: relative;
margin-bottom: 2rem;
display: none;
}
.more .flight-meta-more {
display: block;
}
.flight-segment .fs-wrap{
position: relative;
}
.flight-segment .fs-wrap:before {
content: "";
position: absolute;
left: 6.5px;
top: 10px;
border-left: 2px dashed #ccc;
height: calc(100% - 10px);
}
.animation-bg{
background:#ddd;
height:145px;
}
.btn-primary {
color: #fff;
background-color: #152d72;
border-color: #152d72;
}
.btn-primary:hover {
color: #fff;
background-color: #0f235d;
border-color: #0f235d;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0f235d;
border-color: #0f235d;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
color: #fff;
background-color: #0f235d;
border-color: #0f235d;
box-shadow: 0 0 0 0.25rem rgb(15 35 93 / 50%);
}
.duffel-components .duffel-button--primary{
background-color: #152d72 !important;
border-color: #152d72 !important;
}
.duffel-components .duffel-button--primary:hover{
background-color: #0f235d !important;
border-color: #0f235d !important;
}
.ui-autocomplete-loading {
background: white url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/loader.svg) right center no-repeat;
background-size: 24px;
}
.mypaymentcard .card-payment__container{
margin-left:auto !important;
margin-right:auto !important;
}
.payment-table{
width:480px;
margin:0 auto 3rem;
}
#myloader {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
z-index: 100000;
display:none;
}
#myloader .ajax-loader {
background: url(//au.comparisonjunction.com/wp-content/themes/comparisonjunction/images/loader.svg) right center no-repeat;
width: 100px;
height: 100px;
margin:calc(50vh - 50px) auto 0;
}
#passportModal .modal-header {
border-bottom: none;
padding-bottom: 0;
}
.divider-new{
background: #fff;
height: 7px;
width: calc(100% + 2rem);
box-shadow: inset 0 0 2px 1px rgb(0 0 0 / 25%);
position: relative;
left: -1rem;
margin: 1rem 0;
}
.divider-new:last-child {
display: none;
}
ul.energy-list {
list-style: none;
padding: 0;
display: flex;
gap: 0.75rem;
}
.btn-energy {
background: transparent;
border: 2px solid #152d72;
border-radius: 5px;
padding: .5rem 1.25rem;
}
.btn-energy.active{
background: #152d72;
color:#fff;
}
@media only screen and (max-width: 991px) {
a.nav-cta {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #6cc222;
text-align: center;
padding: 15px 0;
z-index: 10000;
}
.inner-banner.connectivity{
background-image: none;
}
.banner-form .input-holder{
height: 125px;
}
.banner-form .input-holder input,
.banner-form .input-holder .cta-holder,
.banner-form .input-holder .cta-holder .btn-product{
width: 100%;
}
}