/*Page Layout*/

body{
    font-family: helvrom;    
}

.container{
 width: 1200px;
 max-width: 100%;
 padding-left: 0px;
 padding-right: 0px; 
}

.container-imgs-product{
    padding-top: 3em;
    width: 100%;

}

/*Header Section*/
.header__link{
    margin-top: 40px;

}

.header__link ul{
    text-align: center;    
}

.header__link ul li{
    display: inline-block;
    padding-right: 10px;
    text-transform: uppercase;
    font-family: helvmd;
    border-right: 1px solid #000;
    padding-right: 30px;    
    padding-left: 30px;        
    height: 19px;
}

.header__link ul li a{
    color:#000;
    font-size:0.85em;
    text-decoration: none;
    font-family: helvmd;
    font-weight: 600;
}

a.current:visited{
    color:#4814a0;    
}

a.current-graphics:visited{
    color:#1798d1;    
}

a.current-fashion:visited{
    color:#d4005f;   
}

a.current-products:visited{
    color:#15ae76;   
}


a.bread-crumb-workflow:link{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    text-decoration: none;
    display: block;
}



.header__link ul li:last-child{
    border-right: 0px solid #000;
}
hr{
    border-top: 1px solid #000;
}

/*Video Section*/
.embed-responsive-1by1::before {
 padding-top: 0%;
}

div#ooyalaplayer, div#ooyalaplayer2 {
    width: 100%;
    height: 561px;
    }

