/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(../img/background.png);
	background-repeat: repeat-y;
	background-position: top center;
	font: 14px/20px 'Montserrat', Verdana, Arial, geneva, sans-serif;
	font-weight: 400; 
	font-style: normal; 
	text-align: left;
	color: #333333;
	overflow: hidden;
	}

	img {
		border: 0;
		padding: 0;
		border-style: none;
		}
	
	a { font: 14px/24px 'Montserrat', Verdana, Arial, geneva, 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; }
	body.isDesktop a:hover { color: #666666; text-decoration: none; }

	h1 {
		position: relative;
		width: 100%;
		font: 24px/34px 'Montserrat', Verdana, Arial, sans-serif;
		letter-spacing: 1.2px;
		font-weight: 700; 
		color: #333333;
    	margin: auto;
		}
		.subtitle {
			position: relative;
			width: 100%;
			font: 24px/48px 'Montserrat', Verdana, Arial, sans-serif;
			letter-spacing: 1px;
			font-weight: 500; 
			color: #333333;
    		margin: auto;
		}
		h1 span {
			font-weight: 200;
		}
		
        sup {
            top: -1em;
            font-size: 50%;
        }

	h2 {
		position: relative;
		width: 100%;
		font: 40px/40px 'Montserrat', Verdana, Arial, sans-serif;
		letter-spacing: 1.2px;
		font-weight: 700;
		color: #333333;
    	margin: 20px 0 20px 0;
		text-transform: uppercase;
		}
		h2 span {
			font-weight: 200;
		}

	h3 {
		position: relative;
		width: 100%;
		font: 18px/28px 'Montserrat', Verdana, Arial, sans-serif;
		letter-spacing: 1.2px;
		font-weight: 500;
		color: #333333;
		margin: 25px 0 25px 0;
		text-transform: uppercase;
		}

	p {
		font: 14px/20px 'Montserrat', Verdana, Arial, geneva, sans-serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 25px 0;
		}

	span.whitespace {
		font-size: 0 !important;
		letter-spacing: 0 !important;
		width: 0 !important;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /*	
    #app {
		opacity: 0;
	}
    */

	#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%;
		max-width: 1600px;
		margin: 0 auto;
		background-color: #F6F5F0;
		background-color: #FFFFFF;
        background-image: url(../img/background_gradient.jpg);
        background-repeat: no-repeat;
        background-position: top center;
		}

		#header {
			display: block;
			position: relative;
			height: 70px;
			margin: 0 auto 0 auto;
			z-index: 12;
			background-color: #FFFFFF;
			}
			#homepage #header {
				background-color: transparent;
				}
			#logo-trends {
				position: absolute;
				top: 10px;
				left: 10px;
				width: auto;
				margin: 0;
				overflow: hidden;
				}
				#logo-trends img {
					width: auto;
					height: 50px
					}
			#navigation {
				position: absolute;
				top: 70px;
				left: 0;
				width: 100%;
				list-style-type: none;
				text-align: center;
				}
				#nav-shadow {
					position: absolute;
					width: 100%;
					height: 70px;
					margin: 0;
					padding: 0;
					background-image: url(../img/navigation_shadow.png);
					background-repeat: no-repeat;
					background-position: top center;
					pointer-events: none;
					}

					#nav-links {
						position: relative;
						list-style-type: none;
						margin: 30px 0 0 0;
						padding: 0;
						width: 100%;
						}
					#nav-links li {
						display: inline-block;
						margin: 0 10px 0 10px;
						vertical-align: text-top;
						}
					#nav-links li a {
						position: relative;
						font: 16px/24px 'Montserrat', Verdana, Arial, sans-serif;
						font-weight: 700; 
						font-style: normal; 
						color: #FFFFFF;
						text-transform: uppercase;
						text-align: center;
						}
					.homepage #nav-links li a {
						color: #000000;
						}

					#navigation.active #nav-links li a {
						background-image: linear-gradient( to top, #333333, #333333 2px, transparent 2px);
						}


	.btn {
		display: inline-block;
		margin: 20px 10px 0 10px;
		padding: 0;
		font-size: 12px;
		font-weight: 700; 
		line-height: 25px;
		color: #333333;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
		border-bottom: 4px solid #000000;
		overflow: hidden;
		}
		a.btn {
			color: #333333;
			}
			body.isDesktop a.btn:hover { 
				border-bottom-color: #666666 !important;
			}

			a.btn.seemore {
				padding-right: 40px;
			}

			.languages {
				position: relative;
				display: block;
				width: 100%;
				margin: 0px auto 0px auto;
			}

			#footer .languages {
				display: inline-block;
                width: auto;
			}
            #menu-languages {
                margin-bottom: 25px;
            }


			#language-toggle {
				display: block;
				position: relative;
				font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
				text-transform: uppercase;
				text-align: center;
				}
			#language-select {
				display: none;
				position: absolute;
				top: 0;
				left: 50%;
				font: 16px/20px "alternate-gothic-no-3-d", Verdana, Arial, sans-serif;
				font-weight: 400; 
				font-style: normal; 
				color: #777777;
				background-color: #fff;
				border-radius: 10px;
				padding: 10px 10px 10px 10px;
				text-align: left;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				z-index: 55;
				
				width: 300px;
				margin: -10px 0 0 -150px;
				}
				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: center;
					color: #000000;
					}
				.language-row {
					display: block;
					margin: 10px 0 0 0;
					text-transform: uppercase;
					}
				.language-category {
					display: inline-block;
					width: 60px;
					font: 12px/20px 'Montserrat', Verdana, Arial, sans-serif;
					text-transform: uppercase;
					}
				.flag {
					width: 31px;
					height: 20px;
					vertical-align: text-bottom;
					margin: 0 10px 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;
						color: #000000;
						border-bottom: 2px solid #000000;
						}

			.social {
				display: inline-block;
				position: relative;
				text-align: center;
				width: 100%;
				margin-top: 20px;
				}
				.social-title {
					font: 10px/16px 'Montserrat', Verdana, Arial, geneva, sans-serif;
					font-weight: 700; 
					font-style: normal; 
					color: #000000;
					}
				.social-icon {
					display: inline-block;
					margin: 5px 0 0 5px;
					}
					.social-icon img {
						width: 30px;
						height: 30px;
						}

			.section {
				display: inline-block;
				position: relative;
				width: 100%;
				margin: 0 0 75px 0;
				padding: 0;
				text-align: center;
				overflow-y: visible;
				}
				.section.last,
				.section.streamlined {
					margin: 0;
					}
				.section.extra {
					padding: 50px 0;
					margin: 25px auto 125px auto;
					}
					.section.extra p {
						font: 22px/60px 'Montserrat', Verdana, Arial, sans-serif;
						letter-spacing: 1.5px;
						margin: 0;
						}
					.section.extra span {
						font-weight: 700;
						}
					.section.extra span.nowrap {
						font-weight: 400;
						white-space: nowrap;
						}


				.overflow {
					overflow: hidden;
					}
                /* 
				.parallax {
					padding-bottom: 100px;
					}
                */
				.section-inner {
					position: relative;
					width: 100%;
					max-width: 1600px;
					margin: 0 auto 0 auto;
					}

				.section.animate-sides {
					overflow: hidden;
					margin: 0;
					}

					.inner-wide {
						margin: 0 auto;
						padding: 0 20px 0 20px;
						text-align: center;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						}
						.inner-wide p.thin {
							max-width: 1000px;
							margin-right: auto;
							margin-left: auto;
							}
						.inner-wide.video {
							max-width: 900px;
							}
						.inner-wide.streamlined {
							padding: 0;
							}
					.inner-left {
						position: absolute;
						top: 0;
						right: 50%;
						width: 48%;
						}
					.inner-right {
						position: absolute;
						top: 0;
						left: 50%;
						width: 48%;
						}
						.inner-content {
							position: relative;
							margin: 15% 25px 0 25px;
							max-width: 450px;
							}
							.inner-content h1 {
								margin-bottom: 40px;
								}
							.inner-content h2 {
								margin-bottom: 40px;
								}
							.inner-content a.textlink {
								font-size: 18px;
								color: #999;
								}

				.feature-image {
					display: block;
					position: relative;
					width: 100%;
					height: auto;
					margin: 0 0 30px 0;
					border-radius: 10px;
					overflow: hidden;
					-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
					-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
					box-shadow: 0 10px 30px 0 #FF0000;
					}
					.feature-image img {
						display: block;
						position: relative;
						width: 100%;
						height: auto;
						}



			#homepage-header {
				display: inline-block;
				position: relative;
				width: 100%;
				margin: 0;
				padding: 0;
				text-align: center;
				}
				#homepage-header .inner-wide {
					padding: 0;
					}

					#homepage-header .links {
						display: block;
						position: relative;
						width: 100%;
						}

					#homepage-header .social {
						position: relative;
						color: #333333;
						text-align: center;
						margin-top: 20px;
						}
						#homepage-header .social .social-icon {
							display: inline-block;
							margin: 5px 5px 0 5px;
							}

				#homepage-bars {
					display: block;
                    position: relative;
					width: 100%;
					height: 350px;
					overflow: hidden;
					background-color: #D9CCBA; /*studio_clay*/
                    margin-bottom: 0;
					}

					.homepage-bar {
						position: absolute;
						top: 0;
						width: 10%;
						height: 100%;
                        /* 
						border-top:1px solid rgba(255, 255, 255, 0.5);
						border-bottom: 1px solid rgba(255, 255, 255, 0.5);
                        */
					}
						#homepage-bars .bar1 { left: 0; }
						#homepage-bars .bar2 { left: 5%; }
						#homepage-bars .bar3 { left: 10%; }
						#homepage-bars .bar4 { left: 15%; }
						#homepage-bars .bar5 { left: 20%; }
						#homepage-bars .bar6 { left: 25%; }
						#homepage-bars .bar7 { left: 30%; }
						#homepage-bars .bar8 { left: 35%; }
						#homepage-bars .bar9 { left: 40%; }
						#homepage-bars .bar10 { left: 45%; }
						#homepage-bars .bar11 { left: 50%; }
						#homepage-bars .bar12 { left: 55%; }
						#homepage-bars .bar13 { left: 60%; }
						#homepage-bars .bar14 { left: 65%; }
						#homepage-bars .bar15 { left: 70%; }
						#homepage-bars .bar16 { left: 75%; }
						#homepage-bars .bar17 { left: 80%; }
						#homepage-bars .bar18 { left: 85%; }
						#homepage-bars .bar19 { left: 90%; }
						#homepage-bars .bar20 { left: 95%; }
						#homepage-bars .bar21 { left: 100%; }

						#homepage-bars-gradient5555 {
							display: block;
							position: absolute;
							bottom: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background: -moz-linear-gradient(top,  rgba(255,255,255,0) 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
							background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,0) 61%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
							background: linear-gradient(to bottom,  rgba(255,255,255,0) 60%,rgba(255,255,255,0) 61%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
						}
                        
                        
                        #homepage-bars-feature {
							display: block;
							position: absolute;
							top: 0;
							left: 50%;
							width: 420px;
							height: 350px;
                            transform: translateX( -50% );
                        }
                            .bars-feature {
                                display: block;
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 420px;
                                height: 350px;
                                overflow: hidden;
                            }

                                .outer {
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 50%;
                                    width: 420px;
                                    height: 350px;
                                    transform: translateX( -50% );
                                    overflow: hidden;
                                }
                                    .inner {
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        left: 50%;
                                        width: 420px;
                                        height: 350px;
                                        transform: translateX( -50% );
                                        background-position: center center;
                                        background-size: cover;
                                    }
                                        .inner img {
                                            display: block;
                                            width: 420px;
                                            height: 350px;
                                            margin: 0;
                                            padding: 0;
                                        }

                            .bars-feature-text {
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                height: auto;
                                text-align: center;
                                padding: 10px 0;
                                font: 12px/16px 'Montserrat', Verdana, Arial, geneva, sans-serif;
                                font-weight: 400; 
                                font-style: normal;
                                white-space: nowrap;
                            }
                            .bars-feature-text strong {
                                font-weight: 700; 
                            }

				#homepage-header-logo {
					display: block;
					position: relative;
					width: 100%;
					height: auto;
					margin: 0px auto;
                    max-width: 700px;
					}
					#homepage-header-logo img {
						width: 100%;
						height: auto;
						}

						#homepage-header-logo .mobile {
							display: none;
							}


				#palette {
					margin-top: 25px;
					}

                    #palette .inner-wide {
                        padding-top: 50px;
                    }

				.chip-holder {
					position: relative;
					display: block;
					margin: 50px auto 0 auto;
					max-width: 1400px;
					}

					.chip {
						display: inline-block;
						position: relative;
						width: 250px;
						margin: 0 10px 20px 10px;
						padding: 0;
						font: 12px/18px 'Montserrat', Verdana, Arial, geneva, sans-serif;
						font-weight: 400; 
						color: #636466;
						overflow: hidden;
                        cursor: pointer;
						}
						
						.chip-inner {
							display: block;
							position: relative;
							width: 250px;
							height: 200px;
							margin: 0;
							padding: 0;
							overflow: hidden;
							border-radius: 4px;
							}
							.chip-detail {
								position: absolute;
								top: 0;
								left: 0;
								width: 0%;
								height: 100%;
								background-position: top left;
								background-size: cover;
								overflow: hidden;
								}
								.shadow {
									position: absolute;
									top: 0;
									right: 0;
									width: 30px;
									height: 165px;
									opacity: 0.5;
									}
                                    
							.chip-text {
								display: block;
                                position: absolute;
                                bottom: 0;
                                left: 0;
								width: 100%;
								text-transform: uppercase;
                                margin-bottom: 10px;
								}
								.chip-text strong {
						            font: 14px/18px 'Montserrat', Verdana, Arial, geneva, sans-serif;
									font-weight: 700; 
									}

							.chip-buy {
								display: block;
								margin-top: -25px;
								visibility: hidden;
								opacity: 0;
							}

							.chip-buy .btn {
								margin-top: 0;
							}

							.chip-description {
								display: block;
								font: 14px/30px 'Montserrat', Verdana, Arial, geneva, sans-serif;
                                display: none;
								}

								.bg_whisper_white { background-color: #F4F2EC; }
								.bg_sunwashed_brick { background-color: #E3C1B4; }
								.bg_breezeway { background-color: #CCD8D0; }
								.bg_etched_glass { background-color: #DDE1E3; }
								.bg_lunar_surface { background-color: #B6B9B7; }
								.bg_nightingale_gray { background-color: #B9AEA4; }
								.bg_studio_clay { background-color: #D9CCBA; }
								.bg_corn_stalk { background-color: #FBDBA7; }
								.bg_wave_top { background-color: #AFD9D5; }
								.bg_after_rain { background-color: #C1DAEB; }
								.bg_perfect_penny { background-color: #A06957; }
								.bg_basswood { background-color: #C9B197; }
								.bg_sustainable { background-color: #A7A07F; }
								.bg_explorer_blue { background-color: #57A3B4; }
								.bg_dark_cobalt_blue { background-color: #32578B; }
								.bg_lingonberry_punch { background-color: #A95658; }
								.bg_wild_mustang { background-color: #8F705D; }
								.bg_laurel_tree { background-color: #87977A; }
								.bg_ocean_abyss { background-color: #2A565B; }
								.bg_cracked_pepper { background-color: #4F5152; }

								.chip_whisper_white .chip-base { fill: #F4F2EC; }
								.chip_sunwashed_brick .chip-base { fill: #E3C1B4; }
								.chip_breezeway .chip-base { fill: #CCD8D0; }
								.chip_etched_glass .chip-base { fill: #DDE1E3; }
								.chip_lunar_surface .chip-base { fill: #B6B9B7; }
								.chip_nightingale_gray .chip-base { fill: #B9AEA4; }
								.chip_studio_clay .chip-base { fill: #D9CCBA; }
								.chip_corn_stalk .chip-base { fill: #FBDBA7; }
								.chip_wave_top .chip-base { fill: #AFD9D5; }
								.chip_after_rain .chip-base { fill: #C1DAEB; }
								.chip_perfect_penny .chip-base { fill: #A06957; }
								.chip_basswood .chip-base { fill: #C9B197; }
								.chip_sustainable .chip-base { fill: #A7A07F; }
								.chip_explorer_blue .chip-base { fill: #57A3B4; }
								.chip_dark_cobalt_blue .chip-base { fill: #32578B; }
								.chip_lingonberry_punch .chip-base { fill: #A95658; }
								.chip_wild_mustang .chip-base { fill: #8F705D; }
								.chip_laurel_tree .chip-base { fill: #87977A; }
								.chip_ocean_abyss .chip-base { fill: #2A565B; }
								.chip_cracked_pepper .chip-base { fill: #4F5152; }


								#modal-color-image.bg_whisper_white { background-image: url("../img/modal/whisper_white.jpg"); }
								#modal-color-image.bg_sunwashed_brick { background-image: url("../img/modal/sunwashed_brick.jpg"); }
								#modal-color-image.bg_breezeway { background-image: url("../img/modal/breezeway.jpg"); }
								#modal-color-image.bg_etched_glass { background-image: url("../img/modal/etched_glass.jpg"); }
								#modal-color-image.bg_lunar_surface { background-image: url("../img/modal/lunar_surface.jpg"); }
								#modal-color-image.bg_nightingale_gray { background-image: url("../img/modal/nightingale_gray.jpg"); }
								#modal-color-image.bg_studio_clay { background-image: url("../img/modal/studio_clay.jpg"); }
								#modal-color-image.bg_corn_stalk { background-image: url("../img/modal/corn_stalk.jpg"); }
								#modal-color-image.bg_wave_top { background-image: url("../img/modal/wave_top.jpg"); }
								#modal-color-image.bg_after_rain { background-image: url("../img/modal/after_rain.jpg"); }
								#modal-color-image.bg_perfect_penny { background-image: url("../img/modal/perfect_penny.jpg"); }
								#modal-color-image.bg_basswood { background-image: url("../img/modal/basswood.jpg"); }
								#modal-color-image.bg_sustainable { background-image: url("../img/modal/sustainable.jpg"); }
								#modal-color-image.bg_explorer_blue { background-image: url("../img/modal/explorer_blue.jpg"); }
								#modal-color-image.bg_dark_cobalt_blue { background-image: url("../img/modal/dark_cobalt_blue.jpg"); }
								#modal-color-image.bg_lingonberry_punch { background-image: url("../img/modal/lingonberry_punch.jpg"); }
								#modal-color-image.bg_wild_mustang { background-image: url("../img/modal/wild_mustang.jpg"); }
								#modal-color-image.bg_laurel_tree { background-image: url("../img/modal/laurel_tree.jpg"); }
								#modal-color-image.bg_ocean_abyss { background-image: url("../img/modal/ocean_abyss.jpg"); }
								#modal-color-image.bg_cracked_pepper { background-image: url("../img/modal/cracked_pepper.jpg"); }
                                
                                /* SPECIAL IMAGES FOR MODALS*/
								#modal-color-image.modal_coty_landscape1 { background-image: url("../img/coty/coty_landscape1.jpg"); }
								#modal-color-image.modal_coty_landscape2 { background-image: url("../img/coty/coty_landscape2.jpg"); }
								#modal-color-image.modal_coty_landscape3 { background-image: url("../img/coty/coty_landscape3.jpg"); }
								#modal-color-image.modal_coty_landscape4 { background-image: url("../img/coty/coty_landscape4.jpg"); }
								#modal-color-image.modal_coty_square3 { background-image: url("../img/coty/coty_square3.jpg"); }
								#modal-color-image.modal_coty_square4 { background-image: url("../img/coty/coty_square4.jpg"); }

                                #modal-color-image.modal_flexible_spaces1 { background-image: url("../img/lifestyle/flexible_spaces_feature.jpg"); }
                                #modal-color-image.modal_flexible_spaces2 { background-image: url("../img/lifestyle/flexible_spaces_2_1.jpg"); }
                                #modal-color-image.modal_flexible_spaces3_1 { background-image: url("../img/lifestyle/flexible_spaces_3_1.jpg"); }
                                #modal-color-image.modal_flexible_spaces3_2 { background-image: url("../img/lifestyle/flexible_spaces_3_2.jpg"); }
                                #modal-color-image.modal_flexible_spaces3_3 { background-image: url("../img/lifestyle/flexible_spaces_3_3.jpg"); }

                                #modal-color-image.modal_serene_sanctuary1 { background-image: url("../img/lifestyle/serene_sanctuary_feature.jpg"); }
                                #modal-color-image.modal_serene_sanctuary2_1 { background-image: url("../img/lifestyle/serene_sanctuary_2_1.jpg"); }
                                #modal-color-image.modal_serene_sanctuary2_2 { background-image: url("../img/lifestyle/serene_sanctuary_2_2.jpg"); }
                                #modal-color-image.modal_serene_sanctuary3 { background-image: url("../img/lifestyle/serene_sanctuary_3_2.jpg"); }

                                #modal-color-image.modal_natural_influences1 { background-image: url("../img/lifestyle/natural_influences_feature.jpg"); }
                                #modal-color-image.modal_natural_influences2_1 { background-image: url("../img/lifestyle/natural_influences_2_1.jpg"); }
                                #modal-color-image.modal_natural_influences2_2 { background-image: url("../img/lifestyle/natural_influences_2_2.jpg"); }
                                #modal-color-image.modal_natural_influences3 { background-image: url("../img/lifestyle/natural_influences_3_3.jpg"); }
                                /* 
                                .chip.whisper_white {
                                    border: 1px solid #CCCCCC;
                                    border-radius: 4px;
                                }
                                */
                                /* TURN TEXT WHITE */
								.bg_perfect_penny,
								.bg_sustainable,
								.bg_explorer_blue,
								.bg_dark_cobalt_blue,
								.bg_lingonberry_punch,
								.bg_wild_mustang,
								.bg_laurel_tree,
								.bg_ocean_abyss,
								.bg_cracked_pepper { 
                                    color: #fff;
                                 }

								.palette_casual_comfort h2 {
									color: #DDE1E3;  /* etched_glass*/
								}
								.palette_calm_zone h2 {
									color: #8F705D;  /* wild_mustang*/
								}
								.palette_subtle_focus h2 {
									color: #B9AEA4;  /* nightingale_gray */
								}
								.palette_quiet_haven h2 {
									color: #2A565B;  /* ocean_abyss */
								}
								.palette_optimistic_view h2 {
									color: #C1DAEB;  /* after_rain */
								}
								.palette_outdoor_escape h2 {
									color: #32578B;  /* dark_cobalt_blue */
								}

								.palette_casual_comfort h2 span,
								.palette_calm_zone h2 span,
								.palette_subtle_focus h2 span,
								.palette_quiet_haven h2 span,
								.palette_optimistic_view h2 span,
								.palette_outdoor_escape h2 span {
									color: #333333;
								}

                #home-colorize .btn,
                #home-colorize .flourish {
                    margin-top: 0;
                }

                #home-colorize img {
                    width: 100%;
                    max-width: 400px;
                    height: auto;
                }

                #home-teaser {
                    margin-top: 50px;
                    overflow: hidden;
                }

                    #home-teaser #teaser-title1 {
                        font: 64px/80px 'Montserrat', Verdana, Arial, sans-serif;
                        letter-spacing: 1.2px;
                        font-weight: 700; 
                        font-style: normal;
                        color: #CCD8D0; /* breezeway */
                    }

                    #home-teaser #teaser-title2 {
                        font: 48px/64px ivypresto-display, serif;
                        font-weight: 300;
                        font-style: italic;
                        text-transform: lowercase;
                    }


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

                    #home-teaser #teaser-title1 {
                        font: 32px/40px 'Montserrat', Verdana, Arial, sans-serif;
                        font-weight: 700; 
                        font-style: normal;
                    }

                    #home-teaser #teaser-title2 {
                        font: 24px/32px ivypresto-display, serif;
                        font-weight: 300;
                    }
                }




                #home-coty {
                    overflow: hidden;
                    min-height: 800px;
                }
                    #home-coty-swatch {
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-image: url("../img/coty/coty_chip_home.png");
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: contain;
                    }
                    #home-coty-swatch.fr {
                        background-image: url("../img/coty/coty_chip_home_fr.png");
                    }




                    #home-coty-feature {
                        display: block;
                    }
                        #home-coty-feature-image {
                            display: block;
                            width: 100%;
                            height: 100%;
                            min-height: 800px;
                            background-image: url("../img/home/coty_parallax1.jpg");
                            background-position: center bottom;
                            background-repeat: no-repeat;
                        }

                        #home-coty-parallax2,
                        #home-coty-parallax3 {
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            min-height: 800px;
                            background-image: url("../img/home/coty_parallax2.png");
                            background-position: center bottom;
                            background-repeat: no-repeat;
                        }
                        #home-coty-parallax3 {
                            background-image: url("../img/home/coty_parallax3.png");
                        }
                        

                        @media screen and (max-width: 800px) {
                            #home-coty-feature-image {
                                background-size: auto 90%;
                                background-position: top center;
                                min-height: 700px;
                            }
                            
                            #home-coty-parallax2,
                            #home-coty-parallax3 {
                                background-size: auto 80%;
                                background-position: 50% 20%;
                                min-height: 700px;
                            }
                            #home-coty {
                                min-height: 700px;
                            }
                        }

                        #home-coty-feature-text {
                            display: block;
                            width: 100%;
                            position: absolute;
                            top: 25px;
                            left: 0;
                        }

                            #home-coty-feature-text h3 {
                                font: 18px/28px 'Montserrat', Verdana, Arial, sans-serif;
                                font-weight: 700;
                                margin-top: 30px;
                            }
                            #home-coty-feature-text h1 {
                                font: 48px/48px ivypresto-display, serif;
                                letter-spacing: 4px;
                                font-weight: 600;
                                font-style: normal;
                                text-transform: lowercase;
                            }
                        
                        #home-coty-feature-description {
                            display: block;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 90%;

                            padding: 50px 5%;
                        }

                        .btn-coty {
                            display: inline-block;
                            margin-top: 10px;
                            padding: 10px 20px;
                            border: 1px solid #333333;
                            font-weight: 700;
                        }

                        .flourish-horizontal {
                            display: block;
                            position: relative;
                            width: 100%;
                            height: 6px;
                            text-align: center;
                            margin: 25px auto;
                            }
                            .flourish-horizontal .line {
                                display: inline-block;
                                width: 80%;
                                max-width: 320px;
                                height: 1px;
                                margin: 3px -6px 0 -6px;
                                background-color: #333333;
                                vertical-align: top;
                                }
                                .flourish-horizontal .circle {
                                    display: inline-block;
                                    width: 6px;
                                    height: 6px;
                                    background-color: #333333; 
                                    border-radius: 50%;
                                    vertical-align: top;
                                    }

						#coty-feature {
							position: relative;
                            width: 100%;
                            height: 1200px;
							margin: 0 0 0 0 !important;
                            overflow: hidden;
							}

                            #coty-scene {
                                position: absolute;
                                top: -50px;
                                left: 0;
                                width: 100%;
                                height: 970px;
                                background-image: url("../img/coty/header/background.jpg");
                                background-position: top center;
                                background-repeat: no-repeat;
                                overflow: hidden;
                                margin: 0;
                            }
                            @media screen and (max-width: 800px) {
                                #coty-scene {
                                    margin-top: -80px;
                                }
                            }

                            #coty-water {
                                position: absolute;
                                bottom: 0;
                                left: 50%;
                                width: 1600px;
                                height: 350px;
                                transform: translateX(-50%);
                            }

                                #coty-water img {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                }

                                #coty-fog {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background-color: rgba(204,216,208,0.35);
                                    }

                                    #coty-fog-parallax {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 3200px;
                                        height: 100%;
                                        background-size: 100% 100%;
                                        background-image: url("../img/coty/header/fog.png");
                                        }


                            #coty-bridge-holder {
                                display: block;
                                position: absolute;
                                bottom: 0;
                                left:  50%;
                                width: 1100px;
                                height: 600px;
                                transform: translateX(-50%);
                            }
                                #coty-bridge {
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left:  0;
                                    width: 1100px;
                                    height: 600px;
                                }

                            #coty-structure {
                                display: block;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                width: 360px;
                                height: 250px;
                                transform: translate(-180px, -58px);
                                opacity: 0;
                            }
                            #coty-loading {
                                display: block;
                                position: absolute;
                                top: 150px;
                                left:  50%;
                                transform: translate(-50%, -50%);
                                font-weight: 700;
                                font-size: 18px;
                                width: 300px;
                            }

                            #coty-gradient {
                                display: block;
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                height: 50%;
                                background: -moz-linear-gradient(top,  rgba(246,245,240,0) 60%, rgba(246,245,240,0) 61%, rgba(246,245,240,0.99) 99%, rgba(246,245,240,1) 100%); /* FF3.6-15 */
                                background: -webkit-linear-gradient(top,  rgba(246,245,240,0) 60%,rgba(246,245,240,0) 61%,rgba(246,245,240,0.99) 99%,rgba(246,245,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                background: linear-gradient(to bottom,  rgba(246,245,240,0) 60%,rgba(246,245,240,0) 61%,rgba(246,245,240,0.99) 99%,rgba(246,245,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f0', endColorstr='#f6f5f0',GradientType=0 ); /* IE6-9 */
                                
                                background: -moz-linear-gradient(top,  rgba(255,255,255,0) 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
                                background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,0) 61%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                background: linear-gradient(to bottom,  rgba(255,255,255,0) 60%,rgba(255,255,255,0) 61%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
                            }

                            #coty-swatch-holder {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                width: 1600px;
                                height: 600px;
                                transform: translate( -50%, -50%);
                                text-align: center;
                            }

                            #coty-swatch {
                                display: inline-block;
                                width: 600px;
                                height: 600px;
                                margin: 0;
                            }
                            @media screen and (max-width: 800px) {
                                #coty-swatch {
                                    width: 300px;
                                    height: 300px;
                                    margin-top: 100px;
                                }
                            }

                            #coty-feature .section-inner {
                                margin-top: 850px;
                            }

                            #coty-feature .section-inner h1 {
                                max-width: 700px;
                                text-transform: uppercase;
                            }

                            #btn_coty_feature {
                                margin-top: 50px;
                            }

                            .coty-zindex {
                                z-index: 1;
                            }












                            #coty-header2 {
                                position: relative;
                                width: 100%;
                                margin: 0 0 0 0 !important;
                                overflow: hidden;
                                
                                height: 1200px;
                            }
                                #coty-header2 #coty-swatch-holder2 {
                                    display: block;
                                    position: absolute;
                                    top: 50px;
                                    left: 0;
                                    width: 100%;
                                    text-align: center;
                                }
                                    #coty-header2 #coty-swatch-holder2 img {
                                        width: 80%;
                                        height: auto;
                                        max-width: 400px;

                                        width: 400px;
                                        height: 400px;
                                    }
    
                            #coty-header2 #coty-feature-image {
                                display: block;
                                width: 100%;
                                height: 1000px;
                                background-image: url("../img/home/coty_parallax1.jpg");
                                background-position: center bottom;
                                background-repeat: no-repeat;
                                overflow: hidden;
                            }
                                #coty-header2 #home-coty-parallax2,
                                #coty-header2 #home-coty-parallax3 {
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 1000px;
                                    background-image: url("../img/home/coty_parallax2.png");
                                    background-position: center bottom;
                                    background-repeat: no-repeat;
                                }
                                #coty-header2 #home-coty-parallax3 {
                                    background-image: url("../img/home/coty_parallax3.png");
                                }
    
    
                            #coty-header2 #coty-gradient {
                                bottom: auto;
                                top: 0;
                                height: 1000px;
                            }
                            
                            #coty-header2 .section-inner {
                                margin-top: -50px;
                            }

                            #coty-header2 .section-inner h1 {
                                max-width: 700px;
                                text-transform: uppercase;
                            }
    


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

                                #coty-header2 {
                                    height: 700px;
                                    height: auto;
                                }

                                #coty-header2 #coty-gradient {
                                    height: 500px !important;
                                }

                                #coty-header2 #coty-feature-image {
                                    /* 
                                    background-size: auto 90%;
                                    background-position: top center;
                                    */
                                    background-position: center center;
                                    height: 700px !important;
                                    min-height: auto;
                                    background-size: 1200px auto;
                                    
                                    height: 500px !important;
                                    background-size: 900px auto;
                                }
                                #coty-header2 #home-coty-parallax2,
                                #coty-header2 #home-coty-parallax3 {
                                    background-size: auto 80%;
                                    height: 700px !important;
                                    background-position: bottom center;
                                    min-height: auto;

                                    height: 500px !important;
                                    background-size: auto 100%;
                                }
                                #coty-header2 #coty-swatch-holder2 {
                                    top: 0;
                                }
                                #coty-header2 #coty-swatch-holder2 #coty-swatch {
                                    margin-top: 50px;

                                    margin-top: 35px;
                                }
                                #coty-header2 #coty-gradient {
                                    height: 700px !important;
                                    min-height: auto;
                                    
                                    height: 500px !important;
                                }
                                #coty-header2 #coty-swatch-holder2 img {
                                    width: 100%;
                                    height: auto;
                                    max-width: 300px;
                                    
                                    max-width: 200px;
                                }
                            }




                #coty-sprite {
                    display: block;
                    position: relative;
                    width: 100%;
                    height: 400px;
                    margin: 50px 0;
                    overflow: hidden;
                }
                    
                    #coty-sprite-video {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 1600px;
                        height: 400px;
                        transform: translate(-50%,-50%);
                    }

                    body.isMobile #coty-sprite-video {
                        display: none;
                    }

                    #coty-sprite a {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        width: 50px;
                        height: 50px;
                        width: 250px;
                        text-align: center;
                        font-weight: 700;
                        color: #FFFFFF;
                        text-shadow: #000000 0 0 30px;
                    }

                        body.isDesktop #coty-sprite a:hover svg {
                            transform: scale(0.8);
                        }

                        #coty-sprite svg {
                            display: inline-block;
                            width: 50px;
                            height: 50px;
                            margin-bottom: 5px;
                            transition: transform 1s cubic-bezier(0.25,1,0.25,1)
                        }
                
                    body.isMobile #coty-sprite {
                        background-image: url(../img/coty/video_sprite.jpg);
                    }

                @media screen and (max-width: 1200px) {
                    body.isMobile #coty-sprite {
                        background-image: url(../img/coty/video_sprite_1200.jpg);
                    }
                }
                
                @media screen and (max-width: 800px) {
                    body.isMobile #coty-sprite {
                        background-image: url(../img/coty/video_sprite_800.jpg);
                    }
                }
                
                @media screen and (max-width: 600px) {
                    body.isMobile #coty-sprite {
                        background-image: url(../img/coty/video_sprite_600.jpg);
                    }
                }

		#footer {
			display: block;
			position: relative;
			width: 100%;
			margin: 75px 0 0 0;
			padding: 0;
			text-align: center;
			font: 11px/16px 'Montserrat', Verdana, Arial, geneva, sans-serif;
			font-weight: 400; 
			font-style: normal; 
			color: #000000;
			min-height: 180px;
			overflow: hidden;
			}
			#footer p {
				margin: 0;
				}
			#footer-bars {
				display: block;
				position: relative;
				width: 100%;
				height: 50px;
				overflow: hidden;
				background-color: #D9CCBA; /*studio_clay*/
				}

				.footer-bar {
					position: absolute;
					top: 0;
					width: 10%;
					height: 100%;
					}
					#footer-bars .bar1 { left: 0; }
					#footer-bars .bar2 { left: 5%; }
					#footer-bars .bar3 { left: 10%; }
					#footer-bars .bar4 { left: 15%; }
					#footer-bars .bar5 { left: 20%; }
					#footer-bars .bar6 { left: 25; }
					#footer-bars .bar7 { left: 30%; }
					#footer-bars .bar8 { left: 35%; }
					#footer-bars .bar9 { left: 40%; }
					#footer-bars .bar10 { left: 45%; }
					#footer-bars .bar11 { left: 50%; }
					#footer-bars .bar12 { left: 55%; }
					#footer-bars .bar13 { left: 60%; }
					#footer-bars .bar14 { left: 65%; }
					#footer-bars .bar15 { left: 70%; }
					#footer-bars .bar16 { left: 75%; }
					#footer-bars .bar17 { left: 80%; }
					#footer-bars .bar18 { left: 85%; }
					#footer-bars .bar19 { left: 90%; }
					#footer-bars .bar20 { left: 95%; }
					#footer-bars .bar21 { left: 100%; }

			#legal {
				display: block;
				position: absolute;
				top: 0px;
				left: 20px;
				text-align: left;
				margin-bottom: 25px;
				}
				#logo-footer img {
					width: 200px;
					height: auto;
					}
					a.footer-link {
						display: inline-block;
						position: relative;
						font: 10px/16px 'Montserrat', "alternate-gothic-no-3-d", Verdana, Arial, geneva, sans-serif;
						font-weight: 700;
						font-style: normal;
						margin: 5px 10px 0 0;
						color: #333333;
						}
					#footer .social a.footer-link {
						margin: 5px 5px 0 5px;
						}
					#footer a.footer-link.california {
						color: #333333;
						font-size: 8px;
						}

			#homedepot {
				display: block;
				position: absolute;
				top: 0;
				right: 20px;
				}
				#homedepot img {
					display: block;
					position: relative;
					width: 60px;
					height: auto;
					}

	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		margin-top: 20px;
		border-radius: 10px;
		background-color: #fff;
	}
	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

	.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-inner {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 100%;
			max-width: 450px;
			max-height: 650px;
			background: #FFFFFF;
			border-radius: 10px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			transform: translate(-50%, -50%);
			-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
			-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
			box-shadow: 0 10px 30px 0 rgba(0,0,0,0.2);
			}

			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-color-swiper {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 50%;
            }

            #modal-color .swiper-pagination-bullet {
                background: #636466 !important;
                /* box-shadow: 0 0px 10px 0 #fff; */
            }
            #modal-color .swiper-pagination-bullet-active {
                background: #636466 !important;
                /* box-shadow: 0 0px 10px 0 #fff; */
            }

            #modal-color-arrows {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            #modal-color .swiper-button-prev,
            #modal-color .swiper-button-next { 
                color: #636466 !important;
                }

                #modal-color .swiper-button-next.swiper-button-disabled, 
                #modal-color .swiper-button-prev.swiper-button-disabled {
                    opacity: 0 !important;
                }

            #modal-color.perfect_penny .swiper-pagination-bullet,
            #modal-color.sustainable .swiper-pagination-bullet,
            #modal-color.explorer_blue .swiper-pagination-bullet,
            #modal-color.dark_cobalt_blue .swiper-pagination-bullet,
            #modal-color.lingonberry_punch .swiper-pagination-bullet,
            #modal-color.wild_mustang .swiper-pagination-bullet,
            #modal-color.laurel_tree .swiper-pagination-bullet,
            #modal-color.ocean_abyss .swiper-pagination-bullet,
            #modal-color.cracked_pepper .swiper-pagination-bullet,
            
            #modal-color.perfect_penny .swiper-button-pagination-bullet-active,
            #modal-color.sustainable .swiper-button-pagination-bullet-active,
            #modal-color.explorer_blue .swiper-button-pagination-bullet-active,
            #modal-color.dark_cobalt_blue .swiper-button-pagination-bullet-active,
            #modal-color.lingonberry_punch .swiper-button-pagination-bullet-active,
            #modal-color.wild_mustang .swiper-button-pagination-bullet-active,
            #modal-color.laurel_tree .swiper-button-pagination-bullet-active,
            #modal-color.ocean_abyss .swiper-button-pagination-bullet-active,
            #modal-color.cracked_pepper .swiper-button-pagination-bullet-active { 
                background: #FFFFFF !important;
                }

            #modal-color.perfect_penny #btn-view,
            #modal-color.sustainable #btn-view,
            #modal-color.explorer_blue #btn-view,
            #modal-color.dark_cobalt_blue #btn-view,
            #modal-color.lingonberry_punch #btn-view,
            #modal-color.wild_mustang #btn-view,
            #modal-color.laurel_tree #btn-view,
            #modal-color.ocean_abyss #btn-view,
            #modal-color.cracked_pepper #btn-view,

            #modal-color.perfect_penny .swiper-button-prev,
            #modal-color.sustainable .swiper-button-prev,
            #modal-color.explorer_blue .swiper-button-prev,
            #modal-color.dark_cobalt_blue .swiper-button-prev,
            #modal-color.lingonberry_punch .swiper-button-prev,
            #modal-color.wild_mustang .swiper-button-prev,
            #modal-color.laurel_tree .swiper-button-prev,
            #modal-color.ocean_abyss .swiper-button-prev,
            #modal-color.cracked_pepper .swiper-button-prev,
            
            #modal-color.perfect_penny .swiper-button-next,
            #modal-color.sustainable .swiper-button-next,
            #modal-color.explorer_blue .swiper-button-next,
            #modal-color.dark_cobalt_blue .swiper-button-next,
            #modal-color.lingonberry_punch .swiper-button-next,
            #modal-color.wild_mustang .swiper-button-next,
            #modal-color.laurel_tree .swiper-button-next,
            #modal-color.ocean_abyss .swiper-button-next,
            #modal-color.cracked_pepper .swiper-button-next { 
                color: #FFFFFF !important;
                }

            #modal-color.perfect_penny #btn-view,
            #modal-color.sustainable #btn-view,
            #modal-color.explorer_blue #btn-view,
            #modal-color.dark_cobalt_blue #btn-view,
            #modal-color.lingonberry_punch #btn-view,
            #modal-color.wild_mustang #btn-view,
            #modal-color.laurel_tree #btn-view,
            #modal-color.ocean_abyss #btn-view,
            #modal-color.cracked_pepper #btn-view,

            #modal-color.perfect_penny #btn-view:hover,
            #modal-color.sustainable #btn-view:hover,
            #modal-color.explorer_blue #btn-view:hover,
            #modal-color.dark_cobalt_blue #btn-view:hover,
            #modal-color.lingonberry_punch #btn-view:hover,
            #modal-color.wild_mustang #btn-view:hover,
            #modal-color.laurel_tree #btn-view:hover,
            #modal-color.ocean_abyss #btn-view:hover,
            #modal-color.cracked_pepper #btn-view:hover { 
                border-bottom-color: #FFFFFF !important;
                }

            #modal-color-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

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

                #modal-color-image {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                    background-position: center center;
                    background-size: cover;
                }
                #modal-color-description {
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 70%;
                    transform: translate(-50%, -50%);
                    font: 16px/36px 'Montserrat', Verdana, Arial, sans-serif;
                    font-weight: 700;
                    text-transform: uppercase;
                    text-align: center;
                    color: #636466;
                    margin: 0;
                    }
                    #modal-color-description.perfect_penny,
                    #modal-color-description.sustainable,
                    #modal-color-description.explorer_blue,
                    #modal-color-description.dark_cobalt_blue,
                    #modal-color-description.lingonberry_punch,
                    #modal-color-description.wild_mustang,
                    #modal-color-description.laurel_tree,
                    #modal-color-description.ocean_abyss,
                    #modal-color-description.cracked_pepper { 
                        color: #fff;
                        }

                #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 25px 25px 25px;
                    font: 24px/24px 'Montserrat', Verdana, Arial, sans-serif;
                    font-weight: 700; 
                    font-style: normal;
                    text-transform: uppercase;
                    text-align: center;
                    color: #636466;
                    }
                    #modal-color-name span {
                        font: 14px/16px 'Montserrat', Verdana, Arial, sans-serif;
                        font-weight: 400; 
                        font-style: normal; 
                        text-transform: uppercase;
                        }

                    #modal-color-name.perfect_penny,
                    #modal-color-name.sustainable,
                    #modal-color-name.explorer_blue,
                    #modal-color-name.dark_cobalt_blue,
                    #modal-color-name.lingonberry_punch,
                    #modal-color-name.wild_mustang,
                    #modal-color-name.laurel_tree,
                    #modal-color-name.ocean_abyss,
                    #modal-color-name.cracked_pepper { 
                        color: #fff;
                        }


                    #modal-color-footer {
                        position: absolute;
                        bottom: 25px;
                        left: 5%;
                        width: 90%;
                        font: 14px/20px 'Montserrat', Verdana, Arial, sans-serif;
                        font-weight: 400; 
                        font-style: normal; 
                        color: #636466;
                        text-align: center;
                        }


                            .btn-order,
                            #btn-order {
                                display: inline-block;
                                font: 14px/20px 'Montserrat', Verdana, Arial, geneva, sans-serif;
                                font-weight: 400;
                                font-style: normal;
                                margin-top: 10px;
                                padding: 10px 20px;
                                font-size: 14px;
                                line-height: 24px;
                                font-weight: 700; 
                                text-align: center;
                                min-width: 100px;
                                border: 1px solid #333333;
                                text-transform: uppercase;
                                color: #333333;
                                cursor: pointer;
                                background-color: white;
                                }


            .flourish {
                display: block;
                position: relative;
                width: 6px;
                text-align: center;
                margin: 25px auto 0 auto;
                }
                .flourish .line {
                    display: block;
                    width: 1px;
                    height: 100px;
                    margin: 0 auto;
                    background-color: #333333;
                    }
                    .flourish .circle {
                        display: block;
                        width: 6px;
                        height: 6px;
                        background-color: #333333; 
                        border-radius: 50%;
                        margin: -3px auto 0 auto;
                        }

                        #modal-color #flourish_perfect_penny .line,
                        #modal-color #flourish_sustainable .line,
                        #modal-color #flourish_explorer_blue .line,
                        #modal-color #flourish_dark_cobalt_blue .line,
                        #modal-color #flourish_lingonberry_punch .line,
                        #modal-color #flourish_wild_mustang .line,
                        #modal-color #flourish_laurel_tree .line,
                        #modal-color #flourish_ocean_abyss .line,
                        #modal-color #flourish_cracked_pepper .line { 
                            background-color: #fff;
                            }

                        #modal-color #flourish_perfect_penny .circle,
                        #modal-color #flourish_sustainable .circle,
                        #modal-color #flourish_explorer_blue .circle,
                        #modal-color #flourish_dark_cobalt_blue .circle,
                        #modal-color #flourish_lingonberry_punch .circle,
                        #modal-color #flourish_wild_mustang .circle,
                        #modal-color #flourish_laurel_tree .circle,
                        #modal-color #flourish_ocean_abyss .circle,
                        #modal-color #flourish_cracked_pepper .circle { 
                            background-color: #fff;
                            }

			.modal-close {
				position: absolute;
				top: 0;
				right: 0;
				width: 80px;
				height: 80px;
                cursor: pointer;
				}
				.modal-close-bg {
					display: block;
					width: 80px;
					height: 80px;
                    opacity: 0.6;
					}
				.modal-close-x {
					display: block;
					position: absolute;
					top: 6px;
					right: 6px;
					width: 34px;
					height: 34px;
					}

				@media screen and (max-width: 500px) {
						.swatch {
							width: 60px;
							height: 60px;
							margin: 5px;
							}
						.swatch-check {
							width: 30px;
							height: 30px;
							bottom: -10px;
							right: -10px;
							}
				}

					#hamburger {
						display: block;
						position: absolute;
						top: 25px;
						right: 20px;
						width: 30px;
						height: 20px;
						}
						.nav-bar {
							position: absolute;
							top: 0;
							left: 0;
							background-color: #000000;
							width: 100%;
							height: 4px;
							border-radius: 2px;
							}
							#bar2 {
								top: 8px
								}
							#bar3 {
								top: 16px
								}

					#menu {
						display: block;
						position: absolute;
						top: 70px;
						left: 0;
						width: 0;
						height: 100%;
						background-color: #edebe4;
						overflow: hidden;
						}

					#homepage #menu {
						top: 0;
						}
						#menu-inner {
							position: relative;
							margin: 10px 20px 0px 0px;
							overflow: hidden;
							}
							#logo-trends-mobile {
								display: block;
								position: relative;
								width: 300px;
								height: 40px;
								margin: 0 0 10px 20px;
								overflow: hidden;
								}
								#logo-trends-mobile img {
									width: auto;
									height: 100%;
									}
							#menu-title {
								z-index: 1255;
							}

						.menu-column {
							display: inline-block;
							position: relative;
							width: 30%;
							margin: 0 0 0 20px;
                            
                            display: block;
                            width: 100%;
							}
							.menu-gradient {
								display: none;
								max-width: 300px;
								height: 80px;
								opacity: 0.25;
								margin: 10px 0 -70px 0;
								z-index: -1;
								pointer-events: none;

                                display: block;
								}
                                .menu-gradient.primary {
                                    margin-top: 50px;
                                }

						.menu-header {
							display: block;
							position: relative;
							font: 14px/28px 'Montserrat', Verdana, Arial, sans-serif;
							font-weight: 400;
							font-style: normal;
							color: #333333;
							text-transform: uppercase;
							margin: 0;
							}
						a.menu-link {
							display: block;
							position: relative;
							font: 18px/40px 'Montserrat', Verdana, Arial, sans-serif;
							font-weight: 700;
							font-style: normal;
							color: #333333;
							text-transform: uppercase;
							margin: 0;
							z-index: 1255;
							}
							a.menu-link span {
								font-weight: 400;
								}
						.menu-divider {
							display: block;
							position: relative;
							width: 100%;
							height: 1px;
							background-color: #333333;
							margin: 10px 0 10px 0;
							opacity: 0;
							}
						#menu-extras {
							display: block;
							position: relative;
							width: 100%;
							margin: 0;
							}
							#menu-extras a.footer-link {
								color: #333333;
								text-transform: uppercase;
								}
							
						#menu .social {
							display: block;
							text-align: left;
							width: 100%;
							margin-top: 0;
							}
							#menu .social-title {
								color: #333333;
								}
							#menu .social-icon {
								display: inline-block;
								margin: 5px 5px 0 0;
								}

			.grid-holder {
				font-size: 0;
			}
				.grid {
					display: inline-block;
					position: relative;
					padding: 0;
					width: 30%;
					margin: 20px;
                    margin: 2.5%;
					vertical-align: top;
					text-align: left;

					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					}

                    .grid.primary {
                        width: 50%;
                    }

					.grid-inner {
						display: block;
						position: relative;
						width: 100%;
						height: auto;
						margin: 0 auto 0 auto;
						overflow: hidden;
						}

						.grid-inner a {
							display: block;
							position: relative;
							}

							body.en-us .grid-inner a {
								cursor: default;
							}

						.grid-inner.left {
							overflow: visible;
							text-align: left;
							}

						.grid-inner.right {
							overflow: visible;
							text-align: right;
							}

						.grid-inner.left img {
							transform: translate(-50px, 25px);
							}

						.grid-inner.right img {
							transform: translate(50px, 25px);
							}
						
						.grid-inner img {
							display: block;
							position: relative;
							width: 100%;
							height: auto;
							}

						.grid .swatch-bar {
							display: block;
							width: 100%;
							height: 40px;
						}

						.grid .swatch-mini {
							margin-left: 0;
							font-size: 10px;
							}
						.grid-description {
							line-height: 0px;
							}
							.grid-description.right {
								text-align: right;
								}
								.grid-description.right .swatch-mini {
									margin: 5px 0 0 15px;
									}

                        .grid-links {
                            display: block;
                        }
						.grid-links a.btn {
							margin: 20px 20px 0 0;
							margin: 10px 20px 0 0;
                            /* 
                            font-size: 10px;
                            line-height: 20px;
                            border-bottom-width: 2px;
                            */
						}
						.grid-description.right .grid-links a.btn {
							margin-right: 0;
							margin: 20px 0 0 20px;
							margin: 10px 0 0 20px;
						}

						.trend-insight {
							display: block;
							margin: 50px;
							min-height: 50px;
                            text-align: center;
							}
							.trend-insight h3,
							.trend-insight p {
								margin: 0;
								line-height: 28px;
								}
							.trend-insight h3 {
								font-weight: 700;
								letter-spacing: 2px;
								}
            .instagram {
                width: 100%;
                height: auto;
            }
            .instagram.mobile {
                display: none;
            }

			.shopping-cart {
				position: absolute;
				top: 20px;
				right: 20px;
				width: 40px;
				height: 40px;
				background-color: #FFFFFF;
				border-radius: 4px;
				overflow: hidden;
				
				display: none;
			}
			.shopping-cart svg {
				width: 26px;
				height: 26px;
				fill: #666666;
				margin: 7px;
			}

                #home-lifestyle h1 {
                    max-width: 550px;
                    margin-top: 50px;
                }

                #home-lifestyle .btn {
                    font: 12px/16px 'Montserrat', Verdana, Arial, geneva, sans-serif;
                    font-weight: 700;
                    padding: 0 10px 12px 10px;
                    margin: 25px 25px;
                    cursor: pointer;
                }

                #home-lifestyle .btn span {
                    display: block;
                }
                body.isDesktop .btn:hover { 
                    border-bottom-color: #CCD8D0 !important; /* breezeway */
                }

                body.isDesktop .btn:hover {
                    color: #000000;
                    }

                        #home-lifestyle #btn_flexible_spaces {
                            border-bottom: 4px solid #A06957; /* perfect_penny */
                        }
                        #home-lifestyle #btn_serene_sanctuary {
                            border-bottom: 4px solid #2A565B; /* ocean_abyss */
                        }
                        #home-lifestyle #btn_natural_influences {
                            border-bottom: 4px solid #C9B197; /* basswood */
                        }

                #flexible_spaces,
                #serene_sanctuary,
                #natural_influences {
                    display: block;
                    height: 800px;
                    margin: 0 0 150px 0;
                    overflow: hidden;
                }

                    .swiper-pagination-bullet {
                        background: #F4F2EC !important;  /* whisper_white */
                        opacity: 0.75;
                    }
                    .swiper-pagination-bullet-active {
                        background: #F4F2EC !important;  /* whisper_white */
                    }

                    .swiper-button-next,
                    .swiper-button-prev {
                        color: #F4F2EC !important;  /* whisper_white */
                        transform: scale(0.5);
                    }

                    #flexible_spaces .swiper-pagination-bullets,
                    #serene_sanctuary .swiper-pagination-bullets,
                    #natural_influences .swiper-pagination-bullets {
                        width: 80px;
                        left: calc(50% - 40px);
                    }




                    .interior-header {
                        display: block;
                        position: relative;
                        width: 100%;
                        height: 70%;
                    }
                        .interior-details {
                            display: block;
                            position: relative;
                            width: 40%;
                            height: 100%;
                        }
                            .interior-title {
                                display: block;
                                position: relative;
                                width: 100%;
                                height: 70%;
                            }
                                .interior-title .interior-name {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    width: 80%;

                                    font: 44px/44px 'Montserrat', Verdana, Arial, sans-serif;
                                    letter-spacing: 1.2px;
                                    text-transform: lowercase;
                                    font-weight: 200;
                                    text-align: center;
                                    color: #FFF;
                                    margin: 0;
                                }

                                    .swiper-container .flourish {
                                        margin: 0 auto 25px auto;
                                    }
                                        .swiper-container .flourish .line {
                                            background-color: #FFFFFF;
                                        }
                                        .swiper-container .flourish .circle {
                                            background-color: #FFFFFF;
                                        }

                                    .interior-title .interior-name span {
                                        display: block;
                                        font-family: ivypresto-display, serif;
                                        letter-spacing: 6px;
                                        font-weight: 300;
                                        text-transform: lowercase;
                                        }

                            .interior-texture {
                                display: block;
                                position: relative;
                                width: 100%;
                                height: 30%;
                                background-position: center center;
                                background-size: cover;
                                cursor: pointer;
                            }
                                .interior-texture div {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    width: 80%;

                                    font: 16px/16px 'Montserrat', Verdana, Arial, sans-serif;
                                    letter-spacing: 1.2px;
                                    text-transform: lowercase;
                                    font-weight: 700;
                                    text-align: center;
                                    color: #FFF;
                                    margin: 0;
                                    text-transform: uppercase;
                                    }

                        .interior-feature {
                            display: block;
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 60%;
                            height: 100%;
                            background-position: center center;
                            background-size: cover;
                        }

                        /* SPECIAL FOR THE SECOND INTERIOR */
                        #serene_sanctuary .interior-details {
                            display: block;
                            position: absolute;
                            top: 0;
                            right: 0;
                        }
                        #serene_sanctuary .interior-feature {
                            display: block;
                            position: relative;
                            top: auto;
                            right: auto;
                        }

                    .interior-description {
                        display: block;
                        position: relative;
                        width: 100%;
                        height: 30%;
                    }

                        .interior-description div {
                            display: block;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            width: 80%;
                            max-width: 800px;
                            
                            font: 22px/44px 'Montserrat', Verdana, Arial, sans-serif;
                            letter-spacing: 1.2px;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-align: center;
                            color: #FFF;
                            margin: 0;
                            }

                    .interior-60 {
                        display: block;
                        position: relative;
                        width: calc(60% - 10px);
                        height: 100%;
                        margin: 0 10px 0 0;
                        background-position: center center;
                        background-size: cover;
                    }
                    .interior-40 {
                        display: block;
                        position: relative;
                        width: 40%;
                        height: 100%;
                        margin: 0;
                        background-position: center center;
                        background-size: cover;

                    }

                    #flexible_spaces3 .interior-40,
                    #flexible_spaces2 .interior-40,
                    #serene_sanctuary2 .interior-40,
                    #natural_influences2 .interior-40 {
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

                    /* #flexible_spaces3 .interior-60, */
                    #serene_sanctuary3 .interior-60,
                    #natural_influences3 .interior-60 {
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

                    #serene_sanctuary3 .interior-40,
                    #natural_influences3 .interior-40 {
                        margin: 0 10px 0 0;
                    }
                    #serene_sanctuary3 .interior-60,
                    #natural_influences3 .interior-60 {
                        margin: 0 0 0 10px;
                    }

                    .interior-split1 {
                        display: block;
                        box-sizing: border-box;
                        position: relative;
                        width: 100%;
                        height: calc(50% - 10px);
                        margin: 0 0 10px 0;
                        background-position: center center;
                        background-size: cover;
                    }
                        .interior-split1_1 {
                            display: block;
                            box-sizing: border-box;
                            position: relative;
                            width: 100%;
                            height: calc(25% - 10px);
                            margin: 0 0 10px 0;
                            background-position: center center;
                            background-size: cover;
                        }
                        .interior-split1_2 {
                            display: block;
                            box-sizing: border-box;
                            position: relative;
                            width: 100%;
                            height: calc(25% - 10px);
                            margin: 0 0 10px 0;
                            background-position: center center;
                            background-size: cover;
                        }
                    .interior-split2 {
                        display: block;
                        box-sizing: border-box;
                        position: relative;
                        width: 100%;
                        height: 50%;
                        margin: 0;
                        background-position: center center;
                        background-size: cover;
                    }

                        .interior-split1 .split_text,
                        .interior-split2 .split_text {
                            display: block;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            width: 80%;
                            max-width: 800px;
                            
                            font: 22px/44px 'Montserrat', Verdana, Arial, sans-serif;
                            letter-spacing: 1.2px;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-align: center;
                            color: #FFF;
                            margin: 0;
                            }

                            



                    #flexible_spaces1 .interior-feature {
                        background-image: url("../img/lifestyle/flexible_spaces_feature.jpg");
                    }
                    #flexible_spaces1 .interior-texture {
                        background-image: url("../img/lifestyle/flexible_spaces_texture.jpg");
                    }
                    #flexible_spaces2 .interior-60 {
                        background-image: url("../img/lifestyle/flexible_spaces_2_1.jpg");
                    }
                    #flexible_spaces2 .interior-40 .interior-split2 {
                        background-image: url("../img/lifestyle/flexible_spaces_2_2.jpg");
                    }
                    #flexible_spaces3 .interior-60 {
                        background-image: url("../img/lifestyle/flexible_spaces_3_1.jpg");
                    }
                    #flexible_spaces3 .interior-40 .interior-split1 {
                        background-image: url("../img/lifestyle/flexible_spaces_3_2.jpg");
                    }
                    #flexible_spaces3 .interior-40 .interior-split2 {
                        background-image: url("../img/lifestyle/flexible_spaces_3_3.jpg");
                    }


                    #serene_sanctuary1 .interior-feature {
                        background-image: url("../img/lifestyle/serene_sanctuary_feature.jpg");
                    }
                    #serene_sanctuary1 .interior-texture {
                        background-image: url("../img/lifestyle/serene_sanctuary_texture.jpg");
                    }
                    #serene_sanctuary2 .interior-60 {
                        background-image: url("../img/lifestyle/serene_sanctuary_2_1.jpg");
                    }
                    #serene_sanctuary2 .interior-40 {
                        background-image: url("../img/lifestyle/serene_sanctuary_2_2.jpg");
                    }
                    #serene_sanctuary3 .interior-60 {
                        background-image: url("../img/lifestyle/serene_sanctuary_3_2.jpg");
                    }
                    #serene_sanctuary3 .interior-40 .interior-split1 {
                        background-image: url("../img/lifestyle/serene_sanctuary_3_1.jpg");
                    }


                    #natural_influences1 .interior-feature {
                        background-image: url("../img/lifestyle/natural_influences_feature.jpg");
                    }
                    #natural_influences1 .interior-texture {
                        background-image: url("../img/lifestyle/natural_influences_texture.jpg");
                    }
                    #natural_influences2 .interior-60 {
                        background-image: url("../img/lifestyle/natural_influences_2_1.jpg");
                    }
                    #natural_influences2 .interior-40 {
                        background-image: url("../img/lifestyle/natural_influences_2_2.jpg");
                    }
                    #natural_influences3 .interior-60 {
                        background-image: url("../img/lifestyle/natural_influences_3_3.jpg");
                    }
                    #natural_influences3 .interior-40 .interior-split1_1 {
                        background-image: url("../img/lifestyle/natural_influences_3_1.jpg");
                    }
                    #natural_influences3 .interior-40 .interior-split1_2 {
                        background-image: url("../img/lifestyle/natural_influences_3_2.jpg");
                    }


                    .mini_chip_holder {
                        position: absolute;
                        bottom: 10px;
                        right: 10px;
                    }
                        .mini_chip {
                            display: block;
                            position: relative;
                            width: 50px;
                            height: 50px;
                            border-radius: 8px;
                            -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);
                            -moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);
                            box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);
                            cursor: pointer;
                            margin: 10px 0 0 0;
                            overflow: hidden;
                        }

                        .mini_chip_highlight {
                                position: absolute;
                                display: block;
                                top: -50%;
                                left: -50%;
                                display: block;
                                height: 200%;
                                width: 200%;
                                transform: rotate(-45deg);
                                overflow: hidden;
                                background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
                                background-size: 200% auto;
                                animation: shine 10s linear infinite;
                            }
                            
                            @keyframes shine {
                                to {
                                    background-position: 200% center;
                                }
                            }

                        @media screen and (max-width: 800px) {
                            .interior-details {
                                display: block;
                                position: relative;
                                width: 100%;
                                height: 50%;
                            }
                            .interior-feature {
                                display: block;
                                position: relative;
                                top: auto;
                                right: auto;
                                width: 100%;
                                height: 50%;
                            }
                            
                            #serene_sanctuary .interior-details {
                                display: block;
                                position: relative;
                                width: 100%;
                                height: 50%;
                            }
                            #serene_sanctuary .interior-feature {
                                display: block;
                                position: relative;
                                top: auto;
                                right: auto;
                            }
    
    
                            .interior-title .interior-name {
                                font: 24px/24px 'Montserrat', Verdana, Arial, sans-serif;
                                font-weight: 200;
                            }
                            .flourish .line {
                                height: 80px;
                                }
    
                                .interior-header {
                                    height: 80%;
                                }
                                .interior-description {
                                    height: 20%;
                                }
                                .interior-description div {
                                    font: 16px/24px 'Montserrat', Verdana, Arial, sans-serif;
                                    font-weight: 700;
                                    }
    
                                    .interior-60 {
                                        position: relative !important;
                                        width: 100%;
                                        height: calc(50% - 10px);
                                        margin: 0 0 10px 0;
                                        top: auto !important;
                                        left: auto !important;
                                        right: auto !important;
                                        bottom: auto !important;
                                    }
                                    .interior-40 {
                                        position: relative !important;
                                        width: 100%;
                                        height: 50%;
                                        margin: 0;
                                        top: auto !important;
                                        left: auto !important;
                                        right: auto !important;
                                        bottom: auto !important;
                                    }



                                    #serene_sanctuary3 .interior-40,
                                    #natural_influences3 .interior-40 {
                                        height: calc(50% - 10px);
                                        margin: 0 0 10px 0;
                                    }
                                    #serene_sanctuary3 .interior-60,
                                    #natural_influences3 .interior-60 {
                                        height: 50%;
                                        margin: 0;
                                    }



                                    .mini_chip {
                                        width: 30px;
                                        height: 30px;
                                        border-radius: 4px;
                                    }
                                    .interior-split1 .split_text,
                                    .interior-split2 .split_text {
                                        font: 16px/24px 'Montserrat', Verdana, Arial, sans-serif;
                                        font-weight: 700;
                                        }
                        }

                #colorinmotion-promo {
                    width: 100%;
                    height: 800px;
                    background-image: url("../img/home/promo_color_in_motion-en_us.jpg");
                    background-position: top center;
                    background-size: cover;
                    margin-bottom: 25px;
                }
                
                #colorinmotion-promo.en_ca {
                    background-image: url("../img/home/promo_color_in_motion-en_ca.jpg");
                }
                
                #colorinmotion-promo.fr_ca {
                    background-image: url("../img/home/promo_color_in_motion-fr_ca.jpg");
                }

                    #colorinmotion-promo .btn {
                        margin-top: 760px;
                    }

                    #colorinmotion-promo-disclaimer {
                        margin-bottom: 150px;
                    }

                    #colorinmotion-promo-disclaimer p {
                        max-width: 800px;
                        font-size: 12px;
                    }

                    #colorinmotion-promo-disclaimer p a {
                        font-size: 12px;
                        font-weight: bold;
                    }

                @media screen and (max-width: 1000px) {
                    #colorinmotion-promo {
                        height: 500px;
                    }

                    #colorinmotion-promo .btn {
                        margin-top: 460px;
                    }
                }
                @media screen and (max-width: 600px) {
                    #colorinmotion-promo {
                        height: 350px;
                    }

                    #colorinmotion-promo .btn {
                        margin-top: 310px;
                    }
                }

                #colorsmart-promo {
                    position: relative;
                    margin: 0px 0 50px 0;
                    font-size: 0;
                    overflow: hidden;
                    min-height: 300px;
                    }
                    #colorsmart-promo-left {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 40%;
                        height: 100%;
                        background-image: url("../img/colorsmart/promo.jpg");
                        background-position: center center;
                        background-size: cover;
                    }
                    #colorsmart-promo-right {
                        position: relative;
                        display: block;
                        margin: 0 5% 0 45%;
                        padding: 75px 0;
                        text-align: left;
                        }
                        #colorsmart-promo-right .inner-wide {
                            text-align: left;
                            }
                            #colorsmart-promo-right .inner-wide h1 {
                                text-transform: uppercase;
                                margin-bottom: 10px;
                                }

                            #colorsmart-promo-right a.btn {
                                margin-left: 0;
                                }
                                #colorsmart-promo-logo {
                                    display: block;
                                    position: relative;
                                    width: 125px;
                                    height: auto;
                                    margin: 0 0 25px 0;
                                    }
                                    #colorsmart-promo-logo img {
                                        display: block;
                                        position: relative;
                                        width: 100%;
                                        height: auto;
                                        }
 

            @media screen and (max-width: 1000px) {
                    #colorsmart-promo-left {
                        display: block;
                        position: relative;
                        top: auto;
                        right: auto;
                        width: 100%;
                        min-height: 300px;
                        background-position: center center;
                        background-size: cover;
                    }
                    #colorsmart-promo-right {
                        display: block;
                        width: 100%;
                        padding: 50px 0;
                        margin: 0;
                    }
                        #colorsmart-promo-right .inner-wide {
                            text-align: center;
                            }
                            #colorsmart-promo-right a.btn {
                                padding: 0;
                                }
                                #colorsmart-promo-logo {
                                    margin: 0 auto 25px auto;
                                    }
            }


            #subpage-coty .section {
                margin: 0;
            }

            #subpage-coty .section.thin {
                margin-bottom: -50px;
            }

            .coty-faded-text {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 80%;
                max-width: 800px;
                
                font: 22px/44px 'Montserrat', Verdana, Arial, sans-serif;
                letter-spacing: 1.2px;
                font-weight: 700;
                text-transform: uppercase;
                text-align: center;
                margin: 0;
                text-shadow: #FFFFFF 0 0 10px;
                }

                #coty-faded1 {
                    display: block;
                    width: 100%;
                    height: 800px;
                    background-image: url("../img/coty/bg_faded1.jpg");
                    background-position: center center;
                    background-size: cover;
                    margin: -100px 0 !important;
                    z-index: 0 !important;
                }
                #coty-faded2 {
                    display: block;
                    width: 100%;
                    height: 500px;
                    background-image: url("../img/coty/bg_faded2.jpg");
                    background-position: center center;
                    background-size: cover;
                    margin: -25px 0 !important;
                    z-index: 0 !important;
                }



