@font-face {
   font-family: 'AmiriReg';
   src: url('../fonts/amiri/amiriRegular/Amiri-Regular.eot');
   src: url('../fonts/amiri/amiriRegular/Amiri-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/amiri/amiriRegular/Amiri-Regular.woff2') format('woff2'),
       url('../fonts/amiri/amiriRegular/Amiri-Regular.woff') format('woff'),
       url('../fonts/amiri/amiriRegular/Amiri-Regular.ttf') format('truetype'),
       url('../fonts/amiri/amiriRegular/Amiri-Regular.svg#Amiri-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: 'AmiriItalic';
   src: url('../fonts/amiri/amiriItalic/Amiri-Italic.eot');
   src: url('../fonts/amiri/amiriItalic/Amiri-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/amiri/amiriItalic/Amiri-Italic.woff2') format('woff2'),
       url('../fonts/amiri/amiriItalic/Amiri-Italic.woff') format('woff'),
       url('../fonts/amiri/amiriItalic/Amiri-Italic.ttf') format('truetype'),
       url('../fonts/amiri/amiriItalic/Amiri-Italic.svg#Amiri-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoThin';
   src: url('../fonts/roboto/robotoThin/Roboto-Thin.eot');
   src: url('../fonts/roboto/robotoThin/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/robotoThin/Roboto-Thin.woff2') format('font-woff2'),
       url('../fonts/roboto/robotoThin/Roboto-Thin.woff') format('woff'),
       url('../fonts/roboto/robotoThin/Roboto-Thin.ttf') format('truetype'),
       url('../fonts/roboto/robotoThin/Roboto-Thin.svg#Roboto-Thin') format('svg');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoRegular';
   src: url('../fonts/roboto/robotoRegular/Roboto-Regular.eot');
   src: url('../fonts/roboto/robotoRegular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/robotoRegular/Roboto-Regular.woff2') format('font-woff2'),
       url('../fonts/roboto/robotoRegular/Roboto-Regular.woff') format('woff'),
       url('../fonts/roboto/robotoRegular/Roboto-Regular.ttf') format('truetype'),
       url('../fonts/roboto/robotoRegular/Roboto-Regular.svg#Roboto-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: 'RobotoLight';
   src: url('../fonts/roboto/robotoLight/Roboto-Light.eot');
   src: url('../fonts/roboto/robotoLight/Roboto-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/robotoLight/Roboto-Light.woff2') format('font-woff2'),
       url('../fonts/roboto/robotoLight/Roboto-Light.woff') format('woff'),
       url('../fonts/roboto/robotoLight/Roboto-Light.ttf') format('truetype'),
       url('../fonts/roboto/robotoLight/Roboto-Light.svg#Roboto-Light') format('svg');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoMedium';
   src: url('../fonts/roboto/robotoMedium/Roboto-Medium.eot');
   src: url('../fonts/roboto/robotoMedium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/robotoMedium/Roboto-Medium.woff2') format('font-woff2'),
       url('../fonts/roboto/robotoMedium/Roboto-Medium.woff') format('woff'),
       url('../fonts/roboto/robotoMedium/Roboto-Medium.ttf') format('truetype'),
       url('../fonts/roboto/robotoMedium/Roboto-Medium.svg#Roboto-Medium') format('svg');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoBold';
   src: url('../fonts/roboto/robotoBold/Roboto-Bold.eot');
   src: url('../fonts/roboto/robotoBold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/robotoBold/Roboto-Bold.woff2') format('font-woff2'),
       url('../fonts/roboto/robotoBold/Roboto-Bold.woff') format('woff'),
       url('../fonts/roboto/robotoBold/Roboto-Bold.ttf') format('truetype'),
       url('../fonts/roboto/robotoBold/Roboto-Bold.svg#Roboto-Bold') format('svg');
   font-weight: 500;
   font-style: normal;
}






a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: #555555;
}


#page-wrapper #page {
    max-width: inherit;
}

.exp-featured {
   padding: 40px 0px;
}

.exp-col-6 {
   width: 50.0% !important;
   float: none;
   clear: none;
}

#trends .espot-1 {
   padding: 0 !important;
}

