/* General Styles */

/* breakpoint_1 */
body:after { 
    content: 'breakpoint_1'; 
    visibility: hidden;
    position: absolute;
    height: 0;
    bottom: 20px;
}

.imageTextWrapLeft {
    float: left;
    margin: 0 10px 10px 0;
}

.imageTextWrapRight {
    float: right;
    margin: 0 0 10px 10px;
}

.colorPageWrapper {
	position: relative;
	z-index: 1;
}

/* From Original Slick Theme Styles */
.colorPage .slick-next:before {
    content: "→";
}

.colorPage .slick-next:before, 
.colorPage .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: grey;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.colorPage .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.colorPage .slick-dots li, 
.colorPage .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.colorPage .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

/* Module Slider Styles */

.colorPage .slick-views {
    display: none;
    min-height: 360px;
}

.colorPage .slick-views img {
    margin: 0 auto;
}

.colorPage .slick-dots {
    position: static;
    margin: 10px 0 0;
}

.colorPage .slick-dots li {
    margin: 5px 0 5px 15px !important;
}

.colorPage .slick-dots li:first-child {
    margin-left: 0 !important;
}

.colorPage .slick-dots li button:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    content: "\f1db";
    opacity: 1;
    color: #666666;
}

.colorPage .slick-dots li.slick-active button:before {
    content: "\f111";
}

.colorPage .slick-dots li button:before,
.colorPage .slick-dots li.slick-active button:before {
    background: transparent;
}

.moduleSlider .slick-list .sliderLink, 
.moduleSlider .contentWrapper a {
    display: block !important;
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    position: absolute;
    height: 100%;
}

.moduleSlider {
    max-width: 1920px;
    margin: 0 auto;
}

.moduleSlider .slick-prev,
.moduleSlider .slick-next {
    width: auto;
    height: auto;
    z-index: 10;
    margin-top: -9.5%;
}

.moduleSlider .slick-prev::before,
.moduleSlider .slick-next::before {
    font-size: 55px;
    display: block;
    content: '';
    width: 45px;
    height: 45px;
}

.moduleSlider .slick-prev,
.moduleSlider .slick-next,
.moduleSlider .slick-prev::before,
.moduleSlider .slick-next::before {
    transform: none;
}

.moduleSlider .slick-prev {
    left: -5px;
}

.moduleSlider .slick-prev:before {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/grayLeftArrow.png") no-repeat center top;
}

.moduleSlider .slick-next {
    right: -5px;
}

.moduleSlider .slick-next:before {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/grayRightArrow.png") no-repeat center top;
}

.moduleSlider .slick-list {
    z-index: 9;
}

.moduleSlide {
    float: left;
}

/* Color Page Slider */
.colorPage a,
.colorPage p,
.colorPage li,
.colorPage h2 {
    color: #404040;
}

.colorPage a {
    text-decoration: none;
}

.colorPage .container {
    max-width: 1050px;
}

.colorPage ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
}

.colorPage h2 {
    font-family: "Playfair Display", "Times New Roman", Georgia, serif;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 40px;
    text-align: center;
    margin: 0 0 20px;
    font-weight: normal;
}

.colorPage p {
    font-size: 16px;
    line-height: 1.2em;
}

.colorPage img {
    display: inline-block;
}

.colorPage .colorpageHeroSlider {
    max-width: 1920px;
    margin: 0 auto;
}

.colorPage .colorpageHeroSlider .contentWrapper {
    height: 400px;
    width: 100%;
    padding: 0;
}

.colorPage .colorpageHeroSlider .contentWrapper span {
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    display: block;
    width: 100%;
    max-width: 573px;
    height: 111px;
    position: relative;
    top: 150px;
    margin: 0 auto;
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/combo-color-made-easy-desktop.png") no-repeat center top;
}

.colorPage .colorpageHeroSlider .slide1 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider1.jpg") no-repeat center -75px;
}

.colorPage .colorpageHeroSlider .slide2 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider2.jpg") no-repeat center -75px;
}

.colorPage .colorpageHeroSlider .slide3 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider3.jpg") no-repeat center -75px;
}

.colorPage .colorpageHeroSlider .slide4 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider4.jpg") no-repeat center -75px;
}

/* Color Page Tabs */

.colorPage .tabbedNav {
    margin: 0 0 50px;
    position: relative;
}

.colorPage .tabbedNav .col-md-4 {
    padding: 0 40px;
}

