/*** CHANEL SKIN ***/
/*** css is indented according to its nesting in the HTML ***/


/*** global ***/

#QAModule {
  width: 95%;
  margin: 0 auto;
}

[data-whatinput="keyboard"] .TurnToItemTeaser a:focus,
[data-whatinput="keyboard"] #TurnToContent a:focus {
  outline: 1px solid black;
  outline-offset: 4px;
}


div#TurnToContent {
  max-width: 1242px;
  margin: 0 auto;
  padding: 0;
}

/*** hidden features ***/

.TTpoweredby,
#TT3RightLinks,
.TTccSocialPost,
blockquote.TT4quote:before,
p.TTccThanks,
#TTrespRegLeft, /* social auth */
#TTauthOr, /* auth 'or' */
#TTtraWindow #TTrespRegRight input#TTregNickname, /* nickname field */
#TTSubDialogSection #TTregCancel,
#TTSubDialogSection #TTregSkip,
#TTnicknameInfo,
#TTmiqArea,
#TT4miqAbout,
#TTexUgcL, /* Browse X q and Y a */
#TurnToContent img.TT4showMoreImg,
/*#TT2acceptDup,
#TT2cancelDup,*/
.TTinstAnsReviseText,
.TT4QiaHintCenter,
.TTanswerMiqa,
.TTanswerMiqaHelp,
.TT3answerMiqa,
.TTansMiqaAnsBtns,
.TT4miqaContainer,
.TT3youHolder,
.TT3staffBadge,
.TT3storeBadge,
.TT4controlLine .TT3askedBy,
.TT4vUpCnt,
.TT4answVoteCall,
ul.TT3linkLine li:after,
.TT4ansAndReplies .TT3linkLine li:first-child, /* reply link */
ul.TT3linkLine li.TT3helpful,
ul.TT3linkLine li.TTflagAnswer,
ul.TT3linkLine li.TT4purchaseText,
ul.TT3linkLine li.TT3sendThanks {
  display: none !important;
}

#QAModule h1 {
  margin: 60px auto 0 auto;
  padding: 0;
  text-align: center;
  font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 30px;
  line-height: 0.4rem;
  font-weight: normal;
  color: #1d1d1d;
}


/*** Q&A TEASER ***/

a#readQuestions {
  font-size: 14px;
  line-height: 1em;
  font-weight: 500;
  color: #676767;
  text-decoration: none;
  border-bottom: 1px solid #676767;
  padding: 0 0 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}


/*** Q&A WIDGET ***/

/*** asking area ***/

div#TT4AskAreaWrap {
  /* margin: 0 16px; */
  /* background: lightgoldenrodyellow; */
}

  div.TT4AskBkgAndBorder {
    background: transparent;
    border: 0;
    padding: 0;
  }
  
    div#TT2questionSection {
      padding: 0;
    }
    
    div#TT2askRewardMsg,
    div#TT3error {
      padding: 12px;
      font-size: 12px;
    }

    div#TT3error {text-align: center;}
    
      /* div#TTaskArea > div:first-child {
        padding: 7px;
        background: #F7F7F7;
      } */

        /*** input wrapper ***/
      
        #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
          /* search container */
          position: relative;
          width: 50%;
          margin: 36px auto 60px auto;
          display: block;
          border: 0;
          border-bottom: 2px solid #1D1D1D;
          overflow: visible !important;
          /* background-color: transparent; */
          /* padding: 5px; */
          
        }
        
          div.TTdialog textarea, 
          div#TurnToContent textarea, 
          div#TTtraWindow textarea,
          div#TurnToContent textarea#TT2questionText, 
          div#TTtraWindow textarea#TT2questionText {
            /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
            font-size: 14px;
            line-height: 15px;
            padding: 10px;
            height: 40px;
            min-height: 40px;
            box-sizing: border-box;
            font-weight: 300;
            color: #767676;
          }

          div#TurnToContent textarea#TT2questionText {
            color:#717171; height: 36px !important; min-height: 36px;
          }

          div#TurnToContent div#TTaskArea textarea#TT2questionText {
            /* padding-left: 32px; */
            border: 0;
            margin-right: 0!important;
          }  

            [data-whatinput="keyboard"] div#TurnToContent textarea#TT2questionText:focus {
              outline: 1px solid black;
              outline-offset: 4px;
            }

            /* #TT2questionText:focus {
              background: green !important;
            } */
                
          div.TTdefaultInput {
            color: #808080;
          }
        
          div.TT4chatIcon {
            /* margin-top: 5px;
            margin-left: 5px;
            margin-right: -6px; */
            position: absolute;
            right: 0;
          }
          
          #TT4questionTextWrap div#TT4closeQuestionBox {
            /* right: 15px;
            top: 15px; */
            right: 26px;
            top: 9px;
            /* display: block; */
          }

        
        /*** hint line ***/
        
        div.TT4startTyping {
          width: 70%;
          margin: 7px 5px !important;
          color: #767676;
          font-weight: 300;
        }
          
          div.TT4startTyping a#TT4questionTextHelp {
            color: #333333;
            font-weight: 400;
            text-decoration: underline;
            display: inline !important;
          }
    
  
        /*** learn more text ***/

        div#TT4questionTextHelpCnt {
          border-radius: 0;
          box-shadow: none;
          border: 0;
          /* border-bottom: 1px solid #DDD; */
          border-bottom: 0;
          margin: 14px -14px -14px;
          padding: 24px 14px 36px;
          color: #000000;
        }
        
              #TT4questionTextHelpCnt ul {
                margin: 6px 0 0 0;
                padding: 0 0 15px 24px;
              }

              #TT4questionTextHelpCnt li,
              #TT4questionTextHelpCnt p {
                margin: 0;
                padding-top: 6px;          
                padding-right: 24px;      
                font-size: 12px;
                line-height: 17px;   
              }
              
                #TT4questionTextHelpCnt strong {
                  font-size: 14px;
                  line-height: 20px;                  
                  color: #595959;
                  font-weight: 300;
                  display: block;
                  margin-bottom: 6px;
                  letter-spacing: 0.04em;
                }
        

/*** asking new ***/


#TTtrasubtop,
#TTtrasubmid,
#TTtrasubbot,
#TTtraDialogTitleBar,
#TTmainContent,
#TT2footer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #FFF;
  width: 100%;
  /* border:2px solid #000; */
}

#TTtrasubtop,
#TTtraDialogTitleBar {
  border-bottom: 0;
}

#TTtrasubmid,
#TTmainContent {
  border-top: 0;
  border-bottom: 0;
}

#TTmainContent,
#TTtraLayout {
  min-width: auto !important;
}

#TT2bttn1 {
  border-radius: 0;
}
#TT2bttn1:hover {
  color: #000;
}


#TTtrasubbot,
#TT2footer {
  border-top: 0;
}

#TTtraDialogTitleBar {
  padding: 10px;
}

#TTtraDialogTitleBar a.TTtraWindowClose {
  top: 24px;
}

#TTtraLayout {
  width: 100%;
  /* Removed for consistency with Reviews */
  /* padding-top: 30px; */
}

#TTtraLayout #TT2mainMessage {
  text-align: left;
}

#TT2mainMessage h2,
#TT2mainMessage h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
}

#TT2mainMessage button {
  border-radius: 0;
  border: 2px solid #000;
}

  #TT2mainMessage button:hover {
    background: #FFF;
    color: #000;
  } 

a#TTtraWindowClose, a#TTSubWindowClose {
  top: 14px;
  right: 14px;
  width: 12px;
  height: 12px;
}

#TTtraUserStateMain #TTtraDialogTitleBar {
  padding: 20px;
}

#TTtraUserStateMain #TTtraDialogTitleBar a#TTtraWindowClose {
  top: 18px;
}
#TTtraUserStateMain #TTtraDialogTitleBar  #TTtraWindow a:hover {
  top: 25px;
  right: 15px;
  background-color: transparent;
}

#TTSubWindowClose:focus {
  outline: 0;
}

a#TTtraWindowClose:before, a#TTSubWindowClose:before {
  content: 'X';
  display: block;
  color: rgba(0,0,0,0);
  width: 12px;
  height: 12px;
  /* background-image: url(en_US_Nike_b_1x.png);
  background-size: 298px 4366px; */
  background-image: url(../images/tt-chanel-sprite-a_1x.png);
  background-size: 298px 4152px;
  background-position: 0 -167px;
  background-repeat: no-repeat;
}

.TT2imgLoading {
  width: 16px !important;
}

div#TTaskExpand {
  width: 76%;
  margin: -28px auto 0 auto;
  padding: 0;
  background-color: #FFF;
  /* margin-top: -10px;  */
}

  div#TTaskAreaBtnLine_instr,
  div.TT4answerInstructions,
  div.TT4QhintCenter {
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 12px;
    line-height: 14px;
    color: #717171;
    padding: 0;
    float: none;
    height: auto;
    font-weight: 300;
  }

  .TT4answerInstructions {
    position: relative;
    top: 37px;
    width: 70%;
  }

  
  div.TTaskOwnerBtnWrap {
    margin-top: 12px;
    padding: 5px;
  }
  
  span#TT3newQMsgTxt {
    padding: 0 13px;
    display: block;
  }

  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack {
    /* background-position: 0 -791px !important; */
    /* width: 143px; */
    background-position: -240px -1412px !important;
    width: 58px;
    position: relative;
    top: 9px;
  }

  #TurnToContent div.TTsqvBack:hover, 
  #TTtraWindow div.TTsqvBack:hover {
    /* background-position: 0 -823px !important; */
    background-position: -240px -1412px !important;
  }


div#TT4questionTextWrap {
  display: flex;
  /* delete height: 34px !important; */
}

#TurnToContent textarea#TT2questionText,
#TTtraWindow textarea#TT2questionText {
  width: 100%;
  padding-right: 40px;
}

div.TT4chatIcon {
  flex-basis: 30px;
}


/*** questions/results count, sort bar ***/

div.TT8 {
  /* padding: 0 14px 20px; */
  padding: 0 0 29px 0;
  margin: 0;
}

span.TTinstAnsReviseText, 
span.TTinstAnsresultCountText,
div.TT4QiaHintCenter {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  margin: 4px 8px 4px 0;
}

div#TTwriteRevForm div.TTwriteRevRow div.TTwriteRevRightCol textarea,
div#TTwriteRevUserForm div.TTwriteRevRow div.TTwriteRevRightCol textarea
{ padding-left: 0; }

span.TTinstAnsReviseText {
  margin: 0 8px;
}

span.TTinstAnsresultCountText {
  /* update position of no results found */
  position: relative;
  top: 9px;
}

.TTaskOwnerBtnWrap div.TTcancelBtn {
  /* update position of cancel 'submit question' */
  position: relative;
  top: -9px;
}


  /* sort bar */
  
  #TTexUgcR {
    position: relative;
    float: right !important;
    text-align: right;
    top: -27px;
  }

/*** asking results ***/

div.TT4askQ,
div#TTaskAreaBtnLine {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  margin-top: 0;
  padding: 0;
  color: #000000;
  background: transparent;
}
div#TTaskAreaBtnLine {
  overflow: visible;
  height: 60px;
  margin-right: -5px;
  margin-bottom: -5px;
}

    img.TT4searchLoading {
      margin: 14px 0;
    }
  
  div#TT4askQResultsLine,
  div.TTsqvBorder {
    padding: 12px 13px;
  }
  
  div.TT4iaSection{
  }
    div.TT4iaSection .TTanswerCount {
      /* answer count search results no display */
      display: none;
    }
    div#TT4iaResultsQ {
      border-bottom: 1px solid #DDD;  
    }
    
      div#TT4iaResultsQ .TT3itemBox {
        padding: 24px 13px 0 13px; 
        margin-bottom: 0;
      }

      .TT3IAContainer .TT3itemBox2 {
        padding: 0;
      }
      
      div.TTanswerCount {
        padding: 0;
        font-size: 11px;
        color: #808080;
      }
    
    .TT4searchLoading {
      width: 16px !important;
    }

    div.TT3itemBox div.TTratingBoxBorder {
      border: 0;
    }



  /* solo question view */
  
  div#TT3soloQuestion, 
  div#TT3soloQuestionQ, 
  div#TT3soloReviewViewQ, 
  div#TT3soloQuestionR {
      overflow: visible;
  }

  div#TT4inlineSqvQ {
    margin: 0;
    padding: 0;
  }  
  
    #TT4inlineSqvQ .TT3questCntr .TT4bestAnswerBlock .TT3ansArea {
      /* background: #FFF; */
      padding: 0 13px 0 13px;
      border: 0;
    }

    #TT4inlineSqvQ .TT3aboutLine {
      color: #767676;
      margin-bottom: 4px;
      font-size: 12px;
      font-weight: 300;
    }

      #TT4inlineSqvQ .TT3aboutLine:before {
        content: 'Asked ';
      }


        /* hide asker line and adjust spacing */
        
        div#TT4inlineSqvQ .TT4askedByBlock {
          display: none;
        }
        div#TT4inlineSqvQ .TT3itemBox {
          padding-bottom: 20px;;
        }

        div#TT4inlineSqvQ .TT4QProductImg {
          top: 8px;
          display: none;
        }                                

        #TT3soloQuestionView div#TT2closeGroup {
          display: none;
        }
          

/*** list ***/

