/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	font: 14px/20px proxima-nova, sans-serif;
	font-weight: 400; 
	font-style: normal; 
	text-align: left;
	color: #333333;
	overflow: hidden;
	}

    html,
    body,
    body a {
        -webkit-tap-highlight-color: transparent;
    }

	img {
		border: 0;
		padding: 0;
		border-style: none;
		}
	
	a { 
        font: 14px/24px proxima-nova, sans-serif; 
        font-weight: normal; 
        font-style: normal;
    }
	a:link { color: #333333; text-decoration: none; }
	a:active { color: #333333; text-decoration: none; outline: none; }
	a:visited { color: #333333; text-decoration: none; }

    .noselect {
        -webkit-touch-callout: none; /* iOS Safari */
          -webkit-user-select: none; /* Safari */
           -khtml-user-select: none; /* Konqueror HTML */
             -moz-user-select: none; /* Old versions of Firefox */
              -ms-user-select: none; /* Internet Explorer/Edge */
                  user-select: none; /* Non-prefixed version, currently
                                        supported by Chrome, Opera and Firefox */
    }

	h1 {
		position: relative;
		width: 100%;
		font: 40px/40px proxima-nova, sans-serif;
		letter-spacing: 1.2px;
		font-weight: 300; 
		color: #333333;
    	margin: auto;
        text-transform: uppercase;
		}

		h1 span {
			font-weight: 300;
		}

	h2 {
		position: relative;
		width: 100%;
		font: 32px/46px proxima-nova, sans-serif;
		letter-spacing: 0.15em;
		font-weight: 600;
		color: #333333;
    	margin: 20px 0 20px 0;
		text-transform: uppercase;
		}
		h2 span {
			font-weight: 300;
		}

	h3 {
		position: relative;
		width: 100%;
		font: 18px/24px proxima-nova, sans-serif;
		letter-spacing: 1.2px;
		font-weight: 600;
		color: #333333;
		margin: 25px 0 25px 0;
		text-transform: uppercase;
		}

	p {
		font: 14px/18px proxima-nova, sans-serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 25px 0;
		}

        p.center {
            text-align: center;
        }

        .disclaimer,
        .disclaimer a {
            font: 12px/18px proxima-nova, sans-serif;
            font-weight: 400; 
            font-style: normal;
        }
        .disclaimer a {
            text-decoration: underline;
        }

        body.isDesktop .disclaimer a:hover { color: #666666; text-decoration: underline; }

        h1 sup {
            font-size: 24px;
            top: -1em;
        }

        sup.special {
            font-size: 12px;
            top: -1em;
        }
        sup.special_sku {
            font-size: 8px;
            top: -0.5em;
        }
        sup.special_p {
            font-size: 8px;
            top: -0.75em;
        }

        #modal-color-name sup {
            font-size: 12px;
            top: -1.25em;
        }

    @media screen and (max-width: 1100px) {
        h2 {
			font-size: 26px;
			line-height: 36px;
            }
    }

    @media screen and (max-width: 800px) {
        h2 {
			font-size: 20px;
			line-height: 28px;
            margin: 10px 0;
            }
        h3 {
            font: 14px/20px proxima-nova, sans-serif;
            font-weight: 500;
            margin: 15px 0;
            }
            
        .disclaimer,
        .disclaimer a {
            font: 10px/14px proxima-nova, sans-serif;
            font-weight: 400; 
            font-style: normal;
        }
    }

    .overflow {
        overflow: hidden;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BUTTONS AND HOVERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .btn,
    a.btn {
        display: block;
        width: auto;
        font: 14px/24px proxima-nova, sans-serif;
        border-radius: 25px;
        font-weight: 700; 
        font-style: normal;
        margin: 10px 0;
        padding: 10px 0;
        text-align: center;
        background-color: white;
        /* border: 1px solid #333333; */
        color: #465058;
        cursor: pointer;
        text-transform: none;
        border-radius: 25px;
        }

        body.isDesktop a.btn {
            transition: color 1s cubic-bezier(0.25,1,0.25,1), border-color 1s cubic-bezier(0.25,1,0.25,1);
            }
 
            #btn-view-cart {
                display: block;
                position: relative;
                font: 14px/18px proxima-nova, sans-serif;
                font-weight: 700;
                margin: 0 0 20px 0;
                text-align: left;
                color: #bd483c;
                cursor: pointer;
                }
                        
            #btn-save,
            #btn-view,
            #btn-view2,
            #btn-order,
            #btn-order2,
			#btn-learnmore,
            #btn-order-special,
            #btn-sweeps {
                display: block;
                width: auto;
                font: 14px/24px proxima-nova, sans-serif;
                border-radius: 25px;
                font-weight: 700; 
                font-style: normal;
                margin: 10px 0;
                padding: 10px 0;
                text-align: center;
                background-color: white;
                /* border: 1px solid #333333; */
                color: #333333;
                cursor: pointer;
                text-transform: none;
                border-radius: 25px;
				max-width: 300px;
                margin: 10px auto;
                }

			#btn-view,
			#btn-view2 {
				border: 1px solid #333333;
			}

            #btn-order,
            #btn-order2,
			#btn-learnmore,
            #btn-order-special {
                color: #FFF;
                border: none;
                background-color: #4F5152; /* REPLACE - cracked_pepper */
                }
            
                #btn-sweeps {
                    display: block;
                    margin: 0 auto;
                    max-width: 200px;
                }
	body.isDesktop a:hover { color: #666666; text-decoration: none; }

	#btn_ordersamples {
		background-color: #4F5152; /* REPLACE - cracked_pepper */
		border: none;
		color: white;
	}