.colorPage .tabbedNav h3 {
    padding: 65px 0 15px;
    display: inline-block;
    font-size: 20px;
    margin: 50px 0 15px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    border-bottom: 7px solid #fff;
}

.colorPage .tabbedNav:after {
    content: '';
    display: block;
    position: absolute;
    width: 155px;
    height: 7px;
    background: #0397d5;
    left: 0;
    top: 147px;
    margin: 0 0 0 8.5%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.colorPage .tabbedNav.slide1Activated:after {
    margin: 0 0 0 9%;
}

.colorPage .tabbedNav.slide2Activated:after {
    margin: 0 0 0 42.2%;
}

.colorPage .tabbedNav.slide3Activated:after {
    margin: 0 0 0 75.5%;
}

.colorPage .tabbedNav p {
    margin: 0;
}

.colorPage .tabbedNav .slick-prev,
.colorPage .tabbedNav .slick-next {
    width: 240px;
    height: 100%;
    margin: 0;
    top: 0;
}

.colorPage .tabbedNav .slick-prev {
    left: 0;
    text-align: right;
    padding-right: 15px;
}

.colorPage .tabbedNav .slick-next {
    right: 0;
    text-align: left;
    padding-left: 15px;
}

.colorPage .tabbedNav .slick-prev:before,
.colorPage .tabbedNav .slick-next:before {
    background: none;
    font-family: "FontAwesome";
    font-size: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 40px;
    border: none;
}

.colorPage .tabbedNav .slick-prev:before {
    content: "\f053";
    left: 0;
}

.colorPage .tabbedNav .slick-next:before {
    content: "\f054";
    right: 0;
}

.colorPage .tabbedNav .slick-dots {
    margin: 15px 0 0;
}

.colorPage .tabbedNav .slide:hover h3,
.colorPage .tabbedNav .slide.active h3 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    color: #0397d5;
}

.colorPage .tabbedNav .slide {
    text-align: center;
    cursor: pointer;
}

.colorPage .tabbedNav .slide.active {
    cursor: auto;
}

.colorPage .tabbedNav .slide1 h3 {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/header-one.png") no-repeat center top;
}

.colorPage .tabbedNav .slide2 h3 {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/header-two.png") no-repeat center top;
}

.colorPage .tabbedNav .slide3 h3 {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/header-three.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper {
    margin: 0 0 30px;
}

.colorPage .tabbedContentWrapper h2,
.colorPage .tabbedContentWrapper p {
    padding: 0 15px;
}

.colorPage .tabbedContentWrapper .colorPageButton {
    font-size: 16px;
    width: 216px;
    border: 1px solid #000;
    text-transform: uppercase;
    background: #fff;
    margin: 0 0 15px;
    text-align: center !important;
    display: inline-block;
    line-height: 1em;
}

.colorPage .tabbedContentWrapper .colorPageButton a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 18px;
    border: 1px solid #fff;
}

.colorPage .tabbedContentWrapper .colorPageButton a:hover,
.colorPage .tabbedContentWrapper .colorPageButton a :active {
    border: 1px solid #000;
}

.colorPage .tabbedContentWrapper .slide {
    display: none;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    margin: 0 auto;
}

.colorPage .tabbedContentWrapper .slide.active {
    display: block;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}

.colorPage .tabbedContentWrapper .shopYourColor h2 {
    margin: 0 0 35px;
}

.colorPage .tabbedContentWrapper .shopYourColor ul {
    max-width: 780px;
    margin: 0 auto;
}

.colorPage .tabbedContentWrapper .shopYourColor li {
    text-align: center;
    max-width: 25%;
    padding: 0 25px;
    min-height: 233px;
}

.colorPage .tabbedContentWrapper .shopYourColor img {
    margin: 0 0 15px;
    max-width: 130px;
}

.colorPage .tabbedContentWrapper .shopYourColor p {
    margin: 0 0 40px;
    text-transform: capitalize;
    font-size: 16px;
}

.colorPage .tabbedContentWrapper .colorByFamily {
    font-family: soleil,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 600;
}

.colorPage .tabbedContentWrapper .colorByFamily ul {
    padding: 0;
    margin: 0;
}

.colorPage .tabbedContentWrapper .colorByFamily li {
    height: 50px;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    margin: 0 0 12px;
    padding: 0;
}