section.content__video{

}
h1.video-header{
    color:#4814a0;
    text-align: center;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 4em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.video__player--embedded{
    width: 100%;
    padding-top: 20px;

}

span.video__description{
    font-style: italic;
    font-size: 0.85em;
    padding-top: 0.3em;
    display: block;
    text-align: left;
}
article{
    text-align: center;
    padding-bottom: 2em;    
}

article h2{
    font-family: helvmd;
    font-size: 3em;
    color: #3591e7;
    text-transform: uppercase;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
}
article p{
    line-height: 1.5em;
    margin-bottom: 0.65em;
}

article.color-system{
    margin-bottom: -10px;
}

article.color-system h3{
    text-align: left;
    padding-top: 35px;
    }


article.color-system p{
    margin-bottom: 0px !important;
    text-align: left;
}

article.color-system h4{
color:#4814a0;
text-transform: uppercase;
font-size: 1.4em;
padding-top: 20px;   
font-family: helvbld;
}
    

/* Aside product Section*/
.aside__product{
border:2px solid #000;
height: 100%;
padding-bottom: 24px;
}

ul.series{
    width: 48% !important;
    text-align: center;
    margin: 0px auto;
    margin-bottom: -30px;
    padding-left: 0px;
}

ul.fashion{
    width: 90% !important;
    text-align: center;
    margin: 0px auto;
    margin-bottom: -30px;
    padding-left: 30px;
    display: flex;
}
ul.fashion li{
    text-align: center;
    padding-left: 29px;
}

ul.series li{
    text-align: center;

    
}

.aside__product p{
    margin-bottom: -5px;
    text-align: center;
    margin-top: -5px;
}

img.image__color{
    position: absolute;
    top: -13px;
    left: 40px;
}
.aside__product h3{
    text-align: center;  
    padding-top: 2em;
    font-family: helvbld;
    font-size: 1.2em;
    font-weight: 600;
}

.aside__product h4{
    text-align: center;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 2.3em;
    color: #4814a0;
    margin-bottom: -24px;
    padding-top: 34px;
}

img.image__thumbnail{
    width: 150px;
}
.container-list{
    width: 100%;
    clear: both;
}
.container-list span{
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    font-family: helvbld;
    font-size: 1em;
    font-size: 1em;
    padding-top: 5px;
}

.list__header__text{
    text-align: center;
    font-family: helvmd;
    font-weight: 600;
    color:#000;
    text-transform: uppercase;
    font-size: 1em;
    padding-top: 0em;
    letter-spacing: 0.5px;
}
.aside__product ul{
    column-count: 3;
    padding-top: 0.5em;
    width: 96%;
}

.aside__product ul li{
    list-style-position: inside;
    padding-left: -2px;
    font-family: helvmd;
}

button.product__button--active{
    background-color: #d9cdee;
    color: #000;
    text-align: center;
    margin: 0px auto;
    font-family: helvbld;
    font-weight: 600;
    font-size: 0.85em;
    padding: 12px;
    border: none;
    margin-top: 1em;
    cursor: pointer;
    transition: background-color 0.5s ease;    
}
button.product__button--active:hover{
    color:#fff;
    background-color: #4814a0;    
}

img.image__color--bottom{
position: absolute;
bottom: -60px;
right: 6px;
width: 120px
}

.align__button{
    width: 240px !important;
    margin-left: 23px !important;
    margin-right: -4px !important;
}
img.image__color--right{
    position: absolute;
    right: 19px;
    top: -52px;
}



ul.list__fashion{
    display: block;
    margin-left: 0px;
    margin-bottom: 1px;
    
}

ul.list__fashion li{
    list-style-position: inside;
}
.img-product-thumb{
    padding-right: 12px;
    margin-left: 20px;
}

.container__thumbnail {
    width: 100%;
    margin: 30px;   
}

button.hover-fashion{
    width: 50%;
}


h2.tagline{
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    padding-top: 0px;
    font-family: helvmd;
    width: 100%;
    padding-left: 49px;
    letter-spacing: 0px;
}

h3.header-title{
    text-align: center;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 2.3em;
    color: #4814a0;
    padding-top: 0.35em;
}
.content__video-graphics p{
    margin-bottom:0px !important;
    text-align: left;
}

/*Video single section*/

.placeholder__video{
    width: 100%;
    height: 550px;
    background-color: #ccc;
    margin: 0px auto;
}
.placeholder__video p{
    text-align: center;
}
.video__single{
    margin-top: 1em;
}

section.aside__learn__more{
    margin-top: 4.2em;
}

/*Learn more Section */

a.link-btn:link, a.link-btn:visited, a.link-btn:active{
    text-decoration: none;
    color:#000;
}
a.link-btn:hover{
    text-decoration: none;
    color:#fff;
}

a.link-btn2:link, a.link-btn2:visited, a.link-btn2:active{
    text-decoration: none;
    color:#fff;
}
a.link-btn2.align__button--left{
    text-decoration: none;
    color:#fff;
}


.content__learn__more{
    height: 200px;
    background-color: #f0f0f0;
    padding-top: 2.5em;
    padding-right: 2em;
}
.content__learn__more p{
    text-align: right;
    font-size: 0.65em;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 0.55em;
    font-size: 1em;
}

.content__learn__more p strong{
    font-family: helvbld;
}

a.learn__more:link, a.learn__more:active, a.learn__more:visited{
    color: #4814a0;
    font-weight: 600;
    font-family: helvbld;
    text-transform: capitalize;
    text-align: right;
    display: block;
    text-decoration: none;
    transition: color 0.5s ease;   
}
a.learn__more:hover{
color:#30015b;
}


img.image__color--topleft{
    position: absolute;
    left: 90px;
    top: -48px;
}
img.image__color--middleleft{
    position: absolute;
    left: -10px;
    top: 24px;
}
img.image__color--bottomleft{
    position: absolute;
    left: 120px;
    bottom: -28px;
}
.left-text p{
    text-align: left !important;
    padding-left: 2em;
    margin-top: -10px;
    line-height: 0.98em;
}

a.learn__more-left:link, a.learn__more-left:active, a.learn__more-left:visited{
    color: #4814a0;
    font-weight: 600;
    font-family: helvbld;
    text-transform: capitalize;
    text-align: left;
    display: block;
    text-decoration: none; 
    padding-left: 2em;  
}
img.image__color--topright{
    position: absolute;
    right: -56px;
    top: -40px;
}
img.image__color--bottomright{
    position: absolute;
    left: 256px;
    bottom: -39px;
}
.adjust-height{
    line-height: 1.5em;
    }
    

/*Guide Section*/

section.aside__guide{
margin-top: 7em;
}
.banner__guide{
    background: #f0f0f0;
    height: 100%;
    margin-top: 5em;
    padding-bottom: 40px;
}
img.guide__color--topleft{
    position: absolute;
    left: 35px;
    top: 15px;
}
img.guide__color--middleleft{
    position: absolute;
    left: 175px;
    top: -66px;
}

img.guide__color--bottomleft{
    position: absolute;
    left: 275px;
    bottom: -28px;
}

.banner__guide h2{
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 2em;
    color: #4814a0;
    padding-top: 1.5em;
}

.banner__guide p{
    text-align: center;
    font-family: helvrom;
    line-height: 1.25em;
    width: 89%;
}
.guide__button--active{
    background-color: #4814a0;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-family: helvmd;
    font-size: 0.85em;
    padding: 13px;
    border: none;
    margin-top: 2.5em;
    cursor: pointer;
    transition: background-color 0.5s ease;    
}
.guide__button--active:hover{
    background-color: #30015b;    
}

.align-guide-btn{
padding-left: 30px;
padding-right: 30px;
}

/*Shop section*/
.aside__shop{
    margin-top: 3em;
    margin-bottom: 3em;
}

.shop__button--active{
    background-color: #000000;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-family: helvmd;
    font-size: 0.85em;
    padding: 10px 35px 10px 35px;
    border: none;
    margin-top: 2.5em;
    cursor: pointer;
}

.image-link{
    position: relative;
    top:-2px;
}
.shop__button--active:hover{
    
}
img.img-btn-shop{
    position: absolute;
    left: 43%;
    top: -24px;
    display: none;
}

img.img-btn-fashion{
    position: absolute;
    left: 45%;
    top: -32px;
    width: 100px;
    display: none;
}

.align__button--right{
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
}

.mobile-alignment{
    margin-left: 0% !important;   
}

/*guide page*/

.guide{
    background: #fff;
    margin-top: 5em;
    margin-bottom: 3em;
    padding-bottom: 30px;
    border:1px solid#000;
}
.guide h2{
    text-align: center;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 2.3em;
    color: #4814a0;
    padding-top: 1.2em;
    margin-left: -92px;
}
.content-guide{
    width:90%;
}

.content-guide p{
    text-align: center;
}

.btn-guide{
    border: 0px;
    outline: 0px;
    background: #4814a0;
    color: #fff;
    text-align: center;
    font-family: helvbld;
    font-size: 0.95em;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 278px;
    margin-left: 20px;
    transition: background 1s;
	margin: 0 0 0 150px;
}

.btn-guide:hover{
    background: #320f6d;
}



img.img-guide1{
    position: absolute;
    top: 10px;
    width: 90px;
    left: 30px;
}

img.img-guide2{
    position: absolute;
    top: -50px;
    left: 135px;
    width: 160px;
}
img.img-guide3{
    position: absolute;
    bottom: -14px;
    left: 49%;
    width: 140px;
    
}
.content-btn{
    margin-left: 45px;
}

img.img-product{
    width: 178px;
    padding-left: 34px;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
}

.container-imgs-product {
    padding-top: 3em;
    width: 100%;
    margin-left: 10px;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;  
}
img.image__color--middle {
    position: absolute;
    left: 59px;
    bottom: 93px;
    width: 130px;
}

.container-button-learn{
    margin-left: 20px;
}
.align__button--left {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
section.shop{
    margin-top: 0px;
    margin-bottom: 30px;
}
/*Color standards section*/
.color-standards{
    text-align: left;
}
.color-standards h3{
    text-align: left;
}
.color-standards p {
    margin-bottom: 0.75em;
}
.feedback{
    text-align: center;
}
#feedbackModule{
    padding-top: 40px;
}
/*Color standards list section*/
section.color-standards-list{
    padding-top: 35px;
    text-align: left;
}

span.number{
    color: #4814a0;
    font-size: 3em;
    position: absolute;
    margin-top: -13px;
    font-family: HelveticaNeueLTStd-ThIt;
}
div.list-description{
    padding-left: 44px;
}
strong.number-text{
    color: #4814a0;
    font-family: helvbld;

}

#workrflow-screen{
    display: block;
    }
    
    
    #workflow-mobile{
        display: none;
    }