/**********************************************************************************
COLORS
**********************************************************************************/

	.bg_coty_hiddengem { background-color: #596D69; }	/* REPLACE - coty_hiddengem */
    .bg_mocha_ice { background-color: #DFD2CA; }
    .bg_iced_copper { background-color: #D0AE9A; }
    .bg_terra_cotta_urn { background-color: #B06F60; }
    .bg_swatch_rumors { background-color: #744245; }
    .bg_curtain_call { background-color: #70666A; }
    .bg_wheat_bread { background-color: #CDC4B7; }
    .bg_smoked_tan { background-color: #AEA494; }
    .bg_baronial_brown { background-color: #5A4840; }
    .bg_dainty_lace { background-color: #DECFBB; }
    .bg_swatch_beehive { background-color: #E1B781; }
    .bg_rodeo_tan { background-color: #A78B74; }
    .bg_blank_canvas { background-color: #F1EDE1; }
    .bg_urban_nature { background-color: #BCBFA8; }
    .bg_swatch_ecological { background-color: #808367; }
    .bg_swatch_watery { background-color: #AEBDBB; }
    .bg_swatch_dragonfly { background-color: #72908D; }
    .bg_adirondack_blue { background-color: #74858F; }
    .bg_nocturne_blue { background-color: #344D58; }
    .bg_cracked_pepper { background-color: #4F5152; }

    /* TURN TEXT WHITE FOR DARK COLORS*/
	.bg_coty_hiddengem,
	.bg_terra_cotta_urn,
    .bg_swatch_rumors,
	.bg_curtain_call,
    .bg_smoked_tan,
    .bg_baronial_brown,
    .bg_rodeo_tan,
    .bg_swatch_ecological,
	.bg_swatch_dragonfly,
	.bg_adirondack_blue,
	.bg_nocturne_blue,
    .bg_cracked_pepper { 
        color: #FFF;
    }

    .chip_coty_hiddengem .chip-base { fill: #596D69; }	/* REPLACE - coty_hiddengem */
    .chip_mocha_ice .chip-base { fill: #DFD2CA; }
    .chip_iced_copper .chip-base { fill: #D0AE9A; }
    .chip_terra_cotta_urn .chip-base { fill: #B06F60; }
    .chip_swatch_rumors .chip-base { fill: #744245; }
    .chip_curtain_call .chip-base { fill: #70666A; }
    .chip_wheat_bread .chip-base { fill: #CDC4B7; }
    .chip_smoked_tan .chip-base { fill: #AEA494; }
    .chip_baronial_brown .chip-base { fill: #5A4840; }
    .chip_dainty_lace .chip-base { fill: #DECFBB; }
    .chip_swatch_beehive .chip-base { fill: #E1B781; }
    .chip_rodeo_tan .chip-base { fill: #A78B74; }
    .chip_blank_canvas .chip-base { fill: #F1EDE1; }
    .chip_urban_nature .chip-base { fill: #BCBFA8; }
    .chip_swatch_ecological .chip-base { fill: #808367; }
    .chip_swatch_watery .chip-base { fill: #AEBDBB; }
    .chip_swatch_dragonfly .chip-base { fill: #72908D; }
    .chip_adirondack_blue .chip-base { fill: #74858F; }
    .chip_nocturne_blue .chip-base { fill: #344D58; }
    .chip_cracked_pepper .chip-base { fill: #4F5152; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#cover {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #F6F5F0;
		z-index: 100;
		}
	#wrapper {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		background-color: #FFFFFF;
		}

        .section {
            display: block;
            position: relative;
            width: 100%;
            margin: 0 0 75px 0;
            padding: 0;
            text-align: center;
            overflow: hidden;
            }

            .section-inner {
                position: relative;
                width: 100%;
                max-width: 1600px;
                margin: 0 auto 0 auto;
                }
                .inner-wide {
                    margin: 0 auto;
                    padding: 0 20px 0 20px;
                    text-align: center;
                    box-sizing: border-box;
                    }
                .inner-content {
                    position: relative;
                    margin: 15% 25px 0 25px;
                    max-width: 800px;
                    }
        .thin {
            max-width: 800px;
            }
            
    @media screen and (max-width: 700px) {
        .section {
            margin: 0 0 50px 0;
            }
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #header {
        display: block;
        position: relative;
        margin: 0 auto 0 auto;
        z-index: 12;
        }

        #header .inner-wide {
            background-color: #A69F92;
            height: 70px;
        }

        #logo {
            position: absolute;
            top: 16px;
            left: 20px;
            width: 141px;
            height: 37px;
        }

			.logo {
				display: block;
				position: relative;
				width: 141px;
				height: 37px;
				margin: 10px auto 10px auto;
			}

			svg.logo {
				fill: #FFF;
				stroke: none;
			}

			#logo .logo {
				margin: 0;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LANGUAGE SELECT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #hamburger {
        display: block;
        position: absolute;
        top: 25px;
        right: 20px;
        width: 30px;
        height: 20px;
        }
        .hamburger-bar {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #FFFFFF;
            width: 100%;
            height: 4px;
            border-radius: 2px;
            }
            #hamburger-bar2 {
                top: 8px
                }
            #hamburger-bar3 {
                top: 16px
                }
                
    #language {
        display: block;
        position: absolute;
        top: 25px;
        right: 20px;
        font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
        text-transform: uppercase;
        text-align: right;
        color: #FFF;
        }

    #language-select {
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 10px;
        font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
        font-weight: 400; 
        font-style: normal; 
        color: #333333;
        text-transform: uppercase;
        background-color: #FFF;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
        text-align: left;
        box-sizing: border-box;
        display: none; 
        z-index: 55;
        }

        a.language-header {
            display: block;
            font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
            font-weight: 400; 
            font-style: normal;
            text-align: right;
            color: #000;
            }
        .language-row {
            display: block;
            margin: 10px 0 0 0;
            }
        .language-category {
            display: inline-block;
            width: 60px;
            }
        .flag {
            width: 31px;
            height: 20px;
            vertical-align: text-bottom;
            margin: 0 10px 0 0;
            }
            #language .flag {
                margin: 0 0 0 10px;
                }
            .language-row .flag {
                margin: -3px 10px 0 0;
                }
            .language-row a {
                margin: 0 0 0 20px;
                font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
                }
        
            @media screen and (max-width: 500px) {
                #language {
                    font: 14px/18px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
                    }
                #language-select {
                    font: 14px/18px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
                    }
                    a.language-header {
                        font: 14px/18px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
                        }
            
                    .language-row a {
                        font: 14px/18px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
                        }
            }
        
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
REVEAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#reveal {
		margin: 0;
		}
		#reveal .section-inner {
			padding-bottom: 125px;
		}
		#reveal .inner-wide {
			position: relative;
			padding: 0;
		}
		#reveal-video,
		#reveal-video-mobile {
			display: block;
			width: 100%;
			height: auto;
		}

		#reveal-seo {
			width: 1px;
			height: 1px;
			overflow: hidden;
			visibility: hidden;
		}
		#reveal-video-mobile {
			display: none;
		}

		@media screen and (max-width: 900px) {
			#reveal .section-inner {
				padding-bottom: 0;
			}

			#reveal-video {
				display: none;
			}
			#reveal-video-mobile {
				display: block;
			}
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FEATURE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #feature {
        display: block;
        margin: 0;
        color: #333333;
        overflow: hidden;
		height: 1050px;
        }

		body.isMobile #feature {
			height: 600px;
			}

		#feature .section-inner {
			height: 100%;
			/* 
			background-image: url("../img/header/header.jpg");
			background-position: top center;
			background-size: cover;
			overflow: hidden;
			*/
		}

			#feature-video {
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				width: auto;
				height: 100%;
			}

			#announcement {
				display: block;
				position: absolute;
				top: 75px;
				left: 50%;
				width: 95%;
				height: auto;
				max-width: 600px;
				transform: translateX(-50%);

				top: 50px;
				text-align: center;
			}

				#announcement .animate {
					visibility: hidden;
					opacity: 0;
				}

				#announcement h1 {
					display: block;
					font: 70px/70px proxima-nova, sans-serif;
					font-weight: 100;
					color: white;
				}

					#announcement h1 span {
						font-weight: 700;
					}

				#announcement p {
					font: 18px/18px proxima-nova, sans-serif;
					color: white;
					text-transform: uppercase;
					font-weight: 600;
					margin: 15px 5px 0 5px;
					letter-spacing: 3px;
				}

				#announcement .subtitle {
					font: 18px/30px proxima-nova, sans-serif;
					margin-top: 125px;
				}
	
		@media screen and (max-width: 600px) {
			#feature {
				height: 800px;
				}

				#announcement h1 {
					font: 40px/40px proxima-nova, sans-serif;
				}
		}
 

		
/**********************************************************************************
THREED CTA
**********************************************************************************/

	#threed-cta {
		display: block;
		box-sizing: border-box;
		position: absolute;
		bottom: 350px;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 300px;
		height: auto;
		background-color: rgba(255, 255, 255, 0.15);
		border-radius: 30px;

		bottom: 275px;
		visibility: hidden;
		opacity: 0;

	}

		#threed-cta p {
			font: 18px/18px proxima-nova, sans-serif;
			color: white;
			margin: 20px auto 10px auto;
		}

		#threed-room {
			display: block;
			position: relative;
			box-sizing: border-box;
			width: 100%;
			height: 225px;
			width: auto;
			background-image: url("../img/header/3d.png");
			background-position: center center;
			background-size: contain;
			background-repeat: no-repeat;
		}

		#threed-room .btn {
			display: block;
			position: absolute;
			width: 260px;
			width: 100%;
			max-width: 260px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 0.25);
		}
		
		/* VIDEO VERSION */
		#reveal #threed-cta {
			bottom: 0;
			transform: translate(-50%, 50%);
		}

		@media screen and (max-width: 900px) {
			#reveal #threed-cta {
				bottom: 25px;
				padding: 0;
				transform: translate(-50%, 0);
			}
				#reveal #threed-cta p {
					font: 14px/18px proxima-nova, sans-serif;
				}

				#reveal #threed-room {
					height: 150px;
				}
		}


		/* REGULAR VERSION */
		@media screen and (max-width: 600px) {
			#feature #threed-cta {
				bottom: 210px;
				padding: 0;
				transform: translate(-50%, 0);
			}

				#feature #threed-cta p {
					font: 14px/18px proxima-nova, sans-serif;
				}

				#feature #threed-room {
					height: 150px;
				}
		}

		