div#TT3itemQuestCont {
  /* border-bottom: 1px solid #DDD;   */
}

  div#TT3IQContainer {
    margin: 0;
  }
  
  div#TTQuestionsAndAnswers {
    margin-top: 24px;    
  }


  /* show more row */

  div#TT3qShowMore {
    margin: 0;
    border-bottom: 0;
    font-size: 12px;
    padding: 50px 28px;
    text-align: center;
  }
  
    div.TT3ShowMore a {
      overflow: visible;
      height: auto;
      display: inline-block;
    }

    span.TT3ShowMoreText {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-transform: capitalize;
      letter-spacing: 0;
      color: #333;
      margin-left: 0;
      padding-left: 24px;
      background-position: 0 -212px;
      height: 22px;
      font-weight: 400;
    }
    
    /*** why did you choose this? ***/
    #TT3quest-SYSGEN {
      /* border: 1px solid green; */
    }
    #TT3quest-SYSGEN .TT3itemBox {
      border-top: 0px;
      padding: 0;
    }
    #TT3quest-SYSGEN div#TT4commentColumns {
      margin: 0;
      padding: 8px 0;
      background: #F6F6F6;
    }

      #TT3quest-SYSGEN .TT4controlLine,
      #TT3quest-SYSGEN .TT3itemBox2 span.TT3cText,
      #TT3quest-SYSGEN .TT3itemBox2 span.TT3timeStamp,
      #TT3quest-SYSGEN .TT3linkLine span,
      #TT3quest-SYSGEN .TT3linkLine span a,
      div#TurnToContent a#TTallCommentsShow,
      div#TurnToContent a#TTallCommentsHide { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 14px;
        color: #767676;
        font-weight: 300;
        text-transform: none;
      }

      #TT3quest-SYSGEN .TT3itemBox2 span.TT3cText {
        color: #333333;
        font-size: 14px;
        line-height: 18px;
      }

      #TT3quest-SYSGEN .TT4controlLine {
        /* margin: 4px 0 24px 0; */
        margin: 4px 0 24px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #ECECEC;
      }
    
      #TT3quest-SYSGEN .TT3linkLine{
        background: #F6F6F6;
        text-align: right;
        padding-right: 28px;
        margin-top: 0;
      }
      #TT3quest-SYSGEN .TT3linkLine span a,
      div#TurnToContent a#TTallCommentsShow,
      div#TurnToContent a#TTallCommentsHide {
        margin-top: 0 !important;
        font-size: 14px;
        color: #333333;
        font-weight: 400;
        text-transform: none;
        text-decoration: underline;
      }

    /*** single question and answers ***/

    div.TT3questWrp {
      padding: 0;
    }
    
      /*** question ***/

      div.TT3questCntr {
        margin-top: 0;
      }
    
        div.TT3itemBox {
          background: transparent;
          border: 0;
          border-top: 1px solid #ECECEC;  
          /* padding: 40px 28px 0; */
          padding: 33px 13px 0 13px;
        }
        
          div.TT3qText,
          span.TT3qText {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 16px;
            line-height: 1.5rem;
            color: #333333;
          }

          span.TT3qText {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 16px;
            color: #333333;

          }
          
          div.TT4askedByBlock,
          div.TT4controlLine {
            margin: 4px 0 24px;
          }

          div.TT4askedByBlock {
            margin-bottom: 18px;
          }
          
            .TT3metaText span.TT3askedBy, 
            .TT3metaText span.TT3timeStamp {
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 12px;
              line-height: 14px;
              color: #767676;
              font-weight: 300;
            }
            
          
          /*** displayed answer ***/
          
          div.TT4bestAnswerBlock div.TT4ansAndReplies {
            border-bottom: 0;
            border-top: 0;
          }

          /*** other answers ***/

          .TT3soloQuestHeader div.TT4ansAndReplies {
            border-bottom: 0;
            border-top: 1px solid #efefef;
          }          


      /*** all answers ***/
 
      div.TT3IAContainer {
        /* padding: 0 38px; */
        /* background: #FAFAFA; */
        padding: 0;
        margin-bottom: -1px; /* hide last bottom border in answers list */
      }
           
            div.TT4ansAndReplies {
              border-bottom: 1px solid #EFEFEF;  
            }
            
              .TT4ansAndReplies .TT4SysMsgBody,
              #TT3newQMsg {
                /* border: 0px solid #ddd; */
                padding: 26px 22px;
                background: #F6F6F6;
                font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
                color: #000;
                font-size: 14px;
                width: 100% !important;

              }
              
              .TT4ansAndReplies .TT4SysMsgBody .TT3tabClose {
                margin-top: -16px;
                margin-right: -12px;
              }

              #TurnToContent .TT4SysMsgBody a.TT3resendConfirm {
                text-decoration: underline;
                color: #000;
              }

              .TT4ansAndReplies .TT4SysMsgBody span {

              }

              div.TT3ansArea {
                border: 0;
                margin: 0;
                padding: 16px 13px 0 13px;
              }

                div.TT4respAnsWidth {
                  width: 100% !important;
                }
            
                span.TTbestAnswer,
                span.TTshownAnswer {
                  color: #333333;
                  font-size: 11px;
                  font-weight: normal;
                  white-space: nowrap;
                  margin-right: 3px;
                  font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
                }
                
                span.TT3aText,
                span.TT3cText {
                  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
                  font-size: 14px;
                  line-height: 18px;
                  font-weight: 300;
                  color: #333333;
                }

                a.TT4addAnswer .TTrespDesktopDisp {
                  display: inline-block !important;
                  text-decoration: underline;
                }

                a.TT4addAnswer .TTrespMobileDispInline {
                  display: none !important;
                }
                
                div#TT3itemQuestCont ul.TT3linkLine {
                  font-size: 11px;
                  line-height: 14px;
                  color: #808080;
                  margin-bottom: 16px;
                }
                
                  #TurnToContent .TT3ansArea .TT3linkLine a, 
                  #TTtraWindow .TT3ansArea .TT3linkLine a,
                  #TurnToContent .TT3ansArea .TT3linkLine a:hover, 
                  #TTtraWindow .TT3ansArea .TT3linkLine a:hover,
                  span.TT3timeStamp {
                    color: #808080;
                  }

                  /*** reply link ***/
          
                  .TT4ansAndReplies .TT3linkLine li:first-child { 
                    font-size: 9px;
                    margin-left: 12px;
                    font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
                  }
  
                    #TurnToContent .TT4ansAndReplies .TT3linkLine li:first-child a,
                    #TurnToContent .TT4ansAndReplies .TT3linkLine li:first-child span { 
                      color: #000000;
                    }
                  
                  li.TT3askedBy {
                    /* float: left;  /* move answer credit to left of "reply" button -- needs clearfix or other padding fix if enabled */
                    font-size: 12px;
                    font-weight: 300;
                    color: #767676;
                  }

                  /*** replies ***/

                  div.TT3Indent {
                    margin-left: 24px;
                  }                  

                  div.TT3replyInputBlock {
                    padding: 0 0 16px;
                  }
                  
                  div.TT3rplyCntr {
                    padding: 18px 0 0;
                    margin: 0;
                    border-top: 1px solid #EFEFEF;
                  }

          /*** shown answer ***/

          div.TT4shownAnswerBlock,
          div.TT4bestAnswerBlock {
          }

            div.TT3questCntr .TT4bestAnswerBlock .TT3ansArea[sqvbestanswer=true] {
              border: 0;
              padding: 0;
              margin: 0;
            }
          
            div.TT3questCntr div.TT3ansArea {
              margin: 0;
              padding-top: 0;
              padding-left: 38px;
            }

          /*** toolbar ***/


          div#TT3itemQuestCont ul.TT3questionLinkLine {
            border-top: 0;
            /* border-top-color: #EFEFEF; */
            margin: 0;
            text-align: right;
          }
          
            ul.TT3questionLinkLine li,
            /* div#TurnToContent a#TTallCommentsShow, */
            /* div#TurnToContent a#TTallCommentsHide  */
            {
              font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
              font-size: 10px;
              line-height: 11px;
              color: rgba(0,0,0,0.87);
            }

            ul.TT3questionLinkLine li {
              font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
              font-size: 14px;
              color: #1D1D1D;
              text-decoration: underline;
            }

            ul.TT3questionLinkLine li {
              /* padding: 12px 0 18px; */
              padding: 0 0 24px;
              margin: 0 0 0 24px;
            }

              div#TurnToContent a#TTallCommentsShow,
              div#TurnToContent a#TTallCommentsHide {
                display: inline-block;
                padding: 0;
                margin: 18px 0;  /* adjust for shorter icon */
              }
            
            span.TT3showText,
            span.TT3hideText {
              font-weight: 400;
            }


            div.TT4pen,
            div.TT4expand,
            div.TT4collapse {
              position: relative;
              top: 4px !important;
              margin-right: -2px; /* eliminate gap due to display: inline-block */
              padding-right: 5px;
              /* remove background images */
              background: none;
              display: none;
            }

            span.TT4disabledVote {
              color: #1d1d1d;
            }

            span.TT4disabledVote .TT4pen {
              opacity: .26;
            }

              #TurnToContent ul.TT3questionLinkLine a, 
              #TTtraWindow ul.TT3questionLinkLine a,
              #TurnToContent ul.TT3questionLinkLine a:hover, 
              #TTtraWindow ul.TT3questionLinkLine a:hover {
                color: #1d1d1d;
              }
              

                
      /*** answering ***/

      div.TT3answersBlock {
        padding: 18px 28px;
        background: #F6F6F6;
        margin: 0;
        border: 0;
      }
      
        div#TurnToContent .TTanswerInputArea textarea {
          /* height: 72px; */
          padding: 10px 0;
        }        

          textarea.TT3inlineAnswer {
            outline: 0;
            /* border: 1px solid #DDD; */
            border: 0;
            border-bottom: 1px solid #717171;
            background: #F6F6F6;
            margin: 25px 0 20px 0;
            /*overflow: hidden;*/
            
          }
        
          div.TT4answerBtns {
            
          }

          .TTanswerInputArea .TTbigSubmitBtn {
            /* background: #1D1D1D; */
            height: 50px;
          }
/* 
          #TurnToContent .TTanswerInputArea a.TT2cancelBtn {
            background: red !important;
          } */

          /* .TTanswerInputArea .TTbigSubmitBtn::before{
            content: 'submit';
            position: relative;
            display: inline-block;
            color: #fff;
            font-weight: 300;
            top: 18px;
            left: 30px;
          } */

          #TurnToContent .TTanswerInputArea a.TT2cancelBtn {
            margin-top: 10px;
          }

          /* #TurnToContent .TTanswerInputArea a.TT2cancelBtn::before {
            content: 'cancel';
            color: #1D1D1D;
            text-decoration: underline;
            height: 10px;
            width: 20px;
            position: relative;
            top: 0;
            left: 0;
          } */




      /*** about line and link ***/
      
      div.TT3aboutLine, 
      .TTdialog div.TT3aboutLine,
      #TurnToContent div.TT3aboutLine a, 
      #TTtraWindow div.TT3aboutLine a {
        font-style: normal;
        color: #808080;
      }


/*** DIALOGS  ***/ 
/*
Centering div:  #TTtraWindow .TTtra-ui-dialog .TT2mainDialog
Container div:  #TTtraSubWindow .TTtra-ui-dialog .TTSubDialog
Content row:    #TTtrasubmid
Row padding:    #TTSubDialogSection .TTdialog
Row content:    #TTSubScreen
*/


#TTtraWindow {
  /* width: 60% !important; */
  /* left: 20% !important; */
  /* background: coral !important; */
  /* overflow: inherit !important; */
}

#TTtraSubWindow {
  /* width: 100% !important; */
  /* left: 0 !important; */
  /* background: teal !important; */
  /* box-shadow: 0 0 140px 0px rgba(0,0,0,0.2); */

}

  /* reply from email */
  
  div#TT2MainSection {
    margin-bottom: 0;
  }
  
    div#TT2myNetworkSection {
      margin: 0;
      padding: 0;
    }
  
      div#TT2myNetworkSection #TT3soloQuestionView {
        padding: 20px 30px 0;
      }

      #TT2myNetworkSection div#TT3soloQuestion {
        border-top: 1px solid #EEE;
        margin-top: 15px;
        padding-top: 24px;
      }
  
      div#TT2myNetworkSection .TT3itemBox {
        padding: 0;
        border: 0;
      }

      div#TT2myNetworkSection .TT4shownAnswerBlock .TT4ansAndReplies {
        border-top: 0;
        padding-top: 24px;
      }

      #TT2myNetworkSection .TT4miqaContainer {
        display: none;
      }
      
      #TT2myNetworkSection .TT3itemBox .TT3Indent, 
      #TT2myNetworkSection .TT3Indent>.TT3Indent,
      #TT2myNetworkSection div.TT3Indent {
        margin-left: 0;
      }

      #TT2myNetworkSection .TT4QProductImg {
        right: 5px;
      }

      /* auth */
      
      #TTSubDialogSection {
        padding: 20px 30px;
      }



  /* header bars */
  #TTSubDialogSection .TT8,
  div.TTsoloQuestionMsg {
    font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    color: #000000;
    background: transparent;
    padding: 0 0 20px 0;
  }     
  
  /* Removed for consistency with Reviews */
  /* #TTSubDialogSection .TT8,
  #TTSubDialogSection div#TTregInstrText  {
    text-align: center; 
  } */

  /* div.TT8, */
  div#TTregInstrText {
    padding: 0 0 0px 0;
  }

  #TTSubDialogSection div#TTregInstrText {
    font-size: 14px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    padding: 0 0 20px 0;
  }

    div#TTrespRegRight {
      float: none;
      width: 100%;
      margin: 0;
    }

      div#TTtraWindow #TTrespRegRight input {
        /* 
        margin-bottom: 10px;
        padding: 4px 10px;
        font-size: 12px; */
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        border: 0;
        border-bottom: 1px solid #D8D8D8;
        background: #FFF;
        font-size: 14px;
        font-weight: 300;
        padding: 0;
        margin: 20px 0;
      }

      div#TTtraWindow #TTrespRegRight input:focus {
        outline: 0;
        border-color: #808080;
      }

      #TTregClientCustomText {
        font-size: 12px;
        line-height: 16px;
        color: #767676;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 300;
        padding: 20px 0 0 0;
      }

  #TTtrasubmid #TTregSubmit {
    height: 50px;
  }