/*Media Query*/
    
@media all and (max-width: 1200px) {   
    ul.series {
        width: 88% !important;
        text-align: center;
        margin: 0px auto;
        margin-bottom: -30px;
        padding-left: 0px;
    }

    ul.fashion li{
        text-align: left;
    }

    img.image__color--middle {
        position: absolute;
        left: 43px;
        bottom: 154px;
        width: 130px;
    }   

    .container-imgs-product {
        padding-top: 3em;
        width: 100%;
        margin-left: 2px;
        padding-bottom: 10px;
    }

    img.img-product {
        width: 36%;
        padding-left: 34px;
        display: inline-block;
        float: left;
        padding-bottom: 10px;
        margin-left: -20px;
    }

    .container{        
        padding-left: 15px;
        padding-right: 15px; 
       } 
       .aside__product ul li {
        list-style-position: inside;
        padding-left: -2px;
        font-family: helvmd;
        text-align: left;
        width: 90%;
    }
    .align__button {
        width: 260px !important;
        margin-right: 18px !important;
        margin-left: 25% !important;
        margin-top: 10px !important;
    }
    .mobile-alignment {
        margin-left: 14% !important;
        padding-right: 24px !important;
        padding-left: 26px !important;
    }
   
    img.image__color--right {
        position: absolute;
        right: 19px;
        top: -72px;
    }
    ul.list__fashion {
        display: block;
        margin-left: 0px;
        margin-bottom: 1px;
    }
    .align-guide-btn{
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 173px;
        }
        .banner__guide h2 {
            font-family: HelveticaNeueLTStd-ThIt;
            font-size: 2em;
            color: #4814a0;
            padding-top: 1.5em;
            text-align: left;
        }
        img.guide__color--bottomleft {
            position: absolute;
            left: 275px;
            bottom: 25px;
        }
        img.image__thumbnail {
            width: 130px;
            margin-left: -10px;
            
        }
        .content-guide{
            width: 90%;
        }

        .btn-guide {
            border: 0px;
            outline: 0px;
            background: #4814a0;
            color: #fff;
            text-align: center;
            font-family: helvmd;
            font-size: 0.95em;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 8px;
            padding-bottom: 8px;
            width: 100%;
            margin-left: 20px;
            margin-bottom: 10px;
        }
        img.image__color--bottom {
            position: absolute;
            bottom: -72px;
            right: -36px;
            width: 100px;
            z-index: 10000;
        }
        img.image__color--topright {
            position: absolute;
            right: -20%;
            top: -18px;
            width: 140px;
        }

   } 
  

   @media all and (max-width: 991px) {

    ul.fashion{
        width: 100%;
    }


    div#ooyalaplayer, div#ooyalaplayer2 {
        height: 560px !important;
    }
    .container{        
        padding-left: 15px;
        padding-right: 15px; 
       } 
       .aside__product ul li {
        list-style-position: inside;
        padding-left: -2px;
        font-family: helvmd;
        text-align: left;
        width: 90%;
    }
    .align__button {
        width: 260px !important;
        margin-right: 18px !important;
        margin-left: 18% !important;
    }
    
   
    img.image__color--right {
        position: absolute;
        right: 2px;
        top: -60px;
        width: 120px;
    }
    img.image__color {
        position: absolute;
        top: -43px;
        left: 24px;
    }
      
    .aside__product ul li {
        list-style-position: inside;
        padding-left: -2px;
        font-family: helvmd;
        text-align: left;
        width: 90%;
   } 
   ul.list__fashion {
    display: block;
    margin-left: 0px;
    margin-bottom: 1px;
 }

 
  .banner__guide h2 {
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 2em;
    color: #4814a0;
    padding-top: 1em;
    text-align: left;
    padding-right: 10px;
    padding-left: 66px;
}
img.guide__color--bottomleft {
    position: absolute;
    left: 246px;
    bottom: 25px;
}

