html {
scroll-behavior: smooth;
}
body {
font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-family: 'Roboto', sans-serif;
}
p {
padding: 0px;
margin: 0px;
}
a.navbar-brand img {
width: 220px;
}
header.topbar {
background: #f7f7f7;
}
.nav-item a.nav-link {
color: #212529;
border-bottom: 3px solid #f7f7f7;
}
.nav-item a.nav-link:hover, a.nav-link.active {
color: #212529;
background: transparent;
font-weight: 700;
border-bottom: 3px solid #029102;
transition-delay: 0.5s;
}
ul.navbar-nav.ml-auto {
margin-right: 50px;
}
.btn.btn-track {
background: #006ca9;
color: #ffffff;
padding: 10px 30px;
}
a.nav-link {
color: #fff;
}
li.nav-item {
padding: 0px 15px;
}
li.nav-item a{
display: inline-block;
}
button.navbar-toggler {
background: #000;
}
span.navbar-toggler-icon {
background: #fff;
height: 2px;
display: block;
margin: 6px 0px;
}
.product-sec h3 {
font-size: 15px !important;
padding: 10px 0px 0px;
margin: 0px;
}
#slides{
position:relative;
overflow:hidden;
margin:0 auto;
width:100%;
white-space:nowrap;
padding-top:10px;
}
#slides div{
position:relative;
display:inline-block;
margin-right:0px;
vertical-align:top;
*display:inline;
width:100%;
}
/*new css */
label.model-select:hover {
background: #EFEFEF;
cursor: pointer;
padding: 20px 15px;
/* outline: 2px solid #046ea9;*/
}
label.model-select {
padding: 20px 15px;
}
label.model-select.active {
/*outline: 2px solid #046ea9;*/
background: #EFEFEF;
padding: 20px 15px;
}
p.tha-y-txt {
font-size: 20px;
background: yellow;
display: inline-block;
padding: 10px 15px;
}
.model label.model-select.active {
/*outline: 2px solid #046ea9;*/
/*padding: 15px 5px;*/
}
button.action.submit.btn.btn-sm.btn-outline-success.float-end.submit-order {
padding: 10px 35px;
font-size: 18px;
}
.tab-pane.fade.active.show {
background: #EFEFEF;
}
.description ul {
list-style-type: square;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #495057 !important;
background-color: #efefef !important;
}
.btn-outline-warning {
color: #222121 !important;
border-color: #EFEFEF !important;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #EFEFEF !important;
border-color: #EFEFEF !important;
}
/*button css*/
.float-end {
float: right!important;
}
.btn-group-sm>.btn, .btn-sm {
padding: 0.25rem 0.5rem;
font-size: .875rem;
border-radius: 0.2rem;
}
button.action.next.btn.btn-sm.btn-outline-secondary.float-end, button.action.back.btn.btn-sm.btn-outline-secondary {
background: #efefef;
color: #212529;
/*padding: 5px 60px;*/
font-size: 24px;
border-color: #efefef;
}
button.action.next.btn.btn-sm.btn-outline-secondary:hover, button.action.back.btn.btn-sm.btn-outline-secondary:hover {
background: #1F628E;
border-color: #1F628E;
color: #fff;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus{
box-shadow: 0 0 0 0rem rgb(82 130 173) !important;
}
button.action.back.btn.btn-sm.btn-outline-warning{
/* padding: 5px 60px;*/
font-size: 24px;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 10px 16px;
background-color: #f1f1f1;
cursor: pointer;
font-size: 18px;
}
a.nav-link {
color: #1d262f;
}
.select-device {
background: #fff;
/* padding: 50px 0px;*/
text-align: center;
}
.model h3 {
font-size: 16px;
font-weight: 300;
margin-top: 10px;
cursor: pointer;
}
img.product-image {
width: 100%;
}
.product-sec {
padding: 30px 0px;
}
.select-brand,
.select-model,
.select-carrier,
.select-state {
padding: 50px 0px;
text-align: center;
background: #fff;
}
.select-model p,
.select-brand,
.select-carrier,
.select-state {
color: #346ee0;
font-size: 18px;
margin-bottom: 15px;
}
.select-device h2,
.select-model h2,
.select-brand h2,
.select-carrier h2,
.select-state h2 {
font-weight: 400;
font-size: 1.5rem;
}
.select-model,
.select-state {
background: #fff;
}
.select-carrier img.product-image {
width: 100%;
/*padding: 25px 15px;*/
}
.select-carrier img.product-image:hover {
background: #fff;
/*padding: 25px 15px;*/
cursor: pointer;
}
/*tabs css from here*/
.card-body {
padding: 0px;
}
/*.nav-pills .show>.nav-link {
color: #fff;
background-color: #346ee0;
border-radius: 0px;
padding: 30px;
font-weight: 400;
}*/
.nav-pills .nav-link {
border-radius: 0;
padding: 30px 0px;
color: #838282;
font-weight: 300;
border: 1px solid #f5f5f5;
}
.description {
padding: 30px 0px;
text-align: left;
line-height: 30px;
font-weight: 300;
color: #878686;
}
.price-sec {
padding: 55px 15px 0px;
border-left: 1px solid #f5f5f5;
min-height: 356px
}
.price-sec h4 {
font-size: 50px;
font-weight: 400;
}
.price-sec input[type="text"] {
padding: 6px 10px;
font-weight: 300;
font-size: 16px;
border-radius: 5px;
border: 1px solid #346ee0;
margin-bottom: 16px;
}
.price-sec p {
font-weight: 200;
font-size: 16px;
color: #878686;
}
.nav-link:hover {
background: #efefef;
color: #000;
}
.button-sec {
position: relative;
margin: 50px 0px 0px;
display: inline-block;
}
a.get-paid.button.button-wide {
background: #346ee0;
color: #fff;
padding: 16px 40px;
border-radius: 5px;
margin: 0px 0px 0px 25px;
cursor: pointer;
font-size: 14px;
}
a.button.button-clear.button-wide.addsection:hover {
background: #346ee0;
color: #fff;
}
a.button.button-clear.button-wide.addsection {
border-color: #346ee0;
padding: 15px 45px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
border: 1px solid #346ee0;
}
.address-pad {
padding: 50px 0px;
background: #fff;
}
span.form-error {
display: none;
color: red;
}
.address-pad input {
width: 100%;
margin: 10px 0px;
padding: 5px 10px;
border: 0px;
border-bottom: 1px solid #c6c6c6;
background: transparent;
}
.address-pad h2 {
font-size: 20px !important;
line-height: 25px;
}
input:focus-visible {
outline: none;
}
input#quote_shipping {
width: 15px;
}
.address-pad .total-box {
margin-bottom: 0.75rem;
box-shadow: 0 0 3rem 0 rgb(24 24 24 / 30%);
background: #fff;
color: #646464;
text-align: left;
padding: 25px;
}
.address-pad .total-value span {
font-size: 500%;
line-height: 1;
color: #4f4e4e;
margin: 30px 0px 0px;
display: block;
}
span.single-value {
float: right;
}
.text-block.overview {
border-bottom: 1px solid #676767b8;
margin-bottom: 20px;
padding: 10px 0px;
}
#payment-options img {
width: 70px;
margin: 0 1.5rem 0 0.375rem;
}
input.email-required,
input#quote_payment_cheque {
width: 32px;
}
.input.input--checkbox {
margin-bottom: 20px;
}
.button-pay-click {
margin: 40px 0px 0px;
}
.button-pay-click a.get-paid.button.button-wide {
margin: 0px 25px 0px 0px;
}
//label.model-select {
//outline: 2px solid transparent;
//padding: 10px 5px;
//}
#subcategory-list.active {
{
outline: 2px solid #046ea9;
padding: 10px 5px;
}
}
.select-carrier label.model-select:hover,
.select-carrier label.model-select {
outline: none;
}
.paypal-pay {
background: #000;
padding: 10px 10px;
}
footer {
background: #006ca9 !important;
padding: 50px 10px 20px !important;
}
ul.footer-menu {
list-style-type: none;
padding: 0px;
}
.widget-title {
font-size: 18px;
margin-bottom: 20px;
color: #fff;
}
.footer-widgets .widget-title, .footer-menu li a {
color: #fff;
}
.disclaimer-sec {
padding: 20px 0 0;
border-top: 1px solid rgba(158,158,158,.22);
}
.footer-menu li a::before {
content: "\f054";
font-family: FontAwesome !important;
color: #1298d0;
font-size: 15px;
margin-right: 10px;
}
.disclaimer-sec p {
color: #fff;
font-size: 14px;
}
/*tracking css start here*/
section.order-number {
background: #fff;
padding: 50px;
text-align: center;
}
section#traking-page-order {
background: #f2f4f6;
margin: 15px 0px;
}
section.order-number h1 {
color: #001f6c;
margin: 0px 0px 50px;
font-weight: 400;
font-size: 3rem;
}
/*.order-number {
height: 38px !important;
border-radius: 50px;
background: transparent;
border: 2px solid #fff;
}*/
.progress {
background: #004fb8 !important;
padding: 10px 20px;
height: 55px !important;
border-radius: 50px !important;
}
.progress-bar {
background: #fff !important;
color: #000 !important;
padding: 10px 20px !important;
border-radius: 50px !important;
}
.order-number .progress-number {
color: #fff;
border: 2px solid #fff;
height: 100px;
width: 100px;
border-radius: 50%;
position: relative;
margin: 0 auto;
line-height: 100px;
margin-top: 25px;
}
.progress-number span {
font-size: 200%;
}
section.processing-step {
padding: 50px 0px;
background: #fff;
text-align: center;
}
section.processing-step h3 {
color: #898989;
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
div#orderdetails {
padding: 70px 0px 0px;
}
div#orderdetails h2 {
margin-bottom: 25px;
}
section.testimonail-sec {
padding: 50px 0px;
}
h3.testimonial-heading {
padding-bottom: 50px;
}
h3.testimonial-heading,
section.testimonail-sec h4 {
font-weight: 400;
}
section.testimonail-sec p {
font-size: 16px;
font-weight: 300;
}
section.subscribe {
background: #006ca9;
padding: 80px 0px;
text-align: center;
}
section.subscribe h2 {
color: #fff;
font-weight: 400;
font-size: 1.5rem;
letter-spacing: 0.9px;
margin-bottom: 50px;
}
input#mce-FULLNAME,
input#mce-EMAIL {
width: 100%;
background: transparent;
border: 0px;
border-bottom: 1px solid #fff;
color: #fff;
padding-bottom: 10px;
}
input#mce-FULLNAME::placeholder,
input#mce-EMAIL::placeholder {
color: #fff;
}
.newsletter-sub-btn {
margin-top: 50px;
width: 100%;
}
input#mc-embedded-subscribe {
padding: 10px 50px;
background: #fff;
border: 0px;
border-radius: 3px;
color: #006ca9;
font-size: 20px;
font-weight: 300;
}
h3.rating-heading {
text-align: center;
font-weight: 400;
margin-bottom: 20px;
}
.rating-heading {
text-align: center;
}
h2 {
padding: 1.5em;
text-align: center;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
line-height: 28px;
color: black;
}
.carousel-caption {
position: initial;
z-index: 10;
padding: 2rem 5rem;
color: rgba(78, 77, 77, 0.856);
text-align: center;
font-size: 1.2rem;
font-style: italic;
font-weight: bold;
line-height: 2rem
}
.carousel-caption img {
width: 6rem;
border-radius: 5rem;
margin-top: 2rem
}
a.carousel-control-next i,
a.carousel-control-prev i {
border-radius: 50px;
background: #006ca9;
padding: 15px;
}
#image-caption {
font-style: normal;
font-size: 1rem;
margin-top: 0.5rem;
color: #006ca9;
}
i {
background-color: #343a40;
padding: 1.4rem
}
.carousel-control-prev {
justify-content: flex-start;
}
.carousel-control-next {
justify-content: flex-end;
}
.carousel-control-prev {
transition: none;
opacity: unset;
}
.carousel-control-next {
transition: none;
opacity: unset;
}
.processing-step.page2 img {
height: 90px;
margin-bottom: 10px;
}
/*how it work */
.page-heading h2 {
padding: 0px;
text-align: left;
color: #fff;
text-transform: uppercase;
font-size: 60px;
font-weight: 700;
margin: 0px;
}
.page-heading p {
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px 0px 15px 10px;
font-size: 22px;
}
.how-it-works {
padding: 100px 0px 100px;
color: #fcfdff;
}
.order-number .card {
background: #f2f4f6 !important;
border-color: #f2f4f6 !important;
padding: 30px 20px 0px;
border-radius: 40px !important;
}
form#tracking input {
border: 1px solid #000;
border-radius: 0px;
height: 50px;
margin: 20px 0px 40px;
}
select#quote_province {
width: 100%;
border: 0px;
border-bottom: 1px solid #d5d3d3;
padding: 10px;
}
.page-heading {
border-right: 1px solid #004fb8;
}
select#quote_province:focus-visible {
outline: none;
}
form#tracking input::placeholder {
color: #000;
font-size: 20px;
font-weight: 500;
}
#tracking .form-control:focus{
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
button.btn.btn-primary.waves-effect.waves-light {
background: #004fb8;
text-transform: uppercase;
padding: 10px 40px;
border-radius: 50px;
font-weight: 400;
font-size: 20px;
}
.step-sec h4 {
color: #fff;
text-align: center;
height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;
font-weight: 400;
}
.step-content h3 {
color: #004fb8;
font-size: 18px;
margin-top: 30px;
font-weight: 700;
line-height: 27px;
}
.step-content {
margin-bottom: 20px;
text-align: center;
}
.blue-c h4{background:#001f6c;height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;font-size: 18px;}
.green-c h4{background: #004fb8;height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;font-size: 18px;}
.yellow-c h4{background: #001f6c;height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;font-size: 18px}
.pink-c h4 {background: #004fb8;height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;font-size: 18px;}
.purple-c h4 {background: #001f6c;height: 85px;
width: 85px;
border-radius: 50%;
vertical-align: middle;
line-height: 85px;font-size: 18px;}
/*.page-content .img-sec img {
position: absolute;
bottom: -90px;
left: -70px;
z-index: -1;
}*/
.page-content.how-it-works p {
color: #000;
font-size: 16px;
margin-top: 15px;
}
.step-content.blue-icon {
margin-top: 150px;
}
hr.dashed-line-one, .dashed-line-three {
border: 2px dashed #004fb8;
position: absolute;
top: 110px;
right: -70px;
width: 100%;
transform: rotate(35deg);
z-index: -1;
}
hr.dashed-line-two, .dashed-line-four {
border: 2px dashed #004fb8;
position: absolute;
width: 100%;
top: -33px;
left: 100px;
transform: rotate(145deg);
z-index: -1;
}
@media only screen and (max-width: 476px) {
.page-content .img-sec img {
position: relative;
bottom: 0px;
left: 0px;
}
a.navbar-brand img {
width: 130px;
}
.product-sec {
padding: 30px 15px;
}
a.button.button-clear.button-wide.addsection {
padding: 15px 18px;
font-size: 12px;
}
.select-device h2,
.select-model h2,
.select-brand h2,
.select-carrier h2,
.select-state h2 {
font-size: 1.2rem;
}
.address-pad .total-value span {
font-size: 400%;
}
.banner-text h2{
font-size: 24px;
line-height: 40px;
}
.banner-text h1 {
font-size: 47px;
}
.banner-text h3 {
font-size: 35px;}
.main-img{width:100%;}
section.order-number{
padding: 50px 0px;
}
.steps-submit {
text-align: center;
padding: 80px 0px 0px;
}
.step-sec h4 {
text-align: center;
display: inline-block;
margin-bottom: 25px;
}
.price-sec{
padding: 55px 15px 30px;
min-height: 101px;
}
}
@media only screen and (max-width: 768px) {
.page-content .img-sec img {
position: relative;
bottom: 0px;
left: 0px;
}
hr.dashed-line-one, .dashed-line-three, hr.dashed-line-two, .dashed-line-four{
display:none;
}
.step-content.blue-icon {
margin-top: 0px;
}
.price-sec input[type="text"] {
padding: 6px 10px;
font-size: 10px;
}
.price-sec h4 {
font-size: 64px;
}
a.get-paid.button.button-wide {
font-size: 12px;
}
div#orderdetails {
padding: 50px 15px;
}
i {
padding: 0.8rem
}
#image-caption {
font-style: normal;
font-size: 0.9rem;
margin-top: 0.5rem;
}
.carousel-caption img {
width: 4rem;
border-radius: 4rem;
margin-top: 1rem;
}
section.testimonail-sec img {
margin-bottom: 30px;
}
.carousel-caption {
position: initial;
z-index: 10;
padding: 1rem 2rem;
color: rgba(78, 77, 77, 0.856);
text-align: center;
font-size: 0.7rem;
font-style: italic;
font-weight: bold;
line-height: 1.5rem;
}
a.carousel-control-next i,
a.carousel-control-prev i {
display: none;
}
input#mce-EMAIL {
margin-top: 20px;
}
section.subscribe {
padding: 40px 0px
}
section.subscribe h2 {
font-size: 1.2rem;
margin-bottom: 10px;
}
section.order-number h1 {
font-size: 2rem;
}
ul.navbar-nav.ml-auto {
margin-top: 25px;
}
.footer-menu li a{font-size: 12px;}
.widget-title{font-size: 14px;}
.box2{right: 0px;}
}
@media only screen and (min-width: 769px) and (max-width:990px){
.steps-submit {
padding: 80px 0px 0px;
}
hr.dashed-line-one, .dashed-line-three, hr.dashed-line-two, .dashed-line-four{
display:none;
}
.step-content.blue-icon {
margin-top: 0px;
}
}
@media only screen and (min-width: 991px) and (max-width:1199px){
.banner-text h2{
font-size: 40px;
}
.banner-text h1 {
font-size: 70px;}
.banner-text h3 {
font-size: 51px;
}
}
.product-image-new{
width:100%;
}