#section-tipe-outlet { background: #ffcc00; /*margin-top: -120px;*/ position: relative; z-index: 0;  padding:100px 0% 100px 0%; display:block;}
#section-tipe-outlet-resize {background: #ffcc00; /*margin-top: -120px;*/ position: relative; z-index: 0;  padding:100px 0% 100px 0%; display:none;}
#section-tipe-outlet-mobile {background: #ffcc00; /*margin-top: -120px;*/ position: relative; z-index: 0; overflow: hidden; padding:100px 0% 100px 0%; display:none;}

#section-international-outlet { background: url('../img/outlet/outletinternational/background-gray.png') no-repeat top left; /*margin-top: -40px;*/ position: relative; z-index: 0; background-size: cover; padding:100px 10% 100px 10%;}
#section-outlet-location { background: url('../img/outlet/locationoutlet/Maps.jpg');  position: relative; z-index: 0; background-size: cover; padding:0px 0% 0px 0%;}
#section-outlet-location-gray{ background: url('../img/outlet/locationoutlet/background-gray.png'); position: relative; z-index: 0; background-size: cover; padding:75px 0% 75px 0%;}
#section-outlet-location-mobile{background: url('../img/outlet/mobile/location-maps-mobile.jpg');  position: relative; z-index: 0; background-size: cover; padding:0px 0% 0px 0%; display:none;}
.outlet-item-container{background: url('../img/outlet/tipeoutlet/item-outlet-desktop.png') no-repeat top left; display: flex; align-items: center;  position: relative; z-index: 0; background-size: cover; padding:25px 5% 25px 5%;}
.outlet-item-container-mobile{background: url('../img/outlet/mobile/outlet-img-mobile-content.png') no-repeat top left; display: flex; align-items: center; justify-content: center; position: relative; z-index: 0; background-size: cover; padding:25px 5% 25px 5%;}


.outlet-item-container-2{padding: 25px 5% 25px 5%;}
.outlet-mb-3{
    margin-bottom:3%;
}
.outlet-tipe-banner-content{
    position: absolute;
    right: 140px;
    top: 80px;
    width: 33%;
}

.outlet-banner-title-white{
    font-family:'touchesemibold';
    font-size:12px;
    color:#ffffff;
    margin-left:3%;
}

.outlet-banner-title-text{
    font-family:'toucheregular';
    font-size:34px;
    color:#ffcc00;
}

.outlet-banner-desc-text{
    font-family:'gibsonregular';
    font-size:17px;
    color:#ffffff;
    margin-top: 10px;
}

.image-icon-logo-outlet{
    text-align:center; 
    margin-top:-25px;
}

.tipe-outlet-text{
    text-align:center;
    font-family:'touchebold'; 
    font-size:39px; 
    color:#2e2d2c;
    margin-bottom:2%;
}

.img-outlet{
    max-width: 100%;
    height: auto;
      
    /* height:100%; */
    display: inline-block;
    position: relative;
    vertical-align: middle;
    
}

.img-outlet-2{
    max-width: 100%;
    height: auto;
    /* height:100%; */
    display: inline-block;
    position: relative;
    vertical-align: middle;
    
}
.img-outlet-resize{
    max-width: 100%;
    height: auto;
    /* height:100%; */
    display: inline-block;
    position: relative;
    vertical-align: middle;  
}