img {
   width: 100%;
   height: auto;
}

#customer-care {
   display: block;
   padding-left: 0;
}

#customer-care #storeLocatorResults {
   padding: 0px;
}

#customer-care #storeLocatorResults h3,
#customer-care #storeLocatorResults .directions-link,
#customer-care #storeLocatorResults .directions-link a {
   color: #555555;
   text-align: center;
}

#customer-care #storeLocatorResults .result {
   float: none;
   clear: none;
   border-bottom: none;
}

#customer-care #storeLocatorResults .column {
   float: none;
   clear: none;
   padding: 10px 0px 20px;
}

#customer-care #storeLocatorResults .location-phone {
   display: block;
   padding-top: 10px;
}

#customer-care #storeLocatorResults h3.location-mall {
   float: none;
   font-family: 'AmiriItalic', Helvetica, Arial, sans-serif !important;
   font-size: 1.45vw;
   line-height: 1.30;
}

#customer-care #storeLocatorResults .column {
   width: 100%;
}

.directions-link a {
   text-decoration: underline;
}

#store-filters {
   text-align: center;
   padding: 15px 0px;
}

#store-filters li {
   display: inline-block;
   font-size: 15px;
   color: #555555;
   padding: 5px 2px;
   font-family: "brandon_regular", Helvetica, Arial, sans-serif;
}

#store-filters li a {
   cursor: pointer;
   padding: 3px 4px;
   color: #555555;
   line-height: 1.33;
   font-weight: 300;
   font-size: 1.4vw;
   font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
}

#store-filters li a.active {
   background-color: #dddddd;
   font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
   cursor: inherit;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#store-filters li.store-filter-by {
    display: block;
    color: #555555;
    line-height: 1.33;
    font-weight: 300;
    font-size: 1.6vw;
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
}

.store-finder {
   display: none;
}

.exp-row header {
   line-height: 1;
   padding: 80px 0px;
   background: #f15a22 url(/wcsstore/SGH/experiences/US/APEX/evergreen/location/images/APEX_Store-Header1440x386.jpg) no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.exp-row header h1 {
   display: block;
   text-align: center;
   font-size: 54px;
   color: #FFF;
   width: 100%;
   letter-spacing: 6px;
   line-height: 1.25;
   margin-top: 10px;
}

.exp-row header h5 {
   text-align: center;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
   line-height: 1.25;
   padding-left: 15px;
   padding-right: 15px;
   text-transform: none;
}

#exp-content section p.location-address{
   color: #555555;
   font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
   text-transform: none;
   line-height: 1.30 !important;
   font-size: 1.1vw;
}

#exp-content{
   background: #ffffff;
}

#exp-content section {
   width: 50vw;
   padding: 10% 0px 0%;
}

#exp-content section p.main{
    color: #555;
    line-height: 1.33;
    font-size: 1.7vw;
    font-weight: 300;
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    text-transform: none;
    margin: 0 0 1.5vw;
}

.mainIntroTextWrap{
   position: relative;
}

.introTextWrap{
   text-align: center;
   position: absolute;
   top: 5.7vw;
}

.textGeneral{
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    font-size: 1.6vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: center;
    color: #555555;
    text-transform: none;
}

.textGeneralPadding{
   padding: 0 19vw;
   margin: 0 0 7vw;
}

.main_btn_white{
   font-family: 'RobotoRegular', Helvetica, Arial, sans-serif;
   text-align: center;
   border-radius: 22px;
   min-width: 180px;
   font-weight: 400;
   line-height: normal;
   letter-spacing: normal;
   -webkit-transition: all .6s;
   transition: all .6s;
   background-color: #ffffff;
   border: solid 1px #555;
   color: #555;
   padding: 0.6vw 1vw;
   font-size: 0.72vw;
}