/**********************************************************************************
HOVERS AND STUFF
**********************************************************************************/

    body.isDesktop .btn,
    body.isDesktop a.btn,
	body.isDesktop #footer a,
	body.isDesktop #language-toggle,
	body.isDesktop #language-select a,
	body.isDesktop #homepage-header .links a,
	body.isDesktop a.menu-link,
	body.isDesktop #menu a.footer-link,
	body.isDesktop #nav-links a {
		
		-webkit-transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1), border-bottom-color 1s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1), border-bottom-color 1s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1), border-bottom-color 1s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1), border-bottom-color 1s cubic-bezier(0.25,1,0.25,1);
				transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1), border-bottom-color 1s cubic-bezier(0.25,1,0.25,1);
		
		} 
	body.isDesktop a.footer-link:hover,
	body.isDesktop #homepage-header .links a:hover,
	body.isDesktop #nav-links a:hover {
		color: #666666;
		}

    body.isDesktop a.btn:hover {
		color: #999999;
		}

	body.isDesktop a.menu-link:hover,
	body.isDesktop #menu a.footer-link:hover {
		color: #999999;
		}


/**********************************************************************************
QUERIES
**********************************************************************************/

	@media screen and (max-width: 1100px) {
		.social-icon {
			margin: 5px 2.5px 0 2.5px;
			}
			#navigation .social {
				display: none;
				}
		
		h2 {
			font: 28px/35px 'Montserrat', Verdana, Arial, sans-serif;
			font-weight: 700;
			}
			h2 span {
				font-weight: 200;
			}

						.grid .swatch-mini {
							font-size: 10px;
							line-height: 10px;
							}
		
	}

	@media screen and (max-width: 800px) {
		.palette-bars {
			height: 10px;
		}
		
			#legal,
			.social,
			.languages {
				margin-top: 40px;
			}
		
			#legal {
				display: inline-block;
				position: relative;
				top: auto;
				bottom: auto;
				left: auto;
				text-align: center;
				width: 100%;
				}

			#homedepot {
				display: block;
				position: relative;
				top: auto;
				right: auto;
				text-align: center;
				margin: 0px auto 0px auto;
				}
				#homedepot img {
					display: inline-block;
					position: relative;
					width: 60px;
					height: auto;
					}
					#footer a.footer-link {
						margin: 5px 5px 0 5px;
						}

						.menu-column {
							width: 45%;
							}

				.instagram.desktop {
					display: none;
				}
				.instagram.mobile {
					display: block;
				}
		
			#homepage-header-logo .desktop {
				display: none;
				}
			#homepage-header-logo .mobile {
				display: block;
				}
	}


	@media screen and (max-width: 700px) {
		#header {
			height: 60px;
			}
			#nav-links {
				display: none;
			}
		#menu {
			top: 60px;
			}

			#homepage #menu {
				top: 0;
				}

			#hamburger {
				top: 20px;
				}
		
			#logo-trends img {
				height: 40px;
				}
		
			#navigation {
				top: 60px;
				height: 60px;
				}
				#nav-shadow {
					height: 60px;
					}


				.grid {
					display: block;
					width: 100%;
					margin: 0 0 40px 0;
					}

					.grid-40 {
						width: 100%;
						}
					.grid-60 {
						width: 100%;
						}

						.grid-inner.left,
						.grid-inner.right  {
							margin-top: 25px;
							}
		
						.grid-inner.left img,
						.grid-inner.right img {
							transform: none;
							}
						.trend-insight {
							margin: 50px 0 50px 0;
							}
						.trend-insight.empty {
							display: none;
						}
		
		
					#subpage-coty .grid {
						width: 100%;
						}
		

		.section {
			margin: 0 0 50px 0;
			}

						.menu-column {
							display: block;
							width: 100%;
							}
                            .menu-gradient.primary {
                                margin-top: 10px;
                            }

							.menu-gradient {
								display: block;
								}
		
						#menu-extras {
							margin: 25px 0 0 0;
							}				
	}


	@media screen and (max-width: 600px) {
		.chip-holder .chip {
			width: 90%;
			margin: 5px;
			}

		.chip-inner {
			width: 100%;
			height: 150px;
			margin: 0 auto;
			}


			.chip-buy {
				margin-top: 0px;
				margin-bottom: 25px;
				visibility: visible;
				opacity: 1;
			}
		
		a.menu-link {
            font: 14px/30px 'Montserrat', Verdana, Arial, sans-serif;
            font-weight: 700;
            font-style: normal;
		}
		
		body.isMobile .chip {
			  -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 */
			}

	}


	@media screen and (max-width: 500px) {
			#subpage-header .link-back {
				bottom: 30px;
				}
	
			.modal-column {
				display: block;
				position: relative;
				text-align: center;
				padding: 0;
				width: 100%;
				margin: 0 0.5% 0 0.5%;
				float: none;
				}
			#language-toggle {
				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;
					}
		
	}
    
/**********************************************************************************
COOKIES
**********************************************************************************/

.cmp-revoke-consent {
    display: inline-block;
    position: relative;
    font: 8px/16px 'Montserrat', "alternate-gothic-no-3-d", Verdana, Arial, geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 5px 0 0 0;
    color: #333333;
    padding: 0;
    cursor: pointer;
    bottom: auto;
    left: auto;
}

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

a.cc-link {
  font-weight: 700;
}

a.cc-link.cmp-pref-link {
  font-weight: 600;
}