@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300|Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100.300,400,500,700,900');
@import url('https://cdn2.hubspot.net/hubfs/5085776/Lalamove/css/slick.min.css');

/*****************************************/
/*Variables*/
/*****************************************/





/*********************************************** intial declartaion of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html { -webkit-text-size-adjust: none;overflow-x: hidden;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea, option {
  font-family: 'Roboto', "Lato", Arial, Sans-Serif;
}

/*********************************************** remember to define focus styles! **********************************************/

:focus { outline: 0; }

/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }

/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;}


.flex-wrap{
  flex-wrap: wrap;
}
.hs-flex-row-align-center > .row-fluid-wrapper > .row-fluid{
  align-items: center;
}

.footer-main-section.car_footer{min-height:100% !important; padding-top:175px;}
.crer_flex > div >div { display: flex; align-items: center; flex-wrap: wrap; }

@media(max-width:991px){
 .footer-main-section.car_footer{padding:50px 0;}
.crer_flex > div >div { align-items:flex-start;  } 
.new_footcar.footer-logo-lan{margin-top:75px;}
.crer_flex .lm-footer-logo {margin-bottom:15px;}
}
@media(max-width:767px){
.crer_flex > div >div { display:block;} 
.new_footcar.footer-logo-lan{margin-top:25px;}
.crer_flex .footer-listing-content {margin-top: 50px;}  
.crer_flex .care_img{margin:20px 0;}
}


@media(min-width:990px){
  .hs-flex-row > .row-fluid-wrapper > .row-fluid,
  .flex-row{
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
  }
}

/* Links */