img.image__color--bottomleft {
    position: absolute;
    left: -48px;
    bottom: -54px;
}


img.image__color--topright {
    position: absolute;
    right: -22%;
    top: -22px;
    width: 140px;
}
.banner__guide h2 {
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 1.85em;
    color: #4814a0;
    padding-top: 1em;
    text-align: left;
    padding-right: 6px;
    padding-left: 97px;
}
img.guide__color--bottomleft {
    position: absolute;
    left: 221px;
    bottom: 25px;
}
.align-guide-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 97px;
}

img.image__color--bottomleft {
    position: absolute;
    left: 147px;
    bottom: -47px;
    z-index: 1000;
}

.content__learn__more {
    height: 188px;
    background-color: #f0f0f0;
    padding-top: 2.5em;
    padding-right: 2em;
    margin-bottom: 30px;
    font-size: 14px;
}
img.image__color--bottomright {
    position: absolute;    
}
img.guide__color--middleleft {
    position: absolute;
    left: 551px;
    top: 66px;
    width: 120px;
}
img.guide__color--topleft {
    position: absolute;
    left: 4px;
    top: 165px;
    width: 100px;
}
.align__button {
    width: 260px !important;
    margin-right: 8px !important;
    margin-left: 14% !important;
}
.align-guide-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 5px;
}
.banner__guide h2 {
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 1.85em;
    color: #4814a0;
    padding-top: 1em;
    text-align: left;
    padding-right: 87px;
    padding-left: 17px;
    width: 90%;
}
img.guide__color--bottomleft {
    position: absolute;
    left: 15px;
    bottom: -25px;
}
img.image__thumbnail {
    width: 150px;
    padding-left: 12px;
    margin-right: -17px;
}
img.image__color--middleleft {
    position: absolute;
    left: -64px;
    top: 8px;
}
.left-text p {
    text-align: left !important;
    padding-left: 1em;
    margin-top: -10px;
    line-height: 0.98em;
}

}

 
   @media all and (max-width: 768px) {
    div#ooyalaplayer, div#ooyalaplayer2 {
        height: 440px !important;
    }
    img.image__color--topright {
        position: absolute;
        right: -5%;
        top: -18px;
        width: 140px;
    }

    img.image__color--middleleft {
        position: absolute;
        left: -6px;
        top: 24px;
    }
    img.image__color--bottomleft {
        position: absolute;
        left: 147px;
        bottom: -16px;
        z-index: 1000;
    }

    .container{        
        padding-left: 15px;
        padding-right: 15px; 
       } 
       .aside__product ul li {
        list-style-position: inside;
        padding-left: -2px;
        font-family: helvmd;
        text-align: left;
        width: 90%;
    }
    .align__button {
        width: 93% !important;
        margin-right: 5px !important;
        margin-left: 5% !important;
    }
    .video__single {
        margin-top: 0em;
    }

    img.image__color--right {
        position: absolute;
        right: 19px;
        top: -71px;
    }   
    img.image__color--bottom {
        position: absolute;
        top: -43px;
        right: -14px;
        width: 110px;
    }
    
    img.image__color--right {
        position: absolute;
        right: 5px;
        top: -46px;
        width: 100px;
    }
    img.image__color--bottom {
        position: absolute;
        top: -48px;
        right: -32px;
        width: 90px;
        z-index: 10;
    }
    img.image__color {
        position: absolute;
        top: -43px;
        left: 24px;
        width: 90px;
    }
    button.product__button--active {
        background-color: #d9cdee;
        color: #000;
        text-align: center;
        margin: 0px auto;
        font-family: helvmd;
        font-weight: 600;
        font-size: 0.85em;
        padding: 12px;
        border: none;
        margin-top: 2.5em;
        cursor: pointer;
        transition: background-color 0.5s ease;
        width: 80%;
    }
    
   .aside__product ul {
        column-count: 3 !important;
        padding-top: 0.5em;
        width: 96%;
    }
    img.image__color--middle {
        position: absolute;
        left: 26px;
        bottom: 157px;
        width: 100px;
    }
    ul.list__fashion {
        display: inline-block;
        margin-left: 0px;
        margin-bottom: 1px;
    }
  
    img.image__thumbnail {
        width: 150px;
        padding-left: 12px;
        margin-right: -17px;
    }
    .bottom-margin{
        margin-bottom: 50px;
    }
    img.img-guide3 {
        position: absolute;
        bottom: -45px;
        left: 29px;
        width: 140px;
    }
    img.img-guide2 {
        position: absolute;
        top: -50px;
        left: 90%;
        width: 160px;
    }
    img.img-guide1 {
        position: absolute;
        top: 172px;
        width: 90px;
        left: -4px;
    }
   
    .img.image__color--bottomleft{
        position: absolute;
        left: 147px;
        bottom: -8px !important;
        z-index: 1000;
    }
    .align__button--right {
        float: left;
        padding-top: 22px;
        padding-bottom: 22px;
        width: 90%;
    }
    .align__button--left {
        float: left;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 90%;
    }