/**********************************************************************************
SWEEPSTAKES SECTION
**********************************************************************************/
#sweeps {
    margin: 0;
    color: #FFF;
    }

    #sweeps .section-inner {
        background-image: url("../img/sweepstakes/bg_sweepstakes.jpg");
        background-position: left center;
        background-position: center center;
        background-size: cover;
    }
        
		#sweeps .inner-wide {
			display: block;
			padding: 100px 20px;
		}

		#sweeps h3 {
			font: 30px/30px proxima-nova, sans-serif;
			font-weight: 300;
			letter-spacing: 0.15em;
			margin: 20px auto 20px auto;
			color: #FFF;
		}

		#sweeps h2 {
			font-size: 60px;
			line-height: 60px;
			letter-spacing: 0.30em;
			margin: 20px auto 0 auto;
			color: #FFF;
		}

		#sweeps p {
			font: 33px/40px proxima-nova, sans-serif;
			font-weight: 400;
			color: #FFF;
			margin: 40px auto;
		}
		
		#sweeps p.description a {
			font: 33px/40px proxima-nova, sans-serif;
			font-weight: 700;
			color: #FFF;
		}

		#sweeps p.disclaimer {
			font: 12px/14px proxima-nova, sans-serif;
			font-weight: 400; 
			font-style: normal;
			margin: 75px auto 0 auto;
			max-width: 480px;
			text-align: center;
			color: #CCC;
		}

		#sweeps p.disclaimer a {
			font-weight: 700; 
			color: #FFF;
		}

    @media screen and (max-width: 800px) {
        #sweeps .section-inner {
            background-image: url("../img/sweepstakes/bg_sweepstakes_mobile.jpg");
			background-position: center bottom;
        }

		#sweeps .inner-wide {
			display: block;
			padding: 50px 20px;
		}

		#sweeps h3 {
			font-size: 20px;
			line-height: 30px;
		}

		#sweeps h2 {
			font-size: 26px;
			line-height: 32px;
			letter-spacing: 0.3em;
		}

		#sweeps p {
			font-size: 18px;
			line-height: 20px;
			max-width: 400px;
		}
		
		#sweeps p.description a {
			font-size: 18px;
			line-height: 20px;
		}

		#sweeps p.disclaimer {
			font-size: 12px;
			line-height: 14px;
			max-width: 400px;
			margin-bottom: 50px;
		}
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DESCRIPTIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #description1 {
            margin: 0;
        }

        #description1 .section-inner {
            padding: 60px 0;
        }

        #description1 h2 {
            color: #FFF;
			margin: 0;
        }
		
        @media screen and (max-width: 800px) {
			#description1 .section-inner {
				padding: 30px 0;
			}
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GALLERIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#gallery-nav,
	#gallery-diy,
	#gallery-pro {
		margin: 0;
	}

		#gallery-pro {
			visibility: hidden;
		}

		#gallery-nav .section-inner{
			box-sizing: border-box;
			padding: 0;
		}

		#gallery-diy .section-inner,
		#gallery-pro .section-inner {
			box-sizing: border-box;
			padding: 50px;
		}

		#gallery-diy #gallery-diy-mobile,
		#gallery-pro #gallery-pro-mobile {
			padding: 50px 25px;
		}

		#diy1_1 .background { background-image: url("../img/gallery/gallery1_1.jpg"); }
		#diy1_2 .background { background-image: url("../img/gallery/gallery1_2.jpg"); }

		#diy2_1 .background { background-image: url("../img/gallery/gallery2_1.jpg"); }
		#diy2_2 .background { background-image: url("../img/gallery/gallery2_2.jpg"); }

		#pro1_1 .background { background-image: url("../img/gallery_pro/gallery1_1.jpg"); }
		#pro1_2 .background { background-image: url("../img/gallery_pro/gallery1_2.jpg"); }

		#pro2_1 .background { background-image: url("../img/gallery_pro/gallery2_1.jpg"); }
		#pro2_2 .background { background-image: url("../img/gallery_pro/gallery2_2.jpg"); }
		/* 
		body.isMobile .gallery .slide:active,
		body.isMobile .gallery .slide:focus, 
		*/
		body.isDesktop .gallery .slide:hover,
		body.isDesktop .gallery .slide:focus { 
			transform: scale(1.05);
		}

		.gallery {
			display: flex;
			margin: 25px 0 50px 0;
		}

		.gallery.thin{
			height: auto;
			text-align: left;
		}

			.gallery-45 {
				width: 45%;
			}
			.gallery-40 {
				width: 40%;
			}
			.gallery-35 {
				width: 35%;
			}

			.gallery-30 {
				width: 30%;
			}

			.gallery-25 {
				width: 25%;
			}

			.gallery-item {
				display: block;
				width: 100%;
				height: 600px;
				overflow: hidden;
				text-align: left;
				cursor: pointer;
			}

			.gallery-item .background {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				transition: transform 1s;
				background-position: center center;
				background-size: cover;
			}
			/* 
			body.isMobile .gallery .gallery-item:active .background,
			body.isMobile .gallery .gallery-item:focus .background,
			*/
			body.isDesktop .gallery .gallery-item:hover .background,
			body.isDesktop .gallery .gallery-item:focus .background { 
				transform: scale(1.05);
			}

			.gallery .subtitle {
				margin: 10px 0 0 0;
				text-align: left;
			}

			.gallery-text {
				display: flex;
				box-sizing: border-box;
				align-items: center;
				padding: 50px;
			}

			.gallery-text p {
				font: 20px/40px proxima-nova, sans-serif;
				letter-spacing: 1.2px;
				font-style: normal;
				max-width: 250px;
				margin: 0 auto;
			}
				
			.btn-gallery {
				display: inline-block;
				font: 20px/44px proxima-nova, sans-serif;
				letter-spacing: 1.2px;
				font-style: normal; 
				margin: auto 30px;
				color: #FFF;
				min-width: 200px;
				cursor: pointer;
			}

			#gallery-divider {
				display: inline-block;
				font: 20px/44px proxima-nova, sans-serif;
				margin: auto 30px;
				color: rgba(255, 255, 255, 0.5);
			}

			body.isDesktop .btn-gallery:hover,
			.btn-gallery.active {
				color: #FFF;
				font-weight: 700;
				text-decoration: underline;
			}

		#gallery-diy-mobile .swiper-container {
			display: block;
			height: 550px;
			margin: 0 0 50px 0 !important;
			}
			
		#gallery-pro-mobile .swiper-container {
			display: block;
			height: 600px;
			margin: 0 0 50px 0 !important;
			}

			#gallery-diy-mobile .swiper-pagination-bullet-active,
			#gallery-pro-mobile .swiper-pagination-bullet-active {
				background-color: white !important;
			}

			#gallery-diy-mobile .swiper-wrapper img,
			#gallery-pro-mobile .swiper-wrapper img {
				height: 500px !important;
			}

			.swiper-slide.image {
				flex-basis: min-content;
				text-align: left;
			}
			/* 
			.swiper-slide.last-slide {
				margin-right: 100px;
			}
 			*/
			.swiper-slide img {
				display: block;
				width: auto;
				height: 500px !important;
				margin: 0;
				padding: 0;
			}
			
			.swiper-slide p {
				margin: 10px 0 0 0;
			}

			.swiper-slide.text {
				box-sizing: border-box;
				display: inline-flex;
				width: 300px !important;
				height: 100%;
				margin: 0 20px 0 0;
				padding: 25px;
				align-items: center;
				text-align: center;
			}

				.swiper-slide.text p {
					font: 18px/32px proxima-nova, sans-serif;
					letter-spacing: 1.2px;
					font-style: normal;
					margin: 0;
				}


			@media screen and (max-width: 1200px) {
				.gallery-item {
					height: 450px;
				}
				.gallery-text p {
					font: 18px/30px proxima-nova, sans-serif;
				}
			}

			#gallery-diy-mobile,
			#gallery-pro-mobile {
				display: none;
			}

			@media screen and (max-width: 1000px) {
				#gallery-divider {
					display: block;
					height: 20px;
					color: #596D69;
				}

				#gallery-diy-desktop,
				#gallery-pro-desktop {
					display: none;
				}

				#gallery-diy-mobile,
				#gallery-pro-mobile {
					display: block;
				}
			}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HOTSPOTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hotspot {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
	.hotspot-dot {
		display: block;
		position: relative;
		border-radius: 50%;
		background-color: rgba(255,255,255,0.5);
	}
	.hotspot .outer {
		width: 100%;
		height: 100%;
		transition: transform 1s cubic-bezier(0.25,1,0.25,1);
	}

	.hotspot .inner {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		height: 50%;
		transform: translate(-50%,-50%);
	}
	
	.hotspot .pulse {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	body.isDesktop .hotspot:hover .outer,
	body.isDesktop .hotspot:focus .outer { 
		transform: scale(0.8);
	}

	


/**********************************************************************************
ROOM
**********************************************************************************/

#room {
	margin: 0;
	}

	#room-desktop .inner-wide {
		height: 850px;
		padding: 0;
	}

		#room .background,
		#room-mobile .background {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-size: cover;
		}

		#base,
		#mobile-base {
			background-image: url("../img/room/morning.jpg");
		}

		#morning,
		#mobile-morning {
			background-image: url("../img/room/morning.jpg");
		}

		#afternoon,
		#mobile-afternoon {
			background-image: url("../img/room/afternoon.jpg");
			visibility: hidden;
		}

		#evening,
		#mobile-evening {
			background-image: url("../img/room/evening.jpg");
			visibility: hidden;
		}

		#room-nav {
			position: absolute;
			top: 50px;
			left: 0;
			width: 100%;
			z-index: 5512;
		}

			#room-nav .divider {
				display: inline-block;
				background-color: rgba(255, 255, 255, 0.3);
				width: 10%;
				height: 2px;
				margin: 17px 5px;
				vertical-align: middle;
			}

			.btn-room {
				display: inline-block;
				height: 36px;
				border-radius: 18px;
				cursor: pointer;
				vertical-align: middle;
				transition: background-color 0.25s linear;
			}

			body.isDesktop .btn-room:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}

			.btn-room.active {
				background-color: rgba(255, 255, 255, 0.3);
			}

				.btn-room .icon {
					display: inline-block;
					width: 36px;
					height: 36px;
					background-color: rgba(255, 255, 255, 0.3);
					border-radius: 50%;
					vertical-align: middle;
				}
				.btn-room .label {
					display: inline-block;
					font-size: 20px;
					line-height: 36px;
					vertical-align: middle;
					margin: 0 10px 0 5px;
					color: white;
				}
				
				.btn-room svg path {
					fill: white;
				}

			#room-mobile-swipe svg path {
				fill: white;
				fill-opacity: 0.3;
			}

			#room-mobile {
				display: block;
				width: 100%;
				height: 600px;
				max-width: 1000px;
				overflow: hidden;
				display: none;
			}

				#room-draggable {
					position: relative;
					display: block;
					width: 1200px;
					height: 600px;
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%);
				}

			#room-mobile-swipe {
				display: none;
			}

			#room-mobile-swipe .inner-wide {
				text-align: center;
				padding: 0;
			}

			#room-mobile-swipe .label {
				font: 14px/16px proxima-nova, sans-serif;
				display: inline-block;
				text-align: center;
				vertical-align: middle;
				margin: 10px;
				text-transform: uppercase;
				max-width: 100px;
			}

			#room-mobile-swipe svg {
				display: inline-block;
				vertical-align: middle;
				margin: 20px 0;
			}

			@media screen and (max-width: 1200px) {
				#room-desktop .inner-wide {
					height: 700px;
				}
			}

			@media screen and (max-width: 1000px) {
				#room-desktop .inner-wide {
					height: 600px;
				}
				#room-nav {
					top: 25px;
				}
				.btn-room .label {
					display: none;
				}
				.btn-room.active .label {
					display: inline-block;
					font-size: 16px;
					line-height: 36px;
				}
			}
				
			@media screen and (max-width: 1000px) {
				#room-desktop {
					display: none;
				}

				#room-mobile,
				#room-mobile-swipe {
					display: block;
				}
			}