.main_btn_white:hover{
   background-color: #555;
   border: solid 1px #fff;
   color: #fff;
}

.main_btn_gray{
   font-family: 'RobotoRegular', Helvetica, Arial, sans-serif;
   text-align: center;
   border-radius: 22px;
   min-width: 136px;
   font-weight: 400;
   line-height: normal;
   letter-spacing: normal;
   -webkit-transition: all .6s;
   transition: all .6s;
   background-color: rgba(34,34,34,.7);
   border: solid 1px #fff;
   color: #fff;
   padding: 0.6vw 1vw;
   font-size: 0.72vw;
}

.main_btn_gray:hover{
   background-color: #555;
   border: solid 1px #fff;
   color: #fff;
}

.exp-desktop {
   display: block!important;
}

.exp-mobile {
   display: none!important;
}

.additionalInfoWrap{
   text-align: center;
}

.marginTwobtn{
    margin: 3vw 2vw 5vw;
    display: inline-block;
}


@media (max-width: 680px) {

   ul.nav a {
       background: none !important;
       font-weight: normal !important;
   }

   #collectionsPage .collectionInfo p:before {
       display: none !important;
   }

   #collectionsPage .collectionInfo p {
       margin-bottom: 0px !important;
       padding: 2px !important;
   }

   .exp-col-6,
   #customer-care #storeLocatorResults .column {
       width: 100% !important;
   }

   #customer-care #storeLocatorResults {
       padding: 0px 20px;
       text-align: center;
   }

   #customer-care #storeLocatorResults h3 {
       text-align: center;
       float: none;
       line-height: 9vw;
   }

   #customer-care #storeLocatorResults .result {
       border-bottom: 1px solid #f3f2f2;
       padding: 35px 0 5px;
   }

   .exp-row header h1 {
       font-size: 28px;
       line-height: 33px;
   }

   .exp-row header h5 {
       font-size: 15px;
       line-height: 20px;
       text-transform: none;
   }

   .exp-row header h5 br {
       display: none;
   }

   #store-filters li.store-filter-by {
       display: block;
       font-size: 17px;
       padding: 12px 2px;
   }

   .exp-filter {
       padding: 0px 20px;
   }

   /* #exp-content {
       padding-top: 60px;
   } */

   .main_btn_white{
      padding: 9px 10px;
      font-size: 12px;
   }

   .main_btn_gray{
      padding: 9px 10px;
      font-size: 12px;
   }

   .textGeneralPadding{
      padding: 0 10vw;
      margin: 0 0 50px;
   }

   .textGeneral{
      text-transform: none;
      line-height: 1.59;
      font-size: 17px;
  }

   .exp-mobile{
      display: block;
      width: 100%;
      height: auto;
   }

   .introTextWrap{
      top: 6vw;
   }

   #exp-content section p.main{
      text-transform: none !important;
      font-size: 17px;
      margin: 0;
      padding: 0 !important;
   }

  #exp-content section{
     width: auto;
     padding: 50px 5vw 50px;
  }

  #store-filters li a{
     font-size: 17px;
  }


  #customer-care #storeLocatorResults h3.location-mall {
     font-size: 19px;
  }

  #exp-content section p.location-address{
     font-size: 14px;
  }

  .exp-row a{
     font-size: 10px;
  }

  #exp-content section p{
     margin-top: 5vw;
  }

  #customer-care #storeLocatorResults .column {
     padding: 0 0 20px;
  }

  .exp-featured {
    padding: 0;
  }

  .exp-desktop {
   display: none!important;
  }

  .exp-mobile {
   display: block!important;
  }

  .textGeneralPadding2{
     padding: 0 2vw;
  }

  .marginTwobtn {
      margin: 50px 10px;
  }

   body {
      padding-top: 0; 
   }

}


@media (max-width: 375px) {

   #exp-content section{
      width: auto;
      padding: 100px 5vw 50px;
   }

}


@media (max-width: 360px) {


   #exp-content section{
      width: auto;
      padding: 130px 5vw 50px;
   }

}