a.orange-back-link {text-align:center;display:inline-block;padding: 13px 20px; border-radius: 25px;color: #fff!important;font-size:16px;letter-spacing: 1px; text-transform: uppercase;border: 1px solid transparent; font-weight:700;background:#F16722;}
a.orange-back-link:hover{border:1px solid #F16722;color:#F16722!important;background:transparent;}

a.white-back-link {text-align:center;display:inline-block;padding: 13px 20px; border-radius: 25px;color: #333132!important;font-size:16px;letter-spacing: 1px; text-transform: uppercase;border: 1px solid transparent; font-weight:700;background:#fff;}
a.white-back-link:hover{border:1px solid #fff;color:#fff!important;background:transparent;}

a.white-bor-link {text-align:center;display:inline-block;padding: 13px 20px; border-radius: 25px;color: #fff!important;font-size:16px;letter-spacing: 1px; text-transform: uppercase;border: 1px solid #fff; font-weight:700;background:transparent;}
a.white-bor-link:hover{border:1px solid transparent;color:#333132!important;background:#fff;}

a.orange-border-link {    text-align: center;display:inline-block;padding: 13px 20px; border-radius: 25px;color: #F16722!important;font-size:16px;letter-spacing: 1px; text-transform: uppercase;border: 1px solid #F16722; font-weight:700;background:transparent;}
a.orange-border-link:hover{border:1px solid transparent;color:#fff!important;background:#F16722!important;}

/*********************************************************body  ********************************************************/

.row-fluid [class*="span"]{
  min-height: 0;
}

@media (min-width: 1280px){
  .row-fluid [class*="span"] {
    min-height: 0;
  }
}

body {
  min-width: 300px;
  font-size: 16px; 
  line-height: 22px; 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -moz-osx-font-smoothing: grayscale;  
  -webkit-tap-highlight-color: transparent; 
  font-family: 'Roboto', sans-serif; 
  font-weight:400;
  color:#333132;
}
body:not(.custom-background-image)::before, 
body:not(.custom-background-image)::after { 
  display: none !important; 
}
a { 
  text-decoration: none; 
  transition: all 0.5s ease ; 
  -moz-transition: all 0.5s ease ; 
  -ms-transition: all 0.5s ease ; 
  -o-transition: all 0.5s ease ; 
  -webkit-transition: all 0.5s ease ; 
}
a:hover {
  text-decoration: none; 
  transition: all 0.5s ease ; 
  -moz-transition: all 0.5s ease ; 
  -ms-transition: all 0.5s ease ; 
  -o-transition: all 0.5s ease ; 
  -webkit-transition: all 0.5s ease ; 
}
a:focus { 
  outline: none; 
  text-decoration: none; 
}
p { 
  margin-bottom:15px;
  font-size:16px;
  font-weight:400;
  line-height: 1.5;
}
h1,h2,h3,h4,h5,h6{
  font-weight:700;
}

h1,.h1{
  font-size: 3.75rem;
  line-height: 1.15;
}
h2,.h2{
  font-size: 2.5rem;
  line-height: 1.33;
}
h3,.h3{
  font-size: 1.5rem;
  line-height: 1.29;
}

a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}

.container {
  max-width: 1488px;
  margin:0 auto !important;
  padding:0 40px;
  float:none !important;    
  width: 100%; 
}
.section-padding{
  padding: 80px 0;
}
.margin-b30{
  margin-bottom: 30px;
}
.margin-b40{
  margin-bottom: 40px;
}
.margin-t30{
  margin-top: 30px;
}
.margin-t40{
  margin-top: 40px;
}
.margin-t60{
  margin-top: 60px;
}
.margin-t80{
  margin-top: 80px;
}
.spacer{
  min-height: 1px;
}
.spacer--15{
  height: 15px;
}
.spacer--30{
  height: 30px;
}
.spacer--40{
  height: 40px;
}
.spacer--45{
  height: 45px;
}
.spacer--60{
  height: 60px;
}
.spacer--80{
  height: 80px;
}
.text-center{
  text-align: center;
}
.block-link{
  position: relative;
}
.block-link > a{
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.inline-block{
  display: inline-block;
}
.initially-hidden{
  display: none;
}
@media(min-width:1024px){
  .container{
    padding: 0 60px;
  }
}
@media(min-width:1470px){
  .container{
    padding: 0 120px;
  }
}
.grey-bg{
  background-color: #f6f3ef;
}

.with-border-center,
.with-border-left,
.with-border-right{
  position: relative;
  margin-bottom: 70px !important;
}

.with-border-center:after{
  width: 100%;
  height: 2px;
  max-width: 150px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background: #F16722;
  content: "";
  bottom: -26px;
}

.with-border-left:after{
  width: 100%;
  height: 2px;
  max-width: 150px;
  position: absolute;
  left: 0;
  background: #F16722;
  content: "";
  bottom: -26px;
}

.with-border-right:after{
  width: 100%;
  height: 2px;
  max-width: 150px;
  position: absolute;
  right: 0;
  background: #F16722;
  content: "";
  bottom: -26px;
}

.mulitcolour-title span{
  color: #F16722;
}

/*****************/
/* Flex Column Rules
/*****************/

@media screen and (max-width: 991px){
  .flex-row-mobile{
    display: -webkit-box;
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
  }
}

/* .flex-row:after {
  content: '';
  flex: auto;
} */

.flex-row.no-flex-row-mobile{
  display: block;
}

.flex-row.no-flex-adjust:after{
  flex: none;
}

.flex-wrap{
  flex-wrap: wrap;
}

@media screen and (min-width: 768px){
  .flex-row.no-flex-row-mobile{
    display: flex;
  }
}
@media screen and (min-width : 1024px) {
  .flex-lg-1 > div{
    width: 100%;
  }
  .flex-lg-2 > div:nth-child(2n){
    width: calc(50% - 20px);
    margin-left: 20px;
  }
  .flex-lg-2 > div:nth-child(2n+1){
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+1){
    width: calc(33% - 26.7px);
    margin-right: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+2){
    width: calc(33% - 26.7px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+3){
    width: calc(33% - 26.7px);
    margin-left: 20px;
  }
  .flex-lg-4 > div{
    width: calc(25% - 30px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-lg-4 > div:nth-child(4n+1){
    margin-left: 0px;
  }
  .flex-lg-4 > div:nth-child(4n+4){
    margin-right: 0px;
  }
  .flex-lg-5 > div{
    width: calc(20% - 24px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-lg-5 > div:nth-child(5n+5){
    margin-right: 0;
  }
  .flex-lg-5 > div:nth-child(5n+1){
    margin-left: 0;
  }
  .flex-lg-6 > div{
    width: calc(16.7% - 26.7px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-lg-6 > div:nth-child(6n+6){
    margin-right: 0;
  }
  .flex-lg-6 > div:nth-child(6n+1){
    margin-left: 0;
  }
}

@media screen and (max-width : 1023.9px) and (min-width: 768px) {
  .flex-md-1 > div{
    width: 100%;
  }
  .flex-md-2 > div:nth-child(2n){
    width: calc(50% - 20px);
    margin-left: 20px;
  }
  .flex-md-2 > div:nth-child(2n+1){
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .flex-md-3 > div:nth-child(3n+1){
    width: calc(33% - 26.7px);
    margin-right: 20px;
  }
  .flex-md-3 > div:nth-child(3n+2){
    width: calc(33% - 26.7px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-md-3 > div:nth-child(3n+3){
    width: calc(33% - 26.7px);
    margin-left: 20px;
  }
  .flex-md-4 > div{
    width: calc(25% - 30px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-md-4 > div:nth-child(4n+1){
    margin-left: 0px;
  }
  .flex-md-4 > div:nth-child(4n+4){
    margin-right: 0px;
  }
  .flex-md-5 > div{
    width: calc(20% - 24px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-md-5 > div:nth-child(5n+5){
    margin-right: 0;
  }
  .flex-md-5 > div:nth-child(5n+1){
    margin-left: 0;
  }
  .flex-md-6 > div{
    width: calc(16.7% - 26.7px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-md-6 > div:nth-child(6n+6){
    margin-left: 0;
  }
  .flex-md-6 > div:nth-child(6n+1){
    margin-right: 0;
  }
}

@media screen and (max-width : 767.9px) and (min-width: 576px) {
  .flex-sm-1 > div{
    width: 100%;
  }
  .flex-sm-2 > div:nth-child(2n){
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .flex-sm-2 > div:nth-child(2n+1){
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+1){
    width: calc(33% - 20px);
    margin-right: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+2){
    width: calc(33% - 20px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+3){
    width: calc(33% - 20px);
    margin-left: 15px;
  }
  .flex-sm-4 > div{
    width: calc(25% - 15px);
  }
  .flex-sm-5 > div{
    width: calc(20% - 15px);
  }
  .flex-sm-6 > div{
    width: calc(16.7% - 15px);
  }
}

@media screen and (max-width : 575.9px) {
  .flex-xs-1 > div{
    width: 100%;
  }
  .flex-xs-2 > div:nth-child(2n){
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .flex-xs-2 > div:nth-child(2n+1){
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .flex-xs-3 > div{
    width: calc(33% - 15px);
  }
  .flex-xs-4 > div{
    width: calc(25% - 15px);
  }
  .flex-xs-5 > div{
    width: calc(20% - 15px);
  }
  .flex-xs-6 > div{
    width: calc(16.7% - 15px);
  }
}

/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.header-container-wrapper {
  position: fixed; 
  left: 0; 
  right: 0; 
  z-index: 90999;
}

.wrapper-header{
  background: transparent;
  font-weight:700;
  padding: 31px 0px 0px;
  width:100%!important
}
.logo img{
  max-width:190px;cursor: 
  pointer;width:100%!important;
}

.wrapper-header .menu ul > li.hs-menu-depth-1 a:hover{
  border-bottom: 2px solid #fff;
}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex; 
}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{
  margin-right:20px;
}

.wrapper-header .menu ul > li.hs-menu-depth-1:last-child > a{
  margin-right:0px;
}

.wrapper-header .menu ul li a{
  text-transform: uppercase;
  font-size:16px;
  display: inline-block;
  transition:all 0.5s ease;
  color:#fff;
  line-height: 1.7;
  border-bottom: 2px solid transparent;
}
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger,.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.open{ 
  position: static; 
  display: none;
}
.wrapper-header .menu ul > li.hs-menu-depth-2 {
  width: 100%; 
}
.wrapper-header .menu ul > li.hs-menu-depth-2 > a img { 
  max-width: 59px; 
  width: 100%; 
  height: auto;    
  margin-right: 22px; 
}

/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper { 
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16);
  display: flex; 
  align-items: center; 
  justify-content: center;
  position: absolute; 
  background: #fff; 
  width: 100%; 
  text-align: center; 
  left: 0; 
  visibility: hidden; 
  padding: 20px 0; 
  right: 0; 
}

/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{
  position: relative;
}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{
  position: absolute; 
  background: #f1c319; 
  width: 100%; 
  min-width:150px;
  visibility: hidden;
  left:100%;
  top:0px;
  border-left:1px solid #fff;
}
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{
  color:#fff;
  padding:10px 15px;
}

.wrapper-header ul.active-branch {display: none;}

.header-container-wrapper.active .wrapper-header{background:#fff;}
.header-container-wrapper.active .wrapper-header.sticky .LanguageBazar .LanguagesWrapper.active,.header-container-wrapper.active .wrapper-header.sticky .CityBazar .CitiesWrapper.active{top: 105px;}
.header-container-wrapper.active .wrapper-header .menu ul li a{color:#333132;}
.header-container-wrapper.active .wrapper-header .menu ul li a:hover{border-bottom: 2px solid #333132;}
.header-container-wrapper.active a.currLanguage{color:#333132;}
.header-container-wrapper.active a.currLanguage:hover{color:#F16722;}
.header-container-wrapper.active a.white-back-link{background:#F16722;color:#fff!important;}
.header-container-wrapper.active a.white-back-link:hover{border: 1px solid #F16722; color: #F16722!important; background: transparent;}
.header-container-wrapper.active a.white-bor-link { border: 1px solid #F16722; color: #F16722!important; background: transparent; }
.header-container-wrapper.active a.white-bor-link:hover{background:#F16722;color:#fff!important;}
.header-container-wrapper.active .container.main-head-flex {  top: 107px;transition: all 0.5s ease;border-bottom:1px solid #F16722; }
.header-container-wrapper.active .wrapper-header.sticky .container.main-head-flex{border-bottom:1px solid #F16722;}

.header-container-wrapper .logo-orange-back{
  display: block;
}
.header-container-wrapper .logo-white-back {
  display: none;
}
.header-container-wrapper .wrapper-header.sticky .logo-orange-back{
  display: none!important;
}
.header-container-wrapper .wrapper-header.sticky .logo-white-back {
  display: block!important;
}
.header-container-wrapper .wrapper-header.sticky {
  background:#fff;
  position: fixed;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}
.header-container-wrapper .wrapper-header.sticky a.currLanguage::after {
  background:url(https://www.lalamove.com/hubfs/Lalamove%20Jan%202019/images/Header/translate-language.svg);
}
.header-container-wrapper .wrapper-header.sticky .LanguageBazar .LanguagesWrapper.active,
.header-container-wrapper .wrapper-header.sticky .CityBazar .CitiesWrapper.active{
  top: 105px;
}
.header-container-wrapper .wrapper-header.sticky .menu ul li a{
  color:#333132;
}
.header-container-wrapper .wrapper-header.sticky  .menu ul li a:hover{
  border-bottom: 2px solid #333132;
}
.header-container-wrapper .wrapper-header.sticky a.currLanguage,
.header-container-wrapper .wrapper-header.sticky a.currCity{
  color:#333132;
}
.header-container-wrapper .wrapper-header.sticky a.currLanguage:hover,
.header-container-wrapper .wrapper-header.sticky a.currCity:hover{
  color:#F16722;
}
.header-container-wrapper .wrapper-header.sticky a.white-back-link{
  background:#F16722;
  color:#fff!important;
}
.header-container-wrapper .wrapper-header.sticky a.white-back-link:hover{
  border: 1px solid #F16722; 
  color: #F16722!important; 
  background: transparent;
}
.header-container-wrapper .wrapper-header.sticky a.white-bor-link { 
  border: 1px solid #F16722; 
  color: #F16722!important; 
  background: transparent; 
}
.header-container-wrapper .wrapper-header.sticky a.white-bor-link:hover{
  background:#F16722;
  color:#fff!important;
}
.header-container-wrapper .wrapper-header.sticky .container.main-head-flex {  
  top: 107px;
  transition: all 0.5s ease;
  border-bottom:none;
  padding-bottom: 30px;
}

/* City Menu */

.CityMenu {opacity: 0;}
a.currLanguage,a.currCity { border-bottom: 2px solid transparent;color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; }
.LanguageBazar .LanguagesWrapper,.CityBazar .CitiesWrapper{display:flex;position: fixed;left: 0; right: 0; background: #fff; top:-200%; bottom: 0; height: 100%;padding:46px 0px;transition: all 0.5s ease;}
.LanguageBazar .LanguagesWrapper.active,.CityBazar .CitiesWrapper.active {  top: 131px;transition: all 0.5s ease; }
ul.otherLanguages,ul.otherCities {display: flex;flex-wrap: wrap;}
.LanguageBazar .LanguagesWrapper li,.CityBazar .CitiesWrapper li{width:25%;text-align: left;margin-bottom:55px;}
.LanguageBazar .LanguagesWrapper li a,.CityBazar .CitiesWrapper li a{color:#333132;font-size:24px;font-weight:700;padding-left: 0;}
.LanguageBazar .LanguagesWrapper li a:hover, .CityBazar .CitiesWrapper li a:hover{color:#F16722;text-decoration:underline;}
a.closeBtn img {max-width: 30px;width:100%;}
.close-icon-head-flex { display: flex; align-items: center; justify-content: space-between;    margin-bottom:50px; }
.close-icon-head-flex h3 { margin: 0; font-size: 40px; }

a.currLanguage:hover,  
a.currCity:hover{
  color:#333132;
}
a.currCity{
  position:relative;
  display: flex; 
  align-items: center;
}
.LanguageBazar a {
  position: relative;
  padding-left: 27px;
}
a.currLanguage::after {
  content: "";
  background:url(https://www.lalamove.com/hubfs/Lalamove%20Jan%202019/images/Header/translate-language%20%281%29.svg);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 2px;
  background-repeat: no-repeat; 
  width: 18px; 
  height: 14px;
}
.header-container-wrapper.active a.currLanguage::after {
  background:url(https://www.lalamove.com/hubfs/Lalamove%20Jan%202019/images/Header/translate-language.svg);
}
.langyagecityflex {
  flex-wrap: wrap; 
  display: flex; 
  align-items: center; 
  justify-content: flex-end;
  margin: 0 0 0 auto; 
}
.LanguageBazar,
.CityBazar,
.header-login,
.signup-login {
  margin:0px 15px 
} 
.signup-login {
  margin-right: 0;
}
.header-login a, 
.signup-login a{
  width:100%;
}
.header-login, 
.signup-login {
  width: 22%;
}
.lang_switcher_class { 
  display: none !important; 
}

.example input::-webkit-input-placeholder { color: #808285;opacity:0.5; } /* WebKit browsers */
.example input:-moz-placeholder { color:#808285;opacity:0.5; } /* Mozilla Firefox 4 to 18 */
.example input::-moz-placeholder { color:#808285;opacity:0.5;} /* Mozilla Firefox 19+ */
.example input:-ms-input-placeholder { color:#808285;opacity:0.5; } /* Internet Explorer 10+ */
.example textarea::-webkit-input-placeholder { color: #808285;opacity:0.5; } /* WebKit browsers */
.example textarea:-moz-placeholder { color:#808285; opacity:0.5;} /* Mozilla Firefox 4 to 18 */
.example textarea::-moz-placeholder { color:#808285;opacity:0.5; } /* Mozilla Firefox 19+ */
.example textarea:-ms-input-placeholder { color:#808285;opacity:0.5; } /* Internet Explorer 10+ */

form.example {position: relative;display: flex;    align-items: center;margin-bottom: 98px!important;}
form.example input[type="text"] { border-bottom: 2px solid #F16722;color:#808285; border-top: 0;border-left: 0;border-right: 0; float: left; width: 100% !important; font-size: 40px; background: #fff; letter-spacing: 1px; font-weight: 700; padding: 16px 20px !important}
form.example button { top: 0; bottom: 0;cursor: pointer; border: none; background: none;position: absolute; right: 0; }
form.example button img { max-width: 50px; margin-right: 20px; }


@media(min-width:992px){
  .wrapper-header .hs-menu-wrapper{display:block !important;}
  .wrapper-header .mobile-trigger{display: none!important;}
  .wrapper-header .menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover:before{position: absolute; content: "\f0d8"; font-family: FontAwesome; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; font-size: 22px; line-height: 7px;}
  .wrapper-header .contact li a:hover{color:#1b2225;}
  .wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper { visibility: visible; transition: all .5s ease-in-out;}
  .wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
}

@media(max-width:991px){
  .span5.widget-span.widget-type-custom_widget { width: 100%; margin: 9px 0 0px;}
  .wrapper-header{padding:15px 0px;}
  .header-container-wrapper.smaller{ margin-top: -24px;animation: fadeIn .5s ease, margin-top .5s ease;}
  .header-container-wrapper{margin-top:0px;animation: fadeIn .5s ease, margin-top .5s ease;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a { width: auto;    padding: 10px 30px; }
  .wrapper-header .contact { width: 100% !important; padding-left: 0; padding-top: 0; position: absolute; right: 4px; top: 7px; }
  .wrapper-header .contact ul {justify-content: flex-end; }
  .wrapper-header .contact li a { padding: 0px 15px;}

  /**********************************************Toggle Icon***************************************/
  .wrapper-header .mobile-trigger{width: 35px;height:25px;position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index:0; top:23px; right: 20px; display: inline-block !important;}
  .wrapper-header .mobile-trigger .line {width:50%;display: block;background:#333132;height:5px;position:absolute;left: 0;transition: 0.25s ease-in-out; }
  .wrapper-header .mobile-trigger .line.line-1{top:0;}
  .wrapper-header .mobile-trigger .line.line-2{top:0;}
  .wrapper-header .mobile-trigger .line.line-3{top:10px;}
  .wrapper-header .mobile-trigger .line.line-4{top:10px;}
  .wrapper-header .mobile-trigger .line.line-5{top:20px;}
  .wrapper-header .mobile-trigger .line.line-6{top:20px;}
  .wrapper-header .mobile-trigger .line:nth-child(odd) {left: 0;}
  .wrapper-header .mobile-trigger .line:nth-child(even) {left:50%;} 

  .wrapper-header .mobile-trigger.active-re .line.line-1 { left: 0; top: 3px; }
  .wrapper-header .mobile-trigger.active-re .line.line-1,.wrapper-header .mobile-trigger.active-re .line.line-2{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .wrapper-header .mobile-trigger.active-re .line.line-2{left: calc(50% - 5px);top:3px;}
  .wrapper-header .mobile-trigger.active-re .line.line-3{ left: -50%; opacity: 0; }
  .wrapper-header .mobile-trigger.active-re .line.line-3,.wrapper-header .mobile-trigger.active-re .line.line-4{ top: 10px; } 
  .wrapper-header .mobile-trigger.active-re .line.line-4{ left: 100%; opacity: 0; }

  .wrapper-header .mobile-trigger.active-re .line.line-5{ left: 0; top:17px; }
  .wrapper-header .mobile-trigger.active-re .line.line-2,.wrapper-header .mobile-trigger.active-re .line.line-5{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .wrapper-header .mobile-trigger.active-re .line.line-6{ left: calc(50% - 5px); top: 17px; }
  .wrapper-header .mobile-trigger.active-re .line.line-1, .wrapper-header .mobile-trigger.active-re .line.line-6{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

  /**********************************************Depth 1***************************************/
  .wrapper-header .hs-menu-wrapper{display:none;position:fixed;width: 100%;max-width: 100%;left:0;right:0;top:72px;background:#333132;height:100%;}
  .wrapper-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid rgba(255,255,255,0.25);}
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff;padding: 11px 20px 9px;display:block; margin-right: 0} 
  .wrapper-header .menu .hs-menu-wrapper > ul {display: block;position: absolute;height: calc(100vh - 94px); width: 100%; }
  .header-container-wrapper .wrapper-header.sticky .menu ul li a{color:#fff;}
    .wrapper-header .menu ul > li.hs-menu-depth-1 > a:hover,.header-container-wrapper .wrapper-header.sticky .menu ul li a:hover{color:#F16722;border-bottom: 2px solid transparent;}

  /**********************************************Depth 2***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible; width: 100%;padding: 0;left:0;text-align: left;}
  .wrapper-header .menu ul > li.hs-menu-depth-2,.wrapper-header .menu ul > li.hs-menu-depth-3 { border-top: 1px solid rgba(255,255,255,0.25); }
  .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger { display:block;position: absolute; top: 0; right: 21px; color: #ffff; font-size: 17px; padding: 10px;    cursor: pointer; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{ transition: 0.5s all ease;color:#fff;}
  .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger.child-open i{transform: rotate(180deg); transition: 0.5s all ease; }

  /**********************************************Depth 3***************************************/
  .wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
  .wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
  .wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 00px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }

  .white-back-header .header-container-wrapper .wrapper-header .menu ul li a,.white-back-header .header-container-wrapper a.currLanguage{color:#fff;}
  .white-back-header .header-container-wrapper a.currLanguage::after {background: url(https://cdn2.hubspot.net/hubfs/3342377/Lalamove%20Jan%202019/images/Header/translate-language%20%281%29.svg);}
  .header-container-wrapper .wrapper-header.sticky .container.main-head-flex {padding-bottom:0px;}
  .white-back-header .container.main-head-flex {padding-bottom: 15px;}


  .langyagecityflex { justify-content: center;position: fixed; right: 0; margin: 0 auto; top: auto; width: 100%; bottom: 0; background: rgba(0,0,0,0.8);padding: 10px 0px 10px; }
  .header-login, .signup-login {width: 17%;}
  a.currLanguage:hover, a.currCity:hover {color: #F16722;}
  .container.main-head-flex { border-bottom: 0; padding-bottom: 18px;}
  .LanguageBazar .LanguagesWrapper.active, .CityBazar .CitiesWrapper.active {top: 0;}
  .header-container-wrapper.active .wrapper-header.sticky .LanguageBazar .LanguagesWrapper.active, .header-container-wrapper.active .wrapper-header.sticky .CityBazar .CitiesWrapper.active {top: 0;}
  .header-container-wrapper .wrapper-header.sticky a.currLanguage,
  .header-container-wrapper .wrapper-header.sticky a.currCity{color:#fff;}

  a.currLanguage, a.currCity ,.wrapper-header .menu ul li a{font-size: 14px;}
  .header-login a.white-back-link,.signup-login a.white-bor-link { padding: 6px 0px;font-size: 14px;}
  .hm form fieldset.form-columns-3 > div.hs-form-field { margin-right: 2%; width: 32%; }
  form.example input[type="text"] {font-size:30px;}

   .footer-main-section.brazil_footer{min-height:auto !important;}  
  .footer-main-section,.footer-main-section.brazil_footer { min-height: auto !important; padding-top: 50px; padding-bottom:70px; background: #f78d1e; margin-top: 30px; }
  .span6.widget-span.widget-type-cell.footer-logo-lan { display: none;}
  .span6.widget-span.widget-type-cell.footer-listing-content { width: 100%; margin: 0; }
  .appstore-gooplay { max-width: 102px;margin-top: 17px; }
  #back-to-top {bottom: 60px;}
  
  /*********************Language Switcher********************/  
  .LanguageBazar .LanguagesWrapper li a, .CityBazar .CitiesWrapper li a{font-size:22px;padding-right: 5px;}  
  .LanguageBazar .LanguagesWrapper li, .CityBazar .CitiesWrapper li{margin-bottom:45px;}
  .LanguageBazar .LanguagesWrapper, .CityBazar .CitiesWrapper{padding:45px 0;}

  .footer-listing-content.sao_footer{padding:0;}  
}


@media(max-height:567px) and (max-width:940px){
  .wrapper-header .menu .hs-menu-wrapper > ul {overflow-y: scroll;}  
}

.hm form input:focus,.hm form select:focus,.hm form textarea:focus {border: 1px solid #F16722;}

@media(max-width:1024px){
  /*********************Language Switcher********************/  
  form.example button {top:35%;}
  form.example button img{max-width:25px; width:100%;}  
  form.example input[type="text"]{font-size:32px;} 
}

@media(max-width:767px){
  form.example input[type="text"] {font-size:24px;}
  /*form.example button img {max-width: 30px;}*/
  form.example {margin-bottom: 68px!important;}
}

@media(max-width:640px){
  form.example {margin-bottom: 50px !important;}
  form.example input[type="text"]{font-size:20px;} 
}

/******************************************************************************************************************************************************************************
                                                             Footer Css
*******************************************************************************************************************************************************************************/

.footer-main-section.brazil_footer{
  min-height:520px !important;
}
.footer-main-section{
  min-height: 656px!important; 
  padding-top:228px;
  position:relative;
  overflow: hidden;
}
.footer-main-section:after { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  z-index: -1; 
  border-top-right-radius: 135px; 
  border-top-left-radius: 89px; 
  -ms-transform: skewY(-192deg); 
  -webkit-transform: skewY(-192deg); 
  transform: skewY(-190deg); 
  -ms-transform-origin: 100% 100%; 
  -webkit-transform-origin: 100% 100%; 
  transform-origin: -1 0; 
  background: rgba(241,103,34,1); 
  background: -moz-linear-gradient(-45deg,rgba(241,103,34,1) 0%,rgba(250,162,27,1) 71%,rgba(250,162,27,1) 100%); 
  background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(241,103,34,1)),color-stop(71%,rgba(250,162,27,1)),color-stop(100%,rgba(250,162,27,1))); 
  background: -webkit-linear-gradient(-45deg,rgba(241,103,34,1) 0%,rgba(250,162,27,1) 71%,rgba(250,162,27,1) 100%); 
  background: -o-linear-gradient(-45deg,rgba(241,103,34,1) 0%,rgba(250,162,27,1) 71%,rgba(250,162,27,1) 100%); 
  background: -ms-linear-gradient(-45deg,rgba(241,103,34,1) 0%,rgba(250,162,27,1) 71%,rgba(250,162,27,1) 100%); 
  background: linear-gradient(135deg,rgba(241,103,34,1) 0%,rgba(250,162,27,1) 71%,rgba(250,162,27,1) 100%); 
}

.footer-main-section>div { 
  width: 100%;  
} 
.footer-main-section ul li a { 
  font-size: 18px; 
  color: #fff; 
  font-weight:500; 
  text-transform:uppercase;
}
.footer-main-section ul li a:hover{
  color:#333132;
}
.footer-main-section ul li {
  margin-bottom: 17px;
}
.footer-main-section ul li h4 {
  margin-bottom: 0;   
  text-transform: uppercase;
}
ul.social-icons-footer li a {
  margin-right: 28px;
  font-size: 22px;
}
ul.social-icons-footer li a:last-child {
  margin-right: 0;
}
.copyrit-section{
  text-align:center;
  color:#fff;
}
.copyrit-section p{
  font-size:18px;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top:28px; margin-top:13px;     
  text-transform: capitalize;
}
.appstore-gooplay {
  margin-top: 43px;
}
.footer-main-section .LanguageBazar,
.footer-main-section .CityBazar{
  text-align: left; 
  padding: 0;    
  margin: 35px 0px;
}
.footer-logo-lan a.currLanguage,
.footer-logo-lan a.currCity { 
  border-bottom:none;
  font-size: 18px;  
}
.footer-logo-lan a.currLanguage::after{
  width: 31px; 
  height: 26px; 
  background-size: 31px;    
  top: 0;
}
.footer-logo-lan .LanguageBazar a{
  padding-left: 53px;
}
.footer-logo-lan {
  margin-top: 138px;
}
.lm-footer-logo img {
  cursor:pointer;max-width: 190px;
}

.footer-logo-lan a.currCity.jakarta:after{
  content: "";
  left: 0; 
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/3342377/Lalamove%20Jan%202019/Header%20Footer/city%20dropdown.png);
  background-repeat: no-repeat; 
  width: 38px; 
  height:38px; 
  background-size: 38px; 
  border-bottom: 0; 
} 
.footer-logo-lan a.currCity.honkkong:after{
  content: "";
  left: 0; 
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/3342377/Lalamove%20Jan%202019/Header%20Footer/city%20dropdown.png);
  background-repeat: no-repeat; 
  width: 38px; 
  height:38px;
  background-size: 38px; 
  border-bottom: 0; 
}

/**************
 * Slick slider
 * ***********/

.slick-track {
  display: flex;
}
.slick-slide {
  height: inherit;
}
.slick-slide > div, .slick-slide > div > div {
  height: 100%;
}

/**************
 * Magnific popup
 * ***********/

.mfp-bg{
  z-index: 91000;
}

.mfp-wrap{
  z-index: 91001;
}

.hm h1,.hm h2,.hm h3 { letter-spacing: 1px !important; }
.bg-white { background-color: #fff !important; }
.custom-banner-image {min-height: 400px; }

.city-icons-container { background-color: }
@media(max-width:480px){
  .image-icon-block.href-link h3 { font-size:14px; margin-top: 10px; }
}