/**********************************************************************************
SHEEN
**********************************************************************************/

#sheen {
	margin: 0;
	}

	#swatch {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow: hidden;
		user-select: none;
	}
	
	#sheen .inner-wide {
		/* background-color: #CEC4B7; */
		min-height: 500px;
		padding: 75px 0;
		text-align: center;
	}

		#sheen h2 {
			color: #FFF;
		}

		#sheen strong {
			font-weight: 700;
		}

		.sheen_column {
			position: relative;
			display: inline-block;
			width: 48%;
			text-align: center;
			vertical-align: top;
			font: 12px/20px proxima-nova, sans-serif;
			font-weight: 400;

			min-height: 450px;
		}

			.sheen_left,
			.sheen_right {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 25%;
				max-width: 100px;
				height: 125px;
				transform: translate(-50%, -50%) translateX(-185px);
			}

			.sheen_right {
				transform: translate(-50%, -50%) translateX(185px);
			}

			.sheen_left strong,
			.sheen_right strong {
				text-transform: uppercase;
				margin-bottom: 10px;
			}

			.sheen_column.left strong {
				display: block;
			}

				.sheen_room {
					position: relative;
					display: inline-block;
					width: 80%;
					text-align: left;
					margin-top: 50px;

					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: 0;
					transform: translate(-50%,-50%);
					left: 0;
					transform: translateY(-50%);
					width: 80%;

					max-width: 654px;
					width: 90%;
				}

					.sheen_room img {
						width: 100%;
						height: auto;
						margin-bottom: 5px;
					}

				#sheen .location {
					display: inline-block;
					margin: 0 20px 0 0;
					font: 12px/18px proxima-nova, sans-serif;
					font-weight: 400;
					color: #000000;
					color: #FFF;
				}

			#sheen-panel {
				transform-origin: 50% 50%;
				perspective-origin: 50% 50%;
				perspective: 700px;
				}
				#sheen-panel img {
					transform-origin: 50% 50%;
					transform-style: preserve-3d;
					}
					.easecubic {
						transition: all 1s cubic-bezier(0.25,1,0.25,1);
						}
					.easelinear {
						transition: all linear;
						}

			.sheen_left,
			.sheen_right,
			#swatch,
			#swatch_interactive,
			#swatch_interactive canvas {
				pointer-events: none;
			}

	
			#sheen-hover,
			#sheen-video {
				position: relative;
				width: 100%;
				height: auto;
				margin: 0 auto;
    			clip-path: inset(2px 2px);
			}

			#sheen-icon {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 40px;
				height: 40px;
				pointer-events: none;
			}

			#sheen-icon path {
				fill: white;
			}

				@media screen and (max-width: 1300px) {
					.sheen_room {
						position: relative;
						display: inline-block;
						width: 80%;
						text-align: left;
						margin-top: 50px;
	
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: 0;
						transform: translate(-50%,-50%);
					}
				}

				@media screen and (max-width: 1000px) {
					
					.sheen_column {
						display: block;
						width: 100%;
						text-align: center;
						min-height: 300px;
					}

					.sheen_column.left {
						margin-bottom: 25px;
					}
					.sheen_column.right {
						min-height: auto;
					}

					.sheen_room {
						max-width: none;
					}

						.sheen_img {
							display: none;
						}

						.sheen_room {
							display: block;
							width: 100%;

							position: relative;
							top: auto;
							left: auto;
							transform: none;
							text-align: left;
						}
						
						.sheen_locations {
							text-align: center;
						}

						.location {
							margin: 0 10px;
						}

						#sheen .inner-wide {
							padding-bottom: 10px;
						}

						#swatch {
							position: relative;
							display: inline-block;
							top: auto;
							left: auto;
							transform: none;
						}
				}

				@media screen and (max-width: 600px) {

					#sheen h2 {
						font-size: 18px;
						line-height: 22px;
						letter-spacing: 0.3em;
						width: 90%;
						margin: 40px auto 0 auto;
					}

					.sheen_left,
					.sheen_right {
						left: 2%;
						transform: translateY(-50%);
					}

					.sheen_right {
						left: auto;
						right: 2%;
					}
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TRENDS PALETTES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #colortrends {
		margin: 0 auto;
		padding: 115px 0 100px 0;
		max-width: 1600px;
		background-image: url("../img/trends/header.jpg");
		background-position: top center;
		background-size: contain;
		background-size: 1600px auto;
		background-repeat: no-repeat;
		overflow: hidden;
	}

		#colortrends-wrapper {
			display: block;
			width: 100%;
			height: auto;
		}

        #colortrends .section-inner {
            max-width: 1200px;
			padding: 0;
            max-width: 1300px;
        }

		#colortrends h3 {
			display: block;
			position: relative;
			font: 32px/36px proxima-nova, sans-serif;
			font-weight: 600;
			margin: 20px 0 60px 0;
			padding: 20px 0;
		}

		#colortrends h2 {
			font: 56px/56px proxima-nova, sans-serif;
			letter-spacing: 1.2px;
			font-weight: 400;
			color: #4F5152;
			margin: 0;
			padding: 0;
		}

		#colortrends p {
			font: 16px/22px proxima-nova, sans-serif;
			font-weight: 400;
			font-style: normal;
			max-width: 600px;
			margin: 0 auto;
			margin-top: 20px;
		}

	@media screen and (max-width: 1000px) {
		#colortrends h2 {
			font: 32px/32px proxima-nova, sans-serif;
		}
	}

	@media screen and (max-width: 600px) {
		#colortrends h3 {
			font: 20px/34px proxima-nova, sans-serif;
			font-weight: 600;
    		margin: 40px 0 60px 0;
			padding: 0;
		}

		#colortrends h2 {
			font: 40px/50px proxima-nova, sans-serif;
			letter-spacing: 1.2px;
			font-weight: 400;
		}
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TRENDS PALETTE - Grid Version
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		.grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			grid-template-rows: repeat(6, 1fr);
			grid-column-gap: 50px;
			grid-row-gap: 50px;
		}

		.grid-swatch {
			position: relative;
			aspect-ratio: 1.5;
			overflow: hidden;
			cursor: pointer;
		}

		#grid-header {
			aspect-ratio: 0;
			position: relative;
			background: rgba(245, 245, 245, 0.8);
		}

		#grid-coty {
			aspect-ratio: auto;
		}

			

		#grid-header { grid-area: 1 / 2 / 3 / 5; }
		#grid-coty { grid-area: 3 / 2 / 4 / 5; }
		
		#grid-header div {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 90%;
			transform: translate(-50%,-50%);
		}

		.empty1 { grid-area: 1 / 1 / 2 / 2; }
		.empty2 { grid-area: 1 / 5 / 2 / 6; }
		.empty1,
		.empty2 {
			background-color: transparent;
		}

		.grid-swatch:nth-child(3) { order: 4; }		/* mocha_ice */
		.grid-swatch:nth-child(4) { order: 5; }		/* swatch_watery */
		.grid-swatch:nth-child(5) { order: 6; }		/* iced_copper */
		.grid-swatch:nth-child(6) { order: 7; }		/* swatch_dragonfly */
		.grid-swatch:nth-child(7) { order: 8; }		/* terra_cotta_urn */
		.grid-swatch:nth-child(8) { order: 9; }		/* wheat_bread */
		.grid-swatch:nth-child(9) { order: 10; }	/* dainty_lace */
		.grid-swatch:nth-child(10) { order: 11; }	/* blank_canvas  */
		.grid-swatch:nth-child(11) { order: 12; }	/* adirondack_blue */
		.grid-swatch:nth-child(12) { order: 13; }	/* swatch_rumors */
		.grid-swatch:nth-child(13) { order: 14; }	/* smoked_tan */
		.grid-swatch:nth-child(14) { order: 15; }	/* swatch_beehive */
		.grid-swatch:nth-child(15) { order: 16; }	/* urban_nature */
		.grid-swatch:nth-child(16) { order: 17; }	/* nocturne_blue */
		.grid-swatch:nth-child(17) { order: 18; }	/* curtain_call */
		.grid-swatch:nth-child(18) { order: 19; }	/* baronial_brown */
		.grid-swatch:nth-child(19) { order: 20; }	/* rodeo_tan */
		.grid-swatch:nth-child(20) { order: 21; }	/* swatch_ecological */
		.grid-swatch:nth-child(21) { order: 22; }	/* cracked_pepper */
		.grid-swatch:nth-child(22) { order: 23; }	/* empty1 */
		.grid-swatch:nth-child(23) { order: 24; }	/* empty2 */
			
		.grid-text {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			text-transform: uppercase;
			padding: 10px 0;
			background-color: rgba(0,0,0,0.1);
			opacity: 0;
			}
			.grid-text strong {
				font: 14px/18px proxima-nova, sans-serif;
				font-weight: 700; 
				}

		/* 
		body.isMobile .grid-text:active,
		body.isMobile .grid-text:focus {
			opacity: 1 !important;
			visibility: visible !important;
		}
 		*/

		@media screen and (max-width: 1000px) {
			.grid {
				grid-column-gap: 25px;
				grid-row-gap: 25px;
			}
		}
		
		@media screen and (max-width: 900px) {
			.grid {
				grid-template-columns: repeat(3, 1fr);
				grid-template-rows: repeat(1, 1fr);
				grid-column-gap: 15px;
				grid-row-gap: 15px;
			}

			#grid-header { 
				grid-area: 1 / 1 / 2 / 4;
				padding: 10px;
			}
			#grid-coty { grid-area: 2 / 2 / 4 / 3; }
				
			#grid-header div {
				position: relative;
				top: auto;
				left: auto;
				transform: none;
				width: 100%;
				margin-top: 25px;
				margin-bottom: 25px;
			}

			.grid-swatch {
				grid-area: auto;
				aspect-ratio: 1;
			}

			.grid-swatch:nth-child(3) { order: 4; }		/* mocha_ice */
			.grid-swatch:nth-child(15) { order: 5; }	/* urban_nature */
			.grid-swatch:nth-child(9) { order: 6; }		/* dainty_lace */
			.grid-swatch:nth-child(4) { order: 7; }		/* swatch_watery */
			.grid-swatch:nth-child(5) { order: 8; }		/* iced_copper */
			.grid-swatch:nth-child(10) { order: 9; }	/* blank_canvas  */
			.grid-swatch:nth-child(6) { order: 10; }	/* swatch_dragonfly */
			.grid-swatch:nth-child(7) { order: 11; }	/* terra_cotta_urn */
			.grid-swatch:nth-child(8) { order: 12; }	/* wheat_bread */
			.grid-swatch:nth-child(11) { order: 13; }	/* adirondack_blue */
			.grid-swatch:nth-child(12) { order: 14; }	/* swatch_rumors */
			.grid-swatch:nth-child(13) { order: 15; }	/* smoked_tan */
			.grid-swatch:nth-child(20) { order: 16; }	/* swatch_ecological */
			.grid-swatch:nth-child(18) { order: 17; }	/* baronial_brown */
			.grid-swatch:nth-child(14) { order: 18; }	/* swatch_beehive */
			.grid-swatch:nth-child(16) { order: 19; }	/* nocturne_blue */
			.grid-swatch:nth-child(17) { order: 20; }	/* curtain_call */
			.grid-swatch:nth-child(19) { order: 21; }	/* rodeo_tan */
			.grid-swatch:nth-child(21) { order: 22; }	/* cracked_pepper */
			.grid-swatch:nth-child(22) { order: 23; }	/* empty1 */
			.grid-swatch:nth-child(23) { order: 24; }	/* empty2 */

			/* 
			.grid-text {
				background: none;
				opacity: 1 !important;
				visibility: visible !important;
			}
 			*/
				.grid-text {
					display: none;
				}
				
			.grid-text strong {
				font: 12px/16px proxima-nova, sans-serif;
				font-weight: 700; 
				}
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
EXPLORE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#themes {
		margin-top: 50px;
	}
	#themes .inner-wide {
		position: relative;
		margin-bottom: 200px;
	}
		.theme-images {
			position: absolute;
			top: 0;
			left: 50%;
			width: 100%;
			height: 100%;
			margin-bottom: 100px;
			width: 1600px;
			transform: translateX(-50%);
		}

		#themes .theme-text {
			display: block;
			width: 350px;
			text-align: left;
		}

		#themes .theme-text h3 {
			font: 48px/48px proxima-nova, sans-serif;
			letter-spacing: 1.2px;
			font-weight: 400;
			color: #4D4D4D;
			margin: 0;
			text-transform: uppercase;
		}

		#themes .theme-text p {
			font: 18px/24px proxima-nova, sans-serif;
			letter-spacing: 1.2px;
			font-weight: 400;
			color: #4D4D4D;
			margin-top: 25px;
			padding: 25px;
			border-top: 1px solid black;
		}

		#themes .theme-img {
			display: block;
			width: 100%;
			height: 100%;
			transition: transform 1s;
			background-position: center center;
			background-size: cover;
			cursor: pointer;
			overflow: hidden;
		}
		/* 
		body.isMobile .theme-img:active,
		body.isMobile .theme-img:focus,
		*/
		body.isDesktop .theme-img:hover,
		body.isDesktop .theme-img:focus { 
			transform: scale(1.05);
		}

	#theme1,
	#theme1 .theme-images {
		height: 1000px;
	}
		
		#theme1_paint {
			position: absolute;
			left: 180px;
			top: 571px;
			width: 394px;
			height: 394px;
			overflow: hidden;
		}

		#theme1_1 {
			position: absolute;
			left: 656px;
			top: 2px;
			width: 796px;
			height: 613px;
			overflow: hidden;
		}

		#theme1_2 {
			box-sizing: border-box;
			position: absolute;
			left: 574px;
			top: 479px;
			width: 356px;
			height: 510px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}

		#theme1_paint .theme-img { background-image: url("../img/themes/theme1_paint.jpg"); }
		#theme1_1 .theme-img { background-image: url("../img/themes/theme1_1.jpg"); }
		#theme1_2 .theme-img { background-image: url("../img/themes/theme1_2.jpg"); }

		#theme1 .theme-text {
			position: absolute;
			top: 150px;
			left: 5%;
		}

			#theme1 .theme-text p {
				border-left: 1px solid black;
			}

	#theme2,
	#theme2 .theme-images {
		height: 1200px;
	}

		#theme2_paint {
			position: absolute;
			left: 403px;
			top: 756px;
			width: 402px;
			height: 402px;
			overflow: hidden;
		}

		#theme2_1 {
			position: absolute;
			left: 118px;
			top: 28px;
			width: 874px;
			height: 768px;
			overflow: hidden;
		}

		#theme2_2 {
			box-sizing: border-box;
			position: absolute;
			left: 7px;
			top: 576px;
			width: 363px;
			height: 546px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}

		#theme2_3 {
			box-sizing: border-box;
			position: absolute;
			left: 721px;
			top: 675px;
			width: 522px;
			height: 484px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}

		#theme2_paint .theme-img { background-image: url("../img/themes/theme2_paint.jpg"); }
		#theme2_1 .theme-img { background-image: url("../img/themes/theme2_1.jpg"); }
		#theme2_2 .theme-img { background-image: url("../img/themes/theme2_2.jpg"); }
		#theme2_3 .theme-img { background-image: url("../img/themes/theme2_3.jpg"); }

		#theme2 .theme-text {
			position: absolute;
			top: 25%;
			right: 20px;
		}

			#theme2 .theme-text h3 {
				padding-left: 20px;
			}

			#theme2 .theme-text p {
				border-right: 1px solid black;
			}


	#theme3,
	#theme3 .theme-images {
		height: 1300px;
	}
		
		#theme3_paint {
			position: absolute;
			left: 500px;
			top: 893px;
			width: 348px;
			height: 348px;
			overflow: hidden;
		}

		#theme3_1 {
			position: absolute;
			left: 311px;
			top: 258px;
			width: 941px;
			height: 632px;
			overflow: hidden;
		}

		#theme3_2 {
			box-sizing: border-box;
			position: absolute;
			left: 103px;
			top: 704px;
			width: 400px;
			height: 603px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}

		#theme3_paint .theme-img { background-image: url("../img/themes/theme3_paint.jpg"); }
		#theme3_1 .theme-img { background-image: url("../img/themes/theme3_1.jpg"); }
		#theme3_2 .theme-img { background-image: url("../img/themes/theme3_2.jpg"); }

		#theme3 .theme-text {
			position: absolute;
			top: 20px;
			left: 20px;
		}

			#theme3 .theme-text p {
				border-right: 1px solid black;
			}

	#theme4,
	#theme4 .theme-images {
		height: 1250px;
	}

		#theme4_paint {
			position: absolute;
			left: 100px;
			top: 721px;
			width: 378px;
			height: 378px;
			overflow: hidden;
		}

		#theme4_1 {
			position: absolute;
			left: 72px;
			top: 47px;
			width: 939px;
			height: 631px;
			overflow: hidden;
		}

		#theme4_2 {
			box-sizing: border-box;
			position: absolute;
			left: 978px;
			top: 391px;
			width: 373px;
			height: 564px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}

		#theme4_3 {
			box-sizing: border-box;
			position: absolute;
			left: 413px;
			top: 679px;
			width: 572px;
			height: 572px;
			border: 8px solid #FFFFFF;
			overflow: hidden;
		}
		#theme4_paint .theme-img { background-image: url("../img/themes/theme4_paint.jpg"); }
		#theme4_1 .theme-img { background-image: url("../img/themes/theme4_1.jpg"); }
		#theme4_2 .theme-img { background-image: url("../img/themes/theme4_2.jpg"); }
		#theme4_3 .theme-img { background-image: url("../img/themes/theme4_3.jpg"); }

		#theme4 .theme-text {
			position: absolute;
			top: 5%;
			right: 20px;
		}

			#theme4 .theme-text h3 {
				padding-left: 20px;
			}

			#theme4 .theme-text p {
				border-right: 1px solid black;
			}

		@media screen and (max-width: 1200px) {
			#theme .inner-wide {
				margin-bottom: 50px;
			}

				.theme-text h3 {
					font: 32px/40px proxima-nova, sans-serif;
				}

				.theme-text p {
					font: 15px/20px proxima-nova, sans-serif;
				}

			.theme-images {
				transform: translateX(-50%) scale(0.6);
				transform-origin: 50% 20%;
			}
			
				#theme1 {
					height: 700px;
				}
			
				#theme2 {
					height: 800px;
				}

				#theme3 {
					height: 800px;
				}

					#theme3 .theme-text {
						top: 15%;
					}

					#theme3 .theme-images {
						transform: translateX(-38%) scale(0.6);
					}
					
						#theme3_paint {
							top: 693px;
						}

						#theme3_1 {
							top: 58px;
						}

						#theme3_2 {
							top: 504px;
						}

				#theme4 {
					height: 900px;
				}
		}

		@media screen and (max-width: 1000px) {
			#themes {
				display: none;
			}
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
THEMES - MOBILE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#themes_mobile {
		display: none;
	}
		#themes_mobile h3 {
			font: 28px/28px proxima-nova, sans-serif;
			letter-spacing: 1.2px;
			font-weight: 400;
			color: #4D4D4D;
			margin: 0 0 10px 20px;
			text-transform: uppercase;
			text-align: left;
		}
	
			#themes_mobile .swiper-container {
				display: block;
				height: 500px;
				margin: 0 0 50px 0 !important;
				overflow: hidden;
				}

			#themes_mobile .swiper-container {
				display: block;
				height: 550px;
				margin: 0 0 50px 0 !important;
				}

				#themes_mobile .swiper-pagination-bullet-active {
					background-color: black !important;
				}
				/* 
				#themes_mobile .swiper-wrapper {
					height: 450px !important;
				}
 				*/
				#themes_mobile .theme-intro {
					display: inline-block;
					position: relative;
					width: 250px;
					height: 100%;
				}
				
					#themes_mobile .theme-intro p {
						font: 18px/24px proxima-nova, sans-serif;
						letter-spacing: 1.2px;
						font-weight: 400;
						color: #4D4D4D;
						margin: 50px 0 0 20px;
						padding: 25px;
						border-top: 1px solid black;
						border-left: 1px solid black;
					}

					#themes_mobile .theme-intro img {
						display: block;
						width: 100%;
						height: auto !important;
					}

				#themes_mobile .theme-img {
					display: block;
					height: 100%;
					width: auto;

					display: inline-block;
					margin: 0;
					padding: 0;
				}

		@media screen and (max-width: 1000px) {
			#themes_mobile {
				display: block;
			}
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SWIPER THINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		.swiper-slide {
			box-sizing: border-box;
			position: relative;
			flex-shrink: 0;
			transition-property: transform;
			width: auto !important;
			margin: 0 20px 0 0;
			padding: 0;
			overflow: hidden;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MODALS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* background: rgba(255,255,255, 0.85); */
		z-index: 1012;
		overflow: scroll;
		overflow: hidden;
		}

        .modal-closer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
			background-color: rgba(255, 255, 255, 0.5);
        }

		.modal-inner {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			max-width: 450px;
			background: #FFFFFF;
			margin: 0;
			padding: 0;
			overflow: hidden;
			box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
			background: #FFFFFF;
			}

			body.isMobile .modal-inner {
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				max-width: none;
				max-height: none;
				border-radius: 0;
				transform: translate(0%, 0%);
				}

			.modal-close {
				position: absolute;
				top: 0;
				right: 0;
				width: 50px;
				height: 50px;
                cursor: pointer;
				text-align: center;
				}

				.modal-close-x {
					display: block;
					position: absolute;
					top: 0;
					right: 0;
					width: 40px;
					height: 40px;
                    font: 24px/40px proxima-nova, sans-serif;
                    font-weight: 600; 
					color: #FFFFFF;
					text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
					}

					#modal-room .modal-close-x {
						color: #FFFFFF;
						}
						
					#modal-room.alt_layout .modal-close-x {
						color: #000;
					}

            #modal-color-bg {
                display: block;
                height: 250px;
                }

                #modal-close-color {
                    z-index: 2;
                }

                #modal-color-content {
                    position: relative;
                    font: 14px/20px proxima-nova, sans-serif;
                    font-weight: 400; 
                    font-style: normal; 
					color: #000;

                    padding: 5%;
                    overflow-y: auto;
                    height: calc(100% - 300px);
                    }

                    #modal-color-name {
                        display: block;
                        position: relative;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        clear: both;
                        margin: 0 0 10px 0;
                        font: 18px/18px proxima-nova, sans-serif;
                        font-weight: 700; 
                        font-style: normal;
                        text-transform: uppercase;
                        text-align: center;
						color: #000;
                        }
    
                        #modal-color-name span {
                            font-weight: 400; 
                            font-style: normal; 
                            text-transform: uppercase;
                            }

						#modal-color-description {
							text-align: center;
							margin-bottom: 20px;
						}

                        #attributes {
                            display: block;
                            margin-bottom: 25px;
							display: none;
                        }

                        #disclaimers {
                            display: block;
                            margin-top: 15px;
                            }
                        
                            .attribute,
                            #disclaimers .disclaimer {
                                display: flex;
                                margin-bottom: 5px;
                            }

                                .attribute img {
                                    width: 22px;
                                    height: 25px;
                                    margin: 0 10px 0 0;
                                    vertical-align: top;
                                }

                                .attribute div {
                                    font: 14px/25px proxima-nova, sans-serif;
                                    font-weight: 400; 
                                    font-style: normal;
                                    text-align: left;
                                    vertical-align: top;
                                }
                            
                                #disclaimers .disclaimer img {
                                    width: 16px;
                                    height: 18px;
                                    margin: 1px 10px 0 0;
                                    vertical-align: top;
                                }

                                #disclaimers .disclaimer div {
                                    font: 10px/14px proxima-nova, sans-serif;
                                    font-weight: 400; 
                                    font-style: normal;
                                    vertical-align: top;
                                }

                            #modal-color-visualize {
								margin: 25px 0 0 0;
							}

			#modal-room-bg {
				display: block;
				position: relative;
				width: 100%;
				height: 400px;
				background-color: #000000;
				background-position: center center;
				background-size: cover;
				text-align: center;
				}

				#modal-room-content {
					overflow-y: auto;
					height: calc(100% - 400px);
				}

				@media screen and (max-width: 600px) {
					#modal-room-bg {
						height: 300px;
						}
					#modal-room-content {
						height: calc(100% - 300px);
					}
				}
				
				#modal-room-chosen {
					display: block;
					position: relative;
					text-align: center;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					clear: both;
					margin: 10px auto 0 auto;
					width: 90%;
					}

				#modal-room .modal-content {
					margin-top: 0;
					}
				#modal-room .modal-content p {
					margin: 25px 0 0 0;
					}
				#modal-room .modal-content .social-title {
					color: #000;
					}

                    .modal-content {
                        display: block;
                        position: relative;
                        text-align: center;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        clear: both;
                        margin: 25px 25px 0 25px;
                        }
                        .modal-content.left {
                            text-align: left;
                            }
                        .modal-content.slim {
                            margin-top: 10px;
                            }
                        .modal-content p {
                            margin-bottom: 10px;
                            }

							#modal-color .modal-content {
								margin: 0;
							}
							.modal-content .social {
								display: inline-block;
								position: relative;
								text-align: center;
								width: 100%;
								margin-top: 10px;
								}
                            .modal-content .social-title {
                                font: 12px/16px proxima-nova, sans-serif;
                                font-weight: 400; 
                                font-style: normal; 
                                color: #ffffff;
                                }
								.modal-content .social-icon {
                                display: inline-block;
                                margin: 5px 0 0 5px;
                                }
								.modal-content .social-icon img {
                                    width: 30px;
                                    height: 30px;
                                    }

                    .swatch-mini {
                        display: inline-block;
                        font: 10px/20px proxima-nova, sans-serif;
                        font-weight: 700; 
                        font-style: normal;
                        color: #333333;
                        text-transform: uppercase;
                        text-align: left;
                        margin: 5px 15px 0 0;
                        overflow: hidden;
                        }
                        .swatch-mini-color {
                            position: relative;
                            display: inline-block;
                            height: 16px;
                            width: 16px;
                            margin: 2px 5px 2px 0;
                            border-radius: 2px;
                            vertical-align: top;
                            }
                        .swatch-mini-title {
                            position: relative;
                            display: inline-block;
                            }
                            .swatch-mini-title span {
                                font-weight: 400;
                                }


				/* Use with the Mega Modal implementation */
				#modal-room-chosen {
					text-align: left;
					margin-top: 40px;
					margin: 25px 25px 10px 25px;
					width: 100%;
					width: auto;
					}	
					.swatch-mega {
						display: block;
						display: inline-block;
						font: 14px/16px proxima-nova, sans-serif;
						font-weight: 700; 
						font-style: normal;
						color: #333333;
						text-transform: uppercase;
						text-align: left;
						margin: 0 20px 10px 0;
						overflow: hidden;
						min-width: 160px;
						}

						.swatch-mega-color {
							position: relative;
							display: inline-block;
							width: 24px;
							height: 24px;
							margin: 0 15px 0 0;
							border-radius: 2px;
							vertical-align: top;
							width: 36px;
							height: 36px;
							}
						.swatch-mega-title {
							position: relative;
							display: inline-block;
							margin-top: 3px;
							}
							.swatch-mega-title div {
								display: block;
								font-weight: 400;
								}
						.swatch-mega-description {
							margin: 5px 0 20px 0;
						}

						#modal-content {
							position: relative;
							font: 14px/20px proxima-nova, sans-serif;
							font-weight: 400; 
							font-style: normal; 
							color: #000;
		
							padding: 5%;
							overflow-y: auto;
							height: calc(100% - 300px);
							}


			#modal-special .special-row {
				display: block;
				position: relative;

				min-height: 60px;
			}
			
			#modal-special .special-row-inner {
				display: block;
				min-height: 60px;
			}

			#modal-special .special-row-inner.text {
				margin: 10px 10px 0 100px;
				font: 16px/22px proxima-nova, sans-serif;
				text-transform: uppercase;
			}

			#modal-special .special-row img {
				position: absolute;
				left: 10px;
				top: 50%;
				height: 80%;
				transform: translateY(-50%);
				width: auto;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PANO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #pano {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
		z-index: 1255;
        }

        #interactive {
            cursor: grab;
        }

        #interactive.isMouseDown {
            cursor: grabbing;
        }

        #pano-nav {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 100%;
            font: 12px/15px Verdana, Helvetica, Arial, sans-serif;
            text-transform: uppercase;
            pointer-events: auto;
            font-size: 0;
            text-align: left;
            }

            #pano-nav a {
                display: inline-block;
                padding: 3px 3px;
                font: 10px/35px Verdana, Helvetica, Arial, sans-serif;
                transition: color 0.5s ease;
                margin: 0 10px 0 10px;
                color: white;
            }
            body.isDesktop #pano-nav a:hover {
                color: #FFFFFF;
                }
            #pano-nav a.active {
                color: #FFFFFF;
                }
            body.isDesktop #pano-nav a.active:hover {
                color: #FFFFFF;
                }

            #vr-toggle {
                display: none;
				cursor: pointer;
            }

        #pano-preloader {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            }
            #pano-preloader-inner {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50px;
                height: 50px;
                margin: 0;
                text-align: center;
                transform: translate(-50%, -50%);
                opacity: 0;
                }
                #pano-preloader-circle {
                    display: block;
                    position: relative;
                    width: 50px;
                    height: 50px;
                    margin: 0 auto 0 auto;
                    }
                    .pano-circle-grey {
                        stroke: #232323;
                    }
                    .pano-circle-color {
                        stroke: #FFF;
                    }
                    #pano-preloader-percent {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        font: 10px/14px 'DIN_Bold', Verdana, Arial, geneva, sans-serif;
                        color: #FFFFFF;
                        text-align: center;
                    }

                    .noselect {
                        -webkit-touch-callout: none; /* iOS Safari */
                            -webkit-user-select: none; /* Safari */
                            -khtml-user-select: none; /* Konqueror HTML */
                            -moz-user-select: none; /* Old versions of Firefox */
                                -ms-user-select: none; /* Internet Explorer/Edge */
                                    user-select: none; /* Non-prefixed version, currently
                                                        supported by Chrome, Opera and Firefox */
                        }

				#gyroscope-toggle {
					position: relative;
					width: 40px;
					height: 40px;
					padding: 0 !important;
					margin: 5px 0 0 5px !important;
					cursor: pointer;
				}
 
				#pano-icon-phone {
					/* display: none; */
					visibility: hidden;
				}
				/* 
				#pano-icon-swipe {
					display: block;
				}
 				*/
				.pano-icon {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					fill: #FFFFFF;
				}

				#modal-close-pano .modal-close-x {
					top: 5px;
					right: 5px;
				}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
    display: block;
    position: relative;
    font: 12px/24px proxima-nova, sans-serif;
    font-style: normal;
    color: #FFFFFF;
    margin: 0;
    }
    #footer .inner-wide {
        display: block;
        position: relative;
        padding: 30px 0 0 0;
        text-align: center;
        height: 250px;
    }

    .logo-footer {
        display: block;
        position: relative;
        width: 141px;
        height: 37px;
        margin: 10px auto 10px auto;
        fill: #FFF;
        stroke: none;
    }

    #legal {
        display: block;
        position: relative;
    }

    #social {
        display: block;
        margin: 10px 0;
		text-align: center;
    }

    #social .social-icon {
        display: inline-block;
        margin: 5px 0 0 5px;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        }
		
        .social-icon.instagram {
            background-image: url(../img/icons/icon_footer_instagram.png);
        }
        body.isDesktop #social .social-icon.instagram:hover {
            background-image: url(../img/icons/icon_footer_instagram2.png);
        }
        .social-icon.tiktok {
            background-image: url(../img/icons/icon_footer_tiktok.png);
        }
        body.isDesktop #social .social-icon.tiktok:hover {
            background-image: url(../img/icons/icon_footer_tiktok2.png);
        }
        .social-icon.twitter {
            background-image: url(../img/icons/icon_footer_twitter.png);
        }
        body.isDesktop #social .social-icon.twitter:hover {
            background-image: url(../img/icons/icon_footer_twitter2.png);
        }
        .social-icon.facebook {
            background-image: url(../img/icons/icon_footer_facebook.png);
        }
        body.isDesktop #social .social-icon.facebook:hover {
            background-image: url(../img/icons/icon_footer_facebook2.png);
        }

        #social p {
            font: 12px/24px proxima-nova, sans-serif;
            font-style: normal;
            margin: 0;
        }

        #legal a {
            font: 12px/24px proxima-nova, sans-serif;
            font-style: normal;
            color: #FFF;
            margin: 0 10px;
        }

    #copyright {
        display: block;
        position: relative;
    }

@media screen and (max-width: 600px) {
    #footer {
        font: 11px/24px proxima-nova, sans-serif;
    }
        #footer .inner-wide {
            padding: 10px 0 0 0;
            margin-top: 0;
        }
            #legal a {
                font: 11px/24px proxima-nova, sans-serif;
                margin: 0 5px;
            }
            #transparency {
                display: block;
            }
}
    
/**********************************************************************************
COOKIES
**********************************************************************************/

    .cmp-revoke-consent {
        position: relative;
        font: 12px/24px proxima-nova, sans-serif;
        font-style: normal;
        color: #FFF;
        margin: 0 10px;
        bottom: auto;
        left: auto;
        padding: 0;
        cursor: pointer;
    }

    .cmp-save-btn {
        text-transform: uppercase !important;
    }