body{
 background-color: #cccccc;
 width: 100%;
 margin: auto;
 padding: 0;
}
*{ font-family: 'Lato', Lato, sans-serif; transition: .5s;
}
h1, h2, h3, h4, h5, p, span{
 margin: 0 auto;
 padding: 0;
 font-weight: normal;
}
a{
 text-decoration: none;
}
a.HoverMe{
 background-color: #d6361d;
}
a.HoverMe:hover{
 background-color: #a5200c;
}
img{
 width: 100%;
 margin: auto;
}

.noselect{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none; 
        -ms-user-select: none;
            user-select: none;
}

.col-1{ width: 10%; float: left; }
.col-2{ width: 20%; float: left; }
.col-3{ width: 30%; float: left; }
.col-33{ width: 33%; float: left; }
.col-34{ width: 34%; float: left; }
.col-4{ width: 40%; float: left; }
.col-5{ width: 50%; float: left; }
.col-6{ width: 60%; float: left; }
.col-7{ width: 70%; float: left; }
.col-8{ width: 80%; float: left; }
.col-9{ width: 90%; float: left; }
.col-10{ width: 100%; float: left; }

.col-15{
 width: 15%;
 float: left;
}
.col-14{
 width: 14%;
 float: left;
}
.box p a{
	color: #ffffff;
}
.logo-cont{
 padding: 10px 0;
    background: #272725;
}
.logo-cont img{
 max-width: 180px;
 display: block;
 margin: auto;
}
.marginAuto{
 margin: auto;
}
.centerMe{
 text-align: center;
}
.rightMe{
 text-align: right;
}
.leftMe{
 text-align: left;
}
.flowMeAuto{
 overflow: auto;
}
.posRelative{
 position: relative;
}
.paddMe15{
 padding: 20px 15px 15px 15px;
}
.paddMe015x{
 padding: 0px 15px 20px 15px;
}
.paddMe015{
 padding: 0px 15px;
}
.paddMe1020{
 padding: 10px 20px;
}
.paddMe20{
 padding: 20px;
}
.paddMe30{
 padding: 30px;
}
.paddMe30-0{
 padding: 30px 0;
}
.paddMe0-30-0{
 padding: 0 0 30px 0;
}
.paddMe070{
 padding: 0 70px;
}
.paddMe50-20{
 padding: 50px 20px;
}

.thisHide{
 display: none!important;
}
.mob_show{
 display: none;
}

.main-container{
 width: 100%;
 margin: auto;
}
.inner-container{
 background-color: #ffffff;
 max-width: 1200px;
 display: block;
 margin: auto;
}
.container{
 display: block;
 width: 100%;
 margin: auto;
 max-width: 1200px;
}


.main-nav{
 display: block;
 margin: auto;
 background-color: #d6361d;
}
.main-nav ul {
 background-color: #d6361d;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0 auto;
 text-align: center;
 padding: 15px 0;
}
.main-nav ul li{
 display: inline-block;
 list-style: none;
 text-align: center;
 color: #ffffff;
 font-size: 25px;
 letter-spacing: 2px;
}
.main-nav ul li a{
 color: #ffffff;
 font-size: 22px;
 letter-spacing: 2px;
 position: relative;
 display: inline-block;
}
.main-nav ul li a:after{
 content: "";
   position: absolute;
   left:0;
   top: 100%;
   width: 0;
   height: 3px;
   background-color: #ffffff;
   transition: width .3s ease-in-out;
}
.main-nav ul li a:hover:after, .opened-mob-nav p a:hover:after{
  width: 100%;
}

.main-nav-mobile .hamburger div{
 width: 35px;
 height: 5px;
 background-color: #ffffff;
 margin: 6px 0;
 cursor: pointer;
}
.main-nav-mobile span{
 color: #ffffff;
 font-size: 25px;
 font-weight: bold;
 padding-top: 5px;
 display: block;
 padding-top: 5px;
 padding-right: 10px;
}
.open-mob-nav{
 padding: 15px 0;
}

#closeMe{
 color: #ffffff;
 font-size: 40px;
 font-weight: bold;
 cursor: pointer;
 transform: rotate(-45deg);
 position: absolute;
 right: 20px;
}
.close-mob-nav p{
 color: #ffffff;
 font-size: 25px;
 font-weight: bold;
 cursor: pointer;
}
.opened-mob-nav p a{
 display: block;
 color: #ffffff;
 padding: 10px;
 position: relative;
 display: inline-block;
}
.opened-mob-nav p a:after{
 content: "";
   position: absolute;
   left:0;
   top: 100%;
   width: 0;
   height: 3px;
   background-color: #ffffff;
   transition: width .3s ease-in-out;
}