/*** ALERTS ***/

div.TT4SysMsgBody {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 16px;  
  margin-bottom: 16px;
  box-sizing: border-box;
}

div.error,
#TTSubDialogErrors {
  color: #FF0000;
}

#TTSubDialogErrors {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  /* text-align: center; */
  /* color: #FF0000; */
  /* font-size: 12px; */
  font-weight: 300;line-height: 1.2rem;
}

div.TT4SysMsgBody span a {
  display: none;
}


/*** CHECKOUT COMMENT DISPLAY **/

div#TT4commentColumns {
  background: #FAFAFA;
  margin: 0 -28px;
}

    div.TT3commentCntr {
      background: transparent;
      padding: 24px 0 28px;
      border: 0;
      margin: 0 28px !important;
      box-sizing: border-box;
    }
    
    div.TT3commentCntr:first-child {
      border-bottom: 1px solid #EDEDED;
    }    

    #TT4commentsExpanded div.TT3commentCntr {
      border-bottom: 1px solid #EDEDED;
    }

    #TT4commentsExpanded #TT4commentsLeft .TT3commentCntr:last-child,
    #TT4commentsExpanded #TT4commentsRight .TT3commentCntr:last-child {
      border-bottom: 0px;
    }

    .TT3commentCntr.TTrespMobileDisp {
      border-bottom: 1px solid #EDEDED;
    }

      div.TTcommentInfo {
        margin-top: 5px;
      }

        div.TT3commentCntr .TT3timeStamp {
          color: #808080;
          font-size: 11px;
        }

  #TT4commentsExpanded + .TT3linkLine {
    margin-top: 0;
  }
  
  

/*** CHECKOUT COMMENT CAPTURE ***/

div#TTcommentCapture {
  width: 90%;
  margin: 30px auto;
  background: transparent;
  /* border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD; */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.checkout div#TTcommentCapture {
  margin-left: 0;
}

.checkout header.TTcommentCaptureHeader {
  display: none;
}

  header.TTcommentCaptureHeader {
    padding: 22px 0px 60px 0px;
    border-top: 1px solid #1D1D1D;
  }

    .TTcommentCaptureHeader p,
    p.TTccPrompt,
    p.TTccThanks {
      color: #333333;
      line-height: 18px;
      font-size: 14px;
      margin: 0;
      font-weight: 300;
    }

    .TTCommentCaptureContent p.TTccPrompt {
      color: #FFF;
      height: 0;
      margin: 0 !important;
      position: absolute;
    }

    p.TTccPrompt .TT4metaGray {
      position: relative;
      left: -35px;
      top: 42px;
    }
  
    div.TTcommentCaptureBlock {
      border: 0;
      padding: 0 0px 60px 0;
    }
    
      div.TTCommentCaptureContent {
        /* margin-bottom: 20px; */
        margin-bottom: 0;
      }
      
        div.TTCommentCaptureContent > * {
          margin: 10px 0 0 120px;
        }
        
          .TTccCommentArea {
            /* position above 'why did you choose this' */
            position: relative;
            z-index: 100;
          }
        
        div.TTCommentCaptureContent label {
          font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #000000;
          font-size: 12px;
          line-height: 18px;
          font-family: "abchanel-pb-s", sans-serif;
          font-weight: 600;
        }
        
        textarea.TTccComment {
          overflow: hidden;
        }

        textarea.TTccComment,
        textarea.TTccComment:focus {
          padding: 8px 120px 8px 0;
          height: 32px !important;
          line-height: 1.5;
          background: #FFF;
          box-shadow: none;
          border: 0;
          border-bottom: 1px solid #D8D8D8;
          font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #767676;
          font-size: 14px;
          line-height: 18px;
          font-weight: 300;
          outline: none;

        }
        
        [data-whatinput="keyboard"] textarea.TTccComment:focus,
        [data-whatinput="keyboard"] input.TTbigSubmitBtn:focus {
          outline: 1px solid black;
          outline-offset: 4px !important;
        }

        .TTccSavedCommentArea blockquote.TT4quote {
          padding: 0;
          margin-top: 18px;
          border-left: none; /* Removes a border bootstrap adds by default. Requested by James Digioia*/
        }

        blockquote.TT4quote,
        .TT4quote-source {
          font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #333;
          font-size: 14px;
          line-height: 18px;
          font-weight: 300;
        }

        .TT4quote-source {
          font-size: 12px;
          color: #717171;
        }

        .TT4quote-links {
          display: block;
          font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #333;
          font-size: 11px;
        }

        .TT4quote-links a {
          margin:0 8px 0 0;
        }

        .TTccDeleteLink {
          /* remove delete link from product review */
          display: none; 
        }
        
        div#TTcommentCapture a {
          color: #000;
          text-decoration: none;
          font-family: "abchanel-pb-s", Helvetica, Arial, "Lucida Grande", sans-serif;
          outline: none;
        }

        cite.TT4quote-source {
          margin-top: 8px;
          font-style: normal;
          color: #808080;
        }
      
      div.TTccItemImage {
        left: 0;
        width: 110px;
      }

      .TTccBottom {
        margin: 0 !important;
        height: 0 !important;
        padding: 0;
        display: block !important;
        overflow: visible !important;
      }
      
      .TTCommentCaptureContent .TTccBottom .TTbigSubmitBtn {
        /* comment button on store page */
        /* width: 101px; */
        /* top: -44px;   */
        /* right: 5px; */
        position: relative;
        z-index: 3000;
        margin-top: -23px;
        width: 30px;
        height: 18px;
        background-position: -268px -1442px;
      }   
      
      .TTcommentCaptureBlock .TT2submitImgLoading {
        float: none;
        margin: 0 !important;
        display: none !important;
      }
  
  
        
/*** TEXT ADDITIONS ***/

.TT3metaText .TT3askedBy:before {
  content: 'Asked by a Chanel Customer';
  color: #808080;
}

  /* except on instant answers */
  .TT4instAnsUL .TT3metaText .TT3askedBy:before {
    display: none;
  }

.TT4controlLine:before {
  content: 'Asked by Chanel';
  color: #808080;
}

.TT4ansAndReplies:not(:first-child) span.TT3timeStamp:before,
.TT3commentCntr .TT3timeStamp:before {
  content: 'Answered by a Chanel Customer ';
  /* left: 13px; */
  position: relative;
}

  /*** don't add caption on beauty expert answers ***/
  
  .TT4bestAnswerBlock .TT4ansAndReplies span.TT3timeStamp:before,
  .TTbestAnswer + .TT3aText + .TT3linkLine .TT3timeStamp:before {
    content: '' !important;
  }

  /*** hide "on" for staff answers ***/
  
  .TT4ansAndReplies:first-child span.TT3timeStamp,
  .TT4bestAnswerBlock .TT4ansAndReplies span.TT3timeStamp,
  div[bestanswer="true"] span.TT3timeStamp {
    display: inline-block;
    text-indent: -16px;
    overflow: hidden;
  }
    
  /*** hide profile link ***/
  
  .TT3askedBy a {
    display: none;
  }




/*** SPRITE ***/

div.TT4chatIcon, .TT4thumb, .TT4pen, .TT4expand, .TT4collapse, .TT3carouselLeft, .TT3carouselRight, .TT3clearSearchMiqa, .TT4miqaScrollL, .TT4miqaScrollR, .TT4answVoteCallArrow, .TT4showMoreSmallImg, div.TT4closeIcon, .TT3removeAttachedItem, .TTclearRevSearch, .TT4searchIcon, .TTinputTeaserBubble1, input[type=checkbox].TTcheckbox+label.TTlabel, .TT3addedText, .TT4miqAdd, .TT4showMoreImg, .TTsmallSubmitBtn, .TTdoneBtn, .TTupdateBtn, .TT4writeReviewBtn, div.TTcancelBtn, .TTconfirmDupBtn, div.TTsqvBack, div.TTsqvForward, .TTcancelDupBtn, .TTblankBtn, .TTcloseBtn, .TTsaveBtn, .TTsearchBtn, div.TTbigSubmitBtn, input.TT4instAnswNext, .TT3yesVote, .TTrating-0-0, .TTrating-0-5, .TTrating-1-0, .TTrating-1-5, .TTrating-2-0, .TTrating-2-5, .TTrating-3-0, .TTrating-3-5, .TTrating-4-0, .TTrating-4-5, .TTrating-5-0, .TTcustom-0-0, .TTcustom-0-5, .TTcustom-1-0, .TTcustom-1-5, .TTcustom-2-0, .TTcustom-2-5, .TTcustom-3-0, .TTcustom-3-5, .TTcustom-4-0, .TTcustom-4-5, .TTcustom-5-0, .TT4breakdown, .TT4breakdownPercent, .TT4reviewRange, .TT4reviewRangeSmall, .TT4reviewRangeDot, .TTcustomSmall-0-0, .TTcustomSmall-0-5, .TTcustomSmall-1-0, .TTcustomSmall-1-5, .TTcustomSmall-2-0, .TTcustomSmall-2-5, .TTcustomSmall-3-0, .TTcustomSmall-3-5, .TTcustomSmall-4-0, .TTcustomSmall-4-5, .TTcustomSmall-5-0, .TTfacebookDelAuth, .TTtwitterDelAuth, .TTgmailDelAuth, .TTfacebookShare, .TTfacebookNoShare, .TTtwitterShare, .TTtwitterNoShare, .TTvc-question, .TTvc-settings, .TTvc-next, .TTvc-next-disabled, .TTvc-back, .TTvc-back-disabled, .TTvc-clear, .TTvc-delete, .TTvc-like, .TTvc-like-on, .TTvc-flag, .TTvc-flag-on, .TTvc-share, .TTvc-share-on, .TTvc-facebook, .TTvc-pinterest, .TTvc-twitter, .TTvc-link, .TTvc-like-md, .TTvc-flag-md, .TTvc-phone-md, .TTvc-star-md-empty, .TTvc-star-md-half, .TTvc-star-md-filled, .TTvc-radio-off, .TTvc-radio-on, .TTvc-star-lg-empty, .TTvc-star-lg-half, .TTvc-star-lg-filled, .TTvc-icon-lg-video, .TTvc-btn-fab-top, .TTvc-bar-media-md-video, .TTvc-bar-media-md-photo, .TTvc-bar-media-lg-photo, .TTvc-bar-media-lg-video, .TTvc-bar-media-lg-photo-on, .TTvc-bar-media-lg-video-on, .TTvc-slider-bg, .TTvc-slider-dot, .TTvc-btn-submit-new-question, .TTvc-btn-submit-question, .TTvc-share-a-photo, .TTvc-edit-profile, .TTvc-submit, .TTvc-add-take-photo, .TTvc-submit-disabled, .TTvc-slider-dot-off, .TTvc-checkbox-off, .TTvc-checkbox-on, .TTvc-x-media, .TTvc-tag-media, .TTvc-share-photo-alt, .TTvc-add-new-photo, .TTvc-add-new-video, .TTvc-add-video-disabled, .TTvc-add-video, .TTvc-share-media, .TTvc-x-media-sm, .TTvc-icon-md-video, .TTvc-continue {
    background-image: url(../images/tt-chanel-sprite-a_1x.png);
    background-size: 298px 4152px;
}



  /*** other image substitutions ***/
  /* also add classes to retina list below */
    
  a.TT3tabClose,
  a.TT2cancelBtn,
  span.TT3ShowMoreText,
  input.TTbigSubmitBtn {
    background-image: url(../images/tt-chanel-sprite-a_1x.png) !important;
    background-size: 298px 4152px;
    background-repeat: no-repeat;
  }

  a.TT3tabClose {
    background-position: 0 -167px;
  }

  a.TT2cancelBtn {
    background-position: 0 -609px;
    width: 101px;
    height: 30px;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    text-indent: -1000px;
  }    
    a.TT2cancelBtn:hover {
      background-position: 0 -641px;
    }    

  span.TT3ShowMoreText {
    /* background-position: 0 -56px;
    height: 10px;
    font-size: 11px; */
    display: inline-block;
  }   

  div.TTbigSubmitBtn {
    /* update submit a question button */
    height: 50px;
    width: 101px;
    background-position: -197px -0px;
    border-radius: 0;
  }

  div.TTbigSubmitBtn:hover {
    background-position: -197px -55px;
  }

  input.TT4instAnswNext, 
  div.TTsqvForward {
    /* update ask a question button */
    height: 50px;
    width: 198px;
    background-position: -100px -1302px;
    border-radius: 0;
  }

  input.TT4instAnswNext:hover,
  div.TTsqvForward:hover {
    background-position: -100px -1357px;
  }

  /* .TTsqvBack {
    height: 30px;
    width: 58px;
    background-position: -240px -220px;
    border-radius: 0;
  } */

  
  
  
