/**********************************************************************************
BODY ELEMENTS
**********************************************************************************/
body {
	margin: 0;
	padding: 0;
	font: 14px/20px proxima-nova, sans-serif;
	font-style: normal; 
	font-weight: 400; 
	text-align: left;
    background-color: #FFFFFF;
    color: #2F2C29;
	overflow: hidden;
	}

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

	h1 {
		position: relative;
		font: 78px/78px alternate-gothic-no-2-d, sans-serif;
		text-transform: uppercase;
		margin: 10px 0 0 0;
		}

	h2 {
		position: relative;
		font: 50px/50px alternate-gothic-no-2-d, sans-serif;
		text-transform: uppercase;
    	margin: 0 0 20px 0;
		}

	h3 {
		position: relative;
		font: 30px/30px alternate-gothic-no-2-d, sans-serif;
		text-transform: uppercase;
		margin: 0;
		}

    .subtitle {
		position: relative;
		font: 30px/30px proxima-nova, sans-serif;
		text-transform: uppercase;
		margin: 0;
    }

	p {
		font: 16px/24px proxima-nova, sans-serif;
        font-weight: 400;
        letter-spacing: -0.015em;
		margin: 0 0 20px 0;
		}
        p.small {
            font: 14px/20px proxima-nova, sans-serif;
            }

            /* 
            h2 sup {
                font-size: 24px;
                top: -1em;
            }

            .subtitle sup  {
                font-size: 16px;
                top: -0.75em;
            }
            */
            sup.special {
                font-size: 12px;
                top: -1em;
            }
            sup.special_sku {
                font-size: 8px;
                top: -0.5em;
            }
            sup.special_p {
                font-size: 8px;
                top: -0.75em;
            }
            #modal-color-name sup {
                font-size: 12px;
                top: -1.25em;
            }


/**********************************************************************************
GENERIC ELEMENTS
**********************************************************************************/
#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: 1800px; */
    margin: 0 auto;
    }

    .overflow {
        overflow: hidden;
        }

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

        .section-inner {
            position: relative;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto 0 auto;
            }
            .inner-wide {
                margin: 0 auto;
                padding: 0 20px 0 20px;
                text-align: left;
                box-sizing: border-box;
                }
                .inner-wide p.thin {
                    max-width: 500px;
                    margin-right: auto;
                    margin-left: auto;
                    }
                .inner-wide.video {
                    max-width: 800px;
                    }
                .inner-wide.streamlined {
                    padding: 0;
                    }
                    .inner-wide.centered {
                        margin-top: 40px;
                        text-align: center;
                        }
                .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: 16px;
                        color: #999;
                        }

                .dark {
                    background-color: #2F2C29;
                    }
        
                .light {
                    background-color: #F6F5F0;
                    }
                    
        /* 
        .btn,
        a.btn {
            display: inline-block;
            font: 12px/50px proxima-nova, sans-serif;
            font-weight: 700;
            border-radius: 25px;
            background: #465058;
            width: 200px;
            margin: 10px 20px 10px 0;
            color: #FFFFFF;
            text-align: center;
            cursor: pointer;
            text-transform: uppercase;
            overflow: hidden;
            }

            body.isDesktop a.btn {
                transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1);
                } 

            body.isDesktop a.btn:hover {
                background-color: #8b6e4b;
                color: #FFFFFF;
                }
        */

        .btn,
        a.btn {
            display: inline-block;
            font: 12px/20px proxima-nova, sans-serif;
            font-weight: 700;
            color: #465058;
            margin: 10px 0;
            text-align: center;
            cursor: pointer;
            text-transform: uppercase;
            border-bottom: 3px solid #465058;
            }

            body.isDesktop a.btn {
                transition: color 1s cubic-bezier(0.25,1,0.25,1), border-color 1s cubic-bezier(0.25,1,0.25,1);
                } 

            body.isDesktop a.btn:hover {
                color: #bd483c;
                border-bottom: 3px solid #bd483c;
                }


    .divider-gradient {
        display: block;
        width: 100%;
        height: 40px;
        background: linear-gradient(90deg, #7C4F34 0%, #CA987B 50%, #7E5035 100%);
    }
   
    #header {
        display: block;
        position: relative;
        height: 70px;
        margin: 0 auto 0 auto;
        z-index: 12;
        background-color: #FFFFFF;
        }
        #logo {
            position: absolute;
            top: 16px;
            left: 20px;
            width: 141px;
            height: 37px;
            fill: #000;
            stroke: none;
        }

        #shopping-cart {
            display: block;
            position: absolute;
            top: 25px;
            right: 25px;
            }
            #shopping-cart img {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-top: -1px;
                vertical-align: top;
                }
            #shopping-cart #cart-total {
                display: inline-block;
                font: 14px/20px proxima-nova, sans-serif;
                color: #000;
                vertical-align: top;
                } 

            .icon {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-right: 10px;
                vertical-align: middle;
            }
        
    #feature {
        display: block;
        background-image: url("../img/photos/header.jpg");
        background-position: center center;
        background-size: cover;
        background-color: #000;
        height: 500px;
        margin-bottom: 0;
        }

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

    #introducing {
        padding: 75px 0;
        background-color: #F6F5F0;
        }

    #homedepot {
        font: 16px/24px proxima-nova, sans-serif;
        }
        #homedepot a {
            font: 16px/24px proxima-nova, sans-serif;
            font-weight: 700;
            }
            
    #disclaimers {
        background-color: #343A40;
        padding: 50px 0;
        margin-bottom: 0;
        color: #FFFFFF;
        }

        #disclaimers ol {
            padding-left: 15px;
            }

        #disclaimers ol li {
            margin-bottom: 15px;
            }
            #disclaimers ol li a {
                color: #FFFFFF;
                text-decoration: underline;
                font-weight: 400;
            }


    #footer {
        display: block;
        position: relative;
        height: 180px;
        background-color: #465058;
        font: 12px/24px proxima-nova, sans-serif;
        font-style: normal;
        color: #FFFFFF;
        margin: 0;
        }
        #footer .inner-wide {
            display: block;
            position: relative;
            padding: 0;
            margin-top: 70px;
        }
        #logo-footer {
            display: block;
            position: absolute;
            top: 0;
            left: 20px;
            width: 141px;
            height: 37px;
            fill: #FFF;
            stroke: none;
        }
        #legal {
            display: block;
            position: absolute;
            top: 10px;
            left: 160px;
        }

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

        #copyright {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
        }