.main-banner p a{
 display: block;
 margin: auto;
 max-width: 360px;
 text-align: center;
 color: #ffffff;
 font-size: 25px;
 font-weight: bold;
 padding: 15px 40px;
 letter-spacing: 2px;
 border-radius: 7px;
 position: relative;
}
.main-banner p{
 position: absolute;
 top: 55%;
 left: 50%;
 transform: translate(-50%,-55%);
}


.content-1{
 background-color: #d1dfe5;
}
.content-1 h1{
 color: #d6361d;
 font-size: 30px;
 text-align: left;
 font-weight: bold;
 letter-spacing: 1px;
}
.content-1 p{
 font-size: 30px;
 font-weight: normal;
 line-height: 35px;
 text-align: left;
 letter-spacing: 1px;
}
.content-1 p a{
 font-weight: bold;
    font-size: 40px;
    letter-spacing: 2px;
    color: #ffffff;
    background-color: #d6361d;
    border-radius: 7px;
    padding: 15px 10px;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.specialBox{
 height: 100%;
 width: 100%;
 max-height: 385px;
 max-width: 385px;
}
.box{
 border-radius: 25px;
 -webkit-box-shadow: -12px 15px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: -12px 15px 23px -12px rgba(0,0,0,0.75);
box-shadow: -12px 15px 23px -12px rgba(0,0,0,0.75);
 height: 100%;
 width: 100%;
 max-height: 365px;
 max-width: 385px;
 background-size: 385px;
 background-position: center;
}
.box p{
 font-size: 50px;
 font-weight: bold;
 color: #ffffff;
}
.boxText p{
 font-size: 35px;
 font-weight: bold;
 line-height: 45px;
 letter-spacing: 5px;
}
.boxText p a{
 color: #ffffff;
 background-color: #d6361d;
 font-size: 25px;
    display: block;
 letter-spacing: 2px;
 padding: 10px 20px;
 /*margin: 20px auto;*/
 width: 100%;
    max-width: 250px;
 border-radius: 10px;
}
.box1{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/e66e967f-915c-49bc-8e49-9fca80d30f7b.jpg);
}
.box2{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/3a7d3231-5cc0-437a-a3c4-eacbb6b468ed.jpg);
}
.box3{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/05437165-fce7-44fc-9b48-74dfc5fc1a01.jpg);
}
.box4{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/fd4d17cc-e938-44b3-96e7-23f7a0d4a1c6.jpg);
}
.box5{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/29b323d7-51eb-4bbb-9cba-dbd60b1e9fb4.jpg);
}
.box1:hover, .box2:hover, .box3:hover, .box4:hover, .box5:hover{
 background-size: 450px;
}
.centerMeVerHori{
 display: flex;
 align-items: center;
}