/*** MEDIA QUERIES ***/

@media (min-width: 480px) { 
  select#TT3sortBox {
    width: auto !important;
    margin: 0 !important;
    height: 30px;
  }
}
  

/***  mobile ***/

@media only screen and (min-width:320px) and (max-width:479px) {

  #QAModule h1 {
    font-size: 20px;
  }

  div.TT3itemBox,
  div.TT3IAContainer,
  div.TT3answersBlock,
  div#TT3qShowMore,
  #TT4inlineSqvQ .TT3questCntr .TT4bestAnswerBlock .TT3ansArea {
    padding-left: 12px;
    padding-right: 12px;
  }
  
  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack {
    background-image: url(../images/tt-chanel-sprite-a_1x.png) !important;
    background-size: 298px 4152px;
    background-repeat: no-repeat;
  }

  .TT4addAnswer .TTrespMobileDispInline {
    display: none !important;
  }
  .TT4addAnswer .TTrespDesktopDisp {
    display: inline-block !important;
    text-decoration: underline;
  }

  li.TT3expand {
    /* position read all answers */
    /* float: left; */
    /* margin-left: 0 !important; */
  }

  #TTexUgcR {
    /* position filter selector */
    top: 0;
    float: left;
    text-align: left;
  }

  #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
    /* update size of search field */
    width: 100%;
  }

  #TT4questionTextHelpCnt td {
    width: 100% !important;
    display: block;
  }

  textarea.TT3inlineAnswer {
    margin: 25px 0 17px 0;
  }

  .TT4answerInstructions {
    position: relative;
    top: 0;
    width: 100%;
  }

  div#TTaskExpand {
    width: 100%;
    margin: -28px auto 0 auto;
    padding: 0;
    background-color: #FFF;
    /* margin-top: -10px;  */
  }

  #TTtraWindow {
    width: 100% !important;
    left: 0% !important;
    top: 0 !important;
    padding-top: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #FFF;
  }

  #TTtraSubWindow {
    top: 0 !important;
    box-shadow: none;
  }

  #TTtrasubtop, #TTtrasubmid, #TTtrasubbot {
    border: 0;
  }

  #TTSubDialogSection {
    padding: 20px 0px;
  }

  #TTregSubmit {
    margin: 0;
    float: right;
  }

  div#TTcommentCapture {
  }

  div.TTcommentCaptureBlock {
   padding: 0 0 30px 0;
  }

  .TTCommentCaptureContent {
    margin-bottom: 0;
    padding-bottom: 0px;
  }

  .TTccCommentArea {
    margin: 75px 0 0 0 !important;
    width: 100%;
    position: relative;
    z-index: 2000;
  }

  p.TTccPrompt {
    /* display: none !important; */
    top: 90px;
    position: absolute;
    left: 36px;
  }

  .TTccSavedCommentArea {
    margin: 0 !important;
    z-index: 2000;
    position: relative;
  }

}  /*  end @media */

div#TT4questionTextWrap { 
  display: flex; /* delete height: 34px !important; */ 
}

#TurnToContent textarea#TT2questionText, #TTtraWindow textarea#TT2questionText
{ 
  width: 100%; padding-right: 40px; 
}
div.TT4chatIcon
{ 
  flex-basis: 30px; 
}

/*** iOS behavior zoom in when focus to type is text  ***/

@media only screen and (-webkit-min-device-pixel-ratio:0) {
  div#TurnToContent div#TTaskArea textarea#TT2questionText {
    font-size: 16px;
  }
}

/*** mobile retina ***/

@media only screen and (min-width:320px) and (max-width:480px) and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {

  div.TT4chatIcon, .TT4thumb, .TT4pen, .TT4expand, .TT4collapse, .TT3carouselLeft, .TT3carouselRight, .TT3clearSearchMiqa, .TT4miqaScrollL, .TT4miqaScrollR, .TT4answVoteCallArrow, .TT4showMoreSmallImg, div.TT4closeIcon, .TT3removeAttachedItem, .TTclearRevSearch, .TT4searchIcon, .TTinputTeaserBubble1, input[type=checkbox].TTcheckbox+label.TTlabel, .TT3addedText, .TT4miqAdd, .TT4showMoreImg, .TTsmallSubmitBtn, .TTdoneBtn, .TTupdateBtn, .TT4writeReviewBtn, div.TTcancelBtn, .TTconfirmDupBtn, div.TTsqvBack, div.TTsqvForward, .TTcancelDupBtn, .TTblankBtn, .TTcloseBtn, .TTsaveBtn, .TTsearchBtn, div.TTbigSubmitBtn, input.TT4instAnswNext, .TT3yesVote, .TTrating-0-0, .TTrating-0-5, .TTrating-1-0, .TTrating-1-5, .TTrating-2-0, .TTrating-2-5, .TTrating-3-0, .TTrating-3-5, .TTrating-4-0, .TTrating-4-5, .TTrating-5-0, .TTcustom-0-0, .TTcustom-0-5, .TTcustom-1-0, .TTcustom-1-5, .TTcustom-2-0, .TTcustom-2-5, .TTcustom-3-0, .TTcustom-3-5, .TTcustom-4-0, .TTcustom-4-5, .TTcustom-5-0, .TT4breakdown, .TT4breakdownPercent, .TT4reviewRange, .TT4reviewRangeSmall, .TT4reviewRangeDot, .TTcustomSmall-0-0, .TTcustomSmall-0-5, .TTcustomSmall-1-0, .TTcustomSmall-1-5, .TTcustomSmall-2-0, .TTcustomSmall-2-5, .TTcustomSmall-3-0, .TTcustomSmall-3-5, .TTcustomSmall-4-0, .TTcustomSmall-4-5, .TTcustomSmall-5-0, .TTfacebookDelAuth, .TTtwitterDelAuth, .TTgmailDelAuth, .TTfacebookShare, .TTfacebookNoShare, .TTtwitterShare, .TTtwitterNoShare, .TTvc-question, .TTvc-settings, .TTvc-next, .TTvc-next-disabled, .TTvc-back, .TTvc-back-disabled, .TTvc-clear, .TTvc-delete, .TTvc-like, .TTvc-like-on, .TTvc-flag, .TTvc-flag-on, .TTvc-share, .TTvc-share-on, .TTvc-facebook, .TTvc-pinterest, .TTvc-twitter, .TTvc-link, .TTvc-like-md, .TTvc-flag-md, .TTvc-phone-md, .TTvc-star-md-empty, .TTvc-star-md-half, .TTvc-star-md-filled, .TTvc-radio-off, .TTvc-radio-on, .TTvc-star-lg-empty, .TTvc-star-lg-half, .TTvc-star-lg-filled, .TTvc-icon-lg-video, .TTvc-btn-fab-top, .TTvc-bar-media-md-video, .TTvc-bar-media-md-photo, .TTvc-bar-media-lg-photo, .TTvc-bar-media-lg-video, .TTvc-bar-media-lg-photo-on, .TTvc-bar-media-lg-video-on, .TTvc-slider-bg, .TTvc-slider-dot, .TTvc-btn-submit-new-question, .TTvc-btn-submit-question, .TTvc-share-a-photo, .TTvc-edit-profile, .TTvc-submit, .TTvc-add-take-photo, .TTvc-submit-disabled, .TTvc-slider-dot-off, .TTvc-checkbox-off, .TTvc-checkbox-on, .TTvc-x-media, .TTvc-tag-media, .TTvc-share-photo-alt, .TTvc-add-new-photo, .TTvc-add-new-video, .TTvc-add-video-disabled, .TTvc-add-video, .TTvc-share-media, .TTvc-x-media-sm, .TTvc-icon-md-video, .TTvc-continue {
      background-image: url(../images/tt-chanel-sprite-a_2x.png);
  }

  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack, 
  #TurnToReviewsContent div.TTsqvBack,
  a.TT3tabClose,
  a.TT2cancelBtn,
  span.TT3ShowMoreText,
  input.TTbigSubmitBtn {
    background-image: url(../images/tt-chanel-sprite-a_2x.png) !important;
  }

}


@media only screen and (max-width: 736px) and (min-width: 480px) {

  #QAModule h1 {font-size: 20px;}

  #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
    /* update size of search field */
    width: 75%;
  }

  .TT4addAnswer .TTrespMobileDispInline {
    display: none !important;
  }
  .TT4addAnswer .TTrespDesktopDisp {
    display: inline-block !important;
    text-decoration: underline;
  }

  li.TT3expand {
    /* reset read all answers postion */
    float: none;
  }
  
  #TTexUgcR {
    /* position filter selector */
    top: 0;
    float: left;
    text-align: left;
  }

  .TT4answerInstructions {
    position: relative;
    top: 37px;
    width: 50%;
  }

  #TTtraWindow {
    width: 80% !important;
    left: 10% !important;
  }

  #TTregSubmit {
    right: 0;
    margin: 0;
    padding: 0;
  }

  .TTCommentCaptureContent>p {
    min-height: 0; 
  }

}


/* Custom Styling Overrides tra-en_US.css */

#TurnToReviewsContent {
  max-width: 1242px;
  margin: 0 auto;
  padding: 0 16px;
}

div.TT4chatIcon, .TT4thumb, .TT4pen, .TT4expand, .TT4collapse, .TT3carouselLeft, .TT3carouselRight, .TT3clearSearchMiqa, .TT4miqaScrollL, .TT4miqaScrollR, .TT4answVoteCallArrow, .TT4showMoreSmallImg, div.TT4closeIcon, .TT3removeAttachedItem, 
a.TTclearRevSearch, 
div.TT4searchIcon, .TTinputTeaserBubble1, input[type=checkbox].TTcheckbox+label.TTlabel, .TT3addedText, .TT4miqAdd, .TT4showMoreImg, .TTsmallSubmitBtn, .TTdoneBtn, .TTupdateBtn, .TT4writeReviewBtn, .TTcancelBtn, .TTconfirmDupBtn, .TTsqvBack, div.TTsqvForward, .TTcancelDupBtn, .TTblankBtn, .TTcloseBtn, .TTsaveBtn, .TTsearchBtn, .TTbigSubmitBtn, input.TT4instAnswNext, .TT3yesVote, 
div.TTrating-0-0, 
div.TTrating-0-5, 
div.TTrating-1-0, 
div.TTrating-1-5, 
div.TTrating-2-0, 
div.TTrating-2-5, 
div.TTrating-3-0, 
div.TTrating-3-5, 
div.TTrating-4-0, 
div.TTrating-4-5, 
div.TTrating-5-0, .TTcustom-0-0, .TTcustom-0-5, .TTcustom-1-0, .TTcustom-1-5, .TTcustom-2-0, .TTcustom-2-5, .TTcustom-3-0, .TTcustom-3-5, .TTcustom-4-0, .TTcustom-4-5, .TTcustom-5-0, .TT4breakdown, .TT4breakdownPercent, .TT4reviewRange, .TT4reviewRangeSmall, .TT4reviewRangeDot, .TTcustomSmall-0-0, .TTcustomSmall-0-5, .TTcustomSmall-1-0, .TTcustomSmall-1-5, .TTcustomSmall-2-0, .TTcustomSmall-2-5, .TTcustomSmall-3-0, .TTcustomSmall-3-5, .TTcustomSmall-4-0, .TTcustomSmall-4-5, .TTcustomSmall-5-0, .TTfacebookDelAuth, .TTtwitterDelAuth, .TTgmailDelAuth, .TTfacebookShare, .TTfacebookNoShare, .TTtwitterShare, .TTtwitterNoShare, .TTvc-question, .TTvc-settings, .TTvc-next, .TTvc-next-disabled, .TTvc-back, .TTvc-back-disabled, .TTvc-clear, .TTvc-delete, .TTvc-like, .TTvc-like-on, .TTvc-flag, .TTvc-flag-on, .TTvc-share, .TTvc-share-on, .TTvc-facebook, .TTvc-pinterest, .TTvc-twitter, .TTvc-link, .TTvc-like-md, .TTvc-flag-md, .TTvc-phone-md, .TTvc-star-md-empty, .TTvc-star-md-half, .TTvc-star-md-filled, .TTvc-radio-off, .TTvc-radio-on, 
div.TTvc-star-lg-empty, 
div.TTvc-star-lg-half, 
div.TTvc-star-lg-filled, 
.TTvc-icon-lg-video, .TTvc-btn-fab-top, .TTvc-bar-media-md-video, .TTvc-bar-media-md-photo, .TTvc-bar-media-lg-photo, .TTvc-bar-media-lg-video, .TTvc-bar-media-lg-photo-on, .TTvc-bar-media-lg-video-on, .TTvc-slider-bg, .TTvc-slider-dot, .TTvc-btn-submit-new-question, .TTvc-btn-submit-question, .TTvc-share-a-photo, .TTvc-edit-profile, .TTvc-submit, .TTvc-add-take-photo, .TTvc-submit-disabled, .TTvc-slider-dot-off, .TTvc-checkbox-off, .TTvc-checkbox-on, .TTvc-x-media, .TTvc-tag-media, .TTvc-share-photo-alt, .TTvc-add-new-photo, .TTvc-add-new-video, .TTvc-add-video-disabled, .TTvc-add-video, .TTvc-share-media, .TTvc-x-media-sm, .TTvc-icon-md-video, .TTvc-continue, .TTvc-add-your-photo, .TTvc-add-your-video {
  background-image: url(../images/tt-chanel-sprite-a_1x.png);
  background-repeat: no-repeat;
}