/**********************************************************************************
CHIP ELEMENTS
**********************************************************************************/

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

        .chip {
            display: inline-block;
            position: relative;
            width: 225px;
            height: 175px;
            margin: 0 10px 20px 10px;
            padding: 0;
            border-radius: 4px;
            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: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                overflow: hidden;
                }
                .chip-detail {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 0%;
                    height: 100%;
                    background-position: top left;
                    background-size: cover;
                    overflow: hidden;
                    }
                        
                .chip-text {
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    text-transform: uppercase;
                    padding: 10px 0;
                    background-color: rgba(0,0,0,0.1);
                    opacity: 0;
                    }

                    .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-description {
                    display: block;
                    font: 14px/30px 'Montserrat', Verdana, Arial, geneva, sans-serif;
                    display: none;
                    }

                    .bg_whipped_cream { background-color: #F6F5EF; }
                    .bg_whisper_white { background-color: #F4F3EA; }
                    .bg_blank_canvas { background-color: #F1EDE1; }
                    .bg_winter_white { background-color: #EEEFE9; }
                    .bg_natural_white { background-color: #F7F4E8; }
                    .bg_first_snow { background-color: #ECEAE2; }
                    .bg_tranquil_gray { background-color: #D0CBC0; }
                    .bg_gratifying_gray { background-color: #CBC9C0; }
                    .bg_creamy_mushroom { background-color: #CABDAE; }
                    .bg_even_better_beige { background-color: #D4CABA; }

                    .bg_dove { background-color: #D9D4CC; }
                    .bg_chic_gray { background-color: #CECBC6; }
                    .bg_greige { background-color: #B6B3AD; }
                    .bg_swatch_rumors { background-color: #744245; }
                    .bg_espresso_beans { background-color: #4C443E; }
                    .bg_ultra_pure_white { background-color: #F8F9F5; }
                    .bg_swiss_coffee { background-color: #F1ECE1; }
                    .bg_basic_white { background-color: #EBEBE8; }
                    .bg_platinum { background-color: #D0D3D2; }
                    .bg_swatch_frost { background-color: #EFF0EC; }

                    .bg_linen_white { background-color: #F6ECD8; }
                    .bg_antique_white { background-color: #E8DDCB; }
                    .bg_classic_silver { background-color: #B9B9B5; }
                    .bg_adirondack_blue { background-color: #748590; }
                    .bg_cracked_pepper { background-color: #4F5152; }
                    .bg_muted_sage { background-color: #93907E; }
                    .bg_swatch_boreal { background-color: #717E73; }
                    .bg_dark_everglade { background-color: #3D554F; }
                    .bg_midnight_blue { background-color: #4C565F; }
                    .bg_basic_black { background-color: #3D3D3E; }

                    /* CANADA COLORS */
                    .bg_studio_white { background-color: #EFECE0; }

                    /* TURN TEXT WHITE */
                    .bg_greige,
                    .bg_swatch_rumors,
                    .bg_espresso_beans,
                    .bg_classic_silver,
                    .bg_adirondack_blue,
                    .bg_cracked_pepper,
                    .bg_muted_sage,
                    .bg_swatch_boreal,
                    .bg_dark_everglade,
                    .bg_midnight_blue,
                    .bg_basic_black { 
                        color: #fff;
                    }



/**********************************************************************************
MODAL ELEMENTS
**********************************************************************************/

    .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;
            }

	.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-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            #modal-color-footer {
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                height: 65%;
                width: 100%;
                box-sizing: border-box;
                background-color: #FFF;
                font: 14px/20px proxima-nova, sans-serif;
                font-weight: 400; 
                font-style: normal; 
                text-align: center;
                padding: 20px;

                padding: 15px;
                height: 70%;
                height: 470px;
                }
                
                #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;
                    font: 36px/36px alternate-gothic-no-2-d, sans-serif;
                    margin-bottom: -2px;
                    font-style: normal;
                    text-transform: uppercase;
                    text-align: left;
                    }

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

                    #modal-color-sku img {
                        display: inline-block;
                        width: auto;
                        height: 16px;
                        vertical-align: baseline;
                        margin-right: 5px;
                    }

                #modal-color-details,
                #modal-color-description {
                    display: block;
                    position: relative;
                    font: 14px/18px proxima-nova, sans-serif;
                    font-weight: 700;
                    text-align: left;
                    color: #636466;
                    margin: 0 0 10px 0;
                    }
                    #modal-color-description {
                        font-weight: 400;
                        }
                        #modal-color-description strong {
                            display: block;
                            font-weight: 700;
                            margin-bottom: 5px;
                            }


                    #modal-color-details {
                        font-weight: 400;
                        }

                        #modal-color-details div {
                            display: inline-block;
                            margin-right: 30px;
                            }

                #btn-view-cart {
                    display: block;
                    position: relative;
                    font: 14px/18px proxima-nova, sans-serif;
                    font-weight: 700;
                    margin: 0 0 20px 0;
                    text-align: left;
                    color: #bd483c;
                    cursor: pointer;
                    }
                            
                #btn-save,
                #btn-view,
                #btn-view2,
                #btn-order,
                #btn-order2 {
                    display: block;
                    width: auto;
                    font: 14px/24px proxima-nova, sans-serif;
                    border-radius: 25px;
                    font-weight: 700; 
                    font-style: normal;
                    margin: 10px 0;
                    padding: 10px 0;
                    text-align: center;
                    background-color: white;
                    border: 1px solid #333333;
                    color: #333333;
                    cursor: pointer;
                    text-transform: none;
                    border-radius: 25px;
                    }

                #btn-order,
                #btn-order2 {
                    color: #FFF;
                    border: none;
                    background-color: #bd483c;
                    }

                #modal-color-disclaimer {
                    display: block;
                    position: relative;
                    font: 10px/14px proxima-nova, sans-serif;
                    text-align: left;
                    }
                    #modal-color-homedepot {
                        display: block;
                        position: relative;
                        font: 12px/16px proxima-nova, sans-serif;
                        }
                        #modal-color-homedepot a {
                            font: 12px/16px proxima-nova, sans-serif;
                            font-weight: 700;
                            }



                            

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


                #modal-order-saved {
                    margin-top: 10px;
                    margin-bottom: 10px;
                    z-index: 1055;
                    overflow: auto;
                    max-height: 450px;
                }

                #order-max,
                #order-instructions {	
                    margin-bottom: 10px;
                }
            
                .saved-item {
                    display: none;
                    position: relative;
                    height: 50px;
                    border-radius: 8px;
                    margin: 0 0 10px 0;
                    border: 1px solid #A5A5A5;
                    overflow: hidden;
                    }
                    .saved-chip {
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 84px;
                        height: 50px;
                    }
                    .saved-chip div {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }

                    .saved-details {
                        position: absolute;
                        display: block;
                        top: 10px;
                        left: 94px;
                        text-transform: uppercase;
                        text-align: left;
                        }

                        .saved-name {
                            display: block;
                            position: relative;
                            clear: both;
                            margin: 0;
                            font: 18px/20px alternate-gothic-no-2-d, sans-serif;
                            font-style: normal;
                            }
        
                        .saved-sku {
                            display: block;
                            position: relative;
                            font: 12px/12px proxima-nova, sans-serif;
                            font-weight: 400; 
                            font-style: normal;
                            }
                            .saved-sku img {
                                display: inline-block;
                                width: auto;
                                height: 10px;
                                vertical-align: baseline;
                                margin-right: 5px;
                            }

                    .saved-actions {
                        position: absolute;
                        display: block;
                        top: 12px;
                        right: 10px;
                        text-transform: uppercase;
                        text-align: right;
                        }
                        .saved-actions a {
                            font-size: 10px;
                            margin-left: 10px;
                            color: #000000;
                        }

                        body.isDesktop .saved-actions a {
                            transition: color 1s cubic-bezier(0.25,1,0.25,1);
                            }
                        body.isDesktop .saved-actions a:hover {
                            color: #bd483c;
                            }

        .grid-holder {
            font-size: 0;
            text-align: center;
        }
            .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.float {
                    float: right;
                }
                .vertical .grid.float {
                    float: none;
                }
                */

                .vertical .grid {
                    width: 30%;
                }
                .vertical .grid.primary {
                    width: 45%;
                }

                .grid.primary {
                    width: 65%;
                    margin: 2.5% 0;
                }

                .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 {
                        margin-top: 50px;
                        line-height: 0px;
                        }
                        .grid-description.right {
                            text-align: right;
                            }
                            .grid-description.right .swatch-mini {
                                margin: 5px 0 0 15px;
                                }

                    .grid-links {
                        display: block;
                        margin-top: 25px;
                    }

                    .grid-tagline {
                        display: block;
                        margin: 50px;
                        min-height: 50px;
                        text-align: center;
                        }
                        .grid-tagline h3,
                        .grid-tagline p {
                            margin: 0;
                            line-height: 28px;
                            }
                        .grid-tagline h3 {
                            font-weight: 700;
                            letter-spacing: 2px;
                            }

                    .swatch-mini {
                        display: block;
                        margin: 5px 12px 0 0;
                        }
    
                        .swatch-mini-circle {
                            position: relative;
                            display: inline-block;
                            height: 12px;
                            width: 12px;
                            margin: 4px 5px 4px 0;
                            border-radius: 50%;
                            vertical-align: text-bottom;
                            }
                        .swatch-mini-title {
                            position: relative;
                            display: block;
                            font: 12px/24px proxima-nova, sans-serif;
                            font-weight: 700; 
                            font-style: normal;
                            color: #333333;
                            text-transform: uppercase;
                            cursor: pointer;
                            }
                            .swatch-mini-title .location {
                                text-transform: none;
                                font-weight: 400;
                                }
                            .swatch-mini-title .sku {
                                white-space: nowrap;
                                }


            #coty,
            #coty_pro {
                background-color: #F6F5F0; /* Blank Canvas */
            }
            
            #coty .section-inner,
            #coty_pro .section-inner {
                max-width: 1200px;
            }

            #coty h2,
            #coty_pro h2{
                margin-bottom: 0;
            }
            
            #coty p,
            #coty_pro p {
                margin: 10px 0;
            }
            #coty a.btn,
            #coty_pro a.btn {
                border-radius: 50px;
                height: 50px;
                margin: 20px 2px 0 2px;
                padding: 0 40px; 
                line-height: 50px;
                color: #FFFFFF;
                background-color: #465058;
                text-align: center;
                text-transform: uppercase;
                overflow: hidden;
                min-width: 100px;
                border: 0;
            }
            body.isDesktop #coty a.btn:hover,
            body.isDesktop #coty_pro a.btn:hover {
                color: #FFF;
                background-color: #333333;
                }

                .promo-image {
                    position: relative;
                    width: 50%;
                    }
                    .promo-image img {
                        display: block;
                        width: 100%;
                        height: auto;
                        }

                .promo-copy {
                    position: absolute;
                    left: 52%;
                    top: 50%;
                    width: 48%;
                    transform: translateY(-50%);
                    }
                    .promo-copy .inner-wide {
                        text-align: left;
                        }

            @media screen and (max-width: 800px) {
                .promo-image {
                    display: block;
                    position: relative;
                    top: auto;
                    right: auto;
                    width: 100%;
                    /* min-height: 300px; */
                }
                .promo-copy {
                    display: block;
                    position: relative;
                    top: auto;
                    left: auto;
                    width: 100%;
                    transform: none;
                    padding: 50px 0;
                    margin: 0;
                    text-align: center;
                }
                .promo-copy .inner-wide {
                    text-align: left;
                    }
                    .promo-copy a {
                        font-size: 12px;
                        font-weight: 500;
                    }
            }

            .faded-text {
                font: 22px/44px proxima-nova, sans-serif;
                letter-spacing: 1.2px;
                font-weight: 700;
                text-transform: uppercase;
                text-align: center;
                max-width: 800px;
                margin: 0;
                /* text-shadow: #FFFFFF 0 0 10px; */
                color: #000;
                margin: 0 auto;
                }


                .tagline {
                    display: block;
                    width: 100%;
                    height: 800px;
                    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(190, 184, 177, 0.44) 25%, rgba(191, 186, 180, 0) 54.17%, rgba(192, 188, 184, 0.44) 79.69%, rgba(196, 196, 196, 0) 100%);
                    margin: -100px 0 !important;
                    z-index: 0 !important;
                    overflow: hidden;
                }

                .tagline-text {
                    display: block;
                    position: absolute;
                    top: 50%;
                    /* 
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 80%;
                    max-width: 1000px;
                    */
                    width: 60%;
                    max-width: 800px;
                    
                    font: 22px/44px proxima-nova, sans-serif;
                    letter-spacing: 1.2px;
                    font-weight: 400;
                    text-align: center;
                    margin: 0;
                    text-shadow: #FFFFFF 0 0 10px;
                    }

                    .tagline.left .tagline-text {
                        text-align: left;
                        left: 20%;
                        transform: translateY(-50%);
                    }

                    .tagline.right .tagline-text {
                        text-align: right;
                        right: 20%;
                        transform: translateY(-50%);
                    }

                .bars {
                    display: block;
                    position: absolute;
                    width: 300px;
                    height: 800px;
                }
                    .bar {
                        position: absolute;
                        top: 25%;
                        width: 33%;
                        height: 50%;
                    }
            
                    .bar1 {
                        top: 30%;
                        left: 25%;
                        height: 40%;
                    }
            
                    .bar2 {
                        left: 50%;
                        height: 50%;
                    }
            
                    .bar3 {
                        top: 27.5%;
                        left: 75%;
                        height: 45%;
                    }

                    
                    .tagline.left .bars {
                        right: 20%;
                    }

                    .tagline.right .bars {
                        left: 20%;
                    }


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

                        .tagline-text {
                            width: 80%;
                        }

                        .tagline.left .tagline-text {
                            left: 20px;
                        }
    
                        .tagline.right .tagline-text {
                            right: 20px;
                        }

                        .tagline.left .bars {
                            right: 0;
                        }
    
                        .tagline.right .bars {
                            left: 0;
                        }

                        .bar {
                            width: 20%;
                        }
            



                        .bar1 {
                            left: 35%;
                        }
                
                        .bar2 {
                            left: 50%;
                        }
                
                        .bar3 {
                            left: 65%;
                        }



                        

                        .tagline.right .bar1 {
                            left: 20%;
                        }
                
                        .tagline.right .bar2 {
                            left: 35%;
                        }
                
                        .tagline.right .bar3 {
                            left: 50%;
                        }


                    }








        #commercial {
            display: none;
        }

        #gallery-nav {
            display: block;
            border-bottom: 1px solid #D0CBC0; /* tranquil_gray */
            font-size: 0;
        }

        #gallery {
            margin-bottom: 0;
        }

        .tagline .inner-wide,
        #palette .inner-wide,
        #gallery .inner-wide {
            padding: 50px 20px 50px 20px;
        }
        
        #palette .disclaimer {
            text-align: center;
            margin: 0 auto;
            font-size: 12px;
        }

        a.tab {
            display: inline-block;
            
            font: 12px/24px proxima-nova, sans-serif;
            letter-spacing: 1.2px;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            
            color: #4F5152; /* cracked_pepper */
            
            margin: 0;
            padding: 10px 15px;
            border-top: 1px solid #D0CBC0; /* tranquil_gray */
            border-right: 1px solid #D0CBC0; /* tranquil_gray */
        }

        a.tab.active {
            background-color: #C4C4C4;   /*#ECEAE2;   first_snow */
            color: #000000  /* #bd483c; */
        }


            body.isDesktop a.tab {
                transition: color 1s cubic-bezier(0.25,1,0.25,1), background-color 1s cubic-bezier(0.25,1,0.25,1);
                }

            body.isDesktop a.tab:hover {
                color: #4F5152;
                }
        

            

/**********************************************************************************
VIDEO EMBED
**********************************************************************************/
    .vimeo-embed {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    } 
    .vimeo-embed iframe,
    .vimeo-embed object,
    .vimeo-embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        /*padding-top: 25px;*/
        height: 0;
        margin-top: 20px;
        border-radius: 8px;
        background-color: #fff;
    }
    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