.colorPage .tabbedContentWrapper .colorByFamily li a {
    color: #fff !important;
    display: block;
    padding: 13px 24px;
}

.colorPage .tabbedContentWrapper .colorByFamily li.blueFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/blues-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.greenFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/greens-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.purpleFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/purples-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.orangeFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/oranges-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.redfamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/reds-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.pinkFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/pinks-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.yellowFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/yellows-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.brownFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/browns-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.tanFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/tans-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .colorByFamily li.grayFamily {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/grays-fabric.png") no-repeat center top;
}

.colorPage .tabbedContentWrapper .matchYourColor {
    width: 100%;
}

.colorPage .tabbedContentWrapper .matchYourColor p {
    padding: 0 65px;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow h3 {
    color: #0397d5;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 30px;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow p {
    padding: 0;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow p,
.colorPage .tabbedContentWrapper .matchYourColor .contentRow h3 {
    text-align: left;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-3 {
    padding: 0 0 0 20px;
    min-width: 270px;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 {
    padding: 0;
    max-width: 690px;
    border: 1px solid #cccccc;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 .contentWrapper {
    padding-bottom: 56.23188%;
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/finish-your-look-desktop.gif") no-repeat center top;
    background-size: 100% !important;
}

.colorPage .tabbedContentWrapper .matchYourColor .contentRow .colorPageButtonWrapper {
    text-align: center;
    padding: 25px 0 20px;
}

.colorPage .moduleSlide {
    display: none;
}

/* Brands Page */

.brandsSortMenu {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.brandsSortMenu a {
    font-size: 18px;
}

.brandsPageWrapper h2 {
    margin: 10px 0 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;   
}

.brandsLinkWrapper ul {
    margin: 0 0 2rem;
    padding: 0;
}

.brandsLinkWrapper li {
    list-style: none;
}

.two-columns {
    column-count: 2;
}

.three-columns {
    column-count: 3;
}

/* Footer Styles */

footer .back-to-top {
	z-index: 10;
}

.espanolPage .colorPage .colorpageHeroSlider .contentWrapper span {
    width: 573px;
    height: 89px;
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/combo-color-made-easy-desktop__es.png") no-repeat center top;
}

.espanolPage .colorPage .colorpageHeroSlider .slide1 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider1__es.jpg") no-repeat center -75px;
}

.espanolPage .colorPage .colorpageHeroSlider .slide2 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider2__es.jpg") no-repeat center -75px;
}

.espanolPage .colorPage .colorpageHeroSlider .slide3 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider3__es.jpg") no-repeat center -75px;
}

.espanolPage .colorPage .colorpageHeroSlider .slide4 .contentWrapper {
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/colorPage-slider4__es.jpg") no-repeat center -75px;
}

.espanolPage .colorPage .matchYourColor .contentRow .col-md-9 .contentWrapper {
    padding-bottom: 56.23188%;
    background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/finish-your-look-desktop__es.gif") no-repeat center top;
    background-size: 100% !important;
}

/* Contact Us  */

.contact-us-tabs a,
.nanorep-answer-container a {
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-3 {
        min-width: initial;
    }
}

@media only screen and (max-width: 991px) {
    /* breakpoint_2 */
    body:after {
        content: 'breakpoint_2';
        visibility: hidden;
        position: absolute;
        height: 0;
        bottom: 20px;
    }

    /* Color Page Slider */
    .colorPage .tabbedNav .col-md-4 {
        padding: 0 5px;
    }

    .colorPage .tabbedNav .slide {
        max-width: 100%;
    }

    .colorPage .tabbedNav .slide h3 {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
        color: #0397d5;
        border-bottom: 4px solid #0397d5 !important;
        background: none;
        padding-top: 0;
        margin-top: 30px;
    }

    .colorPage .tabbedNav .slick-slide {
        padding: 0 255px;
    }

    .colorPage .tabbedNav:after {
        display: none;
    }

    .colorPage .tabbedContentWrapper .slide {
        display: block;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow {
        padding: 0 20px;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-3,
    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 {
        width: 100%;
        max-width: 690px;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 {
        text-align: center;
        margin-bottom: 25px;
        display: inline-block;
        float: none;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .colorPageButton:first-child {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .colorPage .colorpageHeroSlider .contentWrapper {
        background-position: center -45px !important;
        background-size: 195% !important;
    }
}

@media only screen and (max-width: 767px) {
    /* breakpoint_3 */
    body:after {
        content: 'breakpoint_3';
        visibility: hidden;
        position: absolute;
        height: 0;
        bottom: 20px;
    }

    /*This module is use only for the colorpage - bottom at the homepage*/
    .shopByColor .shopByColorOneUp1.colorpageonly .contentColumn {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/shop_by_colors-mobile.jpg") no-repeat center top;
        background-size: 100% 100% !important;
        padding-bottom: 45.75% !important;
    }

    .shopByColor .shopByColorMobile.colorpageonly .contentColumn {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/shopByColorMobile.png") no-repeat center top;
        background-size: 100% 100% !important;
        padding-bottom: 15% !important;
        display: block;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module {
        padding: 0 15px;
        /* Slider */
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .contentColumn {
        padding-bottom: 10.00002%;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .moduleSlide .contentWrapper {
        padding-bottom: 131.25%;
        display: block !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column1,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide1 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image1-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column2,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide2 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image2-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column3,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide3 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image3-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column4,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide4 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image4-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column5,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide5 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image5-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .column6,
    .shopByColor .shopByColorSixUp.colorpageonly.sixUp-module .slide6 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/sixUp-image6-mobile.png") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .espanolPage .shopByColor .shopByColorOneUp1.colorpageonly .contentColumn {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/shop_by_colors-mobile__es.jpg") no-repeat center top;
        background-size: 100% 100% !important;
    }

    .espanolPage .shopByColor .shopByColorMobile.colorpageonly .contentColumn {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/homepage/shopByColorMobile__es.png") no-repeat center top;
        background-size: 100% 100% !important;
        padding-bottom: 21.25% !important;
    }

    /* Color Page Slider */
    .colorPage .colorpageHeroSlider .contentWrapper {
        height: 350px;
        background-position: center -25px !important;
        background-size: 242% !important;
    }

    .colorPage .colorpageHeroSlider .contentWrapper span {
        width: 100%;
        max-width: 286px;
        height: 0;
        padding-bottom: 23.77622%;
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/combo-color-made-easy-mobile.png") no-repeat center top;
    }

    .colorPage .tabbedNav .slick-slide {
        padding: 0 200px;
    }

    .colorPage .tabbedNav .slick-prev,
    .colorPage .tabbedNav .slick-next {
        width: 200px;
    }

    /* Spanish Color Page */
    .espanolPage .colorPage .colorpageHeroSlider .contentWrapper span {
        max-width: 374px;
        padding-bottom: 16.84492%;
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/combo-color-made-easy-mobile__es.png") no-repeat center top;
        background-size: 100% !important;
    }
}

@media only screen and (max-width: 650px) {
    .colorPage .tabbedNav .slick-slide {
        padding: 0 60px;
    }

    .colorPage .tabbedNav .slick-prev,
    .colorPage .tabbedNav .slick-next {
        width: 60px;
    }

    .colorPage .tabbedContentWrapper .shopYourColor li {
        width: 50%;
        max-width: 50%;
    }

    .colorPage .tabbedContentWrapper .shopYourColor img {
        max-width: 100%;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 .contentWrapper {
        padding-bottom: 125%;
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/finish-your-look-mobile.gif") no-repeat center top;
        background-size: 100% !important;
    }

    .colorPage .tabbedContentWrapper .matchYourColor .contentRow .colorPageButton:first-child {
        margin-right: 0;
    }

    .espanolPage .colorPage .tabbedContentWrapper .matchYourColor .contentRow .col-md-9 .contentWrapper {
        background: url("/on/demandware.static/-/Sites-UA-Library/default/dwd2093426/colorspage/finish-your-look-mobile__es.gif") no-repeat center top;
    }
}

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

    .imageTextWrapLeft,
    .imageTextWrapRight {
        float: none;
        display: block;
        margin: 0 auto 10px;
    }
}

@media only screen and (max-width: 480px) {
    /* breakpoint_4 */
    body:after {
        content: 'breakpoint_4';
        visibility: hidden;
        position: absolute;
        height: 0;
        bottom: 20px;
    }

    .two-columns,
    .three-columns {
        column-count: 1;
    }

    .brandsSortMenu a {
        width: 30px;
        text-align: center;
        height: 40px;
    }
}

@media only screen and (max-width: 400px) {
    .colorPage .colorpageHeroSlider .contentWrapper {
        background-size: 270% !important;
    }
}