div.TTrating-0-0 { background-position: -209px -1596px; }
div.TTrating-0-5 { background-position: -209px -1616px; }
div.TTrating-1-0 { background-position: -209px -1636px; }
div.TTrating-1-5 { background-position: -209px -1656px; }
div.TTrating-2-0 { background-position: -209px -1676px; }
div.TTrating-2-5 { background-position: -209px -1696px; }
div.TTrating-3-0 { background-position: -209px -1716px; }
div.TTrating-3-5 { background-position: -209px -1736px; }
div.TTrating-4-0 { background-position: -209px -1756px; }
div.TTrating-4-5 { background-position: -209px -1776px; }
div.TTrating-5-0 { background-position: -209px -1796px; }

div.TTvc-star-lg-empty {background-position: -274px -2648px;}
div.TTvc-star-lg-half {background-position: -274px -2677px;}
div.TTvc-star-lg-filled {background-position: -274px -2710px;}

div.TT4searchIcon {
  background-position: -281px -196px;
  height: 18px;
  width: 18px;
  margin: 0;
  display: block;
  float: right;
}

/* Update badges  */
span.TT3storeBadge,
span.TT3staffBadge,
span.TT3expertBadge,
span.TT3youBadge {
  background-color: #1d1d1d;
}


/* Remove Glow from Focused Objects */
/* ONE-17333 removed because accessibility problem */
/* div:focus, a:focus, textarea:focus {
  outline : none !important;
} */


/* Sets default font styles */
div#TurnToContent, 
div#TurnToReviewsContent, 
div#TTtraWindow,
div#TTwriteReviewScreen #TTwriteRevHeader .TTmediaSmallDesc,
div#TTwriteReviewScreen .TTwriteRevLeftCol,
div#TTtraWindow #TTwriteRevForm input,
div#TTwriteReviewScreen .TTrevGuidelineLink,
div#TTReviewGuide,
div#TTrateItScreen,
li.TThelpful
{
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #1D1D1D;
  line-height: 18px;
}

/* Removes 'Power by' and top level TT links */
.TTpoweredby, 
#TT3RightLinks {
  display: none !important; 
}

div#TurnToReviewsContent div#TT3newRMsg {
  /* display: block; */
  text-align: center;
  padding: 22px 0 !important;
  background: #FFF;
  color: #D70000;
  padding: 0;
  margin: 0;
  border: 0px;
}

/* removes alert close x */
div#TurnToReviewsContent div#TT3newRMsg.TT4SysMsgBody a#TT3dismissR {
  display: none;
}

/* Remove Star Rating Bars, review count */
div#TurnToReviewsContent #TT4breakdownBox,
div#TurnToReviewsContent .TTreviewCount  {
  display: none;
}

div#TurnToReviewsContent .TTreviewSummary {
  background: #FFF !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* No reviews text */
div#TurnToReviewsContent .TTreviewSummary .TT2left .TTwriteReview {
  text-align: center;
}

#TurnToReviewsContent .TTreviewSummary .TT2left .TTwriteReview a {
  color: #1d1d1d;
  text-decoration: underline;
  font-weight: 700;
  white-space: nowrap;
}

div#TurnToReviewsContent .TT2left {
  width: 100%;
}

/* div#TurnToReviewsContent .TTreviewSummary .TT2left:before {
  content: 'Reviews';
  position: relative;
  display: block;
  top: 4px;
  margin-bottom: 27px;
  width: 100%;
  text-align: center;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 30px; 
} */

/* center align overall stars */
div#TurnToReviewsContent .TT2left .TTratingBox {
  /* display: inline-block;
  padding-left: 50%; */
  float: right;
  left: -50%;
  position: relative;
}

/*  align overall star rating to stars */
div#TurnToReviewsContent #TTreviewSummaryAverageRating {
  position: relative;
  left: 51%;
  top: 2px;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 12px; 
  display: block;
  width: 75px;
  white-space: nowrap;
}

/* Center align top 'Write a Review' button */
div#TurnToReviewsContent div#TTwriteReviewBtn {
  display: block !important;
  margin: 45px auto 0 auto; /**/
  height: 50px;
  width: 167px;
  background: #FFF;
  border: 1px solid #1d1d1d;
  text-align: center;
}

div#TurnToReviewsContent #TTwriteReviewBtn:after {
  position: relative;
  content: 'Write a Review';
  top: 15px;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
}


div#TurnToReviewsContent div#TTwriteReviewBtn-portrait {
  display: none !important;
}


/* REVIEW SEARCH */
div#TurnToReviewsContent div#TTsearchSort {
  margin-top: 40px;
  margin-bottom: 20px !important;
  overflow: auto;
  float: right !important;
}

div#TurnToReviewsContent div#TTreviewSearchLeft {
  width: 100% !important;
  margin: 0px;
}

div#TurnToReviewsContent div#TTsearchTermGrp {
  border: 0px !important;
  border-bottom: 2px solid #000 !important;
  width: 100% !important; height:30px;
}

div#TurnToReviewsContent div.TT2reviewSearchSortLeftRespCenter {
  width: 100%;
  text-align: center;
}

div#TurnToReviewsContent select#TTreviewSort,
select#TT3sortBox {
  width: 300px;
  margin: 30px auto 20px auto;
  background:#F2F2F2;
  border: 1px solid #A6A6A6;
  height: 36px;
}

div#TurnToReviewsContent #TTsearchTermGrp input {
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px;
  top: 2px;
  position: relative;
  background: none;
  color: #717171;
  padding-left: 10px;
}

div#TurnToReviewsContent #TTclearRevSearch {
  /* Search X button */
  display: none;
}

div#TurnToReviewsContent a.TTclearRevSearch {
  background-position: -284px -164px;
  margin-right: 7px;
  margin-top: 1px;
}

div#TurnToReviewsContent input::placeholder {
  color: #000;
}

div#TurnToReviewsContent div.TT4askQ {
  background-color: #fff;
  border: 0px;
  border-radius: 0px;
  box-shadow: none !important;
}

/**** 
REVIEWS MAIN 
****/

div#TTreviewsWrapper {
    margin-top: 140px;
  }

  #TTreviews div.TTreview,
  div.TTreview {
    margin: 40px 0 36px 0;
    padding: 0 0 36px 0;
    background: #FFF;
    border: 0px;
    border-bottom: 1px solid #ECECEC;
  }

  div.TTrevCol1 {
    width: 100%;
    margin-left: 0;
  }
  
  div.TTrevCol2,
  .TTreviewResponses div.TTresponseCol1 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  
  div.TTrevCol3,
  .TTreviewResponses div.TTresponseCol2  {
    font-size: 10px; 
    color: #333333;
    float: none;
    width: 100%;
    margin-left: 0;
    text-align: left;
  }

  .TTreviewResponses div.TTresponseCol2 div.TTresponseUser {
    display: none;
  }

  .TTreviewResponses div.TTresponseCol2 div.TTresponseDate::after {
    position: relative;
    content: 'CHANEL Beauty Expert';
    display: block;
  }

  div.TTrevCol2 ul.TTrevLinkLine {
    display: none;
  }

  ul.TTrespMobileDisp {
    display: block;
    float: none;
    width: 100%;
    margin-top: 20px !important;
    margin-left: 0%;
  }

  div.TTrevCol3 span {
    color: #333333 !important;
  }

  /* disable profile link */
  div.TTrevCol3 a {
    pointer-events: none;
    cursor: default;
    display: none;
  }

  div.TTrevCol3 div.TTrevPurchaseDate {
    /* Verified Purchaser */
    color: #FFF;
    height: 14px;
    margin: 2px 0 0 0;
    font-size: 0px;
    display: none;
  }


  /* removes  top margin on profile info*/
  div.TTrevProfileDim {
    margin: 1px 0 0 0;
    display: block;
  }

  /* remove display name label */
  div.TTrevProfileDimLabel {
    display: none;
  }


  div.TTreviewResponses .TTreviewResponseBody {
    margin: 0; color: #000000;
  }

  div.TTratingBoxBorder {
    border: 0px solid #c1c1c1;
    padding: 0;
    background-color: transparent;
    width: auto;
    margin: 0 0 8px 0;
    box-sizing: content-box;
  }

  /* Helpful REview? ThunbsUp, ThumbsDown */
  ul.TTrevLinkLine a:first-child,
  ul.TTrevLinkLine a:nth-child(2) {
    height: 17px;
    width: 17px;
    display: inline-block;
    background-image: url(../images/tt-chanel-sprite-a_1x.png);
    background-repeat: no-repeat;
    background-position: -252px -270px;
    text-indent: 1000px;
    overflow: hidden;
    margin-left: 10px;
  }

  ul.TTrevLinkLine a:first-child:hover,
  ul.TTrevLinkLine a:first-child.TT3tmbOn {
    background-position: -282px -270px;
  }

  ul.TTrevLinkLine a:nth-child(2) {
    background-position: -252px -309px;
  }

  ul.TTrevLinkLine a:nth-child(2):hover,
  ul.TTrevLinkLine a:nth-child(2).TT3tmbOn {
    background-position: -282px -309px;
  }

/**** Verified purchaser badge 
****/


/* .TTreview .TTrevCol3 div.TTprofileID_DisplayName:before {
  position: relative;
  content: 'verified purchaser';
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 9px;
  color: #1D1D1D;
  background: #ECECEC;
  top: 3px;
  padding: 1px 12px;
} */


/* Verified Purchaser
.TTreview .TTrevCol3 div.TTrevPurchaseDate:before {
  position: relative;
  content: 'verified purchaser';
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 9px;
  color: #1D1D1D;
  background: #ECECEC;
  top: 4px;
  padding: 2px 12px 1px 12px;
  font-style: normal;
} */
.TTreview .TTrevCol3 div.TTprofileID_FirstName:after {
  position: relative; content: 'verified purchaser'; font-family: "abchanel-pb-s", "AdobeBlank"; font-size: 9px; color: #1D1D1D; background: #ECECEC; top: 3px; padding: 1px 12px;
}
ul.TTrevLinkLine li.TTflagReview {
  display: none !important;
}

ul.TTrevLinkLine li:after {
  content: ' ' !important;
}

.TTreviewResponses {
  width: 96% !important;
  padding: 18px 2%;
  background: #F6F6F6;
  border-top: 0px !important;
  display: none;
}

/* Remove Title from Review Responses */
div.TTreviewResponseTitle {
  display: none;
}

/******** MODAL 
*********/

/* update modal overlay color */
div#TTtraBackOverlay,
div.TTui-widget-overlay {
  background: #000;
  opacity: 0.3;
}

/* Reset modal spacing */
#TTmainContent #TTscrollArea,
#TTmainContent #TT2MainSection,
#TTmainContent #TT2myNetworkSection,
#TTmainContent #TTwriteReviewScreen {
  margin: 0;
  padding: 0; 
}

#TTmainContent div#TTtraLayout {
  width: 100% !important;
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif !important;
  font-weight: 300 !important;
  color: #1D1D1D;
  font-size: 14px;
}

/* background color and shadow to modal window */
div#TTtraWindow {
  background:#FFF; 
  box-shadow: 0 0px 40px rgba(0,0,0,0.1);
  /* top: 40px !important; */
  /* top: 10% !important;
  width: 60% !important;
  height: 90% !important;
  left: 20% !important; */
}
  

/* removes border images from modal window */
div#TTtraDialogTitleBar, div#TTmainContent, div#TT2footer,
div#TTtrasubtop, div#TTtrasubmid, div#TTtrasubbot {
  background: none;
  padding: 0;
}

/* height of top modal area that contains close button */
#TTtraDialogTitleBar {
  padding: 0 !important;
  height: 45px !important;
}

/* customize close button */
a#TTtraWindowClose,
a#TTSubWindowClose {
  top: 18px;
  right: 18px;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
}

a#TTtraWindowClose:before, a#TTSubWindowClose:before {
  content: ' ';
  display: block;
  /* color: #FFF; */
  width: 14px;
  height: 14px;
  font-size: 14px;
  background-image: url(../images/tt-chanel-sprite-a_1x.png);
  background-repeat: no-repeat;
  background-position: -284px -164px;
}

div#TTtraSubWindow {
  background: #FFF !important; /* Chanel Override */
  width: 100% !important;
  top: 0px !important;
  left: 0px !important;
  height: 100% !important; /* DEV TESTING */ 
  box-shadow: none; /* Chanel Override */
}

div.TTsub-ui-widget-overlay {
  width: 100%;  /* Chanel Override */
  max-height: 560px !important; /* Chanel Override */
  background: #FFF;
  opacity: 1;
}

/* These next two blocks set the height of the modals, especially modal in modals */
 /* #TTtraWindow also effects the mobile write a review size, try to remove the !important */
 div#TTmainContent,
 div#TTtraWindow {
    max-height: 560px !important;
  }

  div#TTtraInsideOverlay {
    height: 560px !important;
    display: inline-block;
  }


/* Product Image */
#TTwriteReviewScreen .TT4QProductImg {
  top: 0;
  right: 0 !important;margin-right: 51px;
}