section.shop{
    margin-left: 15px;
    margin-top: 10px;
}
}


@media all and (max-width: 575px) {

    #workrflow-screen{
        display: none;
        }
        
        
        #workflow-mobile{
            display: block;
        }


    div#ooyalaplayer, div#ooyalaplayer2 {
        height: 350px !important;
        }

    section.shop{
        margin-left: 15px;
        margin-top: 0px;
    }

 .banner__guide h2 {
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 1.85em;
    color: #4814a0;
    padding-top: 1em;
    text-align: center;
    padding-right: 7px;
    padding-left: 17px;
    width: 90%;
 }
 .banner__guide p {
    text-align: center;
    font-family: helvrom;
    line-height: 1.25em;
    width: 89%;
    padding-left: 20px;
}
.align__button {
    width: 90%!important;
    margin-right: 5px !important;
    margin-left: 5% !important;
    margin-top: 0px;
}
.align-guide-btn {
    padding-left: 13px;
    padding-right: 16px;
    margin-left: 28%;
    margin-top:10px;    
}

img.guide__color--topleft {
    position: absolute;
    left: 4px;
    top: 248px;
    width: 100px;
}
.align__button--right {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.align__button--left{
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 20px;
}

 img.guide__color--middleleft {
    position: absolute;
    left: 85% !important;
    top: -64px  !important;
    width: 120px  !important;
}
img.guide__color--topleft {
    position: absolute;
    left: 4px;
    top: 0!important;
    width: 100px;
    padding-top: 230px;
}
.header__link ul {
    text-align: left;
    margin-left: -20px;
}
.header__link ul li {
    padding-right: 11px;
    padding-left: 2px;
}
article h2 {
    font-size: 2.2em;   
}
.aside__product h4 {
    font-size: 1.8em;   
 }
 .aside__product h3 {
    padding-top: 10px;
    padding-left: 40px;
}
img.image__color--bottom {
    right: 0px;
}
.img-product-thumb{
    padding-right: 1px;
    margin-left: -1px;
}
img.image__thumbnail {
    width: 150px !important;
    margin-right: 5px;
    margin-bottom: 5px;
}
.bottom-margin{
    margin-bottom: 50px;
}

.content-btn {
    margin-left: 40px;

}
.content-btn {
    width:80%;
}
img.img-guide2 {
    position: absolute;
    top: -89px;
    left: 86%;
    width: 122px
}
img.img-guide1 {
    position: absolute;
    top: 267px !important;
    width: 70px;
    left: 0px;
}
img.img-guide3 {
    position: absolute;
    bottom: -40px;
    left: -5px;
    width: 100px;
}

img.image__color--middleleft {
    position: absolute;
    left: -10%;
    top: 48px;
    width: 90px;
}
img.image__color--bottomleft {
    position: absolute;
    left: 47px;
    bottom: 41px;
    z-index: 1000;
    width: 80px;
}
img.image__color--topleft {
    position: absolute;
    left: 73px;
    top: -34px;
    width: 70px;

}
img.image__color--topright {
    position: absolute;
    right: -40px;
    top: -21px;
    width: 100px;
}
.container-imgs-product {
    padding-top: 0em;
    width: 100%;
    margin-left: 1%;
    padding-bottom: 10px;
}

img.img-product {
    width: 37%;
    padding-left: 34px;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
    margin-left: -19px;
}

img.image__color--right {
    position: absolute;
    right: -13px;
    top: -52px;
}
.aside__product ul li {
    list-style-position: inside;
    padding-left: -2px;
    font-family: helvmd;
    text-align: left;
    width: 90%;
    font-size: 13px;
}
ul.list__fashion {
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 1px;
    column-count: 1 !important;
    width: 80%;
}

ul.fashion {
    width: 100%;
    display: inline;
}

ul.series{
    width: 100%;
    display: block;
    padding-left: 20px !important;
    margin-bottom: 20px;
}

.aside__product ul {
    column-count: 1 !important;
    padding-top: 0.5em;
    width: 96%;
}

.aside__product h4 {
    
    margin-bottom: 0px;
    
}
h2.tagline {
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
    padding-top: 0px;
    font-family: helvmd;
    width: 100%;
    padding-left: 10px;
}


.video__single {
    margin-top: 0em;
}
.guide {
    margin-bottom: 2em;
 
}
.aside__product {
    padding-left: 2px;
}
.d-block{
    margin-left: 40px !important;
}
button.hover-fashion {
    width: 100%;
}
.guide h2 {     
    margin-left: 0px;

}
.content-guide p {
    text-align: center;
    padding-left: 10px;
}

.header__link {
    margin-top: 120px;
}

}

@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 

    .guide h2 {     
        margin-left: 10px;
    }
    .color-standards h3 {
        text-align: left;
        font-size: 2em;
        padding-left: 94px;
        margin-top: -5px;
    }
    .align__button--right {        
        width: 100%;
    }
    button.hover-fashion {
        width: 100%;
    }

}



@media all and (max-width: 410px) {
    div#ooyalaplayer, div#ooyalaplayer2 {
        height: 230px !important;
    }

    .guide h2 {     
        margin-left: 0px;    
    }
}

h1.infographic-titile{
    color: #333333;
    text-align: center;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 4em;
    padding-top: 0.45em;
    padding-bottom: 0em;    
}

img.img-infographic{
    width: 100%;
}