.locate-us{
 background-image: url(http://image.e.luxasia.com/lib/fe4015707564057c701370/m/3/e24ce80e-d13b-49e7-9522-c55762bd9571.jpg);
 background-size: cover;
    background-position: center;
}
.locateBox{
 height: 350px;
}
.locateBoxCont{
 margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.locateBoxCont p:nth-child(1){
 font-size: 24px;
 font-weight: bold;
 line-height: 40px;
 text-transform: uppercase;
}
.locateBoxCont p:nth-child(2){
 font-size: 24px;
 line-height: 40px;
 text-transform: uppercase;
}
.locateBoxCont a{
 color: #d6361d;
    border: 2px solid #d6361d;
    padding: 5px 15px;
    margin-top: 3px;
    display: block;
    max-width: 180px;
    text-align: center;
    text-transform: capitalize;
}
.locateBoxCont a:hover{
 background-color: #d6361d;
 color: #ffffff;
}


.locate-us p{
 font-size: 45px;
 color: #ffffff;
 letter-spacing: 7px;
}
.locate-us span{
 display: block;
 font-size: 30px;
 margin-top: 20px;
 color: #ffffff;
 letter-spacing: 6px;
}
.locate-cta{
 border: 3px solid #ffffff;
    color: #ffffff;
    display: block;
    margin: 40px auto 0;
    max-width: 400px;
    font-weight: bold;
    padding: 10px;
    border-radius: 20px;
    letter-spacing: 5px;
}
.locate-cta:hover{
 background-color: #10676b;
 color: #ffffff;
}
.goTop{
 position: relative;
}
.goTop p{
 font-size: 18px;
    font-weight: bold;
    background: #d63629;
    color: #ffffff;
    position: fixed;
    bottom: -100px;
    right: 0;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
}
.borderMe{
 border: 1px solid #ccc;
}
.locateImg{
  max-width: 260px;
  cursor: pointer;
}
.searcStyle{
 margin: auto;
    display: block;
    max-width: 500px;
}
.searcStyle input{
 width: 100%;
    height: 50px;
    text-indent: 45px;
    outline: none;
    font-size: 25px;
    border: 2px solid #2a6a79;
}
.search-icon{
 max-width: 30px;
    transform: scaleX(-1);
    position: absolute;
    top: 28px;
    left: 12px;
}
.searchNone h1{
 z-index: -1;
 padding-bottom: 20px;
    margin-top: -50px;
}
.gmap-img img{
 max-width: 60px;
}
.footer p{
 padding: 20px;
    text-align: center;
    color: #ffffff;
    background: #000000;
    letter-spacing: 2px;
    font-size: 12px;
}
.footer a{
 color: #ffffff;
}
.footer a:after{
 color: #ffffff;
}
.footer a:hover{
 text-decoration: underline;
}
.wideHide{
 display: none;
}
.callCollectNavMenu{
 background-color: #e56712;
}
.callCollectNavMenu p{
 color: #ffffff;
 text-align: center;
 padding: 10px;
 cursor: pointer;
}
.callCollectNavMenu p a{
 color: #ffffff;
}
.callCollectNavMenu p a:hover{
 text-decoration: underline;
}
.callCollectCont p{
 font-size: 24px;
}
.callCollectInnerCont h3{
 font-size: 25px;
    font-weight: bold;
 padding: 15px 0 10px;
}
.callCollectInnerCont p{
 font-size: 20px;
}
.callCollectInnerCont p a{
 background: #24b5b2;
    padding: 10px 20px;
    display: block;
    max-width: 150px;
    border-radius: 25px;
    margin: 10px auto 30px;
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
}
.callCollectInnerCont p a:hover{
 background-color: #0a5655;
}
.fixedMe{
 position: fixed;
    top: 0;
    width: 100%;
    max-width: 1200px;
    z-index: 99;
}
.selectdLocation{
 display: block;
    overflow: auto;
    border: 1px solid #e56712;
}
.flipBook iframe{
 width: 100%;
 height: 700px;
}

@media only screen and (max-width: 973px){
 .boxText p a{
  font-size: 20px;
 }
 .flipBook iframe{
  height: 600px;
 }
}

@media only screen and (max-width: 768px){
 .flipBook iframe{
  height: 500px;
 }
 .wideHide{
  display: block;
 }
 .col-33, .col-34{
  width: 100%;
 }
 .mob_hidden{
  display: none!important;
 }
 .mob_show{
  display: block;
 }
 .banner2.paddMe070, .paddMe1020{
  padding: 0;
 }
 .main-banner p{
  width: 100%;
  max-width: 260px;
  top: 70%;
  transform: translate(-50%,-70%);
 }
 .main-banner p a{
  font-size: 18px;
  padding: 15px 10px;
 }
 .case1 .paddMe070{
  padding: 0px;
  margin-top: 40px;
 }
 .case2 .paddMe070{
  padding: 0px;
 }
 .content-1 h1{
  font-size: 25px;
 }
 .content-1 p{
  font-size: 20px;
  line-height: 30px;
 }
 .content-1 p a{
  max-width: 200px;
     font-size: 25px;
        padding: 10px 10px;
 }
 .boxText p a{
  font-size: 20px;
     width: 100%;     
     max-width: 210px;
     padding: 15px 25px;
     margin: auto;
 }
 .gmap-img img{
  max-width: 55px;
 }
 .locate-us p{
  font-size: 30px;
 }
 .locate-us span{
  font-size: 25px;
 }
 .locate-cta{
  margin: 25px auto 0;
  max-width: 300px;
 }
 .locateCase .paddMe070{
  padding: 0;
 } 
 .locateImg{
  max-width: 160px;
 }
 .locateCase .col-5{
  width: 100%;
 }
 .locateBox{
  height: unset;
 }
 .locateBoxCont{
  position: unset;
  top: 0;
  -ms-transform: translateY(0);
     transform: translateY(0);
 }
 .locateBoxCont p:nth-child(1), .locateBoxCont p:nth-child(2){
  font-size: 20px;
 }
 .paddMe015x{
  padding: 20px 15px 15px 15px;
 }
 .mob-to-33{
  width: 33%;
 }
 .mob-to-34{
  width: 34%;
 }
 .mob-to-100{
  width: 100%;
 }

}

@media only screen and (max-width: 600px){
 .mob_hidden{
  display: none;
 }
 .flipBook iframe{
  height: 500px;
 }
}

@media only screen and (max-width: 500px){
 .searchNone h1{
  font-size: 23px;
 }
 .callCollectNavMenu p a{
  font-size: 13px;
 }
}