/**********************************************************************************
MEDIA QUERIES
**********************************************************************************/

    @media screen and (max-width: 1200px) {
        #footer .inner-wide {
            padding: 30px 0 0 0;
            margin-top: 0;
            text-align: center;
        }
        #logo-footer {
            display: block;
            position: relative;
            top: auto;
            left: auto;
            margin: 10px auto 10px auto;
        }
        #legal {
            display: block;
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
        }
        #copyright {
            display: block;
            position: relative;
            top: auto;
            right: auto;
            margin: 0;
        }
    }
    
    @media screen and (max-width: 1100px) {
        .grid .swatch-mini {
            font-size: 10px;
            line-height: 10px;
            }
    }
    
    @media screen and (max-width: 800px) {
        .grid-description {
            margin-top: 0;
            }
    }


    @media screen and (max-width: 700px) {
        .grid,
        .vertical .grid {
            display: block;
            width: 100%;
            margin: 0 0 40px 0;
            }
            /* 
            .grid.float {
                float: none;
            }
            */
            .grid.primary,
            .vertical .grid.primary {
                width: 100%;
            }
            /* 
            .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;
                    }
    }

    @media screen and (max-width: 600px) {
        .chip-text {
            background: none;
            opacity: 1 !important;
            visibility: visible !important;
        }

        #footer {
            font: 11px/24px proxima-nova, sans-serif;
        }
            #footer .inner-wide {
                padding: 10px 0 0 0;
                margin-top: 0;
            }
                #legal a {
                    font: 11px/24px proxima-nova, sans-serif;
                    margin: 0 5px;
                }
                #transparency {
                    display: block;
                }
        .chip-holder .chip {
            width: 100%;
            height: 150px;
            margin: 5px 0;
            }

        .chip-inner {
            margin: 0 auto;
            }

            .chip-buy {
                margin-top: 0px;
                margin-bottom: 25px;
                visibility: visible;
                opacity: 1;
            }
        
        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 */
        }

        a.tab span {
            display: none;
        }
    }
    

    
/**********************************************************************************
COOKIES
**********************************************************************************/

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

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