@charset "utf-8";
/* CSS Document */

#exp-content {background:#000;}
#exp-content .exp-chanel-hero {position:relative;}
#exp-content .exp-chanel-hero-img {width:100%; height:inherit;}
#exp-content .exp-chanel-arrowwrap { position:absolute; z-index: 3; bottom:-50px; width:100%;}
#exp-content .exp-chanel-arrow {background: #fff url("../images/SGH_Chanel_Landing_arrow-SP15.png") no-repeat center center; margin: 0 auto; width:100px; height:100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

#exp-content section { padding: 10% 0px; width:625px; margin: 0 auto;}
#exp-content section p { font-family: "brandon_bold",Helvetica,Arial,sans-serif; font-size:14px; line-height:30px; font-weight: normal; text-align:center; color:#fff; letter-spacing:1px}
#exp-content section h2 {font-family: "brandon_bold",Helvetica,Arial,sans-serif;font-size: 20px;font-style: normal;font-weight: normal;margin: 75px auto 30px;text-align:center;
}
#exp-content .select-brand {display:none;}

#exp-content .find-form .fe { display: block; float: none !important; margin: 0 auto !important; text-align:center;}

#exp-content .find-form input[type="text"] {height:30px; background:#fff;}
#exp-content .find-form .red-button { background-color: #111;}
#exp-content  .exp-cta  {margin: 50px auto 0px; display:block; text-align:center;}
#exp-content .exp-find-store {font-family: "brandon_bold",Helvetica,Arial,sans-serif; display: inline-block; font-size:14px; color:#fff; text-align:center;  
    border-radius: 2px;
    border: solid 3px #fff;
    font-style: normal;
    line-height: 27px;
    min-height: 23px;
    padding: 12px 22px;
    text-align: center;
    text-transform: uppercase;
    }

@media (max-width:680px) {
    #exp-content .exp-chanel-arrowwrap {position: absolute;z-index: 3;bottom: -30px;bottom: -9vw;width: 100%;}
    #exp-content .exp-chanel-arrow{width:62px;height:62px;width:15vw;height:15vw;}
    #exp-content section{width:100%;}
    #collectionsPage .collectionInfo p:before{content:"";}
    #exp-content section p{font-family:"brandon_medium",Helvetica,Arial,sans-serif;font-weight:bold;font-size:4vw;line-height:7vw;text-transform:uppercase!important;margin-top:8vw;padding:0 7vw !important;}
    #exp-content .exp-cta{margin:14vw auto;}
    #exp-content .exp-find-store{font-size:4vw;line-height:4vw;min-height:4vw;padding:4vw 10vw;}
}