@charset "utf-8";
@font-face {
  font-style: normal;
  font-family: 'montserratextrabold_italic';
  src: url('/rev-fonts/monsterrat-extra-bold-italic/montserrat-extrabolditalic-webfont.woff2') format('woff2'),
       url('/rev-fonts/monsterrat-extra-bold-italic/montserrat-extrabolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratmedium_italic';
  src: url('/rev-fonts/monsterrat-medium-italic/montserrat-mediumitalic-webfont.woff2') format('woff2'),
       url('/rev-fonts/monsterrat-medium-italic/montserrat-mediumitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserratmedium';
  src: url('/rev-fonts/monsterrat-medium/montserrat-medium-webfont.woff2') format('woff2'),
       url('/rev-fonts/monsterrat-medium/montserrat-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.clearfix{display:block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clear{clear:both;font-size:1%;height:0;line-height:0}abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a,a:focus{text-decoration:none;outline:0}a:hover{text-decoration:underline}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0}.fl{float:left}.fr{float:right}.fntbld{font-weight:700}.txtcent{text-align:center}.fnt15{font-size:15px!important}*{margin:0;padding:0;outline:0}img{border:0}

body .homepage{margin: 58px 0 0;padding: 0;font: normal 14px/21px 'Montserrat', sans-serif;color:#1E1E1E;font-weight:500; background: #fff;
  /* background:#46BCC7 */
}
/*sticky button*/
.urb-sticky-btn{min-width: 240px;position: fixed;bottom: 35px;right: 0;height: 20px;background: #459ddd;padding: 10px;text-align: center;border-radius: 50px;
    height: 26px;border-radius: 40px 0 0 40px;line-height: 26px;z-index: 9;}
.urb-sticky-btn span{text-align:center;font-size: 14px;color: #fff;}
/*sticky button*/

/*global style*/
*{outline:0;padding:0;margin:0}
.homepage img{border:0;vertical-align:middle}
.homepage a{color:#46BCC7;text-decoration:underline;transition:all 0.3s linear;}
.homepage a:hover{color:#D70039;}
.vertmid{vertical-align:middle}
.homepage .wrapper{max-width:1040px;margin:0 auto;position: relative;}
.homepage h2{font-weight:800;font-size:40px;line-height:48px;color:#413B65;text-transform:uppercase;text-align: left;}
.homepage h3{font-weight:800;font-size:24px;line-height:32px;color:#413B65;text-transform:uppercase}

/* header{padding:23px 0 0 0} */
.homepage .urb-header .wrapper a{
  display: block;
  padding: 20px 24px 23px 0;
}
.homepage .urb-header .revealDate{
  padding: 0 0 70px;
  text-align: center;
  color: #46BCC7;
  /* padding:0 0 100px;
  text-align:center;color:#46BCC7;font-size:30px;line-height:40px;font-weight:500;font-family:'montserratextrabold_italic'; */
}
.homepage .urb-header .revealDate h1{
  /* font-size:70px;line-height:78px;color:#fff;font-family: 'montserratmedium_italic';padding: 0 0 15px; */
  font-size: 35px;
  line-height: 48px;
  color: #fff;
  padding: 0 0 15px;
  text-transform: uppercase;
  font-weight: 800;
}
.homepage .urb-header .revealDate span {
  font-size: 16px;
}
.homepage .urb-header .wrapper {
  max-width: 100%;
  padding: 0 0 0 30px;
  /* margin: 25px auto 0 auto; */
}
.homepage section .wrapper{padding:75px 0}

/*homepage*/
.homepage .urb-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 50px;
  width: 100%;
  background: #46bcc7;
}
.homepage .urb-header{padding-top: 50px;position: relative;display:block;background:#1C2A5E url('/rev-images/urbanite/desktop-gradient.jpg') no-repeat top center;background-size:120%;background-attachment:fixed;}
.homepage .urb-header > img{width:100%;display:block;margin-bottom: 40px;max-width: 100%;
  /* padding-top: 70px; */
  position:relative;z-index: 1;}
.homepage section{background:#fff}
.counter{padding:50px 0 100px 0;}
.counter ul#timer {margin-left: -20px;list-style: none;padding: 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; justify-content: space-between;}
/* .counter ul#timer li {display: inline-block;} */
.counter ul#timer li span {font-size: 212px;font-weight: 300;line-height: 52px;color:#46BCC7;font-weight:800;font-style:italic}
.counter ul#timer li.seperator {font-size: 212px;line-height: 52px;vertical-align: top;color:#46BCC7;font-weight:800;font-style:italic}
.counter ul#timer li p {color: #413B65;font-size: 24px;font-weight:500;text-align: right;margin-top:15px}
.newsletterDiv{padding-bottom:75px;}
.newsletterDiv .txt{float: left;max-width: 500px;font-size: 16px;line-height: 24px;font-weight: 500;width: 50%;}
.newsletterDiv .txt h2{margin-bottom:20px;}
.newsletterDiv .btn{float: right;max-width: 320px;text-align: left;padding-top: 100px;width: 50%;}
.newsletterDiv .btn a{display:inline-block;text-align:center;text-transform:uppercase;color:#fff;background:#46BCC7;padding:15px 0;width:270px;text-decoration:none;border-radius:3px;font-size:16px;line-height:24px;}
.newsletterDiv .btn a:hover{background:#D70039}
.socialMsgDiv{border-top:2px solid #46BCC7;padding-top:75px;position:relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.socialMsgDiv .msg{max-width: 320px;width: 40%;}
.socialMsgDiv .msg h3{margin-bottom:10px}
.socialMsgDiv .msg p{margin:15px 0}
.socialMsgDiv .ico{max-width: 320px;width: 40%;}
.socialMsgDiv .ico p{margin:40px 0}
.socialMsgDiv .ico div img{margin-right:15px;}
.socialMsgDiv .sep{font-size: 16px;font-style: italic;font-weight: 500;}
.socialMsgDiv .sep span{display:block;background:#fff;padding:5px;position:relative;margin-top:65px}
.socialMsgDiv .sep span:before{content:" ";display:block;position:absolute;top:-65px;width:2px;background:#46BCC7;height:170px;left:18px;z-index:-1}
.mobileNlBtn {
  display: none;
}
.mobile{
  display: none !important;
}

/*Subscription*/

/* Subscription Pop CSS starts here */
#subscription-pop {
  position: fixed;
    width: 100%;
    z-index: 2;
    height: 100%;
    background: #46BCC7;
    padding: 10px 0 0;
    z-index: 10;
}
#subscription-pop > .wrapper {
  padding: 15px 0 25px;
}
/* Subscription Pop CSS ends here */

/* .subscription #subscription-pop{background:#46BCC7;} */
/* .subscription header{display:block;background:#46BCC7} */
.subscription .subFrm{max-width: 680px;display: flex;margin: 0 auto;}
.subscription .subFrm .title{max-width: 320px;}
.subscription .subFrm .title h2{font-size:30px;line-height:40px;color:#fff}
.subscription .subFrm .sep{width:40px;float:left}
.subscription .subFrm .form{max-width: 320px;width: 100%;}
.subscription .subFrm .form input[type=submit], .subscription .subFrm .form button{opacity: .6;font-family: 'montserratmedium';cursor:pointer;display:block;width:100%;text-align:center;text-transform:uppercase;color:#fff;background:#413B65;padding:15px 0;text-decoration:none;border-radius:3px;font-size:16px;line-height:24px;border:0}
.subscription .subFrm .form input[type=submit].active, .subscription .subFrm .form button.active{
  opacity: 1;
}
.subscription .subFrm .form .resendBtn{text-align:center;padding:20px 0}
.subscription .subFrm .form .backtoHome{text-align:center;padding:25px 0 0}
.subscription .subFrm .form .resendBtn a,.subscription .subFrm .form .backtoHome a{
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.subscription .subFrm .form .resendBtn a:hover,.subscription .subFrm .form .backtoHome a:hover{color:#D70039;}
.input-effect{position: relative;z-index:0;margin:25px 0 0;opacity: .6;}
.input-effect.active{
  opacity: 1;
}
.inputFloatEffect{font-family: 'montserratmedium_italic';margin: 0 0 4px;font-size:16px;line-height:24px;color: #fff; width: 100%; box-sizing: border-box; letter-spacing: 1px;border: 0; padding: 5px 0; border-bottom: 1px solid #ffffff; background-color: transparent;-webkit-appearance: none; appearance: none;border-radius: 0;}

.popup .inputFloatEffect{color:#fff}
.inputFloatEffect ~ .focus-border,
.has-content.inputFloatEffect ~ .focus-border{position: absolute; top: 34px; left: 50%; width: 0; height: 1px; background-color: #fff; transition: 0.4s;}
.inputFloatEffect:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.inputFloatEffect ~ label{font-family: 'montserratmedium_italic';position: absolute; left: 0; width: 100%; top: 7px; color: #fff; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;font-size:16px;}
.inputFloatEffect:focus ~ label, .has-content.inputFloatEffect ~ label{top: -14px; font-size: 12px; color: rgba(255,255,255,0.5); transition: 0.3s;font-style:italic}
.inputFloatEffect:not([value=""]):not(:focus):invalid {top: -10px; font-size: 12px; color: rgba(255,255,255,0.5); transition: 0.3s;}
.smsTxt{color:#413B65;margin-top:15px}
.input-effect .success{position: absolute;top: 6px;right: 8px;font-size: 20px;color: #fff;}
.success:after {
  content: '';
  display: block;
  width: 7px;
  height: 15px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.input-effect .error {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.input-effect .error:before {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 20px;
  color: #ffffff;
  content: "";
  background: url('/rev-images/urbanite/icon/cross-icon.svg') no-repeat center center;
  height: 15px;
  width: 25px;
}
.homepage input[type=text]::-ms-clear{
  display: none;
}
.loader {border: 2px solid #f3f3f3;border-top: 2px solid #46bcc7;border-radius: 50%;width: 15px;height: 15px;animation: spin 2s linear infinite;position:absolute;top:7px;right:0;}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.submsg h2{margin:25px 0;color:#fff}
.submsg p{margin:30px 0;font-size:16px;color:#fff;font-weight:400}
.submsg .closeBtn{position: relative;left: 0;right: 0;top: 0;display:inline-block;text-align:center;text-transform:uppercase;color:#fff;border:1px solid #fff;padding:15px 0;text-decoration:none;border-radius:3px;font-size:16px;line-height:24px;width:270px;}
.submsg .sendAgainBtn{display:inline-block;text-align:center;text-transform:uppercase;color:#fff;border:0;background:#413B65;padding:15px 0;text-decoration:none;border-radius:3px;font-size:16px;line-height:24px;width:270px;margin-bottom:25px}
.submsg .cancelLnk{font-weight:500;color:#fff}

.subscription.submsg{
  background: none;
  background: #46BCC7;
}

.subscription.submsg section {
  /* height: calc(100vh - 273px); */
  background: none;
}


/*noice page*/
.noticePop .wrapper {
  max-width: calc(100% - 400px);
  margin: 120px auto 0 auto;
}
.statHeader span {
  display: block;
}
.statHeader {
  font-size: 70px;
  line-height: 77px;
}
.notice .innercontaint{padding: 0 15px 100px 0; overflow-y: scroll;}
.notice .innercontaint h4{margin: 25px 0 15px 0; font-size: 30px; color: #413B65;line-height: 1.3;}
.notice .innercontaint p{margin-bottom: 24px}
.notice .innercontaint ul{border-top: 2px solid #B3B1C2;
  border-bottom: 2px solid #B3B1C2;
  padding: 34px 0;
  margin-bottom: 30px;}
.notice .innercontaint ul li{
  font-weight: 600;
  padding-left: 17px;
  margin-bottom: 20px;
  position: relative;
}
  .notice .innercontaint ul li:before {
    content: "";
    background: #1E1E1E;
    height: 5px;
    width: 5px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

/* Notice pop css starts here */

.noticePop{
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 10;
  height: 100%;
}
.noticeLogo {
  margin: 30px 30px 30px;
  max-width: 157px;
  display: block;
  display: none;
}
.closePop {
  position: absolute;
  right: 0;
  top: -60px;
}

/* Notice pop css ends here */

/* footer{background:#413B65;padding:70px 0;color:#9B98AE;position: relative;}
footer a{color:#9B98AE;text-decoration:none}
footer div:nth-child(3) p > a{text-decoration:underline}
footer a:hover{color:#fff;text-decoration:none}
footer span{display:block;}
footer .wrapper > div{width:32%;}
footer .wrapper > div:nth-child(2){border-left:1px solid #9B98AE;border-right:1px solid #9B98AE}
footer .wrapper > div p{padding:0 30px;margin:0}
.innerFooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.innerFooter li:last-child {
  border: none;
}
.innerFooter li {
  width: calc(33.33% - 1px);
  border-right: 2px solid;
  padding: 0 30px;
  box-sizing: border-box;
}
.innerFooter li a {
  display: block;
  padding: 5px 0;
}
.innerFooter p {
  margin: 20px 0 0; 
}
.innerFooter li:last-child a {
  border-bottom: 1px solid;
  padding: 0;
  display: inline-block;
}


.inputFloatEffect:focus ~ .focus-border {
    display: block !important;
}

.inputFloatEffect input:-internal-autofill-selected {
    background-color: transparent !important;
} */

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: transparent;
    }
}
.errorField{font-family: 'montserratmedium';
  font-size: 14px;
  color: #413b65;}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
#trigger-me {
  /* position: absolute;
  top: 92%; */
}

/* IE fixes go here */

.homepage .urb-header a img {
  max-width: 157px;
}

.homepage .urb-header .wrapper a {
  position: fixed;
  top: 0;
  left: 340px;
  display: none;
}
.newsletterDiv .txt h2 span {
  display: block;
}
.mac-os .counter ul#timer{
  padding: 0 20px 0 15px;
}
.topPosCss .new-launch-wrapper {
  margin-top: 96px;
}
body{
  font: 100% "Open Sans", sans-serif;
}
#subscription-pop .closePop {
  top: 15px;
  color: #fff;
  text-decoration: none;
  font-size: 32px;
  right: 15px;
}
.videoContainer{
  position: relative;
  overflow: hidden;
}
/* For tiles CSS starts here */
.bajaj-auto-three-box-wrap li:nth-child(1) .boxContent {
  background: rgba(41,166,177,0.9) !important;
}
.bajaj-auto-three-box-wrap li:nth-child(2) .boxContent {
  background-color: rgba(4,32,65,0.9) !important;
}
.bajaj-auto-three-box-wrap li:nth-child(3) .boxContent {
  background: rgba(255,102,0,0.9) !important;
}
.bajaj-auto-three-box-wrap li:nth-child(4) .boxContent {
  background: rgba(2,98,54,.9) !important;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg1 .mobHomeContent {
  background-color: rgba(41,166,177,0.9) !important;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg2 .mobHomeContent {
  background-color: rgba(4,32,65,1) !important;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg3 .mobHomeContent {
  background-color: rgba(255,102,0,1) !important;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg4 .mobHomeContent {
  background-color: rgba(2,98,54,1) !important;
}
.bajaj-auto-three-box-wrap li:nth-child(1) .mobHomeContent, .bajaj-auto-three-box-wrap li:nth-child(3) .mobHomeContent{
  left: auto;
  right: 0;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg1 .logoIcon {
  max-width: 50%;
  margin: 0 auto 20px;
  float: none;
}
.bajaj-auto-three-box-wrap ul li.slideBg1 .three-boxes-logo {
  top: 15px;
  max-width: 200px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.homePageTopWrap {
  margin: 0px 0 0 !important;
}
/* For tiles CSS ends here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .inputFloatEffect ~ .focus-border, .has-content.inputFloatEffect ~ .focus-border{
    top:26px;
  }
  .input-effect .error{
    top: -5px;
  }
}

 @media screen and (max-width:1600px)
{
  .homepage .urb-header > img{
    /* margin-bottom: 0; */
  }
}
@media screen and (max-width:1440px)
{
  .homepage .urb-header .wrapper a {
    left: 230px;
}
.bajaj-auto-three-box-wrap ul li.slideBg1 .three-boxes-logo {
  max-width: 140px;
}
}
@media screen and (max-width:1366px)
{
}
@media screen and (max-width:1280px){
  #subs-wrap {
    width: 100%;
    max-height: 90%;
    overflow-y: scroll;
  }
}

@media screen and (max-width:1024px)
{
     /* .wrapper{width:800px; } */
     .counter ul#timer li span, .counter ul#timer li.seperator {
      font-size: 125px;
     }
     .newsletterDiv .btn {
      max-width: 260px;
     }
     /* header */
     .homepage .urb-header {
      background-size: 133%;
     }
     .homepage .urb-header > img {
      width: 100%;
      /* margin-top: -160px; 
      min-height: 1000px;*/
  }
  .homepage .urb-header .wrapper a {
    left: 175px;
}
.homepage section .wrapper, #subscription-pop .wrapper {
  width: 90%;
}
#subscription-pop {
  /* height: 100%; */
  display: flex;
  justify-content: center;
  /* align-items: center; */
}
}
@media screen and (max-width:1024px) and (max-height: 1366px){
  .homepage .urb-header {
    background-size: 240%;
  }
  .counter ul#timer {
    justify-content: center;
    padding: 0;
  }
  .counter ul#timer li span, .counter ul#timer li.seperator {
    margin: 0 5px;
  }
}
@media screen and (max-width:992px)
{
    /* footer .wrapper{
      max-width: 800px;
      width: 100%;
    }
      .wrapper{max-width:600px; }
      .socialMsgDiv .ico {
        max-width: 230px;
      }
      .newsletterDiv .txt h2 {
        font-size: 30px;
    } */
    /* For header */
    .homepage .urb-header {
      background-size: 240%;
    }
    .homepage .urb-header > img {
      margin-top: 0;
      /* min-height: 975px; */
  }
  .homepage .urb-header .revealDate {
    max-width: 80%;
    margin: 0 auto;
}
.bajajAutoMainWrap .bajaj-auto-three-box-wrap ul li.slideBg2 .mobHomeContent {
  left: 0;
  right: auto;
}
}
@media screen and (max-width:800px){
.subscription section {
  /* height: calc(100vh - 273px); */
}
}
@media screen and (max-width:768px) and (max-height: 1024px){
  .homepage .urb-header {
    background-size: 305%;
}
}
@media screen and (max-width:767px){
  /* #subscription-pop .closePop {
    display: block;
  } */
   /* Header  */
    .homepage .urb-header {
      /* background-size: 270%; */
      /* padding: 70px 0 0; */
      /* background: #1C2A5E; */
      background-size: cover;
    }
    .homepage .urb-header:before {
      /* background: url(/rev-images/urbanite/mobile-gradient.jpg) no-repeat top center;
      content: "";
      position: fixed;
      height: 100%;
      width: 100%;
      top: 0;
      background-size: auto 100%; */
  }
  .homepage .urb-header.justColor:before{
    background: #1C2A5E;
  }
  .homepage section{
    position: relative;
  }
    .homepage .urb-header .wrapper a {
      left: initial;
    }
    .urb-header .revealDate h1 {
      font-size: 40px;
      line-height: 44px;
    }
    .urb-header .revealDate {
      font-size: 24px;
    }
    .homepage .urb-header > img {
      min-height: initial;
      /* margin-top: 50px; */
      position: relative;
      /* padding-top: 30px; */
  }
  /* Subscribe */
  .subscription .subFrm {
    display: block;
  }
  .subscription section {
    padding: 0px 0 0px;
  }
  .submsg h2 {
      font-size: 25px;
      line-height: 31px;
  }
  .subscription.submsg section {
    height: auto;
}
  /* Subscribe */

  /* Footer */
    /* footer .wrapper > div{width: 100%;}
    footer .wrapper > div:nth-child(2){border: 0;border-bottom: 1px solid #9B98AE;padding-bottom: 48px;}
    footer {
        padding: 42px 0px 160px;
        /* margin-bottom: 93px; */
    /* } */
    footer .wrapper > div p{padding: 0;}
    footer .wrapper > div p br{display: none;}
    footer a{display: block;}
    footer .wrapper > div:last-child{margin-top: 36px;}
    .innerFooter li {
        width: 100%;
        border-right: none;
        padding: 0;
    }
    .innerFooter {
        width: calc(100% - 50px);
        margin: 0 25px;
    }
    .innerFooter li:last-child {
        border: none;
        margin-top: 36px;
        border-top: 1px solid;
        padding-top: 48px;
    }
    .subscription section, .subscription.submsg section {
        height: auto;
    }
    /* .subscription footer{
      margin: 0;
    } */
   /* notice*/
   .homepage .wrapper{max-width: 90%; }
     .homepage section .wrapper{padding: 0;margin: 0 auto;}
      /* notice*/

      /* Home */
      .counter ul#timer li span, .counter ul#timer li.seperator {
        font-size: 6em;
    }
      .counter ul#timer li p {
        font-size: 1em;
        margin-top: 3px;
    }
    
    .counter ul#timer{
      padding: 0;
    }
      /* Home */
      .counter ul#timer li {
        font-size: 150%;
      }
    .newsletterDiv .txt {
        width: 100%;
    }
    .newsletterDiv .txt h2 {
      line-height: 35px;
    }
    .counter {
      padding: 5px 0 50px;
      display: flex;
      justify-content: center;
    }
    .newsletterDiv {
        padding-bottom: 44px;
    }
    .newsletterDiv .btn{
      display: none;
    }
    .mobileNlBtn {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      padding: 20px 15px;
      z-index: 2;
    }
    .mobileNlBtn a{
      text-decoration: none;
      text-align: center;
      background: #46BCC7;
      color: #fff;
      max-width: 300px;
      box-shadow: 0px 0px 15px -2px rgba(.24, .77, .78, .2);
      padding: 16px;
      font-size: 16px;
      text-transform: uppercase;
      display: block;
      margin: 0 auto;
    }
    .socialMsgDiv {
      padding: 40px 0 100px 0;
      border-top:none;
      display: block;
    }
    .socialMsgDiv:before{
      content: "";
      background: rgba(70, 188, 199,.4);
      width:100px;
      height: 2px;
      position: absolute;
      top:0;
      left:0;
    }
    .socialMsgDiv .msg, .socialMsgDiv .ico {
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .socialMsgDiv .sep {
        margin: 50px 0 38px;
    }
    .socialMsgDiv .sep span:before {
      position: absolute;
      top: 50%;
      height: 2px;
      background: rgba(70, 188, 199,.4);
      width: 70px;
      left: 45px;
      z-index: 0;
      transform: translateY(-50%);
  }
  .socialMsgDiv .msg a {
      display: inline-block;
      text-decoration: none;
      border-bottom: 1px solid;
  }
  .socialMsgDiv .ico p {
      margin: 38px 0 20px;
  }
  .desktop{
    display: none !important;
  }
  .mobile{
    display: block !important;
  }
  .notice .innercontaint h4 {
    font-size: 22px;
  }
  
.newsletterDiv .txt h2 span{display:block;}
.counter ul#timer li.seperator.firstSep {
  margin:0;
}
.urb-sticky-btn {
  bottom: 90px;
}
#subscription-pop {
  padding: 40px 0 0;
}
.subsOpen .urb-sticky-btn {
  bottom: 20px;
  display: none;
}
.subscription .subFrm .form .resendBtn {
  padding: 20px 0;
}
.subscription .subFrm .form {
  margin: 0 auto;
}
.noticePop .wrapper {
  max-width: 90%;
}
}
@media screen and (max-width:600px){
  #subs-wrap {
    /* max-height: 500px;
    overflow-y: scroll;
    width: 100%; */
    width: 100%;
    max-height: 90%;
    overflow-y: scroll;
  }
}
@media screen and (max-width:580px){
.counter ul#timer li span, .counter ul#timer li.seperator {
  font-size: 5em;
}
.counter ul#timer li.seperator {
  margin: 0 10px;
}
}
@media screen and (max-width:550px){
.counter ul#timer li p {
  font-size: .8em;
}
}
@media screen and (max-width:500px){
  .counter ul#timer li span, .counter ul#timer li.seperator {
    font-size: 4.2em;
}
.socila-dist-sub{
  min-width: 320px;
    max-width: 100%;
}
.socal-dist-close{right: -11px!important;top: -50px!important;}
}
@media screen and (max-width:415px){
  .counter ul#timer li span, .counter ul#timer li.seperator {
    font-size: 3.5em;
}
}
@media screen and (max-width:400px){
  .counter ul#timer li span, .counter ul#timer li.seperator {
    font-size: 3.4em;
}
.counter ul#timer {
  margin-left: -10px;
}
.counter ul#timer li.seperator {
  margin: 0 5px 0 8px;
}
}
@media screen and (max-width:360px){
  .counter ul#timer li span, .counter ul#timer li.seperator {
    font-size: 3em;
}
}
@media screen and (max-width:320px){
  .counter ul#timer li {
    font-size: 135%;
}
}

/************** new close button css *************/

.login-signup-close{width: 73px;height: 60px;background: #fff;position: absolute;top: 0px;right: -73px;z-index: 9;text-align: center;line-height: 79px;
                    cursor:pointer;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
 .login-signup-close.active{right:0px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



 /** Social distancing css **/
   .social-dist-wrapper{width:100%;position: fixed;top: 50%;left: 0;z-index: 91;}
   .social-dist-wrapper .overlay{width:100%;float:left;height:100vh;position: fixed;top: 0;background: rgba(0, 0, 0, 0.68);z-index: 91;}
   .socila-dist-sub{width: auto;padding: 10px 10px;background: #dadada;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 92;}
   .socila-dist-sub img{width:100%;}
   .socal-dist-close{position: absolute;
    right: -51px;
    top: -11px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background: #0259a9;
    color: #fff;
    text-align: center;
    font-size: 22px;cursor: pointer;}
   .social-dist-content{width:100%;float:left;position: relative;height: auto;}
   /** Social distancing css **/