html {
scroll-behavior: smooth;
overflow-x: hidden;
overflow-anchor: none !important;
}
body {
font-family: ‘Lato’;
margin: 0;
overflow-y: hidden;
/* Hide vertical scrollbar */
overflow-x: hidden;
/* Hide horizontal scrollbar */
overflow-anchor: none !important;
}
section {
height: auto;
width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-anchor: none !important;
padding: 0 2vw 0 2vw;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.CSSgal {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
/* Or set a fixed height */
overflow-anchor: none !important;
}
/* SLIDER */
.CSSgal .slider {
height: 500px;
white-space: nowrap;
font-size: 0;
transition: 0.8s;
overflow-anchor: none !important;
}
/* SLIDES */
.CSSgal .slider>* {
font-size: 1rem;
display: inline-flex;
white-space: normal;
vertical-align: top;
height: 100%;
width: 100%;
background: none 50% no-repeat;
background-size: cover;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}
/* PREV/NEXT, CONTAINERS & ANCHORS */
.CSSgal .prevNext {
position: absolute;
z-index: 1;
top: 50%;
width: 100%;
height: 0;
display: none;
overflow-anchor: none !important;
}
.CSSgal .prevNext>div+div {
visibility: hidden;
/* Hide all but first P/N container */
}
.CSSgal .prevNext a {
background: #000;
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
/* If you want to place numbers */
text-align: center;
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
backdrop-filter: blur(10px);
}
.CSSgal .prevNext a:hover {
opacity: 1;
}
.CSSgal .prevNext a+a {
left: auto;
right: 0;
}
/*SLIDER 2*/
.CSSgal .prevNext2 {
position: absolute;
z-index: 1;
top: 50%;
width: 100%;
height: 0;
display: none;
overflow-anchor: none !important;
}
.CSSgal .prevNext2>div+div {
visibility: hidden;
/* Hide all but first P/N container */
}
.CSSgal .prevNext2 a {
background: #000;
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
/* If you want to place numbers */
text-align: center;
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
backdrop-filter: blur(10px);
}
.CSSgal .prevNext2 a:hover {
opacity: 1;
}
.CSSgal .prevNext2 a+a {
left: auto;
right: 0;
}
/*SLIDER 3*/
.CSSgal .prevNext3 {
position: absolute;
z-index: 1;
top: 50%;
width: 100%;
height: 0;
display: none;
overflow-anchor: none !important;
}
.CSSgal .prevNext3>div+div {
visibility: hidden;
/* Hide all but first P/N container */
}
.CSSgal .prevNext3 a {
background: #000;
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
/* If you want to place numbers */
text-align: center;
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
backdrop-filter: blur(10px);
}
.CSSgal .prevNext3 a:hover {
opacity: 1;
}
.CSSgal .prevNext3 a+a {
left: auto;
right: 0;
}
/* NAVIGATION */
.CSSgal .bullets {
position: absolute;
z-index: 2;
top: 20px;
padding: 10px 0;
width: 100%;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.CSSgal .bullets>a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
width: auto;
min-width: 200px;
height: auto;
line-height: 30px;
text-decoration: none;
text-align: center;
background: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 900;
color: #fff;
border: #fff solid 2px;
}
.CSSgal .bullets>a+a {
background: rgba(255, 255, 255, 0.5);
border: #000 solid 2px;
color: #000;
/* Dim all but first */
}
.CSSgal .bullets>a:hover {
background: rgba(255, 255, 255, 0.7) !important;
}
/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal>s:target~.bullets>* {
background: rgba(255, 255, 255, 1);
color: #000;
border: #000 solid 2px;
}
/* ACTIVE */
#s1:target~.bullets>*:nth-child(1) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s2:target~.bullets>*:nth-child(2) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s3:target~.bullets>*:nth-child(3) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s4:target~.bullets>*:nth-child(1) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s5:target~.bullets>*:nth-child(2) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s6:target~.bullets>*:nth-child(1) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s7:target~.bullets>*:nth-child(2) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s8:target~.bullets>*:nth-child(3) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s9:target~.bullets>*:nth-child(4) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
#s10:target~.bullets>*:nth-child(5) {
background: rgb(0, 0, 0) !important;
color: #fff;
border: #fff solid 2px;
}
/* More slides? Add here more rules */
/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal>s:target~.prevNext>* {
visibility: hidden;
}
/* ACTIVE: */
#s1:target~.prevNext>*:nth-child(1) {
visibility: visible;
}
#s2:target~.prevNext>*:nth-child(2) {
visibility: visible;
}
#s3:target~.prevNext>*:nth-child(3) {
visibility: visible;
}
#s4:target~.prevNext2>*:nth-child(1) {
visibility: visible;
}
#s5:target~.prevNext2>*:nth-child(2) {
visibility: visible;
}
#s6:target~.prevNext3>*:nth-child(1) {
visibility: visible;
}
#s7:target~.prevNext3>*:nth-child(2) {
visibility: visible;
}
#s8:target~.prevNext3>*:nth-child(3) {
visibility: visible;
}
#s9:target~.prevNext3>*:nth-child(4) {
visibility: visible;
}
#s10:target~.prevNext3>*:nth-child(5) {
visibility: visible;
}
/* Add here more rules for more slides */
/* SLIDER ANIMATION POSITIONS */
#s1:target~.slider {
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
#s2:target~.slider {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
#s3:target~.slider {
transform: translateX(-200%);
-webkit-transform: translateX(-200%);
}
#s4:target~.slider {
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
#s5:target~.slider {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
#s6:target~.slider {
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
#s7:target~.slider {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
#s8:target~.slider {
transform: translateX(-200%);
-webkit-transform: translateX(-200%);
}
#s9:target~.slider {
transform: translateX(-300%);
-webkit-transform: translateX(-300%);
}
#s10:target~.slider {
transform: translateX(-400%);
-webkit-transform: translateX(-400%);
}
/* More slides? Add here more rules */
.CSSgal {
color: #fff;
text-align: center;
}
.CSSgal .slider h2 {
margin: 0;
font-weight: 200;
letter-spacing: -0.06em;
word-spacing: 0.2em;
font-size: 3em;
}
.CSSgal a {
border-radius: 30px;
margin: 0 3px;
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
}
div {
flex-direction: row;
width: 100%
}
.m-left-padding {
padding-left: 2vw;
}
.m-right-padding {
padding-right: 2vw;
}
.m-top-padding {
padding-top: 0vh;
}
img {
border-radius: 10px;
}
.d-top-bottom-padding {
padding: 40px 0 40px 0;
}
.d-top-padding {
padding-top: 40px;
}
.slider-info {
background: #0003;
width: auto;
padding-left: 2vw;
padding-right: 2vw;
border-radius: 10px 10px 0 0;
backdrop-filter: blur(10px);
}
.hide-mobile {
display: none;
}
.hide-desktop {
display: block;
}
.faq {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: flex-start;
width: 100%;
}
.faq>h3 {
font-size: 32px;
line-height: 1.2em;
}
video {
border-radius: 10px;
}
ul {
padding-left: 18px;
}
@media screen and (max-width:900px) {
div {
flex-direction: column;
}
.m-left-padding {
padding-left: 0vw;
}
.m-right-padding {
padding-right: 0vw;
}
.m-top-padding {
padding-top: 20px;
}
.d-top-bottom-padding {
padding: 20px;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
.CSSgal .prevNext {
visibility: visible;
display: block;
}
.CSSgal .prevNext2 {
visibility: visible;
display: block;
}
.CSSgal .prevNext3 {
visibility: visible;
display: block;
}
.bullets {
display: none !important;
}
.hide-mobile {
display: block;
}
.hide-desktop {
display: none;
}
.slider-info {
border-radius: 10px 10px 10x 10px !important;
}
.d-top-padding {
padding-top: 0px;
}
p {
margin: 20px 0 0px 0;
}
h3 {
margin: 20px 0 0px 0;
}
}
Advance Parts Protective Fabrics
Outer Fabric
Protective Outer Poly Vinyl Blend
- 100% Waterproof: Offer protection against rain, snow, and other types of moisture.
- Breathable: Helps prevent moisture from building up under the cover, which can lead to mold and
mildew. - Lightweight: Easy to handle, which makes them convenient to put on and off.
Inner Fabric
Soft Inner Non-woven Lining
- Scratch Resistant: Gentle on your car’s paint, reducing the risk of scratches and abrasions.
- Breathable: Our inner lining allows air to circulate through the cover, keeping it dry.
- Durable: Strong enough to withstand the rigors of regular use without tearing or fraying.
Scratchproof Protection Against Pets
Our car covers safeguard your vehicle from scratches
caused by pets. The full exterior design is
scratch-resistant and features a durable outer & middle layer padded with cotton to protect your car
from sharp claws. No need to worry about watching over your furry friends with our protective
covers.
Easily Foldable Weatherproof Outer and Soft Inner
Our covers offer a multi-layered shield for your vehicle.
The outer layer is robust, waterproof, and scratch-resistant, ensuring your car is well protected.
The inner layer is made of soft dustproof cotton, providing a gentle touch on your car’s surface.
All this make it foldable & easy to store.
Double Stitched Elastic Seams for Fitted Grip
This car cover is made from waterproof fabric with
stitched seams and elastic hems that tightly grip
your vehicle’s front and back ends. It fits coupes, sedans, hatchbacks, wagons, providing
comprehensive care against heat and storms in all seasons. Guard your car from the elements with
iCarcover.
Top-notch Water Resistant Surface
Our waterproof car covers offer superior moisture
protection. The mesh-work of thousands of fibers
allows for breathability while blocking water, spills, and melted ice from penetrating through.
Trust our expertly-made covers to keep your car dry and protected in any situation.
FAQ
1. When will I receive my order?
It usually takes us 24 hours to ship, and your parcel will generally arrive between 1-5 business days
after shipment. However, you can always track your order using the tracking number given in the
confirmation email.
2. Does this cover protect from the Sun?
Yes. Our premium car covers guarantee to provide you with 100% protection from the sun’s heat and UV
rays. We make sure that your car’s interior temperature is regulated while saving your car’s exterior
from getting any kind of damage.
3. Is it safe to leave my car covered outside in heavy rain?
Of course! You can always leave your vehicle outdoors during heavy rain with this cover on. Our unique
car covers at Advance Parts are built with heavy-duty material to protect your car from extreme and
harsh weather conditions like rain, snow, hail, storms, and many more. The strong make not only ensure
all-weather protection but also safeguards from abrasion as it comes with a soft cotton inner lining.
4. Can I use your car cover on a windy day?
Yes, our premium car covers come with three tie-down straps along the front, middle, and back. They will
prevent the car cover from blowing away.
5. How can I track my order?
We make sure to send you a FedEx or UPS Tracking number along with the order confirmation email. You can
search for the tracking number by simply putting it up on google.com or track it on the FedEx or UPS
website. You should be able to see the full information about tracking through any of these mentioned
tracking systems.
6. I have an antenna, can the cover still fit?
Yes, our cover comes with 2 free antenna patches. To use these patches, you
will simply need to place a hole in the correct location on the cover, and then apply the patch in that
location. This will provide flawless coverage to your car. If your antenna is removable, we recommend
considering this option. It will make covering your car much easier.
7. How many layers does your cover have?
Our car cover has the latest single-layer design that comes without the presence of any bonding welds.
This gives you all the benefits of a multilayered material unaccompanied by the associated drawbacks.
Our distinctive single-layer design tends to form a tighter bond to work together thereby eliminating
the risk of material separation. This will further keep your cover working at its optimal level. Much
better than multilayered covers!
8. How often should I wash my cover?
There is no magic number, but it all depends on the external environments and factors of your car, as
well as how you use your cover. If your judgment tells you that your cover is looking a bit dirty, it
might be time to wash it! Dirt particles may compromise the effectiveness of the water-resistance of the
fabric. When washing, make sure to follow the washing instructions for the car cover you own to ensure
its long-lasting durability and protection.
Değerlendirmeler
Henüz değerlendirme yapılmadı.