.maincontent .r_note{font-style:italic;font-weight:300;font-size:.9em}.r_types-list{list-style:none;display:flex;flex-wrap:wrap;margin:40px auto 20px;padding:0;gap:2%}.r_types-item{width:32%;margin:20px auto;padding:40px 30px;text-align:center;border-top:6px solid var(--purple);background:linear-gradient(135deg,#fff 20px,#eee 20px,#eee 40px,#fff 40px,#fff 50px,#eee 50px,#eee 60px,#fff 60px);box-shadow:0 4px 8px rgba(5,5,5,.2)}.r_types-icon{max-width:125px;width:100%;height:auto;margin:10px auto 35px;padding:8px;background-color:#fff;box-shadow:0 4px 8px rgba(5,5,5,.2);border-radius:10px}.r_types-item h3{font-size:1.1em;margin:15px auto;font-weight:700}.r_types-item .r_underline-sm{height:4px;margin:15px auto;border:none;width:40px;background-color:var(--accent-color)}.r_types-item p{font-size:.9em;font-weight:400}.r_color-picker-wrapper{display:grid;grid-template-columns:50% 50%}.r_item-text{padding:20px 25px 0;grid-row: 1 / 2;grid-column: 1 / 2;align-self:flex-end}.r_item-colors{padding:0 20px 25px;grid-row: 2 / 3;grid-column: 1 / 2;align-self:flex-start}.r_item-color-picker{padding:20px 25px;grid-row: 1 / 3;grid-column: 2 / 3}.r_color-picker-preview{position:relative;display:grid;max-width:550px;width:100%;justify-content:center;align-items:center;margin:20px auto;box-shadow:0 4px 8px rgba(5,5,5,.2)}.r_color-picker-preview img{display:block;width:100%;height:100%}.r_preview-roof-desat{grid-column: 1/2;grid-row: 1/2}.r_preview-overlaySvg{grid-column: 1/2;grid-row: 1/2;background-color:#f2f3ec;height:100%;width:100%;mix-blend-mode:overlay;z-index:2}.r_preview-house{grid-column: 1/2;grid-row: 1/2;z-index:3}#r_selected_color{position:absolute;inset:auto auto 20px 20px;text-align:center;font-weight:700;margin:0;padding:5px 15px;background-color:#fff;font-size:1em;color:#111}.r_gutter-colors{margin:50px auto 20px}.r_col-gallery{width:100%}.r_gutter-colors .swiper-slide{width:100px;height:auto;transition:opacity .4s}.r_gutter-colors .swiper-slide:hover{opacity:.5}.r_gutter-colors .r_color-box{display:block;width:100%;height:100px}.r_gutter-colors .r_color-name{font-size:.65em;font-weight:500;margin:3px 0 0}.r_gutter-colors .swiper-button-prev,.r_gutter-colors .swiper-button-next{top:60%;transform:translateY(-50%);color:#fff;background-color:#111;border-radius:20px;width:20px;height:40px;font-weight:800}.r_gutter-colors .swiper-button-next::after,.r_gutter-colors .swiper-button-prev::after{font-size:15px}.r_gutter-colors .swiper-button-next{right:5px}.r_gutter-colors .swiper-button-prev{left:5px}@media (max-width:1200px){.r_types-item{width:49%}.r_types-item:last-child{width:100%}}@media (max-width:981px){.r_color-picker-wrapper{display:block}.r_item-text,.r_item-colors,.r_item-color-picker{padding:0}.r_item-color-picker{margin:50px auto}}@media (max-width:750px){.r_types-item{width:100%}}