/* Modal Titles & Sub-Content */
#TTwriteReviewScreen #TTwriteRevHeader {
  width: 100%;
  font-family: "abchanel-pb-s", "AdobeBlank";
  padding: 0;
}

/* Remove Review Title from review form */
#TTwriteRevForm .TTwriteRevRow:nth-child(2) {
  display: none;
}#TTwriteReviewScreen #TTwriteRevHeader #TTwriteRevGreet{ max-width: 500px; }

div.TTdialog textarea,
div#TTtraWindow textarea,
div.TTwriteRevRightCol textarea {
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300 ;
  font-size: 14px;
  line-height: 18px;
}

/* write a review, textarea styles */
div.TTwriteRevRightCol textarea,
div.TTwriteRevRightCol #TTreviewText {
  background: #FFF;
  width: 484px; 
  height: 32px;
  border: 0px;
  border-bottom: 1px solid #D8D8D8;
  resize: none;
}

div.TTwriteRevRightCol textarea {
  overflow: hidden;
}

div.TTwriteRevRightCol #TTreviewText {
  height: 68px;
}

#TTtraWindow textarea:focus {
  border-bottom-color: #1D1D1D;
}

#TTwriteReviewScreen #TTwriteRevHeader p {
  margin-bottom: 18px;
}

/* Overall rating label size */
 #TTwriteReviewScreen #TTwriteRevForm #TTrevRatingLabel{ 
  width: 135px;
}

#TTwriteReviewScreen #TTwriteRevForm { 
  margin-top: 36px; 
  padding-bottom: 0;
}

#TTwriteReviewScreen .TTwriteRevRow { 
  margin: 28px 0 0 0;
  padding: 0;
}

#TTwriteReviewScreen div#TTwriteRevUserForm {
  border: 0px;
}

/* Removes colon from Display Name, in write a review modal */
div.TTwriteRevLeftCol label:after {
  content: ' ';
  width: 5px;
  height: 12px;
  background: #fff;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: -3px;
}



#TTwriteReviewScreen .TT3left {
  float: right;
  width: 100%;
}

.TT3left #TTsubmitReview.TTbigSubmitBtn {
  float: right;
  background: #1D1D1D;
  width: 130px;
  height: 50px;
  border: 0;
  color: #FFF;
  text-align: center;
}
.TT3left #TTsubmitReview.TTbigSubmitBtn:after {
  position: relative;
  content: 'Submit';
  top: 15px;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
}

#TTwriteReviewScreen .TT3left #TTwriteRevGuideLn {
  letter-spacing: 0; 
  text-transform: none;
  text-decoration: underline;
  margin-top: -30px;
  width: 50%;
}

#TTwriteReviewScreen .TT3left .TTimgLoading {
  /* Chanel Override - update size of loading spinner */ 
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  margin: 17px;
}



/* Authentication Modal */

/* Modal object alignment and spacing */
div#TTtraSubWindow div#TTtrasubmid {
  width: 100%;
}

div#TTSubDialogSection {
  padding: 0px;
  margin: 7px 24px 0 24px;
  /* display: block; center content */
  /* width: 100% !important; center content */
  /* margin: 0; center content */
}

div#TTSubDialogSection #TTSubScreen {
  padding: 0px; 
}

div#TTSubDialogSection .TT8 {
  background-color: #fff;
  color: #1d1d1d;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
  padding: 0;
}

div#TTregInstrText {
  padding: 0;
  font-size: 14px;
}

div#TurnToMobileRegistration div#TTregInstrText {
  margin-top: 18px;
}



div#TTrespRegLeft, 
div#TTauthOr  {
  display: none;
}

div#TTrespRegRight {
  float: none;
  margin: 25px 0 0 0;
  width: 100%;
}

div#TTtraWindow div#TTrespRegRight input {
  height: auto;
  width: 100%;
  display: block;
  margin: 20px auto 5px auto;
  padding: 10px 0;
  border: 0px;
  border-bottom: 1px solid #D8D8D8;
  background: #fff;
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300 ;
  font-size: 14px ;
  outline: none;
}

div#TTtraWindow div#TTrespRegRight input:focus {
  border-bottom: 1px solid #1d1d1d;
} 

div#TTregClientCustomText {
  padding: 24px 0 0 0;
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300 ;
  font-size: 14px ;
}

div#TTregClientCustomText a {
  color: #1d1d1d;
}

div#TTregBtns #TTregSubmit.TTbigSubmitBtn {
  width: 130px;
  height: 50px;
  border: 0;
  background: #1d1d1d;
  text-align: center;
  display: block !important;
}

div#TTregBtns #TTregSubmit.TTbigSubmitBtn:after {
  position: relative;
  content: 'Submit';
  top: 15px;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
  color: #fff;
}

#TTregNickname,
#TTnicknameInfo  {
  display: none !important;
}


/* Modal Errors */

ul#TTwriteRevErrs, ul#TTwriteRevErrs li {
  color: #D70000;
}

div.TT4SysMsgBody {
  background: #fff;
  border: 0px;
  margin: 0;
  padding: 0;
  color: #D70000;
  font-size: 14px;
}


/* Modal Sub-screen Modals */

/* Center Content Verticlaly and Horizontally - Authentication Modal */
/* div#TTSubDialogSection #TTSubScreen {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 93%;
  padding: 0 3.5%;
}  */

#TTmainContent div#TTtraLayout #TT2mainMessage input {
  display: none;
}

#TTmainContent div#TTtraLayout #TT2mainMessage h3 { 
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
  color: #1d1d1d; 
}

/* Left Align Review Guidelines */
div#TTSubDialogSection #TTSubScreen #TTReviewGuide {
  text-align: left;
}

div#TTSubDialogSection #TTSubScreen div#TTReviewGuide ul {
 margin-left: 2em;
}


div#TTSubScreen span {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
  color: #1d1d1d;
}

/* Confirm Email Modal — customizing content - QUESTION */
/* div#TT2myNetworkSection h3:after,
div#TTSubScreen span:after  {
  position: relative;
  display: block;
  content: 'In order to submit your review, please visit your inbox and click on the confirmation email from CHANEL.';
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif !important; 
  font-weight: 300;
  font-size: 14px;
  color: #1D1D1D;
  line-height: 18px;
  top: 18px;
} */

/* Do More Modal */
div#TTmoreFeedback p {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
  color: #1d1d1d;
  margin: 0;
}

div#TTmoreFeedback {
  padding-bottom: 20px;
}

div#TTmoreFeedback:after {
  position: relative;
  content: 'Your review has been submitted and should be visible within 24 hours.';
  display: block;
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #1D1D1D;
  line-height: 18px;
  top: 18px;
}

div#TTmoreFeedback div.TTfeedbackBlockCont {
  display: none;
}

/* Review Recieved Modal */

div.TTpadGenSubWin {
  padding: 0;
}

div#TTSubScreen div.TTpadGenSubWin,
div#TTSubScreen div.TTpadGenSubWin span,
div#TTSubScreen #TT3subwinMsg {
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
}


div#TTSubScreen div#TT2closeGroup,
div#TTSubScreen div#TTgenSubWinClose {
  /* removes close button from modals*/
  display: none;
} 


div#TTSubScreen span:nth-of-type(1) {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
}

div.TTdialog  {
  font-size: 14px; 
}

/* Modal - Enter your information */
div.TT8 {
  color: #1d1d1d;
  margin: 0 0 18px 0;
  padding: 0;
}

/* Modal - Confirm Email */
div#TTtraSubWindow.TTnoBorder #TTSubDialogSection {
  -webkit-box-shadow: none;
  box-shadow: none;
}

div#TTpollingConfirm {
  position: relative;
  margin-top: -20px !important;
  margin: 0;
  padding: 0;
}

div#TTpollingConfirm .TTpollingConfirmHeader {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 14px;
}

div#TTpollingConfirm .TTdivider {
  display: none;
}


div#TTpollingConfirm,
div#TTpollingConfirm p,
div#TTpollingConfirm a,
div#TTpollingConfirm div#TTinitialReconfirmMsg,
div#TTpollingConfirm div#TTinitialReconfirmMsg span,
div#TTpollingConfirm div#TTinitialReconfirmMsg p {
  font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
  font-weight: 300 !important;
  font-size: 14px;
  color: #1D1D1D;
  line-height: 18px;
}

div#TTpollingConfirm div#TTinitialReconfirmMsg span,
div#TTpollingConfirm div#TTpollingProblems {
  display: none;
}

div#TTpollingConfirm div.TTvc-continue {
  display: none;
  width: 150px;
  height: 50px;
  background: #1d1d1d; 
}

div#TTpollingConfirm div.TTvc-continue:after {
  position: relative;
  display: block;
  content: 'Continue';
  color: #FFF;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
  top: 17px;
  text-align: center;
}

div#TTpollingConfirm a {
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 700;
  text-decoration: underline;
}


/******* SEARCH RESULTS 
********/


div#TurnToReviewsContent div.TT3itemBox {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid#ececec;
  background-color: #fff;
}

div#TurnToReviewsContent div.TT3itemBox:hover  {
  border-bottom: 1px solid #1d1d1d;
}

div#TurnToReviewsContent #TT4iaResultsQ div.TT3itemBox, 
div#TurnToReviewsContent #TT4iaResultsR div.TT3itemBox {
  margin: 15px 0 0 0;
  padding: 20px 0 18px 0; /* updated bottom border from 36px - seemed very big */
}

div#TurnToReviewsContent #TT4iaResultsR div.TT3qText,
div#TurnToReviewsContent #TT4iaResultsQ div.TT3qText,
div#TurnToReviewsContent #TT4iaResultsR span.TT3qText,
div#TurnToReviewsContent #TT4iaResultsQ span.TT3qText,
div#TurnToReviewsContent #TurnToReviewsContent div.TT3metaText {
  font-size: 14px;
  font-weight: 300;
}

#TurnToReviewsContent div.TT3metaText span.TT3askedBy {
  font-weight: 400;
  color: #1d1d1d;
}

div#TurnToReviewsContent div.TTartBody p {
  margin: 0 0 1em 0;
  padding: 0;
}


div#TurnToReviewsContent .TTsqvBack,
div#TurnToReviewsContent .TTsqvBack:hover {
  display: block !important;
  margin: 165px auto 0 auto; 
  height: 50px !important;
  width: 167px !important;
  background: #FFF !important;
  border: 1px solid #1d1d1d;
  text-align: center;
  float: none;
}
div#TurnToReviewsContent .TTsqvBack:hover {
  background: #1d1d1d !important;
  color: #fff;

}

div#TurnToReviewsContent .TTsqvBack:after {
  position: relative;
  content: 'Back to Results';
  top: 15px;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
}

div#TurnToReviewsContent div#TT3soloQuestion, 
div#TurnToReviewsContent div#TT3soloQuestionQ, 
div#TurnToReviewsContent div#TT3soloReviewViewQ, 
div#TurnToReviewsContent div#TT3soloQuestionR {
  margin-top: 40px;  
}

/* Search Results, Review Details */

    div.TTreview .TT3aboutLine,
    div.TTreview .TT4QProductImg,
    div.TT3questCntr .TT4QProductImg,
    div.TT3questCntr .TT3aboutLine {
      display: none;
    }

    div#TT3soloReviewViewR .TTrevCol3, 
    div#TT3soloReviewViewQ .TTrevCol3 {
      margin-top: 0;
    }

    div#TT3soloReviewViewR ul.TTrevLinkLine,
    div#TT3soloReviewViewQ ul.TTrevLinkLine {
      text-align: left;
    }

    div#TT3soloReviewViewR ul.TTrevLinkLine li:after,
    div#TT3soloReviewViewQ ul.TTrevLinkLine li:after {
      display: none
    }

    #TT3soloReviewViewR ul.TTrevLinkLine,
    #TT3soloReviewViewQ ul.TTrevLinkLine {
      float: none;
      width: 100%;
      margin: 0px;
  }

  /* Search Results, Question Details */

  div#TurnToReviewsContent .TTanswerCount, .TTgoToArticle {
    color: #1D1D1D !important;
  }

  div#TurnToReviewsContent div.TT3qText.TTproductImgPresent,
  div#TurnToReviewsContent div.TT3artBox .TT3qText {
    width: 100%;
    color: #1D1D1D;
    font-size: 16px;
  }

  div#TurnToReviewsContent div.TT4respAnsWidth {
    width: 96%;
    background: #F6F6F6;
    padding: 2%;
  }

  div#TurnToReviewsContent span.TTbestAnswer {
    color: #1d1d1d;
    font-weight: 600;
  }

  div#TurnToReviewsContent div.TT4respAnsWidth span.TTbestAnswer {
    display: none;
  }

  div#TurnToReviewsContent div.TT4respAnsWidth span.TT3aText:before {
    content: 'CHANEL Beauty Expert: ';
    position: relative;
    color: #1d1d1d;
    font-weight: 600;
  }


  div#TurnToReviewsContent div.TT4respAnsWidth ul.TT3linkLine,
  div#TurnToReviewsContent ul.TT3questionLinkLine {
    display: none;
  }


  div#TurnToReviewsContent .TT3questCntr div.TT3itemBox {
    padding: 15px 0;
  }

  div#TurnToReviewsContent .TT3questCntr div.TT3itemBox:hover {
    border-bottom: 1px solid#ececec;
  }

  /* 'good product' in search */
  div#TurnToReviewsContent .TTartBody .TT3ansArea {
    margin-left: 0;
    border: 0px;
    padding: 0;
    margin-top: 0;
  }

  div#TurnToReviewsContent div.TT3ShowMore {
    border: 0;
    margin: 60px auto 20px auto !important;
    padding: 0;
    text-align: center;
  }

  div#TurnToReviewsContent div.TT3ShowMore a {
    background: #FFF;
    width: 150px;
    height: 50px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #1d1d1d;
    border: 1px solid #1d1d1d;
  }

  div#TurnToReviewsContent div.TT3ShowMore a:before {
    position: relative;
    content: 'View More';
    top: 17px;
    font-family: "abchanel-pb-s", "AdobeBlank";
    font-size: 11px;
  }

  /* #TurnToContent div.TT3ShowMore a {
    color: #1d1d1d;
  } */

  div#TurnToReviewsContent #TurnToContent div.TT3ShowMore a,
  #TurnToReviewsContent div.TT3ShowMore a {
    color: #1d1d1d;
  }

  div#TurnToReviewsContent #TurnToContent div.TT3ShowMore a:hover,
  div#TurnToReviewsContent div.TT3ShowMore a:hover {
    background: #1d1d1d;
    color: #FFF;
  }

  /* #TurnToReviewsContent div.TT3ShowMore a:hover, */
  /* div.TT3ShowMore a:hover   {
    background: #1d1d1d;
  } */


  div#TurnToReviewsContent div.TT3ShowMore img,
  div#TurnToReviewsContent div.TT3ShowMore span {display: none;}




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

