html {
scroll-behavior: smooth;
}
body{
color: #595858;
font-family: Josefin Sans,Arial,Helvetica,sans-serif;
}
header{border-bottom: 1px solid #c4c4c4;}
.headerContent{
display: grid;
grid-template-columns: 1fr 8fr 1fr;
align-items: center;
height: 70px;
font-size: 26px;
}
.toggleDiv{
display: grid;
justify-content: center;
border-right: 1px solid gray;
}
.logoDiv{
padding-left: 50px;
}
/* main section */
.mainSection{
/* height: 90vh; */
display: grid;
grid-template-columns: 8.5fr 1fr 3.5fr;
}
.pillowMainDiv{
/* height: 95vh; */
/* display: grid; */
/* justify-content: center; */
align-items: center;
background-color: #fefefe;
margin-right: 20px;
}
.pillowInnerDiv{
/* display: grid;
justify-content: center; */
display: flex;
justify-content: center;
align-items: center;
height:75vh;
}
.pillowImg{
height: 250px;
}
.bottomItemGrid{
display: grid;
grid-template-columns: repeat(11,1fr);
align-items: flex-end;
justify-content: flex-end;
width: 72%;
/* grid-gap: 30px; */
margin: 0 auto;
margin-top: 10vh;
}
.grid-item,.renders{
width: 60px;
height: 60px;
/* background-color: brown;
border-radius: 50px; */
background-size: cover;
}
.slider0{
background-image: url('./images/icon-1.png');
background-size: cover;
}
.slider1{
background-image: url('./images/icon-2.png');
background-size: cover;
}
.slider2{
background-image: url('./images/icon-3.png');
background-size: cover;
}
.slider3{
background-image: url('./images/icon-4.png');
background-size: cover;
}
.slider4{
background-image: url('./images/icon-5.png');
background-size: cover;
}
.slider5{
background-image: url('./images/icon-6.png');
background-size: cover;
}
.slider7{
background-image: url('./images/icon-7.png');
background-size: cover;
}
.slider8{
background-image: url('./images/icon-8.png');
background-size: cover;
}
.slider9{
background-image: url('./images/icon-9.png');
background-size: cover;
}
.slider10{
background-image: url('./images/icon-10.png');
background-size: cover;
}
.grid-item-border{
border-right: 1px solid;
height: wid;
width: 0px;
height: 100%;
margin-left: 40%;
}
.maat360{
margin-right: 20px;
border: 1px solid;
border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
display: grid;
justify-content: center;
align-items: center;font-size: 12px;
color: #1c1c1c;
}
.leftArrow{
width: 100%;justify-content: center;display: flex;
}
.leftRightArrowsInnerSpan{
border: 1px solid gray;
width: 30px;
border-radius: 50px;
height: 30px;
justify-content: center;
text-align: center;
}
.watermark{
position: absolute;
height: 250px;
top: 30%;
left: 15%;
opacity: 0.4;
z-index: 1111;
}
.RightArrow{
display: flex;width: 100%;justify-content: center;
}
/* col2 starts */
.mainCol2{
height: 750px;
overflow-y: scroll;
margin: 0 0 0 auto;
position: relative;
/*box-shadow: 3px 3px 5px 6px #ccc inset;*/
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1)inset;
scrollbar-width: none;
/*margin-top: 25px;*/
}
.invisible-scrollbar {
scrollbar-width: none;
}
.invisible-scrollbar::-webkit-scrollbar {
display: none;
}
.scrollable-element {
scrollbar-width: none;
}
html, body {
overflow-y: scroll;
scrollbar-width: none;
}
body::-webkit-scrollbar {
width: 0;
height: 0;
}
::-webkit-scrollbar {
display: none;
}
.mainCol2Nested{
display: grid;
grid-template-columns: 80px 80px;
/* grid-gap: 10px; */
grid-column-gap: 0px;
grid-row-gap: 10px;
/* margin-top: 10px; */
border: 2px solid #ddd;
border-bottom: none;
padding: 10px;
width: 180px;
justify-content: center;
}
.col2InnerDives{
height: auto;
width: 70px;
background-size: cover;
display: grid;
justify-content: end;
}
/* */
.col2InnerDivesColors{
height: auto;
width: 70px;
background-size: cover;
display: grid;
justify-content: end;
}
/* */
.col2Color1{
background-image: url('./images/pillow_thumbnails/atlasTurquoise.png')
}
/* .col2Color1:hover .mainModal{display: block;} */
/* .mainModal{
display: none;
} */
.col2Color2{
background-image: url('./images/pillow_thumbnails/bellaAmber.png')
}
.col2Color3{
background-image: url('./images/pillow_thumbnails/bellaApple.png')
}
.col2Color4{
background-image: url('./images/pillow_thumbnails/bellaBuckwheat.png')
}
.col2Color5{
background-image: url('./images/pillow_thumbnails/bellaCaribbean.png')
}
.col2Color6{
background-image: url('./images/pillow_thumbnails/bellaCocoa.png')
}
.col2Color7{
background-image: url('./images/pillow_thumbnails/bellaCoffee.png')
}
.col2Color8{
background-image: url('./images/pillow_thumbnails/bellaEspresso.png')
}
.col2Color9{
background-image: url('./images/pillow_thumbnails/bellaPewter.png')
}
.col2Color10{
background-image: url('./images/pillow_thumbnails/bellaSkylight.png')
}
.col2Color11{
background-image: url('./images/pillow_thumbnails/blancheMilky.png');
}
.col2Color12{
background-image: url('./images/pillow_thumbnails/catalinaCharcoal.png')
}
.col2Color13{
background-image: url('./images/pillow_thumbnails/catalinaIvory.png')
}
.col2Color14{
background-image: url('./images/pillow_thumbnails/catalinaLinen.png')
}
.col2Color15{
background-image: url('./images/pillow_thumbnails/catalinaSilver.png')
}
.col2Color16{
background-image: url('./images/pillow_thumbnails/catalinaSteel.png')
}
.col2Color17{
background-image: url('./images/pillow_thumbnails/catalinaWheat.png')
}
.col2Color18{
background-image: url('./images/pillow_thumbnails/cosmoCharcoal.png')
}
.col2Color19{
background-image: url('./images/pillow_thumbnails/cosmoChocolate.png')
}
.col2Color20{
background-image: url('./images/pillow_thumbnails/cosmoFawn.png')
}
.col2Color21{
background-image: url('./images/pillow_thumbnails/cosmoIvory.png')
}
/* */
/* .col2Color22{
background-image: url('./pillow thumbnails/cosmo-sand.png')
}
.col2Color23{
background-image: url('./pillow thumbnails/cosmo-silver.png')
}
.col2Color24{
background-image: url('./pillow thumbnails/cosmo-steel.png')
}
.col2Color25{
background-image: url('./pillow thumbnails/cosmo-taupe.png')
}
.col2Color26{
background-image: url('./pillow thumbnails/cosmo-teal.png')
}
.col2Color27{
background-image: url('./pillow thumbnails/cosmo-turquoise.png')
}
.col2Color28{
background-image: url('./pillow thumbnails/cosmo-vintage.png')
}
.col2Color29{
background-image: url('./pillow thumbnails/dawson-platinum.png')
}
.col2Color30{
background-image: url('./pillow thumbnails/dawson-sand.png')
} */
.bottmGrid{
display: grid;
/* grid-auto-flow: column; */
background-color: #1c1c1c;
/* justify-content: ; */
text-align: center;
grid-template-columns: repeat(4,1fr);
/* justify-content: center; */
width: 100%;
margin-left: 80px;
height: 60px;
}
.bottomGridItems{
margin: 0 auto;
/* width: 50px;
height: 50px; */
/* background-color: orange; */
justify-content: center;
display: grid;
align-items: end;
}
.bottomGridItems img{
width: 35px;
height: 35px;
display: grid;
align-items: end;
}
/* main col3 */
.mainCol3{
background-color: #f2f2f2;
text-align: center;
padding: 25px;
margin-left: 30px;
}
.h3{
font-weight: 600;
}
.stof,.vulText,.maatText,.afwerkText{
font-weight: 800;font-size: 15px;color:#1c1c1c;
}
.i{
font-weight: normal;
border: 1px solid #e4e4e4;
border-radius: 50px;
width: 37px;
display: inline-block;
height: 37px;
}
.iAcc3{
font-weight: normal;
border: 2px solid gray;
border-radius: 50px;
width: 28px;
display: inline-block;
height: 28px;
}
.col3InnerDiv{
display: grid;
grid-template-columns: 2fr 1fr;
background-color: #fff;
padding-top: 20px;
}
.card{
margin-bottom: 15px;
border: none !important;
border-radius: 7px !important;
border-bottom-right-radius: 7px !important;
border-bottom-left-radius: 7px !important;
position: relative;
background: #FFF;
box-shadow: -2px 2px 4px rgba(0,0,0,0.05);
}
.col3InnerDivStart{
display: grid;
justify-content: start;
/* background-color: #e20075; */
height: 25px;
color: #fff;
justify-content: center;
border-radius: 2px 0 6px 0;
width: 30px;
position: absolute;
}
.col3InnerDivStartOpt{
display: grid;
justify-content: start;
background-color: #d7d7d7;
height: 25px;
color: #fff;
justify-content: center;
border-radius: 5px 0 4px 0;
width: 30px;
}
.borderBottom{
height: 1px;
width: 90%;
background-color: #e4e4e4 ;
margin: 0 auto
}
.borderBottomAcc3{
height: 1px;
width: 90%;
background-color: #e4e4e4 ;
margin: 0 auto;
margin: 10px 0px;
}
.col3InnerDiv1{
display: grid;
justify-content: center;
}
.col3Para{
font-size: 12px;
padding-left: 20px;
padding-top: 10px;
}
.col3InnerDiv2{
display: grid;
justify-content: end;
align-items: center;
}
/* */
.animate{
position: relative;
animation: zoom-in-zoom-out 3s;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1);
right: 60px;
top: -20px;
}
50% {
transform: scale(2.2);
right: 30px;
top: -12px;
}
100% {
transform: scale(1);
top: 0px;
right: 0px;
}
}
.col3Inneri{
font-weight: normal;
border: 1px solid #e4e4e4;
border-radius: 50px;
width: 20px;
display: inline-block;
height: 20px;
margin-right: 20px;
text-align: center;
}
.col3PlofColors{
width: 20px;
height: 20px;
border-radius: 50px;
grid-gap: 10px;
}
.col3PlofColor1{
background-color: green;
}
.col3PlofColor2{
background-color: red;
}
.col3PlofColor3{
background-color: yellow;
}
.col3PlofColor4{
background-color: orange;
}
.col3PlofColor5{
background-color: gray;
}
.col3PlofColor6{
background-color: black;
}
.col3PlofColor7{
background-color: beige;
}
.col3PlofColor8{
background-color: blue;
}
.col3PlofColor9{
background-color: brown;
}
.col3PlofColor10{
background-color: purple;
}
.col3PlofColor11{
background-color: #e0e0e0;
}
.col3PlofColor12{
background-color: pink;
}
.sunporoofBtn,.sunbrellaBtn,.exclusiefBtn,.kunstlederBtn{
border: 1px solid gray;
border-radius: 20px;
width: 110px;
height: 35px;
font-size: 11px;
}
/* accordion */
.btn-link{
color: #000 !important;
text-decoration: none !important;
outline: none !important;
}
#accordion,#accordion2,#accordion3{
margin-top: 10px;
}
#headingOne,#headingTwo,#headingThree{
background-color: #fff !important;
}
.smallText{
font-size: 12px;
}
.pinkBtnDiv{
width: 100%;
margin: 0 auto;
margin-top: 25px;
}
.pinkBtn{
width: 93%;
background-color: #e20074;
padding: 10px;
border: none;
border-radius: 30px;
color: white;
box-shadow: 0px 0px 5px 4px #f696c7;
font-size: 20px;
}
.fa-shopping-cart{
font-size: 30px;
margin-right: 20px;
}
/* opening accordions */
/* .figImages{
border: 1px solid #e7e7e7;
} */
.figCaptionMainDiv{
display: grid;grid-template-columns: repeat(2,1fr);
grid-gap: 10px
}
figcaption{
text-align: left;
}
.figI{
width: 25px;
height: 25px;
display: inline-block;
border: 1px solid #e4e4e4;
border-radius: 50px;
text-align: center;
margin-top: 5px;
}
.acc4Para{
text-align: left;
}
.afwerSpan{
font-weight: 600;
margin-right: 15px;
}
.zijnaadSpan{
font-size: 14px;
font-weight: normal;
}
.acc3DimensionGrid{
display: flex;
justify-content: space-between;
width: 80%;
margin: 0 auto;
align-items: flex-end;
}
/* radio */
input[type="radio"] {
/* remove standard background appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* create custom radiobutton appearance */
display: inline-block;
width: 25px;
height: 25px;
padding: 6px;
/* background-color only for content */
background-clip: content-box;
border: 2px solid #bbbbbb;
background-color: #e7e6e7;
border-radius: 50%;
/* my code */
/* background-color: #e20075; */
}
/* appearance for checked radiobutton */
input[type="radio"]:checked {
background-color: #e20075;
border: 1px solid #e20075;
}
.acc2Grid{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
/* border: 1px solid lightgray; */
align-items: center;
height: 100px;
font-weight: 600;
}
.acc2GridItem1{
height: 100px;
display: grid;
justify-content: center;
align-items: center;
border: 1px solid #e7e7e7;
}
.acc2GridItem2{
height: 100px;
display: grid;
justify-content: center;
align-items: center;
border: 1px solid #e7e7e7;
/* background-color: #bdebee; */
}
.acc2UL{
text-align: left;
margin: 10px 0px;
list-style: none;
}
.acc2UL li:before{
content: '✓';
color: green;
margin-right: 10px;
font-weight: bold;
}
.borderBottomAcc2{
height: 1px;
width: 65%;
background-color: #e4e4e4 ;
margin: 0 auto
}
.dropdown-menu{
font-size: 12px;
width: 80px !important;
min-width: auto;
padding: 0 !important;
}
.dropdown-item{
padding: 1px !important;
}
input[type="button"] {
outline: none !important;
box-shadow: none !important;
padding: 0;
border: none;
background: none;
}
button:focus { outline: none; }
.belowPillowMainDiv{
display: flex;justify-content: flex-end;align-items: center;height: 15vh;
}
/* */
@media (min-width:650px) and (max-width:1300px){
.mainSection{
display: block;
}
.belowPillowMainDiv{
height: 10vh !important;
}
.pillowInnerDiv{
height: 40vh !important;
}
.bottomItemGrid{
width: 100%;
}
.bottmGrid{
margin-left: 0 !important;
}
.mainCol2Nested{
display: grid;
grid-template-columns: 1fr 1fr !important;
/* grid-gap: 10px; */
grid-column-gap: 0px;
grid-row-gap: 10px;
/* margin-top: 10px; */
border: none;
padding: 10px;
justify-content: end;
width: auto !important;
}
.col2InnerDives {
/*height: 60px;*/
width: 70px;
display: grid;
justify-content: center;
margin: 0 auto;
}
}
/*.fa-arrow-down,.fa-arrow-up{*/
/* display:none;*/
/*}*/
@media(max-width:649px){
.col3StofColorsAll{
margin-right: 0px !important;
margin-left: 20px;
}
.pillowMainDiv{
margin-right: 0px;margin-top: 40px;
}
.mainCol3{
height:600px;
overflow: scroll;
padding-left: 0px;
margin-left: 0px;
padding: 30px 10px;
background-color: transparent !important;
}
/*.gotoDown{*/
/*}*/
.bottomItemGrid{
margin-top: 2vh;
}
/*.fa-arrow-down,.fa-arrow-up{*/
/*margin: 0;*/
/*padding: 0;*/
/*display: grid;*/
/*justify-content: flex-end;*/
/*font-size: 32px;*/
/*color:#000;*/
/*}*/
#app{
height:300px !important;
}
.col2InnerDives {
/*height: 60px;*/
width: 70px;
display: grid;
justify-content: center;
margin: 0 auto;
}
.mainSection{
display: block !important;
}
.pillowMainDiv{
display: block !important;
}
.belowPillowMainDiv{
height: 15vh !important;
}
.pillowInnerDiv{
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0px;
height: 40vh !important;
}
.bottomItemGrid{
display: grid;
grid-template-columns: repeat(5,1fr);
align-items: flex-end;
justify-content: flex-end;
width: 100%;
/* grid-gap: 30px;
margin: 0 auto; */
grid-row-gap: 10px;
padding-bottom: 20px;
}
.grid-item-border{
display: none !important;
}
.bottmGrid{
margin-left: 0 !important;
width: 100% !important;
}
.mainCol2{
height: 400px !important;
margin-bottom: 20px;
}
.col3StofColorsAll{
grid-template-columns: repeat(4,1fr) !important;
}
.mainCol2Nested{
display: grid;
grid-template-columns: auto !important;
/* grid-gap: 10px; */
grid-column-gap: 0px;
grid-row-gap: 10px;
/* margin-top: 10px; */
border: none;
padding: 10px;
justify-content: center;
width: auto !important;
}
#all,#uni,#stripes,#copa,#font,#south,#balian,#new,#heri,#lopi,#natte,#solids,#stripesSunbrella,#zori,#dakota,#flame,#old,#premium,#fantasy{
grid-template-columns: 1fr 1fr 1fr 1fr !important;
grid-gap: 10px;
justify-content: center !important;
}
}
#headingFour{
padding: 0 !important;
width: 100%;
}
.card-header,.collapse,.show{
border: none;
}
.collapseFourBtn{
padding: 0 !important;
}
/* modal */
.smallText{
font-size: 10px;
}
.modal1IconsDiv{
display: flex;
justify-content: center;
}
.modal1Icons{
max-width: 20px;
margin: 0 5px;
}
.modal-sm{
width: 250px !important;
}
/* .color7RadioDiv{
display: none;
} */
/* .color7RadioSpan:after{
color: red;
} */
.modalForColors{
width: auto !important;
height: auto !important;
margin-top: 0px !important;
/* right: 0% !important; */
padding-right: 0px !important;
margin-left: 50%;
position: absolute;
/* height: 100vh !important; */
}
.acc2Grid{
border-radius: 5px;
}
.step1ColorName,.randomTextVulling,.dynamicStep3Value,.zijnaadSpan{
text-align: center;font-size: 15px !important;font-weight:400 !important;color:#1c1c1c;
}
.diffCategories {
background-color: #FFFFFF;
padding: 5px;
}
.option-selected {
background-color: #bdebee;
}
.fabricName{
text-align: center;font-size: 16px;
}
.zoom{
transform: scale(1.2);
}
/* modals */
/* .mainCol2 = position:relative */
.modalForColors:hover .mainCol2{
z-index: -1;
}
.dynamicStep3Value{
font-size: 18px;
}
.step2DynamicImg1,.step2DynamicImg2{
width: 60px;
height: 60px;
display: none;
}
.step2DynamicImgDiv{
display: grid;justify-content: end;
}
.modal-backdrop
{
opacity:0 !important;
height: auto !important;
width: auto !important;
}
#modalQuestion{
z-index: 1000;
position: relative;
}
/*@media(min-width:1377px) and (max-width:1570px){*/
/* margin-left: 33%*/
/*}*/
/* input:focus {
outline-style: none;
box-shadow: none;
border-color: transparent;
} */
/* */
.sunbrella,.excluseif,.kunstleder{
display: none;
}
/* colors, hidden divs */
.sunproofColors{
display: none;
}
.uniColors{
width: 70px;
height: 70px;
background-size: cover;
}
#all,#uni,#stripes,#copa,#font,#south,#balian,#new,#heri,#lopi,#natte,#solids,#stripesSunbrella,#zori,#dakota,#flame,#old,#premium,#fantasy{
/* height: 70px; */
/* width: 70px; */
background-size: cover;
display: grid;
justify-content: end;
grid-template-columns: 1fr 1fr;
width: 160px;
grid-row-gap: 5px;
}
.mainCol2Nested2{
grid-template-columns: auto;
}
.uniColor1{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/1.jpg');
}
.uniColor2{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/2.jpg');
}
.uniColor3{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/3.jpg');
}
.uniColor4{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/4.jpg');
}
.uniColor5{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/5.jpg');
}
.uniColor6{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/6.jpg');
}
.uniColor7{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/7.jpg');
}
.uniColor8{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/8.jpg');
}
.uniColor9{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/9.jpg');
}
.uniColor10{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/10.jpg');
}
.uniColor11{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/11.jpg');
}
.uniColor12{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/12.jpg');
}
.uniColor13{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/13.jpg');
}
.uniColor14{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/14.jpg');
}
.uniColor15{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/15.jpg');
}
.uniColor16{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/16.jpg');
}
.uniColor17{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/17.jpg');
}
.uniColor18{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/18.jpg');
}
.uniColor19{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/19.jpg');
}
.uniColor20{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/20.jpg');
}
.uniColor21{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/21.jpg');
}
.uniColor22{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/22.jpg');
}
.uniColor23{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/23.jpg');
}
.uniColor24{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/24.jpg');
}
.uniColor25{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/25.jpg');
}
.uniColor26{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/26.jpg');
}
.uniColor27{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/27.jpg');
}
.uniColor28{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/28.jpg');
}
.uniColor29{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/29.jpg');
}
.uniColor30{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/30.jpg');
}
.uniColor31{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/31.jpg');
}
.uniColor32{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/32.jpg');
}
.uniColor33{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/33.jpg');
}
.uniColor34{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/34.jpg');
}
.uniColor35{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/35.jpg');
}
.uniColor36{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/36.jpg');
}
.uniColor37{
background-image: url('./images/Sunproof/CartenzaUni/JPEG/37.jpg');
}
/* stripes starts */
.stripesColor1{
background-image: url('./images/Sunproof/Stripes/JPEG/1.jpg')
}
.stripesColor2{
background-image: url('./images/Sunproof/Stripes/JPEG/2.jpg')
}
.stripesColor3{
background-image: url('./images/Sunproof/Stripes/JPEG/3.jpg')
}
.stripesColor4{
background-image: url('./images/Sunproof/Stripes/JPEG/4.jpg')
}
.stripesColor5{
background-image: url('./images/Sunproof/Stripes/JPEG/5.jpg')
}
.stripesColor6{
background-image: url('./images/Sunproof/Stripes/JPEG/6.jpg')
}
.stripesColor7{
background-image: url('./images/Sunproof/Stripes/JPEG/7.jpg')
}
.stripesColor8{
background-image: url('./images/Sunproof/Stripes/JPEG/8.jpg')
}
.stripesColor9{
background-image: url('./images/Sunproof/Stripes/JPEG/9.jpg')
}
.stripesColor10{
background-image: url('./images/Sunproof/Stripes/JPEG/10.jpg')
}
.stripesColor11{
background-image: url('./images/Sunproof/Stripes/JPEG/11.jpg')
}
.stripesColor12{
background-image: url('./images/Sunproof/Stripes/JPEG/12.jpg')
}
.stripesColor13{
background-image: url('./images/Sunproof/Stripes/JPEG/13.jpg')
}
.stripesColor14{
background-image: url('./images/Sunproof/Stripes/JPEG/14.jpg')
}
.stripesColor15{
background-image: url('./images/Sunproof/Stripes/JPEG/15.jpg')
}
.stripesColor16{
background-image: url('./images/Sunproof/Stripes/JPEG/16.jpg')
}
/* copa starts */
.copaColor1{
background-image: url('./images/Sunproof/Copacobana/JPEG/1.jpg')
}
.copaColor2{
background-image: url('./images/Sunproof/Copacobana/JPEG/2.jpg')
}
.copaColor3{
background-image: url('./images/Sunproof/Copacobana/JPEG/3.jpg')
}
.copaColor4{
background-image: url('./images/Sunproof/Copacobana/JPEG/4.jpg')
}
.copaColor5{
background-image: url('./images/Sunproof/Copacobana/JPEG/5.jpg')
}
.copaColor6{
background-image: url('./images/Sunproof/Copacobana/JPEG/6.jpg')
}
.copaColor7{
background-image: url('./images/Sunproof/Copacobana/JPEG/7.jpg')
}
.copaColor8{
background-image: url('./images/Sunproof/Copacobana/JPEG/8.jpg')
}
.copaColor9{
background-image: url('./images/Sunproof/Copacobana/JPEG/9.jpg')
}
.copaColor10{
background-image: url('./images/Sunproof/Copacobana/JPEG/10.jpg')
}
/* font starts */
.fontColor1{
background-image: url('./images/Sunproof/Fontelina/JPEG/1.jpg')
}
.fontColor2{
background-image: url('./images/Sunproof/Fontelina/JPEG/2.jpg')
}
.fontColor3{
background-image: url('./images/Sunproof/Fontelina/JPEG/3.jpg')
}
.fontColor4{
background-image: url('./images/Sunproof/Fontelina/JPEG/4.jpg')
}
.fontColor5{
background-image: url('./images/Sunproof/Fontelina/JPEG/5.jpg')
}
.fontColor6{
background-image: url('./images/Sunproof/Fontelina/JPEG/6.jpg')
}
.fontColor7{
background-image: url('./images/Sunproof/Fontelina/JPEG/7.jpg')
}
.fontColor8{
background-image: url('./images/Sunproof/Fontelina/JPEG/8.jpg')
}
.fontColor9{
background-image: url('./images/Sunproof/Fontelina/JPEG/9.jpg')
}
.fontColor10{
background-image: url('./images/Sunproof/Fontelina/JPEG/10.jpg')
}
.fontColor11{
background-image: url('./images/Sunproof/Fontelina/JPEG/11.jpg')
}
.fontColor12{
background-image: url('./images/Sunproof/Fontelina/JPEG/12.jpg')
}
.fontColor13{
background-image: url('./images/Sunproof/Fontelina/JPEG/13.jpg')
}
.fontColor14{
background-image: url('./images/Sunproof/Fontelina/JPEG/14.jpg')
}
.fontColor15{
background-image: url('./images/Sunproof/Fontelina/JPEG/15.jpg')
}
.fontColor16{
background-image: url('./images/Sunproof/Fontelina/JPEG/16.jpg')
}
.fontColor17{
background-image: url('./images/Sunproof/Fontelina/JPEG/17.jpg')
}
.fontColor18{
background-image: url('./images/Sunproof/Fontelina/JPEG/18.jpg')
}
.fontColor19{
background-image: url('./images/Sunproof/Fontelina/JPEG/19.jpg')
}
.fontColor20{
background-image: url('./images/Sunproof/Fontelina/JPEG/20.jpg')
}
.fontColor21{
background-image: url('./images/Sunproof/Fontelina/JPEG/21.jpg')
}
.fontColor22{
background-image: url('./images/Sunproof/Fontelina/JPEG/22.jpg')
}
.fontColor23{
background-image: url('./images/Sunproof/Fontelina/JPEG/23.jpg')
}
.fontColor24{
background-image: url('./images/Sunproof/Fontelina/JPEG/24.jpg')
}
.fontColor25{
background-image: url('./images/Sunproof/Fontelina/JPEG/25.jpg')
}
/* south */
.southColor1{
background-image: url('./images/Sunproof/Southend/JPEG/1.jpg')
}
.southColor2{
background-image: url('./images/Sunproof/Southend/JPEG/2.jpg')
}
.southColor3{
background-image: url('./images/Sunproof/Southend/JPEG/3.jpg')
}
.southColor4{
background-image: url('./images/Sunproof/Southend/JPEG/4.jpg')
}
.southColor5{
background-image: url('./images/Sunproof/Southend/JPEG/5.jpg')
}
.southColor6{
background-image: url('./images/Sunproof/Southend/JPEG/6.jpg')
}
.southColor7{
background-image: url('./images/Sunproof/Southend/JPEG/7.jpg')
}
.southColor8{
background-image: url('./images/Sunproof/Southend/JPEG/8.jpg')
}
.southColor9{
background-image: url('./images/Sunproof/Southend/JPEG/9.jpg')
}
.southColor10{
background-image: url('./images/Sunproof/Southend/JPEG/10.jpg')
}
.southColor11{
background-image: url('./images/Sunproof/Southend/JPEG/11.jpg')
}
.southColor12{
background-image: url('./images/Sunproof/Southend/JPEG/12.jpg')
}
.southColor13{
background-image: url('./images/Sunproof/Southend/JPEG/13.jpg')
}
.southColor14{
background-image: url('./images/Sunproof/Southend/JPEG/14.jpg')
}
.southColor15{
background-image: url('./images/Sunproof/Southend/JPEG/15.jpg')
}
.southColor16{
background-image: url('./images/Sunproof/Southend/JPEG/16.jpg')
}
.southColor17{
background-image: url('./images/Sunproof/Southend/JPEG/17.jpg')
}
.southColor18{
background-image: url('./images/Sunproof/Southend/JPEG/18.jpg')
}
.southColor19{
background-image: url('./images/Sunproof/Southend/JPEG/19.jpg')
}
.southColor20{
background-image: url('./images/Sunproof/Southend/JPEG/20.jpg')
}
.southColor21{
background-image: url('./images/Sunproof/Southend/JPEG/21.jpg')
}
.southColor22{
background-image: url('./images/Sunproof/Southend/JPEG/22.jpg')
}
/* balian */
.balianColor1{
background-image: url('./images/Sunproof/Balian/JPEG/1.jpg')
}
.balianColor2{
background-image: url('./images/Sunproof/Balian/JPEG/2.jpg')
}
.balianColor3{
background-image: url('./images/Sunproof/Balian/JPEG/3.jpg')
}
.balianColor4{
background-image: url('./images/Sunproof/Balian/JPEG/4.jpg')
}
.balianColor5{
background-image: url('./images/Sunproof/Balian/JPEG/5.jpg')
}
/* new */
.newColor1{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/1.jpg')
}
.newColor2{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/2.jpg')
}
.newColor3{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/3.jpg')
}
.newColor4{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/4.jpg')
}
.newColor5{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/5.jpg')
}
.newColor6{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/6.jpg')
}
.newColor7{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/7.jpg')
}
.newColor8{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/8.jpg')
}
.newColor9{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/9.jpg')
}
.newColor10{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/10.jpg')
}
.newColor11{
background-image: url('./images/Sunproof/NewKobelenzBelin/JPEG/11.jpg')
}
/* sunbrella starts */
.heriColor1{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/1.jpg')
}
.heriColor2{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/2.jpg')
}
.heriColor3{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/3.jpg')
}
.heriColor4{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/4.jpg')
}
.heriColor5{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/5.jpg')
}
.heriColor6{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/6.jpg')
}
.heriColor7{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/7.jpg')
}
.heriColor8{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/8.jpg')
}
.heriColor9{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/9.jpg')
}
.heriColor10{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/10.jpg')
}
.heriColor11{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/11.jpg')
}
.heriColor12{
background-image: url('./images/Sunbrella/Sunbrella/Heritage/JPEG/12.jpg')
}
/* lopi */
.lopiColor1{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/1.jpg')
}
.lopiColor2{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/2.jpg')
}
.lopiColor3{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/3.jpg')
}
.lopiColor4{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/4.jpg')
}
.lopiColor5{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/5.jpg')
}
.lopiColor6{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/6.jpg')
}
.lopiColor7{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/7.jpg')
}
.lopiColor8{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/8.jpg')
}
.lopiColor9{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/9.jpg')
}
.lopiColor10{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/10.jpg')
}
.lopiColor11{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/11.jpg')
}
.lopiColor12{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/12.jpg')
}
.lopiColor13{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/13.jpg')
}
.lopiColor14{
background-image: url('./images/Sunbrella/Sunbrella/Lopi/JPEG/14.jpg')
}
/* natte */
.natteColor1{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/1.jpg')
}
.natteColor2{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/2.jpg')
}
.natteColor3{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/3.jpg')
}
.natteColor4{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/4.jpg')
}
.natteColor5{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/5.jpg')
}
.natteColor6{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/6.jpg')
}
.natteColor7{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/7.jpg')
}
.natteColor8{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/8.jpg')
}
.natteColor9{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/9.jpg')
}
.natteColor10{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/10.jpg')
}
.natteColor11{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/11.jpg')
}
.natteColor12{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/12.jpg')
}
.natteColor13{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/13.jpg')
}
.natteColor14{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/14.jpg')
}
.natteColor15{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/15.jpg')
}
.natteColor16{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/16.jpg')
}
.natteColor17{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/17.jpg')
}
.natteColor18{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/18.jpg')
}
.natteColor19{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/19.jpg')
}
.natteColor20{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/20.jpg')
}
.natteColor21{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/21.jpg')
}
.natteColor22{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/22.jpg')
}
.natteColor23{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/23.jpg')
}
.natteColor24{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/24.jpg')
}
.natteColor25{
background-image: url('./images/Sunbrella/Sunbrella/NATTE/JPEG/25.jpg')
}
/* solids */
.solidsColor1{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/1.jpg')
}
.solidsColor2{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/2.jpg')
}
.solidsColor3{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/3.jpg')
}
.solidsColor4{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/4.jpg')
}
.solidsColor5{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/5.jpg')
}
.solidsColor6{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/6.jpg')
}
.solidsColor7{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/7.jpg')
}
.solidsColor8{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/8.jpg')
}
.solidsColor9{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/9.jpg')
}
.solidsColor10{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/10.jpg')
}
.solidsColor11{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/11.jpg')
}
.solidsColor12{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/12.jpg')
}
.solidsColor13{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/13.jpg')
}
.solidsColor14{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/14.jpg')
}
.solidsColor15{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/15.jpg')
}
.solidsColor16{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/16.jpg')
}
.solidsColor17{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/17.jpg')
}
.solidsColor18{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/18.jpg')
}
.solidsColor19{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/19.jpg')
}
.solidsColor20{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/20.jpg')
}
.solidsColor21{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/21.jpg')
}
.solidsColor22{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/22.jpg')
}
.solidsColor23{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/23.jpg')
}
.solidsColor24{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/24.jpg')
}
.solidsColor25{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/25.jpg')
}
.solidsColor26{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/26.jpg')
}
.solidsColor27{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/27.jpg')
}
.solidsColor28{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/28.jpg')
}
.solidsColor29{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/29.jpg')
}
.solidsColor30{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/30.jpg')
}
.solidsColor31{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/31.jpg')
}
.solidsColor32{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/32.jpg')
}
.solidsColor33{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/33.jpg')
}
.solidsColor34{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/34.jpg')
}
.solidsColor35{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/35.jpg')
}
.solidsColor36{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/36.jpg')
}
.solidsColor37{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/37.jpg')
}
.solidsColor38{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/38.jpg')
}
.solidsColor39{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/39.jpg')
}
.solidsColor40{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/40.jpg')
}
.solidsColor41{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/41.jpg')
}
.solidsColor42{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/42.jpg')
}
.solidsColor43{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/43.jpg')
}
.solidsColor44{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/44.jpg')
}
.solidsColor45{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/45.jpg')
}
.solidsColor46{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/46.jpg')
}
.solidsColor47{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/47.jpg')
}
.solidsColor48{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/48.jpg')
}
.solidsColor49{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/49.jpg')
}
.solidsColor50{
background-image: url('./images/Sunbrella/Sunbrella/Solids/JPEG/50.jpg')
}
/* */
.stripesSunbrellaColor1{
background-image: url('./images/Sunbrella/Sunbrella/Stripes/JPEG/1.jpg')
}
.stripesSunbrellaColor2{
background-image: url('./images/Sunbrella/Sunbrella/Stripes/JPEG/2.jpg')
}
.stripesSunbrellaColor3{
background-image: url('./images/Sunbrella/Sunbrella/Stripes/JPEG/3.jpg')
}
/* zori */
.zoriColor1{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/1.jpg')
}
.zoriColor2{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/2.jpg')
}
.zoriColor3{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/3.jpg')
}
.zoriColor4{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/4.jpg')
}
.zoriColor5{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/5.jpg')
}
.zoriColor6{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/6.jpg')
}
.zoriColor7{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/7.jpg')
}
.zoriColor8{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/8.jpg')
}
.zoriColor9{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/9.jpg')
}
.zoriColor10{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/10.jpg')
}
.zoriColor11{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/11.jpg')
}
.zoriColor12{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/12.jpg')
}
.zoriColor13{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/13.jpg')
}
.zoriColor14{
background-image: url('./images/Sunbrella/Sunbrella/Zori/JPEG/14.jpg')
}
/* dakota */
.dakotaColor1{
background-image: url('./images/Kunstleder/Dakota/JPEG/1.jpg')
}
/* dakota */
.dakotaColor2{
background-image: url('./images/Kunstleder/Dakota/JPEG/2.jpg')
}
/* dakota */
.dakotaColor3{
background-image: url('./images/Kunstleder/Dakota/JPEG/3.jpg')
}
/* dakota */
.dakotaColor4{
background-image: url('./images/Kunstleder/Dakota/JPEG/4.jpg')
}
/* dakota */
.dakotaColor5{
background-image: url('./images/Kunstleder/Dakota/JPEG/5.jpg')
}
/* dakota */
.dakotaColor6{
background-image: url('./images/Kunstleder/Dakota/JPEG/6.jpg')
}
/* dakota */
.dakotaColor7{
background-image: url('./images/Kunstleder/Dakota/JPEG/7.jpg')
}
/* dakota */
.dakotaColor8{
background-image: url('./images/Kunstleder/Dakota/JPEG/8.jpg')
}
/* dakota */
.dakotaColor9{
background-image: url('./images/Kunstleder/Dakota/JPEG/9.jpg')
}
/* dakota */
.dakotaColor10{
background-image: url('./images/Kunstleder/Dakota/JPEG/10.jpg')
}
/* dakota */
.dakotaColor11{
background-image: url('./images/Kunstleder/Dakota/JPEG/11.jpg')
}
/* dakota */
.dakotaColor12{
background-image: url('./images/Kunstleder/Dakota/JPEG/12.jpg')
}
/* flame */
.flameColor1{
background-image: url('./images/Kunstleder/Flame/JPEG/1.jpg')
}
.flameColor2{
background-image: url('./images/Kunstleder/Flame/JPEG/2.jpg')
}
.flameColor3{
background-image: url('./images/Kunstleder/Flame/JPEG/3.jpg')
}
.flameColor4{
background-image: url('./images/Kunstleder/Flame/JPEG/4.jpg')
}
.flameColor5{
background-image: url('./images/Kunstleder/Flame/JPEG/5.jpg')
}
.flameColor6{
background-image: url('./images/Kunstleder/Flame/JPEG/6.jpg')
}
.flameColor7{
background-image: url('./images/Kunstleder/Flame/JPEG/7.jpg')
}
.flameColor8{
background-image: url('./images/Kunstleder/Flame/JPEG/8.jpg')
}
.flameColor9{
background-image: url('./images/Kunstleder/Flame/JPEG/9.jpg')
}
.flameColor10{
background-image: url('./images/Kunstleder/Flame/JPEG/10.jpg')
}
.flameColor11{
background-image: url('./images/Kunstleder/Flame/JPEG/11.jpg')
}
.flameColor12{
background-image: url('./images/Kunstleder/Flame/JPEG/12.jpg')
}
.flameColor13{
background-image: url('./images/Kunstleder/Flame/JPEG/13.jpg')
}
.flameColor14{
background-image: url('./images/Kunstleder/Flame/JPEG/14.jpg')
}
.flameColor15{
background-image: url('./images/Kunstleder/Flame/JPEG/15.jpg')
}
.flameColor16{
background-image: url('./images/Kunstleder/Flame/JPEG/16.jpg')
}
.flameColor17{
background-image: url('./images/Kunstleder/Flame/JPEG/17.jpg')
}
.flameColor18{
background-image: url('./images/Kunstleder/Flame/JPEG/18.jpg')
}
/* old */
.oldColor1{
background-image: url('./images/Kunstleder/Old/JPEG/1.jpg')
}
.oldColor2{
background-image: url('./images/Kunstleder/Old/JPEG/2.jpg')
}
.oldColor3{
background-image: url('./images/Kunstleder/Old/JPEG/3.jpg')
}
/* excluseif start */
/* premium */
.premColor1{
background-image: url('./images/Exclusief/Premium/JPEG/1.jpg');
}
.premColor2{
background-image: url('./images/Exclusief/Premium/JPEG/2.jpg');
}
.premColor3{
background-image: url('./images/Exclusief/Premium/JPEG/3.jpg');
}
.premColor4{
background-image: url('./images/Exclusief/Premium/JPEG/4.jpg');
}
.premColor5{
background-image: url('./images/Exclusief/Premium/JPEG/5.jpg');
}
.premColor6{
background-image: url('./images/Exclusief/Premium/JPEG/6.jpg');
}
.premColor7{
background-image: url('./images/Exclusief/Premium/JPEG/7.jpg');
}
.premColor8{
background-image: url('./images/Exclusief/Premium/JPEG/8.jpg');
}
.premColor9{
background-image: url('./images/Exclusief/Premium/JPEG/9.jpg');
}
.premColor10{
background-image: url('./images/Exclusief/Premium/JPEG/10.jpg');
}
.premColor11{
background-image: url('./images/Exclusief/Premium/JPEG/11.jpg');
}
.premColor12{
background-image: url('./images/Exclusief/Premium/JPEG/12.jpg');
}
.premColor13{
background-image: url('./images/Exclusief/Premium/JPEG/13.jpg');
}
.premColor14{
background-image: url('./images/Exclusief/Premium/JPEG/14.jpg');
}
.premColor15{
background-image: url('./images/Exclusief/Premium/JPEG/15.jpg');
}
.premColor16{
background-image: url('./images/Exclusief/Premium/JPEG/16.jpg');
}
.premColor17{
background-image: url('./images/Exclusief/Premium/JPEG/17.jpg');
}
.premColor18{
background-image: url('./images/Exclusief/Premium/JPEG/18.jpg');
}
.premColor19{
background-image: url('./images/Exclusief/Premium/JPEG/19.jpg');
}
/* fantasy */
.fantasyColor1{
background-image: url('./images/Exclusief/Fantasy/JPEG/1.jpg');
}
.fantasyColor2{
background-image: url('./images/Exclusief/Fantasy/JPEG/2.jpg');
}
.fantasyColor3{
background-image: url('./images/Exclusief/Fantasy/JPEG/3.jpg');
}
.fantasyColor4{
background-image: url('./images/Exclusief/Fantasy/JPEG/4.jpg');
}
.fantasyColor5{
background-image: url('./images/Exclusief/Fantasy/JPEG/5.jpg');
}
.fantasyColor6{
background-image: url('./images/Exclusief/Fantasy/JPEG/6.jpg');
}
.fantasyColor7{
background-image: url('./images/Exclusief/Fantasy/JPEG/7.jpg');
}
.fantasyColor8{
background-image: url('./images/Exclusief/Fantasy/JPEG/8.jpg');
}
.fantasyColor9{
background-image: url('./images/Exclusief/Fantasy/JPEG/9.jpg');
}
.fantasyColor10{
background-image: url('./images/Exclusief/Fantasy/JPEG/10.jpg');
}
.fantasyColor11{
background-image: url('./images/Exclusief/Fantasy/JPEG/11.jpg');
}
.fantasyColor12{
background-image: url('./images/Exclusief/Fantasy/JPEG/12.jpg');
}
.fantasyColor13{
background-image: url('./images/Exclusief/Fantasy/JPEG/13.jpg');
}
.fantasyColor14{
background-image: url('./images/Exclusief/Fantasy/JPEG/14.jpg');
}
.fantasyColor15{
background-image: url('./images/Exclusief/Fantasy/JPEG/15.jpg');
}
.fantasyColor16{
background-image: url('./images/Exclusief/Fantasy/JPEG/16.jpg');
}
.fantasyColor17{
background-image: url('./images/Exclusief/Fantasy/JPEG/17.jpg');
}
.fantasyColor18{
background-image: url('./images/Exclusief/Fantasy/JPEG/18.jpg');
}
.fantasyColor19{
background-image: url('./images/Exclusief/Fantasy/JPEG/19.jpg');
}
.fantasyColor20{
background-image: url('./images/Exclusief/Fantasy/JPEG/20.jpg');
}
.fantasyColor21{
background-image: url('./images/Exclusief/Fantasy/JPEG/21.jpg');
}
.fantasyColor22{
background-image: url('./images/Exclusief/Fantasy/JPEG/22.jpg');
}
.fantasyColor23{
background-image: url('./images/Exclusief/Fantasy/JPEG/23.jpg');
}
.fantasyColor24{
background-image: url('./images/Exclusief/Fantasy/JPEG/24.jpg');
}
.fantasyColor25{
background-image: url('./images/Exclusief/Fantasy/JPEG/25.jpg');
}
.fantasyColor26{
background-image: url('./images/Exclusief/Fantasy/JPEG/26.jpg');
}
.fantasyColor27{
background-image: url('./images/Exclusief/Fantasy/JPEG/27.jpg');
}
.fantasyColor28{
background-image: url('./images/Exclusief/Fantasy/JPEG/28.jpg');
}
.fantasyColor29{
background-image: url('./images/Exclusief/Fantasy/JPEG/29.jpg');
}
.fantasyColor30{
background-image: url('./images/Exclusief/Fantasy/JPEG/30.jpg');
}
.fantasyColor31{
background-image: url('./images/Exclusief/Fantasy/JPEG/31.jpg');
}
.fantasyColor32{
background-image: url('./images/Exclusief/Fantasy/JPEG/32.jpg');
}
.fantasyColor33{
background-image: url('./images/Exclusief/Fantasy/JPEG/33.jpg');
}
.fantasyColor34{
background-image: url('./images/Exclusief/Fantasy/JPEG/34.jpg');
}
.fantasyColor35{
background-image: url('./images/Exclusief/Fantasy/JPEG/35.jpg');
}
.fantasyColor36{
background-image: url('./images/Exclusief/Fantasy/JPEG/36.jpg');
}
.fantasyColor37{
background-image: url('./images/Exclusief/Fantasy/JPEG/37.jpg');
}
.fantasyColor38{
background-image: url('./images/Exclusief/Fantasy/JPEG/38.jpg');
}
/* slider buttons */
.grid-item,.renders{
border: 2px solid rgb(231, 231, 231);
border-radius: 50px;
}
.grid-item:hover,.renders:hover{
border: 1px solid #e20074;
border-radius: 50px;
}
.borderCamera,.col3PlofColorsBorder{
border: 1px solid #e20074;
border-radius: 50px;
}
/*.col3PlofColorsBorder{padding:13px;}*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
.watermark{
position: absolute;
height: 100px;
top: 25%;
left: 15%;
opacity: 0.4;
z-index: 1111;
}
}
/*to hide modals on small devices like mobiles*/
@media(max-width:600px){
.modalForColors{
display: none !important;
}
}
@media(min-width:600px) and (max-width:1024px){
.mainCol2{
height: 600px !important;
margin-top:45px;
}
.mainCol3{
margin-left: 0px;
padding: 30px 0px;
}
.mainCol2Nested{
display: grid;
grid-template-columns: auto !important;
grid-gap: 10px;
grid-column-gap: 0px;
grid-row-gap: 10px;
margin-top: 10px;
border: none;
padding: 10px;
justify-content: center;
width: auto !important;
}
#all, #uni, #stripes, #copa, #font, #south, #balian, #new, #heri, #lopi, #natte, #solids, #stripesSunbrella, #zori, #dakota, #flame, #old, #premium, #fantasy{
grid-template-columns: repeat(8,1fr) !important;
grid-gap: 10px;
row-gap: 10px;
justify-content: center !important;
}
}
@media(min-width:1025px) and (max-width:1200px){
.mainCol2Nested{
display: grid;
grid-template-columns: auto !important;
grid-gap: 10px;
grid-column-gap: 0px;
grid-row-gap: 10px;
margin-top: 10px;
border: none;
padding: 10px;
justify-content: center;
width: auto !important;
}
#all, #uni, #stripes, #copa, #font, #south, #balian, #new, #heri, #lopi, #natte, #solids, #stripesSunbrella, #zori, #dakota, #flame, #old, #premium, #fantasy{
grid-template-columns: repeat(10,1fr) !important;
grid-gap: 10px;
row-gap: 10px;
justify-content: center !important;
}
.mainCol2{
margin-top:30px;
}
}
@media(min-width:1301px) and (max-width:1470px){
.mainSection{
display: grid;
grid-template-columns: 5fr 1fr 3.5fr;
}
}
@media(min-width:1200px) and (max-width:1300px){
.mainCol2Nested{
display: grid;
grid-template-columns: auto !important;
grid-gap: 10px;
grid-column-gap: 0px;
grid-row-gap: 10px;
margin-top: 10px;
border: none;
padding: 10px;
justify-content: center;
width: auto !important;
}
#all, #uni, #stripes, #copa, #font, #south, #balian, #new, #heri, #lopi, #natte, #solids, #stripesSunbrella, #zori, #dakota, #flame, #old, #premium, #fantasy{
grid-template-columns: repeat(14,1fr) !important;
grid-gap: 10px;
row-gap: 10px;
justify-content: center !important;
}
.mainCol2{
margin-top:30px;
}
}
/*responsive code */
@media(min-width:1472px) and (max-width:1600px){
.mainSection{
display: grid;
grid-template-columns: 6fr 1fr 3.5fr;
}
}
/* .modal-dialog{*/
/* margin-left: 51%;*/
/*} */
/* for 90% */
@media(min-width:2140px) and (max-width:2250px){
.modalForColors{
margin-left: 52.5%;
}
.mainCol3{
margin-left: 0px;
}
}
/* for 80% */
@media(min-width:2250px) and (max-width:2750px){
.modalForColors{
margin-left: 54%;
}
.mainCol3{
margin-left: 0px;
}
}
/* for 70% */
@media(min-width:2750px){
.modalForColors{
margin-left: 56.5%;
}
.mainCol3{
margin-left: 0px;
}
}
/*for 60%*/
@media(min-width:3200px){
.modalForColors{
margin-left: 58.8%;
}
.mainCol3{
margin-left: 0px;
}
}
/*for 50%*/
@media(min-width:3840px){
.modalForColors{
margin-left: 61.2%;
}
.mainCol3{
margin-left: 0px;
}
}
/* for 110% */
@media(max-width:1760px){
.modalForColors{
margin-left: 46.3%
}
}
/* for 120% */
@media(max-width:1600px){
.modalForColors{
margin-left: 39.5%
}
}
/* for 130% */
@media(max-width:1472px){
.modalForColors{
margin-left: 35.5%
}
}
/* for 140% */
@media(max-width:1376px){
.modalForColors{
margin-left: 30.5%
}
}
@media(min-width:1377px) and (max-width:1450px){
.modalForColors{
margin-left:32.5%;
}
}
@media(max-width:1500px){
.bottomItemGrid{
width:100%;
}
}
.borderForCards{
height: 1px;
width: 75%;
background-color: #e4e4e4;
margin: 0 auto;
}
.borderForCards1{
width: 80% !important;
}
.borderForCards2{
width: 80% !important;
margin-bottom: 20px;
}
.col3PlofNewColorActive{
border-radius: 4px;
transform: scale(1.1);
transition: all 0.2s ease;
border: 2px solid rgba(135,135,135,1);
}
.col3PlofNewColorNotActive{
border-radius: 50px;
border: none;
}
@media(min-width:1301px) and (max-width:1330px){
.modalForColors{
margin-left:28.5%;
}
}
@media(min-width:1331px) and (max-width:1350px){
.modalForColors{
margin-left:29%;
}
}
@media(min-width:1351px) and (max-width:1365px){
.modalForColors{
margin-left:29.5%;
}
}
@media(max-width:1280px){
.mainCol3{
margin-left: 0px;
}
}