.img-outlet-mobile{
    max-width: 100%;
    height: auto;
    /* height:100%; */
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.middle{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /* min-height: 250px; */
}

.outlet-item{
    width: 33%;
    float: left;
    text-align: center;
    position: relative;
    top: 0px;
}

.outlet-item-2{
    width: 33%;
    float: left;
    text-align: center;
    position: relative;
}
.outlet-text-content{
    /* padding-left:5%; 
    padding-right:5%; 
    margin-bottom:15%; */
    padding: 25px 5% 25px 5%;
}
.outlet-text-content-2{padding-left:5%; padding-right:5%;}
/* .outlet-text-content-resize{padding-left:5%; padding-right:5%; margin-bottom:15%;} */
.outlet-text-content-resize{padding: 25px 5% 25px 5%;}
.outlet-text-content-mobile{padding: 25px 5% 25px 5%;}
.outlet-item-resize {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    top: 0px;
}

.outlet-item-mobile {
    width: 100%;
    /* float: left; */
    text-align: center;
    position: relative;
    top: 0px;
}

.outlet-number-img-logo{
    text-align: center;
    position: relative;
    /* top: 30px; */
}

.outlet-number{
    text-align: center;
    font-family: 'gibsonbold_italic';
    font-size: 16px;
    color: #ffcc00;
    position: relative;
    z-index: 1;
    top: -30px;
}

.outlet-item-name {
    font-family: 'touchebold';
    font-size: 17px;
    color: #2e2d2c;
    margin-top: 3%;
    margin-bottom: 3%;
    position: relative;
    /* top: 30px; */
}

.banner-image-left-menu-internationaloutlet {
    width: 57%;
    top: -36px;
    position: relative;
    left: 0;
}

.banner-image-right-menu-internationaloutlet{
    width: 74%;
    position: absolute;
    right: 0;
    top: -95px;
}



.outlet-international-item{
    width:50%; 
    float:left;
    position:relative;
    padding: 4%;
}

.outlet-item-press {overflow:hidden; position: relative; width:50%; float:left!important; }
.outlet-item-inner-press {margin-left: -15px; padding:5%;}
.outlet-item-image-press {background-color: #f2ebe4;  overflow: hidden; position: relative; width: 100%; background-repeat: no-repeat; background-position: center; background-size:cover; }
.outlet-item-image-press:before {content: ""; display: block; padding-top: 70%;}
.outlet-item-image-inner-press {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.outlet-item-image-press img {visibility: hidden; max-width: 100%; height: 100%;}
/* .outlet-item-name-press{text-align:center; font-family:'proxima_nova_rgregular'; font-size:15px; margin-top:5%; }
.outlet-item-short-desc-press{text-align:center; font-family:'proxima_nova_rgregular'; font-size:15px; color:#725f0c}
.outlet-item-short-desc-press a{color:#725f0c;} */


.outlet-international-image-inner{
    background-color: #f2ebe4;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 380px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.outlet-name-content{
    position:relative; 
    margin-top:5%; 
    width:100%;
}

.outlet-name-text{
    margin-left:2%;
    font-family:'touchebold'; 
    font-size:12px; 
    color:#2e2d2c;
}

.header-location {
    background: url('../img/outlet/locationoutlet/header-location.png') no-repeat top left;
    width: 440px;
    height: 90px;
    background-size: cover;
    position:relative;
    padding:4%;
    display:none;
}

.header-location-mobile{
    background: url('../img/outlet/locationoutlet/header-location.png') no-repeat top left;
    background-size: cover;
    position:relative;
    padding:4%;
    width:100%;
}
.outlet-location-mobile-content{background:#f2ebe4; padding:50px 5% 50px 5%; position:relative; width:100%;}

.img-outlet-maps{position:relative;}
.img-outlet-maps-mobile{position:relative;}

.header-location-position{
    position:absolute; 
    top:10%; 
    left:6%;
}

.location-outlet-text{
    font-family:'touchesemibold'; 
    font-size:12px; 
    color:#2e2d2c; 
    letter-spacing: 0.7px;
}

.location-outlet-find-us-text{
    font-family:'touchebold'; 
    font-size:28px; 
    color:#2e2d2c;
}

.location-content{
    background: url('../img/outlet/locationoutlet/form-location.png') no-repeat top left;
    width: 440px;
    height: 400px;
    background-size: cover;
    position:relative;
    padding:4%;
    display:none;
}


form.outlet_search input[type=text] {
    padding: 3px;
    font-size: 13px;
    border: 1px solid white;
    float: left;
    width: 80%;
    background: white;
}

.border-outlet-location-1{
    border-bottom: 2px solid #686766;
    margin-left: 4%;
    margin-top: 1%;
    width: 365px;
}

.address-content{
    margin-top:5%; 
    width:400px; 
    height:300px;
    background:#f2ebe4; 
    color:white; 
    padding-left: 5%; 
    padding-right: 3%; 
    overflow-y:auto;
}

.adress-content-mobile{
    width:100%; 
    overflow-y:auto;
}


.border-outlet-address{
    background: url('../img/outlet/locationoutlet/line-gray.png') no-repeat top left;
    width:100%;
    height:3px;
    margin-top:2%;
    margin-bottom:2%;
}

.border-outlet-address-mobile{
    border-bottom:2px solid #b2b1af;
    margin-top: 3%;
}
.location-outlet-name{
    font-family:'touchesemibold'; 
    font-size:12px; 
    color: #f4b000;
    margin-top:2%; 
    margin-bottom:2%;
}
  
.location-outlet-address{
    font-family:'gibsonregular'; 
    font-size:12px; 
    color:#2e2d2c
}
    ::-webkit-scrollbar:vertical {
        width: 10px;
    }

  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #e0d4c9; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background:#2e2e2d;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background:#2e2e2d;
  }


  .button {
    background: url('../img/outlet/locationoutlet/button-search.png') no-repeat top left;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;
  }

.button-mobile{
    background: url('../img/outlet/locationoutlet/button-search.png') no-repeat top left;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;
}

  .text-address{
    margin-left:4%;
    font-size:13px;
    font-family:'gibsonregular';
    height:26px;
    width:80%;
    float:left;
    color:#575756;
    padding-left:2%;
  }

  .text-address-mobile {
    margin-left: 0%;
    font-size: 13px;
    font-family: 'gibsonregular';
    height: 27px;
    width: 88%;
    float: left;
    color: #575756;
    padding-left: 2%;
}
.outlet-location-banner{position:absolute; right:0;padding-right: 5%;top: 45px;  color: black; width: 49%;}
.outlet-location-banner-subtitle{font-family: 'touchesemibold';font-size: 12px;letter-spacing: 2px; color: white; margin-bottom:3%;}
.outlet-location-banner-desc-small{font-family: 'toucheregular'; font-size: 34px; margin-bottom: 10px; color: #ffcc00; }

@media all and (max-width:1300px){
    .outlet-international-image-inner {
        height: 365px;
    }
}

@media all and (max-width:1200px){
    .outlet-international-image-inner {
        height: 350px;
    }
}

@media all and (max-width:1100px){
    .outlet-international-image-inner {
        height: 335px;
    }
}

@media all and (max-width:1050px){
    #section-tipe-outlet{display:none;}
    #section-tipe-outlet-resize{display: block;}
    #section-tipe-outlet-mobile{display:none;}
}

@media all and (max-width:1000px){
    .outlet-international-image-inner {
        height: 310px;
    }

    .outlet-location-banner-desc-small{font-size: 28px}
}

@media all and (max-width:900px){
    .outlet-international-image-inner {
        height: 285px;
    }

    .outlet-location-banner-subtitle{font-size: 11px;}
    .outlet-location-banner-desc-small{font-size: 23px;}
}


@media all and (max-width:800px){
    .outlet-international-image-inner {
        height: 250px;
    }

    .outlet-location-banner-subtitle{font-size: 10px;}
    .outlet-location-banner-desc-small{font-size: 20px;}
}

@media all and (max-width:700px){
    #section-tipe-outlet{display:none;}
    #section-tipe-outlet-resize{display:none;}
    #section-tipe-outlet-mobile{display:block;}
    #section-international-outlet {padding: 100px 5% 100px 5%;}
    .outlet-item-press {width: 100%;}
    .outlet-item-name {
        font-size: 15px;
    }

    .outlet-number {
        font-size: 14px;
    }

    #section-outlet-location{display:none;}
    #section-outlet-location-mobile{display:block;}
    /* #section-outlet-location-gray {display:none;} */
    .border-outlet-location-1 {
        border-bottom: 2px solid #686766;
        margin-left: 0%;
        margin-top: 1%;
        width:100%;
    }

    .outlet-location-mobile-content {
        display:none;
    }

    .header-location-mobile {
        display:none;
    }

    .outlet-item-container {
        display: none;
    }

    .outlet-text-content-resize {
        display: none;
    }

    .outlet-location-banner-subtitle{font-size: 12px;}
    .outlet-location-banner-desc-small{font-size: 34px;}

    .outlet-location-banner {
        padding-right: 5%;
        padding-left: 5%;
        width: 100%;
    }

    #section-outlet-location-gray {
        padding: 50px 0% 50px 0%;
    }

}


@media all and (max-width:500px){
    .outlet-location-banner-desc-small{font-size: 28px;}
}

@media all and (max-width:450px){
    .outlet-location-banner-subtitle{font-size: 11px;}
    .outlet-location-banner-desc-small{font-size: 23px;}
}

@media all and (max-width:400px){
    .outlet-location-banner-subtitle{font-size: 10px;}
    .outlet-location-banner-desc-small{font-size: 20px;}
}