@media (min-width: 540px) { 

  div#TurnToReviewsContent div#TTsearchSort {
    margin-top: 40px;
    margin-bottom: 0px !important;
    float: right !important;
    position: relative;
  }

  div#TurnToReviewsContent div#TTreviewSearchLeft {
    width: 70% !important;
    float: left;
  }

  div#TurnToReviewsContent div.TT2reviewSearchSortLeftRespCenter {
    float: right !important;
    width: auto !important;
    text-align: left;
  }

  div#TurnToReviewsContent select#TTreviewSort {
    width: auto !important;
    margin: 0 !important;
    height: 30px;
  }

  div#TurnToReviewsContent div#TTreviewsWrapper {
    margin-top: 100px;
  }

  div#TurnToReviewsContent div.TT4instAnsUL {
    margin-top: 106px;
  }

  div#TurnToReviewsContent div.TTrespDesktopDisp {
    display: block !important;
  }

  div#TurnToReviewsContent .TTsqvBack,
  div#TurnToReviewsContent .TTsqvBack:hover {
    margin: 85px auto 0 auto !important;
  }

  div#TurnToReviewsContent div.TTrevPurchaseDate {
    /* Verified Purchaser */
      text-align: left;
  }

  div#TurnToReviewsContent #TTwriteReviewBtn:hover {
    /* FIX — Mobile Hover for write review button  */
    background: #1d1d1d;
    color: #FFF;
  }
  


  

}

@media (min-width: 805px) {

  div#TurnToReviewsContent div#TTwriteReviewBtn {
    margin: 45px 0 0 0;
    display: inline-block;
  }


  /* REVIEW SEARCH */
  div#TurnToReviewsContent div#TTsearchSort {
    margin-top: -39px !important;
    width: 75% !important;
  }


  div#TurnToReviewsContent div#TTreviewsWrapper {
    margin-top: 72px;
  }

  div.TTrevCol1 {
    width: 15% !important;
    float: left;
  }
  
  div.TTrevCol2,
  .TTreviewResponses div.TTresponseCol1 {
    width: 65% !important;
    float: left;
  }

  .TTreviewResponses div.TTresponseCol1 {
    width: 76% !important;
  }
  
  div.TTrevCol3,
  .TTreviewResponses div.TTresponseCol2  {
    float: right ; 
    width: 20% !important;
    text-align: right !important;
  }
  

  /* Was this Review helpful in column 2 */
  div.TTrevCol2 ul.TTrevLinkLine {
    display: block !important;
    margin-left: 0;
  }

  ul.TTrespMobileDisp {
    display: none !important;
  }

  .TTreviewResponses {
    width: 80.5% !important;
    padding: 02.173913%;
  }

  div.TT4instAnsUL {
    margin-top: 36px;
  }

  div#TurnToReviewsContent .TTsqvBack,
  div#TurnToReviewsContent .TTsqvBack:hover {
    margin: 25px auto 0 auto !important;
  }

  div#TT3soloReviewViewR ul.TTrevLinkLine,
  div#TT3soloReviewViewQ ul.TTrevLinkLine {
    text-align: right;
  }

  div.TTrevPurchaseDate {
    /* Verified Purchaser */
    text-align: right !important;
}
  
  
}

@media (min-width: 1242px) {#TurnToReviewsContent{ padding: 0; }}
/*div.TTrating-0-0, div.TTrating-0-5, div.TTrating-1-0, div.TTrating-1-5, div.TTrating-2-0, div.TTrating-2-5, div.TTrating-3-0, div.TTrating-3-5, div.TTrating-4-0, div.TTrating-4-5, div.TTrating-5-0, */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
  div.TT4chatIcon,.TT4thumb,.TT4pen,.TT4expand,.TT4collapse,.TT3carouselLeft,.TT3carouselRight,.TT3clearSearchMiqa,.TT4miqaScrollL,.TT4miqaScrollR,.TT4answVoteCallArrow,.TT4showMoreSmallImg,div.TT4closeIcon,.TT3removeAttachedItem,
  a.TTclearRevSearch,
  div.TT4searchIcon,
  .TTinputTeaserBubble1,input[type=checkbox].TTcheckbox+label.TTlabel,.TT3addedText,.TT4miqAdd,.TT4showMoreImg,.TTsmallSubmitBtn,.TTdoneBtn,.TTupdateBtn,.TT4writeReviewBtn,.TTcancelBtn,.TTsqvBack,div.TTsqvForward,.TTconfirmDupBtn,.TTcancelDupBtn,.TTblankBtn,.TTcloseBtn,.TTsaveBtn,.TTsearchBtn,.TTbigSubmitBtn,input.TT4instAnswNext,.TT3yesVote,
  div.TTrating-0-0,
  div.TTrating-0-5,
  div.TTrating-1-0,
  div.TTrating-1-5,
  div.TTrating-2-0,
  div.TTrating-2-5,
  div.TTrating-3-0,
  div.TTrating-3-5,
  div.TTrating-4-0,
  div.TTrating-4-5,
  div.TTrating-5-0,
  div.TTcustom-0-0,
  div.TTcustom-0-5,
  .TTcustom-1-0,.TTcustom-1-5,.TTcustom-2-0,.TTcustom-2-5,.TTcustom-3-0,.TTcustom-3-5,.TTcustom-4-0,.TTcustom-4-5,.TTcustom-5-0,.TT4breakdown,.TT4breakdownPercent,.TT4reviewRange,.TT4reviewRangeSmall,.TT4reviewRangeDot,.TTcustomSmall-0-0,.TTcustomSmall-0-5,.TTcustomSmall-1-0,.TTcustomSmall-1-5,.TTcustomSmall-2-0,.TTcustomSmall-2-5,.TTcustomSmall-3-0,.TTcustomSmall-3-5,.TTcustomSmall-4-0,.TTcustomSmall-4-5,.TTcustomSmall-5-0,.TTfacebookDelAuth,.TTtwitterDelAuth,.TTgmailDelAuth,.TTfacebookShare,.TTfacebookNoShare,.TTtwitterShare,.TTtwitterNoShare,.TTvc-question,.TTvc-settings,.TTvc-next,.TTvc-next-disabled,.TTvc-back,.TTvc-back-disabled,.TTvc-clear,.TTvc-delete,.TTvc-like,.TTvc-like-on,.TTvc-flag,.TTvc-flag-on,.TTvc-share,.TTvc-share-on,.TTvc-facebook,.TTvc-pinterest,.TTvc-twitter,.TTvc-link,.TTvc-like-md,.TTvc-flag-md,.TTvc-phone-md,.TTvc-star-md-empty,.TTvc-star-md-half,.TTvc-star-md-filled,.TTvc-radio-off,.TTvc-radio-on,
  li.TTvc-star-lg-empty,
  li.TTvc-star-lg-half,
  li.TTvc-star-lg-filled,
  .TTvc-icon-lg-video,.TTvc-btn-fab-top,.TTvc-bar-media-md-video,.TTvc-bar-media-md-photo,.TTvc-bar-media-lg-photo,.TTvc-bar-media-lg-video,.TTvc-bar-media-lg-photo-on,.TTvc-bar-media-lg-video-on,.TTvc-slider-bg,.TTvc-slider-dot,.TTvc-btn-submit-new-question,.TTvc-btn-submit-question,.TTvc-share-a-photo,.TTvc-edit-profile,.TTvc-submit,.TTvc-add-take-photo,.TTvc-submit-disabled,.TTvc-slider-dot-off,.TTvc-checkbox-off,.TTvc-checkbox-on,.TTvc-x-media,.TTvc-tag-media,.TTvc-share-photo-alt,.TTvc-add-new-photo,.TTvc-add-new-video,.TTvc-add-video-disabled,.TTvc-add-video,.TTvc-share-media,.TTvc-x-media-sm,.TTvc-icon-md-video,.TTvc-continue,.TTvc-add-your-photo,.TTvc-add-your-video,
  ul.TTrevLinkLine a:first-child, ul.TTrevLinkLine a:nth-child(2),
  a#TTtraWindowClose:before, a#TTSubWindowClose:before
  {
      background-image: url(../images/tt-chanel-sprite-a_2x.png);
      background-repeat: no-repeat;
      background-size: 298px 4152px
  }
}






/*************************** MOBILE DEVICE CUSTOM STYLES *********************/
/* @2x */
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
  div.TT4chatIcon,.TT4thumb,.TT4pen,.TT4expand,.TT4collapse,.TT3carouselLeft,.TT3carouselRight,.TT3clearSearchMiqa,.TT4miqaScrollL,.TT4miqaScrollR,.TT4answVoteCallArrow,.TT4showMoreSmallImg,div.TT4closeIcon,.TT3removeAttachedItem,
  a.TTclearRevSearch,.TT4searchIcon,.TTinputTeaserBubble1,input[type=checkbox].TTcheckbox+label.TTlabel,.TT3addedText,.TT4miqAdd,.TT4showMoreImg,.TTsmallSubmitBtn,.TTdoneBtn,.TTupdateBtn,.TT4writeReviewBtn,.TTcancelBtn,.TTsqvBack,div.TTsqvForward,.TTconfirmDupBtn,.TTcancelDupBtn,.TTblankBtn,.TTcloseBtn,.TTsaveBtn,.TTsearchBtn,.TTbigSubmitBtn,input.TT4instAnswNext,.TT3yesVote,.TTrating-0-0,.TTrating-0-5,.TTrating-1-0,.TTrating-1-5,.TTrating-2-0,.TTrating-2-5,.TTrating-3-0,.TTrating-3-5,.TTrating-4-0,.TTrating-4-5,.TTrating-5-0,.TTcustom-0-0,.TTcustom-0-5,.TTcustom-1-0,.TTcustom-1-5,.TTcustom-2-0,.TTcustom-2-5,.TTcustom-3-0,.TTcustom-3-5,.TTcustom-4-0,.TTcustom-4-5,.TTcustom-5-0,.TT4breakdown,.TT4breakdownPercent,.TT4reviewRange,.TT4reviewRangeSmall,.TT4reviewRangeDot,.TTcustomSmall-0-0,.TTcustomSmall-0-5,.TTcustomSmall-1-0,.TTcustomSmall-1-5,.TTcustomSmall-2-0,.TTcustomSmall-2-5,.TTcustomSmall-3-0,.TTcustomSmall-3-5,.TTcustomSmall-4-0,.TTcustomSmall-4-5,.TTcustomSmall-5-0,.TTfacebookDelAuth,.TTtwitterDelAuth,.TTgmailDelAuth,.TTfacebookShare,.TTfacebookNoShare,.TTtwitterShare,.TTtwitterNoShare,.TTvc-question,.TTvc-settings,.TTvc-next,.TTvc-next-disabled,.TTvc-back,.TTvc-back-disabled,.TTvc-clear,.TTvc-delete,.TTvc-like,.TTvc-like-on,.TTvc-flag,.TTvc-flag-on,.TTvc-share,.TTvc-share-on,.TTvc-facebook,.TTvc-pinterest,.TTvc-twitter,.TTvc-link,.TTvc-like-md,.TTvc-flag-md,.TTvc-phone-md,.TTvc-star-md-empty,.TTvc-star-md-half,.TTvc-star-md-filled,.TTvc-radio-off,.TTvc-radio-on,
  li.TTvc-star-lg-empty,
  li.TTvc-star-lg-half,
  li.TTvc-star-lg-filled,
  .TTvc-icon-lg-video,.TTvc-btn-fab-top,.TTvc-bar-media-md-video,.TTvc-bar-media-md-photo,.TTvc-bar-media-lg-photo,.TTvc-bar-media-lg-video,.TTvc-bar-media-lg-photo-on,.TTvc-bar-media-lg-video-on,.TTvc-slider-bg,.TTvc-slider-dot,.TTvc-btn-submit-new-question,.TTvc-btn-submit-question,.TTvc-share-a-photo,.TTvc-edit-profile,.TTvc-submit,.TTvc-add-take-photo,.TTvc-submit-disabled,.TTvc-slider-dot-off,.TTvc-checkbox-off,.TTvc-checkbox-on,.TTvc-x-media,.TTvc-tag-media,.TTvc-share-photo-alt,.TTvc-add-new-photo,.TTvc-add-new-video,.TTvc-add-video-disabled,.TTvc-add-video,.TTvc-share-media,.TTvc-x-media-sm,.TTvc-icon-md-video,.TTvc-continue,.TTvc-add-your-photo,.TTvc-add-your-video 
  {
      background-image: url(../images/tt-chanel-sprite-a_2x.png);
      background-repeat: no-repeat;
      background-size: 298px 4152px
  }
}

/* @3x */
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3),only screen and (min-resolution: 384dpi), only screen and (min-resolution: 3dppx) {
  div.TT4chatIcon,.TT4thumb,.TT4pen,.TT4expand,.TT4collapse,.TT3carouselLeft,.TT3carouselRight,.TT3clearSearchMiqa,.TT4miqaScrollL,.TT4miqaScrollR,.TT4answVoteCallArrow,.TT4showMoreSmallImg,div.TT4closeIcon,.TT3removeAttachedItem,
  a.TTclearRevSearch,.TT4searchIcon,.TTinputTeaserBubble1,input[type=checkbox].TTcheckbox+label.TTlabel,.TT3addedText,.TT4miqAdd,.TT4showMoreImg,.TTsmallSubmitBtn,.TTdoneBtn,.TTupdateBtn,.TT4writeReviewBtn,.TTcancelBtn,.TTsqvBack,div.TTsqvForward,.TTconfirmDupBtn,.TTcancelDupBtn,.TTblankBtn,.TTcloseBtn,.TTsaveBtn,.TTsearchBtn,.TTbigSubmitBtn,input.TT4instAnswNext,.TT3yesVote,.TTrating-0-0,.TTrating-0-5,.TTrating-1-0,.TTrating-1-5,.TTrating-2-0,.TTrating-2-5,.TTrating-3-0,.TTrating-3-5,.TTrating-4-0,.TTrating-4-5,.TTrating-5-0,.TTcustom-0-0,.TTcustom-0-5,.TTcustom-1-0,.TTcustom-1-5,.TTcustom-2-0,.TTcustom-2-5,.TTcustom-3-0,.TTcustom-3-5,.TTcustom-4-0,.TTcustom-4-5,.TTcustom-5-0,.TT4breakdown,.TT4breakdownPercent,.TT4reviewRange,.TT4reviewRangeSmall,.TT4reviewRangeDot,.TTcustomSmall-0-0,.TTcustomSmall-0-5,.TTcustomSmall-1-0,.TTcustomSmall-1-5,.TTcustomSmall-2-0,.TTcustomSmall-2-5,.TTcustomSmall-3-0,.TTcustomSmall-3-5,.TTcustomSmall-4-0,.TTcustomSmall-4-5,.TTcustomSmall-5-0,.TTfacebookDelAuth,.TTtwitterDelAuth,.TTgmailDelAuth,.TTfacebookShare,.TTfacebookNoShare,.TTtwitterShare,.TTtwitterNoShare,.TTvc-question,.TTvc-settings,.TTvc-next,.TTvc-next-disabled,.TTvc-back,.TTvc-back-disabled,.TTvc-clear,.TTvc-delete,.TTvc-like,.TTvc-like-on,.TTvc-flag,.TTvc-flag-on,.TTvc-share,.TTvc-share-on,.TTvc-facebook,.TTvc-pinterest,.TTvc-twitter,.TTvc-link,.TTvc-like-md,.TTvc-flag-md,.TTvc-phone-md,.TTvc-star-md-empty,.TTvc-star-md-half,.TTvc-star-md-filled,.TTvc-radio-off,.TTvc-radio-on,
  li.TTvc-star-lg-empty,
  li.TTvc-star-lg-half,
  li.TTvc-star-lg-filled,
  .TTvc-icon-lg-video,.TTvc-btn-fab-top,.TTvc-bar-media-md-video,.TTvc-bar-media-md-photo,.TTvc-bar-media-lg-photo,.TTvc-bar-media-lg-video,.TTvc-bar-media-lg-photo-on,.TTvc-bar-media-lg-video-on,.TTvc-slider-bg,.TTvc-slider-dot,.TTvc-btn-submit-new-question,.TTvc-btn-submit-question,.TTvc-share-a-photo,.TTvc-edit-profile,.TTvc-submit,.TTvc-add-take-photo,.TTvc-submit-disabled,.TTvc-slider-dot-off,.TTvc-checkbox-off,.TTvc-checkbox-on,.TTvc-x-media,.TTvc-tag-media,.TTvc-share-photo-alt,.TTvc-add-new-photo,.TTvc-add-new-video,.TTvc-add-video-disabled,.TTvc-add-video,.TTvc-share-media,.TTvc-x-media-sm,.TTvc-icon-md-video,.TTvc-continue,.TTvc-add-your-photo,.TTvc-add-your-video 
  {
      background-image: url(../images/tt-chanel-sprite-a_3x.png);
      background-repeat: no-repeat;
      background-size: 298px 4152px
  }
}

li.TTvc-star-lg-empty,
li.TTvc-star-lg-half,
li.TTvc-star-lg-filled {
  background-position: -274px -2648px;
  width: 23px;
  height: 24px;
}

li.TTvc-star-lg-half {background-position: -274px -2677px;}
li.TTvc-star-lg-filled {background-position: -274px -2710px;}


div#TTmobileHeader {
  height: 45px;
  border-bottom: 0px solid #ececec;
}

div#TTmobileHeader div.TTcenterHeader {display: none;}

div#TTmobileHeader div.TTleftHeader {
      float: right;
      height: 14px;
      width: 14px;
      text-indent: -9999px;
}

/* div#TTmobileHeader div.TTleftHeader:after {
  content: ' ';
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
  top: -19px;
  right: 14px;
  background-image: url(../images/tt-chanel-sprite-a_1x.png);
  background-repeat: no-repeat;
  background-position: -284px -164px;
} */

div#TTmobileHeader div.TTleftHeader a {
  /* FIX — CLOSE X  */
  position: relative;
  display: block;
  height: 14px;
  width: 15px;
  top: 0px;
  right: 14px;
  background-image: url(../images/tt-chanel-sprite-a_1x.png);
  background-repeat: no-repeat;
  background-position: -284px -164px;
  text-indent: -999999px;
}

div#mobileTT-content div#TTtraWindow {
  max-height: 100% !important;
  padding-bottom: 40px;
  box-shadow: none;
  top: 0 !important;
  width: 100% !important;
}

div#TurnToMobileContent .TTrateItPrompt {
  padding-right: 20px;
}

div#TurnToMobileContent .TTrateItPrompt p:first-child {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 12px;
  margin-top: 0;
}

div#TTrateItScreen p.TTmediaSmallDesc {
  font-size: 14px;
  color: #1d1d1d;
  width: 230px;
}

div#TurnToMobileContent div#TTrateItScreen .TT4QProductImg {
  top: 44px;
}

div#TurnToMobileContent .TTdivider {display: none;}

div#TurnToMobileContent div.TTformGroup  {
  margin-top: 28px;
}

div#TurnToMobileContent div.TTformGroup label {
  padding: 0;
}

div#TurnToMobileContent div.TTformGroup textarea {
  margin: 18px 0 0 0;
  padding: 0;
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #d8d8d8;  
  color: #1d1d1d;
  font-size: 14px; 
  font-weight: 300;
} 

ul.TTrateItStars {
  margin-top: 18px;
}

/* specific heights for each textarea */
div#TurnToMobileContent div.TTformGroup:nth-child(5) textarea {
  /* Review */
  min-height: 64px;
}

div#TurnToMobileContent div.TTformGroup:nth-child(6) {display: none;}
div#TurnToMobileContent div.TTformGroup:nth-child(7) textarea {
  /* Review Title*/
  /* Review Display Name*/
  min-height: 27px;
  height: 27px;
}


div#TurnToMobileContent div.TTformGroup textarea:focus {
  border-bottom: 1px solid #1d1d1d;
}


/* div#TurnToMobileContent div.TTrateItSubmitBtn.TTvc-submit, */
div#TurnToMobileContent div.TTrateItSubmitBtns div.TTvc-submit {
  width: 150px;
  height: 50px;
  background: #1d1d1d; 
}
div#TurnToMobileContent div.TTrateItSubmitBtns div.TTvc-submit:before {
  position: relative;
  display: block;
  content: 'Submit';
  color: #FFF;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
  top: 17px;
  text-align: center;
}

div.TTfieldErr {
  font-size: 14px;
  color: #D70000;
  margin: 4px 0 0 0;
}

/* Updates required asterisks */
div#TurnToMobileContent label.TTrequired:after {
  content: " (required)";
  color: #1D1D1D;
}

div#TurnToMobileContent div#TTrateIt div:nth-child(4) label.TTrequired:after {
  display: none;
}

div#TurnToMobileContent div#TTrateIt div:nth-child(7) br {
  display: none;
}



div#TurnToMobileContent div#TTrateItScreen a.TTrevGuidelineLink {
  color: #1d1d1d;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: underline;
  font-size: 14px;
  margin: 24px 0 8px 0;
}

div#TurnToMobileContent div#TTReviewGuide {font-size: 10px;}

div#TurnToMobileContent div#TTReviewGuide p.TTmobileHideWriteReviewGuideLines {
  text-align: left;
  margin-bottom: 40px;
  font-size: 14px;
  text-decoration: underline;
}
div#TurnToMobileContent div#TTReviewGuide p.TTmobileHideWriteReviewGuideLines a {
  color: #1d1d1d;
}

div#mobileTT-content div#TurnToMobileRegistration div.TT8,
div#TurnToMobileSubWindow div.TT8 {
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 12px;
  margin: 65px 0 0px 0;
}

div#TurnToMobileSubWindow div.TT8 {margin-top: 45px;}

div#mobileTT-content div#TurnToMobileRegistration div#TTregBtns #TTregSubmit {
  float: right;
}

div#TTmobileHeader div.TTrightHeader {
  display: none !important;
}

div#TurnToMobileContent div#TTmoreFeedback p {
  font-size: 12px;
}

div#TurnToMobileSubWindow div.TTpadGenSubWin {
  padding: 18px 0 45px 0;
}

div#TurnToMobileSubWindow div#TTgenSubWinClose,
div#TurnToMobGenRevMsg a#TT3dismissR {
  width: 150px;
  height: 50px;
  background: #1d1d1d; 
}

div#TurnToMobileSubWindow div#TTgenSubWinClose:after,
div#TurnToMobGenRevMsg a#TT3dismissR:after {
  position: relative;
  display: block;
  content: 'Close';
  color: #FFF;
  font-family: "abchanel-pb-s", "AdobeBlank";
  font-size: 11px;
  top: 17px;
  text-align: center;
}

/* div#TurnToMobGenRevMsg a#TT3dismissR:after {
  content: 'Dismiss';
} */

div#TurnToMobGenRevMsg a#TT3dismissR span {
  /* Dismiss text inside link */
  display: none;
}

div#TurnToMobileSubWindow div#TT2closeGroup,
div#TurnToMobileSubWindow div#TTgenSubWinClose{
  display: block;
  /* DISPLAY close button for MOBILE */
} 


/* div#mobileTT-content div#TTtraSubWindow {
  background: transparent !important;
  display: block !important;
}

div#mobileTT-content div#TTtraSubWindow div#TTSubDialogSection {
  background: transparent;
} */

/* div#mobileTT-content div#TTmobileHeader {
  display: none;
}

div#mobileTT-content div#TurnToMobileSubWindow {
  padding-top: 40px;
} */

/* div#TurnToMobGenRevMsg {
  color: #D70000;
} */


/* 
div#TTmainContent {
  min-width: 599px;
  padding: 0px 51px;
  background: orange;
}

div.TTwriteRevRightCol textarea, 
div.TTwriteRevRightCol #TTreviewText {
  width: 430px;
  background: red;
}

div#TTSubDialogSection {
  margin: 7px 51px 0 51px;
} */


/* CHANEL TWEAKS */
div#TurnToReviewsContent #TTsearchTermGrp input::placeholder {
  color: #717171;
}
div#TurnToReviewsContent #TTsearchTermGrp input::-webkit-input-placeholder {
  color: #717171;
}
div#TurnToReviewsContent #TTsearchTermGrp input::-moz-placeholder {
  color: #717171;
}
div#TurnToReviewsContent #TTsearchTermGrp input:-ms-input-placeholder {
  color: #717171;
}
div#TurnToReviewsContent #TTsearchTermGrp input:-moz-placeholder {
  color: #717171;
}
div#TurnToReviewsContent #TTwriteReviewBtn:hover {
  background: #000;
  color: #FFF;
}
div#TurnToReviewsContent span#TT3newRMsgTxt {
  height: 34px;
  display: block;
}
body div#TTtraWindow
{ background:#FFF; box-shadow: 0 0px 40px rgba(0,0,0,0.1); top: 40px !important; position: fixed !important; }

div#TTinnerReg {
  padding-left: 3%!important;
  padding-right: 3%!important;
  font-family: "abchanel-corpo", sans-serif, "AdobeBlank";
  font-size: 12px;
  margin: 65px 0 0px 0;
}

#TTregCancel {
  margin-right: 10px;
  padding-top: 10px;
  margin-top: -45px;
}