/* Overwrite bootstrap mquery for iphone 12 */
@media (min-width:750px) and (max-width:767px){
  .container, .container-sm {
    max-width: 720px;
  }
}

/* Hide Google ReCaptcha badge */
.grecaptcha-badge { visibility: hidden; }

/* ----------------------------------------------- General */ 
html{
  overflow-x: hidden;
  scroll-behavior: unset !important;
}


body, *{
	color: #000;
	font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}


.noticia{font-family: 'Noticia Text', serif;}


.whitetxt{color: #fff}


h1,h2 h3,h4,h5,h6{}


a{
  color: #000;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
a:hover {
  color:#999;
}




button.cta.lg,
a.cta.lg{
  border-radius: 20px;
  border: 1px solid #000;
  /*text-transform: uppercase;*/
  padding: 6px 20px !important;
  font-size: 16px;
  display: inline-block;
  color: #000;
  width: max-content;
  background: transparent;
}
button.cta.lg:hover,
a.cta.lg:hover{
  background: #000;
  color: #FFF;
}



button.cta,
a.cta{
  border-radius: 20px;
  border: 1px solid #000;
  text-transform: uppercase;
  padding: 6px 20px !important;
  font-size: 13px;
  display: inline-block;
  color: #000;
  width: max-content;
  background: transparent;
}
button.cta:hover,
a.cta:hover{
  background: #000;
  color: #FFF;
}

button.cta.inverted,
a.cta.inverted{
  border-radius: 20px;
  border: 1px solid #fff;
  text-transform: uppercase;
  padding: 6px 20px !important;
  font-size: 13px;
  display: inline-block;
  color: #fff;
  width: max-content;
  background: transparent;
  background: #000;
}
button.cta.inverted:hover,
a.cta.inverted:hover{
  border: 1px solid #000;
  background: #fff;
  color: #000;
}


button.cta.sm,
a.cta.sm{
  border-radius: 20px;
  border: 1px solid #000;
  /*text-transform: uppercase;*/
  padding: 3px 16px !important;
  font-size: 11px;
  display: inline-block;
  color: #000;
  width: max-content;
  background: transparent;
}
button.cta.sm:hover,
a.cta.sm:hover{
  background: #000;
  color: #FFF;
}





button.cta.mainCta,
a.cta.mainCta{
  border: 1px solid #000;
  background: #000;
  color: #FFF;
  transition: all 0.2s ease-in-out;
}
button.cta.mainCta:hover,
a.cta.mainCta:hover{
  border: 1px solid #bbb;
  background: #bbb;
  color: #FFF;
}


.negativeColor a.cta{
  border-radius: 20px;
  border: 1px solid #fff;
  text-transform: uppercase;
  padding: 6px 20px !important;
  font-size: 13px;
  display: inline-block;
  color: #fff;
  width: max-content;
}
.negativeColor a.cta:hover{
  background: #fff;
  color: #000;
}


a.cta-lg{
  border-radius: 30px;
  border: 1px solid #000;
  text-transform: uppercase;
  padding: 10px 30px !important;
  font-size: 16px;
  display: inline-block;
  color: #000;
  width: max-content;
  font-weight: 400;
  cursor: pointer;
}
a.cta-lg:hover{
  background: #000;
  color: #FFF;
}

button.cta-lg.inverted,
a.cta-lg.inverted{
  border-radius: 30px;
  border: 1px solid #000;
  background: #000;
  text-transform: uppercase;
  padding: 10px 30px !important;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  width: max-content;
  font-weight: 400;
  cursor: pointer;
}
button.cta-lg.inverted:hover,
a.cta-lg.inverted:hover{
  background: transparent;
  color: #000;
}


button.cta-lg.mainCta,
a.cta-lg.mainCta{
  border: 1px solid #000;
  background: #000;
  color: #FFF;
  width: max-content;
  transition: all 0.2s ease-in-out;
}

button.cta-lg.mainCta:hover,
a.cta-lg.mainCta:hover{
  border: 1px solid #bbb;
  background: #bbb;
  color: #FFF;
}




a.cta-lg.video{
  margin: 0 auto;
  border: 1px solid #fff;
  color:#fff
}
a.cta-lg.video:hover{
  background: #fff;
  color: #000;
}

a.ctaMoreCard{
  background:url('../img/more-card.svg')no-repeat center center #EFEFEF;
  width: 70px;
  height: 70px;
  display: block;
  padding: 8px 2px;
  border-radius: 40px;
  position: relative;
  cursor: pointer;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}

a.ctaMoreCard:hover{
  background:#ccc;
}
a.ctaMoreCard:before{
  content:"Load \A more";
  white-space: pre;
  position: absolute;
  top: 24px;
  left: 20px;
  color: #000;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}

a.ctaMoreCard:hover:before{
  opacity: 1;
  visibility: visible;
}


/* ----------------------------------------------- Utility */ 

.white{
  background: #FFF;
}
.mainDistance{
  padding-top:145px;
}
.pt50{
  padding-top:50px;
}
.pb50{
  padding-bottom:50px;
}
.mt50{
  margin-top: 50px;
}
.mb50{
  margin-bottom: 50px;
}
.pt100{
  padding-top:100px;
}
.pb100{
  padding-bottom:100px;
}
.mt100{
  margin-top: 100px;
}
.mb100{
  margin-bottom: 100px;
}
.mr20{
  margin-right: 20px;
}
.mb20{
  margin-bottom: 20px;
}

.separatLinewShadow{
  width: 80px;
  height: 3px;
  box-shadow: -15px 20px 20px rgb(0 0 0 / 35%);
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
  background: #dddddd;
}


.separatLinewShadowLeft{
  width: 80px;
  height: 3px;
  box-shadow: -15px 20px 20px rgb(0 0 0 / 35%);
  display: block;
  margin-top: 20px;
  margin-bottom: 50px;
  background: #fff;
}

a.underlined:link{
  text-decoration: underline;
}
a.underlined:hover{
  text-decoration: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

.bck_mask{
  -webkit-mask-image: url(../img/bck_mask.png);
  mask-image: url(../img/bck_mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  top: 10%;
  left: -300px;
}



ul.greencheck{
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 24px;
}

ul.greencheck li{
  margin-bottom: 15px;
}

ul.greencheck li:before{
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/green-check.png)no-repeat center center;
  background-size: cover;
  display: block;
  position: absolute;
  margin-left: -27px;
  margin-top: 3px;
}


@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

h1.mainTitle b{
  display: block;
}


.modal.cleanmodal .modal-content {
  border-radius: 20px;
}
.modal.cleanmodal .modal-header,
.modal.cleanmodal .modal-footer{
  border: none;
}

.josEcosystem .compactrow{
  margin-top: -120px;
}

span.navTabdesc {
    background: #fff;
    padding: 4px 12px;
    font-size: 11px;
    display: block;
    width: max-content;
    margin: 0 auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 20px;
}


.spinner-loader {
  width: 3.7em;
  height: 1.6em;
  margin: 0 auto 0.625em;
  position: relative;
  border-radius: 0.75em;
  display: block;
}

.spinner-loader span {
  text-indent: -9999px;
  height: 0.75em;
  width: 0.75em;
  position: absolute;
  top: 0.5em;
  border-radius: 1.25em;
  display: block;
}


.spinner-loader span {
  background: #666;
  left: 16px;
  z-index: 1;
  -webkit-animation: colorOne 2.2s infinite;
  -moz-animation: colorOne 2.2s infinite;
}

.spinner-loader span:nth-of-type(2) {
  background: #333;
  left: 30px;
  z-index: 2;
  -webkit-animation: colorTwo 2.2s infinite;
  -moz-animation: colorTwo 2.2s infinite;
}

@-webkit-keyframes colorOne {
  0% {
    left: 16px;
    z-index: 1;
  }
  50% {
    left: 29px;
  }
  100% {
    z-index: 3;
    left: 13px;
  }
}
@-webkit-keyframes colorTwo {
  0% {
    left: 30px;
    z-index: 2;
  }
  50% {
    left: 16px;
  }
  100% {
    z-index: 1;
    left: 30px;
  }
}



/* ----------------------------------------------- Nav */ 
.blur{
  filter: blur(4px);
  filter: grayscale(1);
  filter: brightness(35%);
}

#nav{
  width: 100%;
  position: fixed;
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  height: 65px;
}

/*#nav.scrolled{
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}*/


/*.secondarybar.scrolled{
  position: fixed;
  z-index: 80;
  width: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  top: 65px;
}*/

.secondarybar{
  position: fixed;
  z-index: 80;
  width: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  top: 65px;
}


.ctaBar{
  display: none;
}

#nav a.jurny-logo {
  width: 120px;
  display: block;
  /*position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999999;*/
  margin-left: 20px;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;

}

#nav #jurny-logo-anim .st0{
  fill:none;
  stroke:#000000;
  stroke-width:6;
  stroke-linecap:round;
  stroke-miterlimit:10;
}

.negativeColor #nav #jurny-logo-anim .st0{
  fill:none;
  stroke:#fff;
  stroke-width:6;
  stroke-linecap:round;
  stroke-miterlimit:10;
}


.negativeColor #nav.white #jurny-logo-anim .st0{
  fill:none;
  stroke:#000;
  stroke-width:6;
  stroke-linecap:round;
  stroke-miterlimit:10;
}



#nav #jurny-logo-anim.white .st0{
  stroke:#fff;
}
#nav .nav__content{
  display: flex;
  justify-content: center;
  padding: 20px;
  width: 100%;
}

#nav .nav__right__content{
   padding: 20px;
   width: 250px;
}


#nav a.jurny-logo{
  width: 120px;
}

#nav .nav__content ul.jurny-menu{
  margin: 0;
  padding: 0;
  width: 64%;
  display: flex;
  flex-direction: row;
}
#nav .nav__right__content ul.jurny-menu{
  padding-left: 0;
}

#nav .nav__content ul.jurny-menu li{
  list-style: none;
  flex-grow: 1;
  text-align: center;
}

#nav .nav__right__content ul.jurny-menu li{
  list-style: none;
  flex-grow: 1;
  text-align: center;
}
#nav .nav__content ul.jurny-menu > li > a{
  transition: all 0.3s ease-in-out;
}

#nav .nav__content ul.jurny-menu > li > a,
#nav .nav__right__content ul.jurny-menu > li > a{
  padding: 25px 10px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}

#nav .nav__content ul.jurny-menu > li > a:hover,
#nav .nav__right__content ul.jurny-menu > li > a:hover{
  color:#000
}


.negativeColor #nav .nav__content ul.jurny-menu > li > a{
  color:#fff;
}

.negativeColor #nav.active .nav__content ul.jurny-menu > li > a{
  color:#000;
}

.negativeColor #nav .nav__content ul.jurny-menu > li > a:hover{
  color:#000
}



#nav .nav__content ul.jurny-menu li a:before,
#nav .nav__right__content ul.jurny-menu li a:before{
  content:"•";
  font-size: 30px;
  color:#000000;
  position:absolute;
  left:-26px;
  top: 8px;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

#nav .nav__content ul.jurny-menu li a:after,
#nav .nav__right__content ul.jurny-menu li a:after{
  content:"•";
  font-size: 30px;
  color:#000000;
  position:absolute;
  right:-26px;
  top: 8px;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

#nav .nav__content ul.jurny-menu li.hasdrpdwn a:hover + .megamenu,
#nav .nav__content ul.jurny-menu li.hasdrpdwn a + .megamenu:hover{
  visibility: visible;
  opacity: 1;
  margin-top:20px;
}










/*#nav .nav__content ul.jurny-menu li a:hover:before{
  opacity:1;
  left:-16px;
  top: 8px;
}
#nav .nav__content ul.jurny-menu li a:hover:after{
  opacity:1;
  right:-16px;
  top: 8px;
}*/

#nav .nav__content ul.jurny-menu li a.active{
  font-weight: bold;
}

#nav .nav__content ul.jurny-menu li a.sel:before,
#nav .nav__right__content ul.jurny-menu li a.sel:before{
  opacity:1;
  left:-10px;
  top: 12px;
}
#nav .nav__content ul.jurny-menu li a.sel:after,
#nav .nav__right__content ul.jurny-menu li a.sel:after{
  opacity:1;
  right:-10px;
  top: 12px;
}

/* second level menu */
#nav .nav__content ul.jurny-menu li a + .megamenu a:before,
#nav .nav__content ul.jurny-menu li a + .megamenu a:after{
  content:"";
}
#nav .nav__content ul.jurny-menu li a + .megamenu{
  width: 80%;
  border-radius: 8px;
  margin-left: 10%;
  background: #FFF;
  position: absolute;
  left: 0;
  z-index: 3;
  margin-top:30px;
  display: flex;
  flex-direction: column;
  padding:20px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 10px 10px rgb(5 5 5 / 24%);
  transition: all 0.3s ease-in-out;

}
#nav .nav__content ul.jurny-menu li a + .megamenu.slim{
  width: 200px;
  left: initial;
  margin-left: 62px;
  border-radius: 8px;
}

#nav .nav__content ul.jurny-menu li a + .megamenu.slim .container-adv{
  display: none;
}
#nav .nav__content ul.jurny-menu li a + .megamenu.slim .container-lnk{
  width: 100%;
}



#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-header,
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body,
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer{
  display: flex;
  flex-direction: row;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .container-adv{
  width: 40.3%;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .container-adv p.noticia{
  font-size: 18px;
  padding-right: 30px;
}

#nav .nav__content ul.jurny-menu li a + .megamenu .container-lnk{
  width: 100%;
  display: flex;
  flex-direction: row;
}

#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu{
  flex-grow: 1;
}

#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-adv ul.submnu li,
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu li{
  text-align: left;
  padding: 5px 0px;
}

#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu li h4,
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-lnk ul.submnu li h4{
  font-weight: 500;
}
.cta-phone,
.cta-form{display: none;}



#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer{
  display: flex;
  flex-direction: row;
  justify-content: end;
}

#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
  margin-top: 20px;
}
/* 
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-adv{
  width: 40.3%;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-lnk ul.submnu{
  display: flex;
  flex-direction: row;
  width: 100%;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-lnk ul.submnu li{
  flex-grow: 1;
  text-align: center;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-lnk ul.submnu li:first-child{
  text-align: left;
}
#nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer .container-lnk ul.submnu li:last-child{
  text-align: right;
} */
/* end second level menu */

#nav .nav__content ul.jurny-menu > li.login.login-mobile{
  display: none;
}



/* start mobile nav  */
#hamburger{
  position: absolute;
  z-index: 900;
  width: 45px;
  height: 45px;
  top:20px;
  right:20px;
  display: none;
}

#hamburger .firstline{
  position: absolute;
  top:20px;
  left:-1px;
  /* width: 36px; */
  height:3px;
  background: #000;
  border-radius: 2px;
  display: block;
  transform-origin: center;
  /* transform: rotate(135deg);
  transition: all 0.1s linear; */
  animation-name: firstlineLenght;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

#hamburger .secondline{
  position: absolute;
  top:20px;
  left:11px;
  /* width: 36px; */
  height:3px;
  background: #000;
  border-radius: 2px;
  display: block;
  transform-origin: center;
  /* transform: rotate(135deg);
  transition: all 0.1s linear;   */
  animation-name: secondlineLenght;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

#hamburger.active .firstline{
  position: absolute;
  left:5px;
}

#hamburger.active .secondline{
  width: 36px;
  transform-origin: bottom;
  animation-name: secondlineToCloseIcon;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.negativeColor #hamburger .firstline,
.negativeColor #hamburger .secondline{
  background: #fff;
}
.negativeColor #hamburger.active .firstline,
.negativeColor #hamburger.active .secondline{
  background: #000;
}
.negativeColor #nav.active  #jurny-logo-anim .st0{
  fill:none;
  stroke:#000;
  stroke-width:6;
  stroke-linecap:round;
  stroke-miterlimit:10;
}


/* end mobile nav  */



/* ----------------------------------------------- Breadcrump + Cta */ 
.secondarybar{
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.negativeColor .secondarybar{
  border-top: 1px solid rgb(255 255 255 / 23%);
  border-bottom: 1px solid rgb(255 255 255 / 23%);
  padding: 10px 20px;
}

.secondarybar .breadcrump a:first-child{
  padding: 0;
  background: initial;
  margin-left: 0;
}
.secondarybar .breadcrump a,
.secondarybar .breadcrump span{
  font-size: 13px;
  text-decoration: none;
} 

.secondarybar .breadcrump a,
.secondarybar .breadcrump span{
  background: url(../img/curvy-arrow-right.svg) no-repeat;
  background-size: 4px;
  background-position: 0px 5px;
  padding-left: 10px;
  margin-left: 5px;
}

.secondarybar .breadcrump span.current{
  color: #999;
}


.negativeColor .secondarybar .breadcrump a,
.negativeColor .secondarybar .breadcrump span{
  background: url(../img/curvy-arrow-right-white.svg) no-repeat;
  background-size: 4px;
  background-position: 0px 5px;
  padding-left: 10px;
  margin-left: 5px;
  color: #fff;
}

.negativeColor .secondarybar .breadcrump a:first-child{
  padding: 0;
  background: initial;
  margin-left: 0;
}

.negativeColor .secondarybar .breadcrump span.current{
  color: rgb(255 255 255 / 50%);
}



/* ----------------------------------------------- Sub Nav */ 
.navTab{
  border:1px solid #fff;
  display:flex;
  flex-direction:row;
  width:max-content;
  margin:0 auto;
  padding:5px;
  border-radius:8px;
  background:#eee;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 7%);
}
.navTab a{
 background:transparent;
 padding: 9px 15px;
 border-radius:4px;
 text-decoration:none;
 color:#000;
 display: block;
 width:max-content;
 margin-left:5px;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.1em;
}
.navTab a:first-child{
 margin-left:0px;
}
/*.navTab.mosPronavTab a:last-child,*/
.navTab.mosPronavTab a:nth-last-child(2){
 line-height: 2.1em;
}

.navTab a.current{
 background:#fff;
 padding: 9px 15px;
 border-radius:4px;
}
.navTab a:hover{
 background:#fff;
 color:#000;
}


/* ----------------------------------------------- Animation */ 
/* start logo animation */
#nav #jurny-logo-anim .rbrOcXHh_0{
  stroke-dasharray:54 56;
  stroke-dashoffset:55;
  animation:rbrOcXHh_draw 1100ms ease-in-out 0ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_1{
  stroke-dasharray:74 76;
  stroke-dashoffset:75;
  animation:rbrOcXHh_draw 1100ms ease-in-out 78ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_2{
  stroke-dasharray:74 76;
  stroke-dashoffset:75;
  animation:rbrOcXHh_draw 1100ms ease-in-out 157ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_3{
  stroke-dasharray:74 76;
  stroke-dashoffset:75;
  animation:rbrOcXHh_draw 1100ms ease-in-out 235ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_4{
  stroke-dasharray:51 53;
  stroke-dashoffset:52;
  animation:rbrOcXHh_draw 1100ms ease-in-out 314ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_5{
  stroke-dasharray:38 40;
  stroke-dashoffset:39;
  animation:rbrOcXHh_draw 1100ms ease-in-out 392ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_6{
  stroke-dasharray:6 8;
  stroke-dashoffset:7;
  animation:rbrOcXHh_draw 1100ms ease-in-out 471ms forwards;
}
#nav #jurny-logo-anim .rbrOcXHh_7{
  stroke-dasharray:6 8;
  stroke-dashoffset:7;
  animation:rbrOcXHh_draw 1100ms ease-in-out 550ms forwards;
}
@keyframes rbrOcXHh_draw{100%{stroke-dashoffset:0;}}
@keyframes rbrOcXHh_fade{0%{stroke-opacity:1;}93.16239316239316%{stroke-opacity:1;}100%{stroke-opacity:0;}}


/* hamburger animation */
@keyframes secondlineToCloseIcon {
  0 { left:0px }
  50% { left:5px; }
  100% { left:5px;transform: rotate(45deg); }
}

@keyframes firstlineLenght {
  0% { width:0px; }
  50% { width:28px;}
  100% { width:36px;transform: rotate(135deg);}
}
@keyframes secondlineLenght {
  0% { width:0px; }
  50% { width:28px;}
  100% { width:36px;transform: rotate(135deg);}
}


/* ----------------------------------------------- Footer */ 


footer{
  position: relative;
  z-index: 2;
  background: #fff;
}

.logoFooter{
  width: 120px;
  margin-top: 30px;
}

div.socialFooter{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 240px;
  margin:50px 0
}
div.socialFooter a svg {
  width: 40px;
  padding: 10px;
}

.jurnyData ul{
  margin: 0;
  padding: 0;
}
.jurnyData ul li{
  list-style: none;
}
.jurnyLastCta a.cta{
  border-radius: 20px;
  border: 1px solid #000;
  padding: 6px 20px;
  font-size: 12px;
  display: block;
  color: #000;
  text-transform: uppercase;
}
.jurnyLastCta a.cta:hover{
  background: #000;
  color: #FFF;
}

.jurnyCopy{
  margin-top: 50px;
  font-size: 13px;
}
.jurnyCopy ul li{
  list-style: none;
}
.jurnyCopy a svg {
  width: 30px;
  padding: 5px;
}

main.home{
  overflow: hidden;
  background: #eee;
}

main{
  background: #eee;
}

video{
  object-fit: cover;
  width: 100%;
  height: 100%; 
}
/* HOME */


.jurny-presentation:before{
  content: '';
  display: block;
  width: 100%;
  height:50%;
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  position: fixed;
  z-index: 3;
}

.jurny-presentation{
  position:relative;
  width: 100vw;
  height: 100vh;
}

.heroContent{
  background: rgb(246,246,246);
  background: linear-gradient(310deg, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%);
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: clip;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.heroVideo{
  width: 100vw;
  height: 100vh;
  /* display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; */
  overflow: clip;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.heroContent h1{
  width: 45%;
  z-index: 2;
  text-align: center;
}

.heroContent h1.text-animated span {
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  font-size: 8rem;
  font-weight: 600;   
  line-height: 0.8em;
}

.heroContent h1.text-animated span span {
  display: inline-block;
  transform: translate(0px, 110%);
}

.heroContent span.payoff{
  font-size: 1.8rem;
  padding-right: 40px;
  z-index: 2;
}

.heroContent #jzoom{
  width: 500px;
  height: 1208px;
  position: absolute;
  top:-550px;
  left: 63%;
  z-index: 1;
}

.heroVideo .jurny-video-cta{
  width: 300px;
  z-index: 3;
  position:absolute;
  bottom:15%;
  text-align:center;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.heroVideo .jurny-video-cta h4.text-animated span{
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  font-size: 4rem;
  font-weight: 600;   
  line-height: 0.8em;
  color:#fff;
}

.jurny-presentation .bigCoverDot{
  border-radius: 50%;
  background: #000;
  width: 4px;
  height: 4px;
  transform-origin: center;
  position: absolute;
  display: block;
  left: 23px;
  top: 22px;
  z-index: 80;
}

.heroContent .ball-entrance-wrapper, .heroContent .ball-relax-wrapper, .heroContent .ball-app-wrapper,
.heroContent .ball-entrance, .heroContent .ball-relax, .heroContent .ball-app{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
}

/*.heroContent .ball-entrance{
  width:280px;
  height:280px;
  position: absolute;
  display: block;
  background: url('../img/couple.jpg') no-repeat center center;
  background-size: cover;
  outline:60px solid #fff;
  top:70vh;
  left:-50px;
}
.heroContent .ball-relax{
  width:280px;
  height:280px;
  position: absolute;
  display: block;
  background: url('../img/relax.jpg') no-repeat center center;
  background-size: cover;
  top: -50px;
  left: 300px;
  outline: 50px solid #fff;
}
.heroContent .ball-app{
  width: 410px;
  height: 410px;
  position: absolute;
  right: -50px;
  top: 65vh;
  display: block;
  background: url('../img/app-jurny.jpg') no-repeat center center;
  background-size: cover;
  outline: 80px solid #fff;
}
*/
.heroContent .ball-entrance-wrapper{
  position: absolute;
  border:60px solid #fff;
  top:70vh;
  left:-50px;
}
.heroContent .ball-relax-wrapper{
  position: absolute;
  display: block;
  top: -50px;
  left: 300px;
  border: 50px solid #fff;
}
.heroContent .ball-app-wrapper{
  position: absolute;
  right: -50px;
  top: 65vh;
  border: 80px solid #fff;
}
.heroContent .ball-entrance{
  width:280px;
  height:280px;
  display: block;
  background: url('../img/couple.jpg') no-repeat center center;
  background-size: cover;
}
.heroContent .ball-relax{
  width:280px;
  height:280px;
  display: block;
  background: url('../img/relax.jpg') no-repeat center center;
  background-size: cover;
}
.heroContent .ball-app{
  width: 410px;
  height: 410px;
  display: block;
  background: url('../img/app-jurny.jpg') no-repeat center center;
  background-size: cover;
}

.heroContent a.cta-lg{
  position: absolute;
  bottom:150px;
}
.heroVideo .home-video-desktop{
  display: block;
}
.heroVideo .home-video-mobile{
  display: none;
}
/* end HOME */


/* HOME v2 */

.welcomeHomeHero{
  height: 100vh;
  width: 100%;
  padding-top: 145px;
  background: #eee;
  position: relative;
  z-index: 2;
}

.videoPresentation{
  position: relative;
  height: 100vh;
  width: 100%;
  z-index: 1;
}
.videoPresentation:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(238,238,238,0) 0%, rgb(238 238 238) 100%);
    z-index: 2;
  }


.videoPresentationFixBox{
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 0;
  top: 0;
}

.videoPresentation #video-desktop{
  display: block;
}
.videoPresentation #video-mobile{
  display: none;
}




.welcomeHomeHero .homeMOSHeroBox{
  position: relative;
  min-height: 700px;
}
.welcomeHomeHero .homeMOSHeroBox .jurny-pms{
  position: absolute;
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  top: 160px;
  left: 0;
  z-index: 3;
}

.welcomeHomeHero .homeMOSHeroBox .jurny-mos-woman{
  position: absolute;
  top: 0;
  right: 300px;
  width: 150px;
  z-index: 2;
}

.welcomeHomeHero .homeMOSHeroBox .jurny-mos-man{
  position: absolute;
  border-radius: 8px 35px 50px 30px;
  top: 470px;
  left: 120px;
  width: 220px;
  box-shadow: 30px -30px 70px rgb(0 0 0 / 20%);
  z-index: 4;
}

.welcomeHomeHero .homeMOSHeroBox .jurny-app-mobile{
  position: absolute;
  border-radius: 20px;
  top: 350px;
  left: 440px;
  width: 170px;
  box-shadow: -40px -30px 50px rgb(0 0 0 / 20%);
  z-index: 5;
}

.welcomeHomeHero .homeMOSHeroBox .dotted{
  width: 100px;
  position: absolute;
  top: 22px;
  right: 250px;
  z-index: 1;
}
.welcomeHomeHero .homeMOSHeroBox .ring{
  position: absolute;
  top: 40px;
  left: 150px;
  z-index: 1;
  width: 80px;
  z-index: 1;
}
.welcomeHomeHero .homeMOSHeroBox .segment{
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 1;
  width: 200px;
  z-index: 1;
}
.welcomeHomeHero .homeMOSHeroBox .minidotted{
  position: absolute;
  width: 50px;
  top: 530px;
  left: 250px;
}
.welcomeHomeHero .downloadApp{
  font-size: 14px;
}
.welcomeHomeHero a.applestore svg,
.welcomeHomeHero a.googleplay svg{
  width: 25px;
  margin-left: 20px;
  transition: all 0.3s ease-in-out;
}

.welcomeHomeHero a.applestore svg:hover,
.welcomeHomeHero a.googleplay svg:hover{
  fill: #666;
}

/* end HOME v2 */


/* start HOME v4 */
  .home4 .heroContent4{
    padding-top: 80px;
  }
  .home4 .heroContent4 h1{
    font-size: 54px;
    line-height: 1em;
  }
  .home4 .subPayoff{
    margin-top: -60px;
    padding-bottom: 30px;
  }

  .home4 .ctaJurny{
    padding-bottom:50px ;
  }
  .home4 .downloadApp{
    font-size: 14px;
  }
  .home4 a.applestore svg,
  .home4 a.googleplay svg{
    width: 25px;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
  }

  .home4 a.applestore svg:hover,
  .home4 a.googleplay svg:hover{
    fill: #666;
  }

  .home4 .subPayoff .featureList{
    text-align: center;
    display: flex;
    justify-content: space-between;
  }

/* end HOME v4 */


/* JurnyOS  */

.powerfulSolutions img{
  width: 100px;
}

.powerfulSolutions .solBox{
  transition: all 0.5s ease-in-out !important;
  padding-top: 20px;
}
.powerfulSolutions .solBox:hover{
  transform: scale(1.1);
  background: #fff;
  border-radius: 8px;
  box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
}


.josfeatures{
  background:url('../img/star-wars.png')no-repeat center center;
}

.josfeatures a {
  position: relative;
}
.josfeatures a img{
  transition: all 0.3s ease-in-out;
}
.josfeatures a > div{
  position: relative;
  overflow: hidden;
}
.josfeatures a > div:before{
  content: "";
  background: url('../img/curvy-arrow-right-white.svg') no-repeat center center rgb(0 0 0 / 20%);
  background-size: 7px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  display: inline-block;
  top: 70px;
  left: 0;
  right: 0;
  margin:0 auto ;
  z-index: 5;
  transition: all 0.5s ease-in-out;
  transform: scale(1.4);
}
.josfeatures a:hover > div:before{
  background: url('../img/curvy-arrow-right.svg') no-repeat center center #fff;
  transform: scale(1);
}
.josfeatures a.mobileAppJurny > div:before{
  top: 115px;
  left: 20px;
}



.josfeatures a:hover img{
  /*
  transform: scale(0.8);
  filter: blur(5px);*/
  filter: brightness(0.8) blur(2px); 
  z-index: 2;
}

.josfeatures a .hvr-btn{
  background: rgb(0 0 0 / 40%);
  color: #fff;
  padding: 10px 20px;
  border-radius: 20px;
  width: max-content;
  position: absolute;
  font-size: 0.8em;
  visibility: hidden;
  opacity: 0;
}
.josfeatures a:hover .hvr-btn{
  visibility: visible;
  opacity: 1;
}

.josLabel{
  margin-top:-25px;
  margin-bottom: 40px;

}

.josLabel.fully{
  font-size: 24px;
}

.clientReviews{
  background: url('../img/bck-client-reviews.png')no-repeat 0% 30px #F2F2F2;

}

#jurnyoscarousel{
  position: relative;
}

#jurnyoscarousel div.owl-item{
  background: #fff;
  text-align: center;
  padding: 30px;
  border-radius: 8px;
  box-shadow: -5px 16px 21px -13px rgba(0,0,0,0.4);
}

#jurnyoscarousel img{
  width: auto;
}
#jurnyoscarousel p{
  margin-top: 20px;
}
#jurnyoscarousel h6{
  margin-bottom: 0;
}

#jurnyoscarousel .owl-nav button.owl-prev span,
#jurnyoscarousel .owl-nav button.owl-next span{
  display: none;
}
#jurnyoscarousel .owl-nav button.owl-prev,
#jurnyoscarousel .owl-nav button.owl-next{
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
}
#jurnyoscarousel .owl-nav button.owl-prev{
  top: 180px;
  background: url(../img/curvy-arrow-left.svg) no-repeat center center;
  margin-left: -50px;
  cursor: pointer;
}
#jurnyoscarousel .owl-nav button.owl-next{
  top: 180px;
  right: 0;
  margin-right: -50px;
  background: url(../img/curvy-arrow-right.svg) no-repeat center center;
  cursor: pointer;
}

.osDistribution{
  background: url(../img/baloon.svg) no-repeat center center;
  background-size: contain;
}

#comparisonToggler{
  display: none;
}

#comparisonMOSWrap{
  z-index: 99999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 72%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
}

#comparisonMOSWrap #closeComparisonMOSWrap{
  position: absolute;
  right: 30px;
  top: 30px;
  transition: all 0.3s ease-in-out;
}
#comparisonMOSWrap #closeComparisonMOSWrap:hover{
  transform: rotate(10deg);
}

#comparisonMOSWrap .comparisonMOSTbl{
  width: 600px;
  height: 62%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 20px #ccc;
  overflow: auto;
  overflow-x: hidden;
}

#comparisonMOSWrap .comparisonMOSTbl .nav.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #000;
    border-radius: 30px;
    margin: 20px;
    font-size: 13px;
}
#comparisonMOSWrap .comparisonMOSTbl .nav.nav-tabs .nav-link {
    color: #666;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 30px;
    margin: 20px 10px;
    font-size: 13px;
}
#comparisonMOSWrap .comparisonMOSTbl table thead.sticky-top{
  background: #fff;
      height: 50px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 26%);
}


.softwareCompTable .nav-tabs {
    border-bottom: 4px solid #000;
}
.softwareCompTable .nav-tabs .nav-link {
    color: #000;
    font-weight: 500;
}
.softwareCompTable .nav-tabs .nav-link.active{
    color: #fff;
    background-color: #000;
    border-color: #000;
}



.propertyMngMadeBetter ul.pmsIconList{
  margin: 0;
  padding: 0;
}
.propertyMngMadeBetter ul.pmsIconList li{
  list-style: none;
  padding: 5px;
}
.propertyMngMadeBetter ul.pmsIconList li a{
   padding: 20px 30px 25px 90px;
   display: block;
   width: max-content;
   border-radius: 8px;
}

.propertyMngMadeBetter ul.pmsIconList li a.pmsIconAi{
  background: url('../img/icon-ai-pricing.svg')no-repeat left center;
  background-position-x: 8px;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconScr{
  background: url('../img/icon-screening.svg')no-repeat left center;
  background-position-x: 8px;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconRep{
  background: url('../img/icon-reputationt-tracker.svg')no-repeat left center;
  background-position-x: 8px;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconProp{
  background: url('../img/icon-property-care-app.svg')no-repeat left center;
  background-position-x: 8px;
}
  
/*.propertyMngMadeBetter ul.pmsIconList li a:hover{
  background-position-x: 12px;
}
*/

.propertyMngMadeBetter .mosIconList a,
.propertyMngMadeBetter .mosProIconList a{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  background: transparent;
  border-radius:8px;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out !important;
  text-align: center;
}

.propertyMngMadeBetter .mosIconList a img,
.propertyMngMadeBetter .mosProIconList a img{
  width: 100px;
}

.propertyMngMadeBetter .mosIconList a:hover,
.propertyMngMadeBetter .mosProIconList a:hover{
 transform: scale(1.1);
  background: #fff;
  box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
}









.propertyMngMadeBetter ul.pmsIconList li a.pmsIconAi:hover{
  background: url('../img/icon-ai-pricing.svg')no-repeat left center #fff;
  background-position-x: 12px;
  color: #000;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconScr:hover{
  background: url('../img/icon-screening.svg')no-repeat left center #fff;
  background-position-x: 12px;
  color: #000;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconRep:hover{
  background: url('../img/icon-reputationt-tracker.svg')no-repeat left center #fff;
  background-position-x: 12px;
  color: #000;
}
.propertyMngMadeBetter ul.pmsIconList li a.pmsIconProp:hover{
  background: url('../img/icon-property-care-app.svg')no-repeat left center #fff;
  background-position-x: 12px;
  color: #000;
}




 h3.separator {
  position: relative;
  margin-top: 30px;
  margin-bottom: 80px;
}
 h3.separator span{
    background: #eee;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    display: block;
    z-index: 2;
    font-size: 18px;
    left: 0;
    text-transform: uppercase;
    right: 0;
    margin: auto;
    top: -10px;
    width: max-content;
}
 h3.separator:after {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 95%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
/* End JurnyOS  */


/* JurnyMOS  */

.mosPage .solPresentation{
  position: relative;
  z-index: 2;
}

.mosPage .CircleFeatures{
  width: 500px;
  background: url('../img/donuts.svg')no-repeat top center;
  background-size: 400px;
  min-height: 400px;
  margin-top: -80px;
}

.mosPage .CircleFeatures .circleLogo img{
  margin-bottom: 20px;
}
.mosPage .CircleFeatures .circleLogo p{
  font-size: 13px;
}

.mosPage .CircleFeatures .circleRow{
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.mosPage .CircleFeatures .circleRow.r01{
  margin-top: 150px;
}

.mosPage .CircleFeatures .circleRow.r02{
  margin-top: 30px;
   display: flex;
  justify-content: center;
}

.mosPage .CircleFeatures .circleRow.r02 img.circlePlus{
  margin-top: -120px;
}

.mosPage .CircleFeatures .circleRow a{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  transition: all 0.3s ease-in-out;
  font-size: 12;
  line-height: 1em;
}
.mosPage .CircleFeatures .circleRow a:hover{
  opacity: 0.5;
}
.mosPage .featuredIndex{
  display: flex;
  flex-direction: column;
}
.mosPage .featuredIndex .featItem{
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.mosPage .featuredIndex .featItem.sel span{
  font-weight: 600;
}

.mosPage .featuredIndex .featItem.sel{
  border-bottom: 1px solid #000;
}
.mosPage .featuredIndex .featItem a{
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mosPage .featuredIndex .featItem:hover a{
  opacity: 1;
}
.mosPage .featuredIndex .featItem span{
  margin-left: 10px;
}

.mosPage .featItemImg{
  position: relative;
  display: none;
}

.mosPage .featItemImg img{
  border-radius: 4px;
  box-shadow: -20px 20px 20px 10px rgb(0 0 0 / 15%);
}
.mosPage .featItemImg .icon{
  background: #fff;
  padding: 10px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: -20px -10px 20px 10px rgb(0 0 0 / 15%);
  position: absolute;
  margin-top: -50px;
  right: 50px;
}
.mosPage .featItemImg .icon img{
  box-shadow: initial;
  width: 80px;
}

/* End JurnyMOS  */


/* JurnyMOSPro  */

.mosProPage .solPresentation{
  position: relative;
  z-index: 2;
}

.mosProPage .CircleFeatures{
  width: 500px;
  background: url('../img/donuts.svg')no-repeat top center;
  background-size: 400px;
  min-height: 400px;
  margin-top: -80px;
}

.mosProPage .CircleFeatures .circleLogo img{
  margin-top: 80px;
}
.mosProPage .CircleFeatures .circleRow{
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.mosProPage .CircleFeatures .circleRow.r01{
  margin-top: 100px;
}

.mosProPage .CircleFeatures .circleRow.r02{
  margin-top: 20px;
   display: flex;
  justify-content: center;
}

.mosProPage .CircleFeatures .circleRow.r02 img.circlePlus{
  margin: 0 70px;
}

.mosProPage .CircleFeatures .circleRow.r03{
  margin-top: -20px;
   display: flex;
  justify-content: center;
}


.mosProPage .CircleFeatures .circleRow a{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 130px;
  transition: all 0.3s ease-in-out;
  font-size: 12;
  line-height: 1em;
}
.mosProPage .CircleFeatures .circleRow a:hover{
  opacity: 0.5;
}
.mosProPage .featuredIndex{
  display: flex;
  flex-direction: column;
}
.mosProPage .featuredIndex .featItem{
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.mosProPage .featuredIndex .featItem.sel span{
  font-weight: 600;
}

.mosProPage .featuredIndex .featItem.sel{
  border-bottom: 1px solid #000;
}
.mosProPage .featuredIndex .featItem a{
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mosProPage .featuredIndex .featItem:hover a{
  opacity: 1;
}
.mosProPage .featuredIndex .featItem span{
  margin-left: 10px;
}

.mosProPage .featItemImg{
  position: relative;
  display: none;
}

.mosProPage .featItemImg img{
  border-radius: 4px;
  box-shadow: -20px 20px 20px 10px rgb(0 0 0 / 15%);
}
.mosProPage .featItemImg .icon{
  background: #fff;
  padding: 10px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: -20px -10px 20px 10px rgb(0 0 0 / 15%);
  position: absolute;
  margin-top: -50px;
  right: 50px;
}
.mosProPage .featItemImg .icon img{
  box-shadow: initial;
  width: 80px;
}

/* End JurnyMOSPro  */





.sponsor-owl .item img{
  width: 130px;
  filter: grayscale(100%);
  opacity: 0.3;
  margin-top: 30px;
  transition: all 0.3s ease-in-out;
}
.owl-item img:hover,
.owl-item.active.center img{
  opacity: 1;
}



/* PMS  */
.property-bck{
  position: relative;
}
.property-bck img.mac{
  position:absolute;
  z-index: 1;
  width: 70%;
  left: 20%;
  top:10%;
  z-index: 2;
  image-rendering: -webkit-optimize-contrast;
}
.property-bck img.propTooltip{
  position:absolute;
  z-index: 2;
  top:53%;
  width: 20%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
.property-bck img.stats{
  position:absolute;
  z-index: 2;
  width: 8%;
  top: 30%;
  left:69%;
  image-rendering: -webkit-optimize-contrast;
}
.property-bck img.experience{
  width: 100%;
}

.featuresCards .featuresCard{
  background: #fff;
  padding:20px;
  min-height: 200px;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 7%);
  margin-bottom:20px ;
  border-radius: 4px;
}




/* End PMS  */

/* Access Control System  */
.accessDevices{
  margin-top:-100px;
}

.accessDevices a .card{
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: row;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 80px;
  padding:10px;
  border:none;
  margin-bottom:20px;
  transition: all 0.3s ease-in-out;
}
.accessDevices a:hover .card{
  background: #000;
}
.accessDevices a:hover .card .deviceTitle{
  color:#fff;
}
.accessDevices .card .thumb{
  width: 80px;
  height:80px;
  margin-right:10px;
}
.accessDevices .card .thumb img{
  width: 100%;
  height:100%;
  border-radius:50%;
}
.accessDevices .dottedPointWrap{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.accessDevices .dottedPoint{
  background: #fff;
  border-radius:50%;
  width: 80%;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.accessDevices .dottedPoint img{
  width: 100px;;
}


#showAccessDevicesAction.device-0{
  background: url(../img/access-control-system.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-1{
  background: url(../img/access-control-system-device-01.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-2{
  background: url(../img/access-control-system-device-02b.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-3{
  background: url(../img/access-control-system-device-03.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-4{
  background: url(../img/access-control-system-device-04.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-5{
  background: url(../img/access-control-system-device-05.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-6{
  background: url(../img/access-control-system-device-06.png)no-repeat center center;
  background-size: cover;
}
#showAccessDevicesAction.device-7{
  background: url(../img/access-control-system-device-07.png)no-repeat center center;
  background-size: cover;
}
/* End Access Control System  */

/* Jurny Guest Mobile App */
.appJurny{
  min-height: 900px;
}
.appVisual1{ 
  width: 500px;
  position: absolute;
  z-index: 2;
  margin-left:0px;
  margin-top:200px;
  image-rendering: -webkit-optimize-contrast;
}
.appVisual2{
  width: 500px;
  position: absolute;
  z-index: 2;
  margin-left:300px;
  margin-top:100px;
  image-rendering: -webkit-optimize-contrast;
}
.jurnyGuest{
  width: 300px;
  position: absolute;
  z-index: 1;
  margin-top:130px;
  margin-left: 255px;
  image-rendering: -webkit-optimize-contrast;
}

.jurnyAppMoreDetails .jurnyAppSchema{
  position: relative;
}

.jurnyAppMoreDetails .jurnyAppSchema img{
 margin-bottom: 20px;
}
.jurnyAppMoreDetails .jurnyAppSchema p{
  border-radius: 15px;
  padding: 20px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema p.left{
  border-bottom-right-radius: 30px;
}
.jurnyAppMoreDetails .jurnyAppSchema p.right{
  border-bottom-left-radius: 30px;
}

.jurnyAppMoreDetails .jurnyAppSchema p.sel{
  background: #000;
  color: #fff
}

.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapperBlock{
  min-width: 300px;
}

.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper {
  position: relative;
  z-index: 1;
  background: url("../img/jurny-app-controller.png") no-repeat center center;
  width: 274px;
  height: 576px;
  display: block;
  border-radius: 30px;
  box-shadow:  0px -20px 20px rgb(0 0 0 / 15% );
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .control{
  border: 1px solid #000;
  border-radius: 20px;
  font-size: 9px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: end;
  padding-bottom: 6px;
  position: absolute;
  text-align: center;
}

.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-checkin{
  background: url("../img/ico-check.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 164px;
  left: 29px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-unlock{
  background: url("../img/ico-unlock-empty.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 164px;
  left: 145px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-wifi{
  background: url("../img/ico-wifi.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 257px;
  left: 29px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-temp{
  background: url("../img/ico-temp.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 257px;
  left: 145px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-local{
  background: url("../img/ico-local.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 349px;
  left: 29px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-virtual{
  background: url("../img/ico-virtual.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 349px;
  left: 145px;
  width: 98px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-notifications{
  background: url("../img/ico-notific.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 441px;
  left: 29px;
  width: 65px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-amenities{
  background: url("../img/ico-amenities.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 441px;
  left: 106px;
  width: 59px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-guests{
  background: url("../img/ico-guests.svg")no-repeat center 17px #fff;
  background-size: 20px;
  top: 441px;
  left: 177px;
  width: 66px;
  height: 81px;
  transition: all 0.3s ease-in-out;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .dbline{
  padding-bottom: 20px;
}

.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-checkin:hover{
  background: url("../img/ico-check_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-unlock:hover{
  background: url("../img/ico-unlock-empty_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 164px;
  left: 145px;
  width: 98px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-wifi:hover{
  background: url("../img/ico-wifi_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 257px;
  left: 29px;
  width: 98px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-temp:hover{
  background: url("../img/ico-temp_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 257px;
  left: 145px;
  width: 98px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-local:hover{
  background: url("../img/ico-local_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 349px;
  left: 29px;
  width: 98px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-virtual:hover{
  background: url("../img/ico-virtual_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 349px;
  left: 145px;
  width: 98px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-notifications:hover{
  background: url("../img/ico-notific_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 441px;
  left: 29px;
  width: 65px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-amenities:hover{
  background: url("../img/ico-amenities_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 441px;
  left: 106px;
  width: 59px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}
.jurnyAppMoreDetails .jurnyAppSchema .jurnyAppControllerWrapper .but-guests:hover{
  background: url("../img/ico-guests_animated.svg")no-repeat center 17px #000;
  background-size: 20px;
  top: 441px;
  left: 177px;
  width: 66px;
  height: 81px;
  color: #fff;
  transform: scale(1.5);
  box-shadow: 0px 20px 20px rgb(0 0 0 / 15%);
  z-index: 2;
}





/* AI Pricing Software */

.descBox strong.subtitle{
  display: block;
  margin-bottom: 10px;
}
.descBox .argTitle {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.2em;
}

.descBox .shadowSeparator {
    background: url(../img/separator.png) no-repeat left center;
    height: 27px;
    margin-top: 15px;
}

.aiPricingSoftware img.all-properties{
  margin-left: 160px;

}






.descBox{
  background: #E4E4E4;
  border-top-left-radius: 68px;
  border-top-right-radius: 47px;
  border-bottom-left-radius: 74px;
  border-bottom-right-radius: 50px;
  padding: 40px 40px 40px 100px;
}

/* Guest Screening */
.guestScreening{}

.guestScreening .guestScreeningWrapper{
  position: relative;
  min-height: 500px;
}

.guestScreening .guestScreeningWrapper .guestScreeningContent{
  text-align: right;
}
.guestScreening .guestScreeningContent .risk-level{
  position: absolute;
  right: -50px;
  margin-top: 60px;
  z-index: 3;
}
.guestScreening  .guestScreeningContent .renter-card{
  position: absolute;
  right: 0;
  z-index: 2;
  box-shadow: 30px 30px 30px rgb(0 0 0 / 20%);
}
.guestScreening  .guestScreeningContent .property-card{
  opacity: 0.4;
  position: absolute;
  right: 0;
  z-index: 1;
      margin-top: 200px;
    margin-right: -100px;
}


/* Reputation Tracker */

.reputationTracker .reputationTrackerWrapper{
  position: relative;
  min-height: 500px;
}

.reputationTracker .reputationTrackerWrapper .reputationTrackerContent{
  text-align: right;
}

.reputation-tracker-panel{
  opacity: 0.5;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100%;
}
.reputation-tracker-review{
  position: absolute;
  top: 40px;
  right: -90px;
  z-index: 3;
  border-radius: 4px;
  box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
}
.reputation-tracker-stats{
  position: absolute;
  top: 200px;
  left: -100px;
  z-index: 2;
  box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
}

.reputation-tracker-user-01{
  position: absolute;
  top: 380px;
  left: 0px;
  z-index: 4;
}
.reputation-tracker-user-02{
  position: absolute;
  top: 20px;
  right: -20px;
  z-index: 4;
}


/* Property Care App */

.propertyCareApp .propertyCareAppWrapper{
  position: relative;
  min-height: 550px;
}
.propertyCareApp .propertyCareAppWrapper .propertyCareAppContent{
  text-align: right;
}

.property-care-app{
  position: absolute;
  top: 30px;
  right: -90px;
  z-index: 2;
  border-radius: 17px;
  width: 100%;
  box-shadow: 30px 32px 34px rgb(51 51 51 / 15%);
}
.property-care-app-working{
  position: absolute;
  top: 115px;
  left: -40px;
  z-index: 3;
  border-radius: 17px;
  box-shadow: 30px 32px 34px rgb(51 51 51 / 15%);
  width: 50%;
}
.cleaning-apartment{
  position: absolute;
  right: 160px;
  z-index: 5;
  width: 130px;
}
.property-care-shower{
  position: absolute;
  top: 341px;
  right: -20px;
  z-index: 4;
  width: 200px;
}
.propertyCareApp .descBox{
  margin-top: 80px;
}

/* MosPro Distribution */

.mosProDistribution{}
.mosProDistribution .mosproDistributionWrapper{
  position: relative;
  min-height: 550px;
}
.mosProDistribution .mosproDistributionWrapper .mosproDistributionContent{
  position: relative;
}

.jurny-ecosystem-circle{
   background: #fff;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   display: block;
   box-shadow: -69px 32px 84px rgb(0 0 0 / 9%);
   text-align: center;
   position: absolute;
   right: -100px;
   top: 80px;
   transition: all 0.3s ease-in-out;
}

.jurny-ecosystem-circle img{margin-top: 100px; transition: all 0.3s ease-in-out;}
.partnerContainer{ width: 100%; text-align: right; padding: 7px}
.mospro-distribution-partner-01{transition: all 0.3s ease-in-out; height:42px; margin-right: 10px;}
.mospro-distribution-partner-02{transition: all 0.3s ease-in-out; height:25px; margin-right: 80px;}
.mospro-distribution-partner-03{transition: all 0.3s ease-in-out; height:50px; margin-right: 160px;}
.mospro-distribution-partner-04{transition: all 0.3s ease-in-out; height:50px; margin-right: 210px;}
.mospro-distribution-partner-05{transition: all 0.3s ease-in-out; height:25px; margin-right: 200px;}
.mospro-distribution-partner-06{transition: all 0.3s ease-in-out; height:35px; margin-right: 140px;}
.mospro-distribution-partner-07{transition: all 0.3s ease-in-out; height:35px; margin-right: 80px;}
.mospro-distribution-partner-08{transition: all 0.3s ease-in-out; height:24px; margin-right: 10px;}


/* MosPro Revenue Management */

  .mosProRevenue .mosProRevenueWrapper{
    position: relative;
    min-height: 800px;
  }
  .mosProRevenue .mosProRevenueWrapper .mosProRevenueContent{
    position: relative;
  }

  .revenue-management-design-consulting{
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 2;
    border-radius: 8px;
    width: 95%;
    right: -100px;
    top: 30px;
  }
  .revenue-management-design-consulting:hover{
    width: 100%;
    z-index: 5;
  }

  .revenue-management-photography{
    position: absolute;
    z-index: 2;
    width: 360px;
    clip-path: inset(0px 0px 0px 115px round 8px);
    transition: all 0.3s ease-in-out;
    top: 360px;
    right: -160px;

  }
  .revenue-management-photography:hover{
    width: 400px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
  }

  .revenue-management-listing{
    position: absolute;
    top: 490px;
    left: -90px;
    z-index: 2;
    width: 290px;
    clip-path: inset(0px 0px 0px 100px round 8px);
    transition: all 0.3s ease-in-out;
  }
  .revenue-management-listing:hover{
    width: 400px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
    left: 0px;
    top: 420px;
  }

  .revenue-management-data-scientists{
    position: absolute;
    top: 630px;
    right: 0px;
    z-index: 2;
    width: 250px;
    clip-path: inset(0px 0px 0px 100px round 8px);
    transition: all 0.3s ease-in-out;
  }

 .revenue-management-data-scientists:hover{
    width: 400px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
    top: 530px;

  }
  
  .mosProRevenueLabel{
    background: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
  }


.mosProRevenueLabel.label-revenue-management-design-consulting{
    position: absolute;
    top: 310px;
    z-index: 3;
    left: 70px;
  }
  .mosProRevenueLabel.label-revenue-management-data-scientists{
    position: absolute;
    top: 470px;
    right: 20px;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-listing{
    position: absolute;
    top: 567px;
    left: 190px;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-photography{
    position: absolute;
    top: 690px;
    right: 130px;
    z-index: 3;
  }


/* MosPro Review */

.mosProReview{
  position: relative;
}
.mosProReview .mosProReviewWrapper{
  min-height: 800px;
  position: relative;
}
.mosProReview .mosProReviewWrapper .mosProReviewContent{}

.review-management-stats{
  position: absolute;
  width: 90%;
  right: -90px;
  top: 30px;
  box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
  border-radius: 8px;
  z-index: 2;
}
.review-mobile-rating{
  position: absolute;
  border-radius: 17px 54px 50px 42px;
  box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
  width: 110px;
  z-index: 3;
  left: 110px;
  top: 190px;
}
.review-rating-distribution{
  position: absolute;
  width: 350px;
  top: 250px;

}
.review-management-mobile{
  position: absolute;
  width: 300px;
  right: 30px;
  top: 250px;
  box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
  border-radius: 8px;
  z-index: 4;
}


  /* MosPro Accounting */

  .mosProAccounting{
    position: relative;
  }
  .mosProAccounting .mosProAccountingWrapper{
    min-height: 800px;
    position: relative;
  }
  .mosProAccounting .mosProAccountingWrapper .mosProAccountingContent{}


  .accounting-pms{
    position: absolute;
    width: 90%;
    right: -90px;
    top: 60px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    border-radius: 8px;
    z-index: 2;
  }
  .accounting-occupancy{
    position: absolute;
    width: 249px;
    top: 10px;
    left: 270px;
    z-index: 3;
    box-shadow: 0px 20px 20px rgb(0 0 0 / 14%);
  }

  .accounting-circle{
    position: absolute;
    top: 55px;
    left: 285px;
    width: 70px;
    z-index: 4;
    background: url('../img/circle-gray.svg')no-repeat center center;
  }

  .accounting-export{
    position: absolute;
    width: 182px;
    top: 50px;
    right: -80px;
    z-index: 3;
    box-shadow: 0px 20px 20px rgb(0 0 0 / 14%);
  }
  .accounting-revpar{
    position: absolute;
    width: 249px;
    top: 250px;
    left: 320px;
    z-index: 3;
    box-shadow: -18px -10px 30px rgb(0 0 0 / 14%);
  }

  .accounting-adr{
    position: absolute;
    width: 249px;
    top: 300px;
    left: 200px;
    z-index: 4;
    box-shadow: -18px -10px 30px rgb(0 0 0 / 14%);
  }

  .accounting-user{
    position: absolute;
    width: 115px;
    top: 340px;
    left: 520px;
    z-index: 5;
    box-shadow: 0px 20px 20px rgb(0 0 0 / 14%);
    border-radius: 20px 40px 20px 50px;
  }


  /* MosPro 24/7 Virtual Front Desk */

  .mosProVirtualFrontDesk{
    position: relative;
  }
  .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper{
    min-height: 800px;
    position: relative;
  }
  .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper .mosProVirtualFrontDeskContent{}


  .vfd-search-request{
    position: absolute;
    width: 400px;
    left: 0px;
    top: 60px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    border-radius: 8px;
    z-index: 2;
    opacity: 0.4;
  }
  .vfd-incoming-request{
    position: absolute;
    width: 400px;
    right: -90px;
    top: 80px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    border-radius: 8px;
    z-index: 3;
  }
  
  .vfd-security-reporting{
    position: absolute;
    width: 415px;
    height: 140px;
    top: 170px;
    left: -100px;
    display: block;
    background: url(../img/virtual-front-desk-screen-03.png)no-repeat center center;
    background-size: cover;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    border-radius: 8px;
    z-index: 5;
  }
  .vfd-security-reporting .video{
    border-radius: 8px;
    margin-top: 25px;
    margin-left: 15px;
    width: 160px;
  }
  .vfd-security-reporting:before{
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    background: url(../img/ico-cam.png)no-repeat center center;
    position: absolute;
    top: 20px;
    left: 10px;
  }
  .virtual-front-desk-team{
    position: absolute;
    width: 280px;
    top: 390px;
    right: -30px;
    box-shadow: -20px -20px 30px rgb(0 0 0 / 10%);
    border-radius: 30px 37px 30px 100px;
    z-index: 4;
  }


  /* 24/7 Guest Inquiry Support */

  .mosProGuest{
    position: relative;
  }

  .mosProGuest .mmosProGuestWrapper{
    position: relative;
  }
  .mosProGuest .mosProGuestWrapper .mosProGuestContent{
    position: relative;
    min-height: 500px;
  }

  .guest-inquiry-support-24h-7days{
    position: absolute;
    z-index: 4;
    clip-path: inset(0px 0px 0px 50px round 8px 35px 50px 30px);
    width: 300px;
    right: -80px;
    top: -20px;

  }
  .guest-inquiry-support-panel{
    position: absolute;
    width: 100%;
    z-index:3;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    right: 0px;
    top: 50px;
  }
  .guest-inquiry-support-comment{
    position: absolute;
    width: 90%;
    z-index:2;
    top: 290px;
    right: 20px;
  }
  .guest-inquiry-support-rapid{
    position: absolute;
    top: 350px;
    z-index: 4;
    width: 130px;
    right: 30px;
  }


 /* About Us */

  body.aboutUs main{
    background: url(../img/about-jurny2.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
  }

  body.aboutUs main:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background: #000;
  }


/* Careers */

.careersHero{
  position: relative;
}

.careersHero .workatjurny{
    position: relative;
    z-index: 4;
    border-radius: 20px 20px 60px 20px;
    box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
    width: 260px;
    top: 40px;
    margin-right: 120px
}

.careersHero:before{
  content: "";
  width: 600px;
  height: 400px;
  background: url('../img/careers-at-jurny.jpg') no-repeat;
  position: absolute;
  top: 0;
  border-radius: 0px 30px 30px 0px;
  opacity: 0.2;
  display: block;
  z-index: 1;
}

/* Jobs */

.jobsHero{}
.jobsHero .jobsCount{
  margin-top: 40px;
  width: 180px;
  height: 180px;
  font-size: 50px;
  border-radius: 50%;
  position: relative;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jobsHero .jobsCount .jobsinjurny{
  position: absolute;
  width: 80px;
  height: 80px;
  display: block;
  right: -20px;
  top: -20px;
  border-radius: 50%;
  background: url(../img/careers-at-jurny-bck.jpg)no-repeat center center;
  background-size: cover;
  box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
}




table.jobsList  {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.jobsList  caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.jobsList  tr {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
  padding: .35em;
}
table.jobsList  thead tr:first-child {
  border-bottom: 3px solid #000;
}


table.jobsList  th,
table.jobsList  td {
  padding: .625em;
  font-size: 13px;
}

table.jobsList  th {
  font-size: 1em;
  font-weight: bold;
}

table.jobsList tr{
  transition: all 0.3s ease-in-out;
}

table.jobsList tr:hover{
  background: rgb(255 255 255 / 40%);
}
table.jobsList tr .cta{
  opacity: 0;
}
table.jobsList tr:hover .cta{
  opacity: 1;
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  table.jobsList  {
    border: 0;
  }

  table.jobsList  caption {
    font-size: 1.3em;
  }
  
  table.jobsList  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.jobsList tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.jobsList td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.jobsList td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.jobsList td:last-child {
    border-bottom: 0;
  }

  table.jobsList tr .cta{
  opacity: 1;
  }
}





/* Blog */

.jurnyBlog{}
.jurnyBlog ul.filterTag{
  margin: 0;
  padding: 0;
  list-style: none;
}
.jurnyBlog ul.filterTag li{
  display: inline-block;
  padding: 5px;
}
.jurnyBlog ul.filterTag li a{
  background: rgb(255 255 255 / 45%);
  padding: 6px 22px;
  border-radius: 10px;
  font-size: 14px;
  display: block;
  width:  max-content;
}
.jurnyBlog ul.filterTag li a.current{
  background: #fff;
  font-weight: bold;
}
.jurnyBlog ul.filterTag li a:hover{
  background: #fff;
}
.jurnyBlog .card{
  background: transparent;
  border: none;
}
.jurnyBlog .card img{
  /*clip-path: inset(0px 0px 50px 0px round 8px 35px 50px 30px);*/
  border-radius:8px 35px 50px 30px;
  height: 200px;
  object-fit: cover;
}

/* Blog Article */

.jurnyBlogArticle .heroCover{
  border-radius:8px 35px 50px 30px;
  object-fit: cover;
  height: 350px;
  width: 100%;
}

.jurnyBlogArticle h2, .jurnyBlogArticle h3, .jurnyBlogArticle h4{
  margin-top: 1em;
  margin-bottom: 1em;
}

.additionalSingleImg{
  border-radius: 20px;
}


.jurnyBlogRelatedArticle{
  border-top: 1px solid #e0e0e0;
}

.jurnyBlogRelatedArticle span{
  background: #fff;
  padding: 6px 15px;
  border-radius: 10px;
  display: block;
  width: max-content;
  position: absolute;
  z-index: 2;
  margin-top: 10px;
  margin-left: -20px;
}

.jurnyBlogRelatedArticle .card{
  background: transparent;
  border: none;
}
.jurnyBlogRelatedArticle .card img{
  border-radius:8px 35px 50px 30px;
  height: 200px;
  object-fit: cover;
}

.shareBut{
  position: relative;
  padding: 5px 20px;
  border-radius: 20px;
  border: 1px solid #000;
  overflow: hidden;
  height: 36px;
  width: 120px;
}

.shareBut span{
  position: absolute;
  height: 36px;
  width: 120px;
  background: #eee;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  z-index: 2;
}

.shareBut:hover span{
  
  -webkit-transition-delay: .15s;
            transition-delay: .15s;
    -webkit-transform: translateX(-120px);
            transform: translateX(-120px)
}

.shareBut .shareChannel{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 120px;
  padding: 3px 11px;
}


.shareBut .shareChannel a img{
  width: 20px;
  opacity: 0;
  -webkit-transform: scale(.1);
            transform: scale(.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.shareBut .shareChannel a:nth-child(1) img{
            -webkit-transition-delay: 1.1s;
                    transition-delay: 1.1s;
}

.shareBut .shareChannel a:nth-child(2) img{
            -webkit-transition-delay: .9s;
                    transition-delay: .9s;
}

.shareBut .shareChannel a:nth-child(3) img{
            -webkit-transition-delay: .7s;
                    transition-delay: .7s;
}

.shareBut .shareChannel a:nth-child(4) img{
            -webkit-transition-delay: .4s;
                    transition-delay: .4s;

}

.shareBut:hover .shareChannel a img{
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}


/* FAQ */

.faqList{}

.faqQuestion{
  border-radius: 4px;
  display: block;
  padding: 8px 16px;
  margin-bottom: 10px;
  position: relative;
  background: #e6e6e6;
  transition: all 0.3s ease-in-out;
}
.faqQuestion:hover{
  background: #fff;
}
.faqQuestion:after{
    content: "";
    background: url(../img/curvy-arrow-right.svg) no-repeat;
    background-size: 5px;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 1px;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}
.faqAnswer{ 
  background: #f3f3f3;
  padding: 8px 16px;
  margin-bottom: 10px; 
  display: none;
  border-radius: 4px;
  font-size: 14px;
  margin-left: 5%;
}


.faqAnswer a.applestore,
.faqAnswer a.googleplay{
  width: 20px;
  display: inline-block;
  margin: 10px;
}

.faqQuestion.current{
  background: #fff;
}
.faqQuestion.current:after{
    content: "";
    background: url(../img/curvy-arrow-right.svg) no-repeat;
    background-size: 5px;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 17px;
    right: 14px;
    transform: rotate(90deg);
}
.faqQuestion.current + .faqAnswer{
    display: block;
}


/* Press */
.jurnyPress .card{
  background: #eee;
  border: 0px;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.jurnyPress .card .author{
  background: #fff;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 10px;
  margin-left: 10px;
}
.jurnyPress .card span{
  font-size: 12px;
}

.jurnyPress .card h5{
  margin-top: 10px;
  background:url(../img/link.svg) no-repeat left center;
  padding-left: 30px;
}
.jurnyPress .card:hover{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  border-bottom: 1px solid #fff;
}
.jurnyPress .card:after{
  content: "";
  position: absolute;
  background: url(../img/curvy-arrow-right.svg) no-repeat center center;
  background-size: 10px;
  width: 30px;
  height: 30px;
  display: block;
  top: 30px;
  right: 50px;
  z-index: 2;
  transition: all 0.8s ease-in-out;
  opacity: 0;
}
.jurnyPress .card:hover:after{
  top: 30px;
  right: 20px;
  opacity: 1;
}

/* Request Demo */

.requestDemo h3.separator {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.requestDemo h3.separator span{
  background: #eee;
  padding: 0 20px;
  position: absolute;
  text-align: center;
  display: block;
  z-index: 2;
  font-size: 18px;
  margin-top: -12px;
  left: 30%;
  text-transform: uppercase;
}
.requestDemo h3.separator:after {
  content: "";
  display: block;
  border-top: solid 1px black;
  width: 95%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.requestDemoForm{
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: -20px 70px 60px rgb(0 0 0 / 15%);
}




/* Reviews */

.jurnyReviews .button-group{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.jurnyReviews button.button{
  background: rgb(255 255 255 / 45%);
  padding: 6px 22px;
  border-radius: 10px;
  font-size: 14px;
  width: max-content;
  color: #000;
  border: none;
  margin: 3px;
  transition: all 0.3s ease-in-out;
}
.jurnyReviews button.button:hover{
  background: #fff;
}
.jurnyReviews button.button.is-checked{
  background: #fff;
  font-weight: bold;
}
.jurnyReviews .grid .element-item{
  background: #fff;
  padding: 20px 40px 20px 80px;
  border-radius: 50px 50px 10px 50px;
  width: 300px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 10px 20px 30px rgb(0 0 0 / 7%);
  transition: all 0.3s ease-in-out;
}

.jurnyReviews .grid .element-item:hover{
  transform: scale(1.04);
}
/*.jurnyReviews .grid .element-item:hover:after{
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background: rgb(0 0 0 / 30%);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  border-radius: 50px 50px 10px 50px;
}
.jurnyReviews .grid .element-item:before{
  content: "read more";
  bottom: 100px;
  left: 95px;
  margin:0 auto ;
  position: absolute;
  font-size: 12px;
  color: #fff;
  background: rgb(0 0 0 /80%);
  padding: 10px 20px;
  border-radius: 20px;
  z-index: 3;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.jurnyReviews .grid .element-item:hover:before{
  bottom: 140px;
  left: 95px;
  opacity: 1;
  visibility: visible;
}*/

#popReviewWrap{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 50%);
  webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: scale(0.8);
}
#popReviewWrap.show{
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#popReviewWrap .close{
  position: absolute;
  top: 19px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  display: block;
  background: url(../img/ico-close.svg)no-repeat center center #efefef;
  background-size: 22px;
  z-index: 3;
  border-radius: 50%;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);
  transition: all 0.3s ease-in-out;
}
#popReviewWrap .close:hover{
  transform: scale(1.02) rotate(5deg);
}


#popReviewWrap .grid{
  display: flex;
  justify-content: center;
  padding-top: 40px;
}

#popReviewWrap .grid .element-item{
  background: #fff;
  width: 310px;
  padding: 20px 20px 20px 40px;
  border-radius: 50px 50px 10px 50px;
  position: relative;
  top: initial !important;
  left: initial !important;
  margin: 0 auto;
}

#popReviewWrap .grid .element-item .nameDate{
  display: flex;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}

#popReviewWrap .grid .element-item .name{
  font-size: 18px;
  font-weight: 500;
  width: 200px;
}

#popReviewWrap .grid .element-item .data{
  width: 80px;
  font-size: 11px;
  text-align: right;
  line-height: 2.2em;
  color: #666;
  display: none;
}

#popReviewWrap .grid .element-item .ratingTimeWrap{
  display: flex;
  margin-bottom: 10px;
}

#popReviewWrap .grid .element-item .comment{
  font-size: 14px;
}
#popReviewWrap .grid .element-item .nameDate:before{
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: block;
  background: #ccc;
  position: absolute;
  top: 14px;
  right: 0px;

}

#popReviewWrap .grid .element-item.booking{background:#f1f9fe;}
#popReviewWrap .grid .element-item.booking .nameDate:before{
  background: url('../img/logo-reviews-booking.png')no-repeat center center #0c3b7c;
  background-size: cover;
}

#popReviewWrap .grid .element-item.airbnb{background:#fff7f8;}
#popReviewWrap .grid .element-item.airbnb .nameDate:before{
  background: url('../img/logo-reviews-airbnb.png')no-repeat center center #ffe3e6;
  background-size: cover;
}

#popReviewWrap .grid .element-item.expedia{background:#fffcf4;}
#popReviewWrap .grid .element-item.expedia .nameDate:before{
  background: url('../img/logo-reviews-expedia.png')no-repeat center center #0f2f57;
  background-size: cover;
}
#popReviewWrap .grid .element-item.tripadvisor{background:#F8FBF5;}
#popReviewWrap .grid .element-item.tripadvisor .nameDate:before{
  background: url('../img/logo-reviews-tripadvisor.png')no-repeat center center #e6f2e5;
  background-size: cover;
}
#popReviewWrap .grid .element-item.vrbo{background:#fafdff;}
#popReviewWrap .grid .element-item.vrbo .nameDate:before{
  background: url('../img/logo-reviews-vrbo.png')no-repeat center center #e0f0f7;
  background-size: cover;
}
#popReviewWrap .grid .element-item.store{background:#fff;}
#popReviewWrap .grid .element-item.store .nameDate:before{
  background: url('../img/logo-reviews-applestore.png')no-repeat center center #f2f2f2;
  background-size: cover;
}

#popReviewWrap .grid .element-item.google .nameDate:before{
  background: url('../img/logo-reviews-google.png')no-repeat center center #f1f1f1;
  background-size: cover;
}













.jurnyReviews .grid .element-item.ctaMoreCardBox{
      padding: 20px 40px 20px 20px;
}


.jurnyReviews .grid .element-item .nameDate:before{
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: block;
  background: #ccc;
  position: absolute;
  top: 0;
  left: -60px;

}

.jurnyReviews .grid .element-item .nameDate{
  display: flex;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}

.jurnyReviews .grid .element-item .name{
  font-size: 18px;
  font-weight: 500;
}

.jurnyReviews .grid .element-item .data{
  width: 80px;
  font-size: 11px;
  text-align: right;
  line-height: 2.2em;
  color: #666;
  display: none;
}

.jurnyReviews .grid .element-item .ratingTimeWrap{
  display: flex;
  margin-bottom: 10px;
}

.jurnyReviews .grid .element-item .comment{
  font-size: 14px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.jurnyReviews .grid .element-item .comment:after{
  content: "";
  position: absolute;
  bottom: 0;
  height: 50px;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  width: 100%;
  display: block;
}

.jurnyReviews .grid .element-item.booking{background:#f1f9fe;}
.jurnyReviews .grid .element-item.booking .nameDate:before{
  background: url('../img/logo-reviews-booking.png')no-repeat center center #0c3b7c;
  background-size: cover;
}
.jurnyReviews .grid .element-item.booking .comment:after{
  background: linear-gradient(0deg, rgba(241,249,254,1) 0%, rgba(241,249,254,0) 100%);
}

.jurnyReviews .grid .element-item.airbnb{background:#fff7f8;}
.jurnyReviews .grid .element-item.airbnb .nameDate:before{
  background: url('../img/logo-reviews-airbnb.png')no-repeat center center #ffe3e6;
  background-size: cover;
}
.jurnyReviews .grid .element-item.airbnb .comment:after{
  background: linear-gradient(0deg, rgba(255,247,248,1) 0%, rgba(255,247,248,0) 100%);
}

.jurnyReviews .grid .element-item.expedia{background:#fffcf4;}
.jurnyReviews .grid .element-item.expedia .nameDate:before{
  background: url('../img/logo-reviews-expedia.png')no-repeat center center #0f2f57;
  background-size: cover;
}
.jurnyReviews .grid .element-item.expedia .comment:after{
  background: linear-gradient(0deg, rgba(255,252,244,1) 0%, rgba(255,252,244,0) 100%);
}


.jurnyReviews .grid .element-item.tripadvisor{background:#F8FBF5;}
.jurnyReviews .grid .element-item.tripadvisor .nameDate:before{
  background: url('../img/logo-reviews-tripadvisor.png')no-repeat center center #e6f2e5;
  background-size: cover;
}
.jurnyReviews .grid .element-item.tripadvisor .comment:after{
  background: linear-gradient(0deg, rgba(248,251,245,1) 0%, rgba(248,251,245,0) 100%);
}


.jurnyReviews .grid .element-item.vrbo{background:#fafdff;}
.jurnyReviews .grid .element-item.vrbo .nameDate:before{
  background: url('../img/logo-reviews-vrbo.png')no-repeat center center #e0f0f7;
  background-size: cover;
}
.jurnyReviews .grid .element-item.vrbo .comment:after{
  background: linear-gradient(0deg, rgba(250,253,255,1) 0%, rgba(250,253,255,0) 100%);
}


.jurnyReviews .grid .element-item.google .nameDate:before{
  background: url('../img/logo-reviews-google.png')no-repeat center center #f1f1f1;
  background-size: cover;
}
.jurnyReviews .grid .element-item.google .comment:after{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.jurnyReviews .grid .element-item.store{background:#fff;}
.jurnyReviews .grid .element-item.store .nameDate:before{
  background: url('../img/logo-reviews-applestore.png')no-repeat center center #f2f2f2;
  background-size: cover;
}
.jurnyReviews .grid .element-item.store .comment:after{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}





/* White Paper Modal */
#whitePaperToggler{
  display: none;
}
#whitePaperToggler #whitePaperOverlay{
  background: rgb(0 0 0 /40%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
#whitePaperToggler #whitePaperOverlay .whitePaperContent{
  width: 900px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 10px 10px 40px rgb(0 0 0 /30%);
  position: relative;
  
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transform: scale(0.7); /* IE 9 */
   -webkit-transform: scale(0.7); /* Safari */
   opacity: 0;
   transform: scale(0.7);
}

#whitePaperToggler #whitePaperOverlay .whitePaperContent .adv{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

#whitePaperToggler #whitePaperOverlay .whitePaperContent.open{
 opacity: 1;
   transform: scale(1); 
}


#whitePaperToggler #whitePaperOverlay .whitePaperContent .bck_whitep{
  background: #f7f7f7;
}

#whitePaperToggler #whitePaperOverlay .whitePaperContent #closeWhitePaperToggler{
  position: absolute;
  width: 30px;
  height: 30px;
  top: -30px;
  right: -30px;
  transition: all 0.3s ease-in-out;
}

#whitePaperToggler #whitePaperOverlay #closeWhitePaperTogglerMobile{
  width: 30px;
  height: 30px;
  transition: all 0.3s ease-in-out;
  display: none;
}


#whitePaperToggler #whitePaperOverlay #closeWhitePaperTogglerMobile:hover,
#whitePaperToggler #whitePaperOverlay .whitePaperContent #closeWhitePaperToggler:hover{
  transform: rotate(10deg);
}
#whitePaperToggler .separator{
  height: 3px;
  width: 70px;
  background: #ededed;
  margin-top: 25px;
  margin-bottom: 25px;
}

#whitePaperToggler #whitePaperOverlay .whitePaperContent.open small.privacy{
  font-size: 12px;
}


/* Table Switch */

  .switchTime .form-switch .form-check-input{
    height: 1.5em;
    width: 2.8em;
  }
  .switchTime label{
    padding: 5px 10px;
  }
   .switchTime .form-check-input{
    border-color: #efefef;
   }
   .switchTime .form-check-input:checked {
    background-color: #999;
    border-color: transparent;
  }



/* Compare services table */

    /* Service Table */
    .servicesCompareTable{
        background: #fff;
        border-radius: 8px;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .servicesCompareTableFooter{
        position:-webkit-sticky; position:sticky;
        bottom: 0;
        background: #fff;
        padding: 20px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        z-index: 2;
        box-shadow: 0px 0px 15px #dbdbdb;
    }
    .servicesCompareTable .serviceCol h4{
        position: relative;
    }

    .form-label.annually{
      position: relative;
    }
    .form-label.annually:after{
      content: "-10%";
      position: absolute;
      top: 7px;
      right: -38px;
      background: #000;
      color: #fff;
      font-size: 11px;
      border-radius: 42px;
      display: block;
      padding: 4px 8px;
      line-height: 1em;
      font-weight: 600;
    }

    .servicesCompareTable .serviceFirstCol.col-01{
      box-shadow: 10px 0px 15px rgb(0 0 0 / 4%);
    }
    .servicesCompareTable .serviceCol.col-03{
        position: relative;
    }
    .servicesCompareTable .serviceCol.col-03:before{
        content: "Popular";
        font-size: 14px;
        color: #fff;
        position: absolute;
        z-index: 1;
        top: -20px;
        left: 0;
        background: #000;
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 20px;
    }

    .servicesCompareTable .serviceCol.highlights{
        background: #000;
    }

    .servicesCompareTable .serviceCol.highlights .headerTitle h4{
      color: #fff;
    } 
    .servicesCompareTable .serviceCol.highlights .servicePrice .price,
    .servicesCompareTable .serviceCol.highlights .servicePrice span{
      color: #fff;
    }
    .servicesCompareTable .serviceCol.highlights .serviceProp .dots{
      background: #fff;
    }


    .servicesCompareTable .serviceFirstCol {
        width: 150%;
    }
    .servicesCompareTable .serviceFirstCol .headerTitle{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 20px;
        justify-content: start;
        min-height: 100px;
    }
    .servicesCompareTable .serviceFirstCol .headerTitle h4{
        text-transform: uppercase;
        font-size: 16px;
    }
    .servicesCompareTable .headerTitle{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 20px;
        justify-content: center;
        min-height: 100px;
        text-align: center;
    }
    .servicesCompareTable .headerTitle h4{
        font-weight: lighter;
        font-size: 20px;
    }

    .servicesCompareTable .serviceFirstCol{
        background: #fff;
        /*box-shadow: 0px 0px 10px #ccc;*/
        width: 100%;
        z-index: 2;
    }
    .servicesCompareTable .serviceFirstCol,
    .servicesCompareTable .serviceCol{
        border-top-left-radius: 8px;
        width: 100%;
    }
    .servicesCompareTable .headerTitle{
        border-bottom: 1px solid #e0e0e0;
        padding: 20px;
    }
    .servicesCompareTable .servicePriceTitle{
        min-height: 90px;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 20px;
        justify-content: center;
        font-weight: bold;
        font-size: 14px;
    }
    .servicesCompareTable .servicePropTitle{
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 20px;
        justify-content: center;
        font-size: 14px;
    }

     .servicesCompareTable .servicePropTitle,
     .servicesCompareTable .serviceProp{
        min-height: 70px;
     }

    .servicesCompareTable .servicePrice{
        min-height: 90px;
    }
    .servicesCompareTable .servicePrice,
    .servicesCompareTable .serviceProp{

        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }
    .servicesCompareTable .servicePrice,
    .servicesCompareTable .serviceProp{
        justify-content: center;
        padding: 20px;
    }
    .servicesCompareTable .serviceProp .dots{
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #000;
        display: block;
    }
    .servicesCompareTable .servicePrice .price span{
        font-weight: 700;
        font-size: 27px;
        line-height: 1em;
    }
    .servicesCompareTable .servicePrice .price span.year{
        display: none;
    }
    .servicesCompareTable .servicePrice .inquire{
        font-weight: 700;
        font-size: 18px;
        line-height: 1em;
    }
    .servicesCompareTable .servicePrice span{
        font-size: 12px;
    }
    .servicesCompareTableFooter .arrow{
      display: none;
    }






    @media (max-width: 1399.98px){}
    @media (max-width: 1199.98px){}
    @media (max-width: 1024px) {
      .servicesCompareTable .headerTitle h4 {
          font-weight: lighter;
          font-size: 16px;
      }
      .servicesCompareTable .servicePrice .price{
        font-size: 18px;
      }
      .servicesCompareTable .servicePrice .inquire{
        font-size: 14px;
      }
      .servicesCompareTable .servicePriceTitle{
        font-size: 13px;
      }
      .servicesCompareTable .servicePropTitle{
        font-size: 13px;
      }
      .servicesCompareTable .servicePropTitle, .servicesCompareTable .serviceProp{
        min-height: 100px;
      }
    }
    @media (max-width: 991.98px){}
    @media (max-width: 920px){}
    @media (max-width: 820px){}
    @media (max-width: 767.98px){
      .secondarybar{
        display: none;
      }
    }
    @media (max-width: 720px){}
    @media (max-width: 575.98px){}
    @media (max-width: 540px){
      .servicesCompareTable .serviceCol {
        background: #fbfbfb;
      }
      .servicesCompareTable .col-02,
      .servicesCompareTable .col-03,
      .servicesCompareTable .col-04,
      .servicesCompareTable .col-05{
          display: none;
       }


       .servicesCompareTableFooter{
          position: sticky;
          width: 100%;
          bottom: 0;
          left: 0;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          z-index: 3;
          padding: 10px;
          box-shadow: 0px 0px 15px #efefef;
       }
       .servicesCompareTableFooter a.cta.book-prd{
          display: none;
       }
       .servicesCompareTableFooter a.cta.inquire-4-prd{
          font-size: 12px;
          line-height: 2;
       }
       .servicesCompareTableFooter .arrow{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
       }
       .servicesCompareTableFooter .arrow button.curvy-arrow-left{
        background: url('../img/curvy-arrow-left.svg') no-repeat center center transparent;
        border: 0;
        width: 40px;
        height: 40px;
        margin-right: 10px;
       }
       .servicesCompareTableFooter .arrow button.curvy-arrow-right{
        background: url('../img/curvy-arrow-right.svg') no-repeat center center transparent;
        border: 0;
        width: 40px;
        height: 40px;

       }
       
    }
    @media (max-width: 415px){
      .servicesCompareTableFooter a.cta.inquire-4-prd span{
        display: none;
      }
    }
    @media (max-width: 395px){}
    @media (min-width: 280px) and (max-width: 320px){}

/* END Compare services table */



/* Compare hardware table */

    /* Hardware Table */
    .hardwareCompareTable{
        background: #fff;
        border-radius: 8px;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .hardwareCompareTableFooter{
        position:-webkit-sticky; position:sticky;
        bottom: 0;
        background: #fff;
        padding: 20px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        z-index: 2;
        box-shadow: 0px 0px 15px #dbdbdb;
    }
    .hardwareCompareTable .hardwareCol h4{
        position: relative;
    }

    .hardwareCompareTable .hardwareFirstCol.col-01{
      box-shadow: 10px 0px 15px rgb(0 0 0 / 4%);
    }
    .hardwareCompareTable .hardwareCol.col-03{
        position: relative;
    }
    .hardwareCompareTable .hardwareCol.col-03:before{
        content: "Popular";
        font-size: 14px;
        color: #fff;
        position: absolute;
        z-index: 1;
        top: -20px;
        left: 0;
        background: #000;
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 20px;
    }
   


    .hardwareCompareTable .hardwareCol.highlights{
      background: #000;
    }
    .hardwareCompareTable .hardwareCol.highlights .headerTitle h4{
      color: #fff;
    }
    .hardwareCompareTable .hardwareCol.highlights .hardwarePrice .price span{
      color: #fff;
    }
    .hardwareCompareTable .hardwareCol.highlights .hardwarePrice span{
      color: #fff;
    }

    .hardwareCompareTable .hardwareCol.highlights .hardwarePrice .inquire{
      color: #fff;
    }

    .hardwareCompareTable .hardwareFirstCol {
        width: 150%;
    }
    .hardwareCompareTable .hardwareFirstCol .headerTitle{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 20px;
        justify-content: start;
        min-height: 100px;
    }
    .hardwareCompareTable .hardwareFirstCol .headerTitle h4{
        text-transform: uppercase;
        font-size: 16px;
    }
    .hardwareCompareTable .headerTitle{
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 20px;
        justify-content: center;
        min-height: 100px;
        text-align: center;
    }
    .hardwareCompareTable .headerTitle h4{
        font-weight: lighter;
        font-size: 20px;
    }

    .hardwareCompareTable .hardwareFirstCol{
        background: #fff;
        /*box-shadow: 0px 0px 10px #ccc;*/
        width: 100%;
        z-index: 2;
    }
    .hardwareCompareTable .hardwareFirstCol,
    .hardwareCompareTable .hardwareCol{
        border-top-left-radius: 8px;
        width: 100%;
    }
    .hardwareCompareTable .headerTitle{
        border-bottom: 1px solid #e0e0e0;
        padding: 20px;
    }
    .hardwareCompareTable .hardwarePriceTitle{
        min-height: 90px;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 20px;
        justify-content: center;
        font-weight: bold;
        font-size: 14px;
    }

     .hardwareCompareTable .hardwarePropTitle{
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: row;
        justify-content:flex-start;
        padding: 20px;
        font-size: 14px;
    }
    .hardwareCompareTable .hardwarePropTitle .tech{
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
        align-items: start;
        margin-right: 10px;
    }
    .hardwareCompareTable .hardwarePropTitle .tech .thumb img{
        width: 80px;
        height: 80px;
        border-radius: 50%;
        transform-origin: center;
        transition: all 0.3s ease-in-out;
    }
    .hardwareCompareTable .hardwarePropTitle .tech .thumb img:hover{
        transform: scale(2.5);
        box-shadow: 0px 0px 30px -10px #000;
        z-index: 2;
        transition: all 0.3s ease-in-out;
    }



     .hardwareCompareTable .hardwarePropTitle,
     .hardwareCompareTable .hardwareProp{
        min-height: 145px;
     }

    .hardwareCompareTable .hardwarePrice{
        min-height: 145px;
    }
    .hardwareCompareTable .hardwarePrice,
    .hardwareCompareTable .hardwareProp{

        border-bottom: 1px solid #e0e0e0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }
    .hardwareCompareTable .hardwarePrice,
    .hardwareCompareTable .hardwareProp{
        justify-content: center;
        padding: 20px;
    }
    .hardwareCompareTable .hardwareProp .dots{
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ccc;
        display: block;
    }
    .hardwareCompareTable .hardwarePrice .price span{
        font-weight: 700;
        font-size: 27px;
        line-height: 1em;
    }
    .hardwareCompareTable .hardwarePrice .price span.year{
        display: none;
    }
    .hardwareCompareTable .hardwarePrice .inquire{
        font-weight: 700;
        font-size: 16px;
        line-height: 1em;
        text-align: center;
    }
    .hardwareCompareTable .hardwarePrice span{
        font-size: 12px;
    }
    .hardwareCompareTableFooter .arrow{
      display: none;
    }




    @media (max-width: 1399.98px){}
    @media (max-width: 1199.98px){}
    @media (max-width: 1024px) {
      .hardwareCompareTable .headerTitle h4 {
          font-weight: lighter;
          font-size: 16px;
      }
      .hardwareCompareTable .hardwarePrice .price{
        font-size: 18px;
      }
      .hardwareCompareTable .hardwarePrice .inquire{
        font-size: 14px;
      }
      .hardwareCompareTable .hardwarePriceTitle{
        font-size: 13px;
      }
      .hardwareCompareTable .hardwarePropTitle,
      .hardwareCompareTable .hardwareProp{}
    }
    @media (max-width: 991.98px){}
    @media (max-width: 920px){}
    @media (max-width: 820px){}
    @media (max-width: 767.98px){
      .secondarybar,
      .secondarybar.scrolled{
        display: block;
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 40;
        border: none;
        box-shadow: 0px 18px 30px #333;
        top: initial;
      }
      .secondarybar .breadcrump{
        display: none;
      }
      .ctaBar{
        display: block;
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 40;
        border: none;
        box-shadow: 0px 18px 30px #333;
        top: initial;
        padding: 10px;
      }
      .ctaBar .cta{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1em;
        min-height: 40px;
      }
      .ctaHomePageDesktop{display: none;}

      body.compare-jurny-services .secondarybar,
      body.compare-jurny-services .secondarybar.scrolled{
        display: none;
      }
      body.compare-jurny-hardware .secondarybar,
      body.compare-jurny-hardware .secondarybar.scrolled{
        display: none;
      }
    }
    @media (max-width: 720px){}
    @media (max-width: 575.98px){}
    @media (max-width: 540px){
      .hardwareCompareTable .hardwareCol {
        background: #fbfbfb;
      }
      .hardwareCompareTable .col-02,
      .hardwareCompareTable .col-03,
      .hardwareCompareTable .col-04{
          display: none;
       }


       .hardwareCompareTableFooter{
          position: sticky;
          width: 100%;
          bottom: 0;
          left: 0;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          z-index: 3;
          padding: 10px;
          box-shadow: 0px 0px 15px #efefef;
       }
       .hardwareCompareTableFooter a.cta.book-prd{
          display: none;
       }
       .hardwareCompareTableFooter a.cta.inquire-4-prd{
          font-size: 12px;
          line-height: 2;
       }
       .hardwareCompareTableFooter .arrow{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
       }
       .hardwareCompareTableFooter .arrow button.curvy-arrow-left{
        background: url('../img/curvy-arrow-left.svg') no-repeat center center transparent;
        border: 0;
        width: 40px;
        height: 40px;
        margin-right: 10px;
       }
       .hardwareCompareTableFooter .arrow button.curvy-arrow-right{
        background: url('../img/curvy-arrow-right.svg') no-repeat center center transparent;
        border: 0;
        width: 40px;
        height: 40px;
       }
       .hardwareCompareTableFooter .more{
        display: none;
       }
       
    }
    @media (max-width: 415px){}
    @media (max-width: 395px){}
    @media (min-width: 280px) and (max-width: 320px){}

/* END Compare hardware table */






/* ----------------------------------------------- General Media Query */ 

@media (min-width: 2500px) {
    .heroContent .ball-app {
      width: 610px;
      height: 610px;
      display: block;
      background: url('../img/app-jurny.jpg') no-repeat center center;
      background-size: cover;
    }
    .heroContent .ball-app-wrapper {
      position: absolute;
      right: -100px;
      top: 55vh;
      border: 80px solid #fff;
    }
    .heroContent .ball-entrance {
      width: 400px;
      height: 400px;
      display: block;
      background: url('../img/couple.jpg') no-repeat center center;
      background-size: cover;
    }
   .heroContent .ball-entrance-wrapper {
      position: absolute;
      border: 60px solid #fff;
      top: 57vh;
      left: 40px;
    }
    .heroContent #jzoom {
      width: 500px;
      height: 1208px;
      position: absolute;
      top: -390px;
      left: 63%;
      z-index: 1;
    }
    .heroContent h1 {
      width: 25%;
      z-index: 2;
      text-align: center;
      font-size: 6em;
    }

    /* Home 2 */
    .welcomeHomeHero {
      height: 100vh;
      width: 100%;
      padding-top: 350px;
      background: #eee;
      position: relative;
      z-index: 2;
      }
}



/* // X-Large devices (large desktops, less than 1400px) ---------------------------------------------------------------------------------------- */
@media (max-width: 1399.98px) {
  /* HOME */
  .heroContent h1{
    width: 40%;
    z-index: 2;
    position: absolute;
    top:205px;
    text-align:center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 6rem;
    font-weight: 600;   
    line-height: 0.8em;
  }
  .heroContent span.payoff {
    font-size: 1.5rem;
    z-index: 2;
    position: absolute;
    top: 460px;
  }
  /*.heroContent .ball-relax {
    width: 160px;
    height: 160px;
    position: absolute;
    display: block;
    background: url(../img/relax.jpg) no-repeat center center;
    background-size: cover;
    top: 130px;
    left: 928px;
    outline: 35px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-entrance {
    width: 280px;
    height: 280px;
    position: absolute;
    display: block;
    background: url(../img/couple.jpg) no-repeat center center;
    background-size: cover;
    outline: 60px solid #fff;
    top: 40vh;
    left: -50px;
  }*/
  .heroContent .ball-relax-wrapper{
    top: 130px;
    left: 928px;
    border: 35px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-entrance-wrapper {
    border: 60px solid #fff;
    top: 40vh;
    left: -50px;
  }

  .heroContent .ball-relax {
    width: 160px;
    height: 160px;
  }
  .heroContent .ball-entrance {
    width: 280px;
    height: 280px;
  }
    .heroContent #jzoom {
      width: 320px;
      height: 1208px;
      position: absolute;
      top: -260px;
      left: 760px;
      z-index: 1;
  }
  .heroContent a.cta-lg {
    position: absolute;
    bottom: 200px;
  }
  /* end HOME */

  .josEcosystem .compactrow{
    margin-top: 0px;
  }

}

/* // Large devices (desktops, less than 1200px) ---------------------------------------------------------------------------------------- */
@media (max-width: 1199.98px) {

  /* HOME tablet landscape */
  .heroContent h1{
    width: 60%;
    z-index: 2;
    position: absolute;
    top:205px;
    text-align:center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 6.4rem;
    font-weight: 600;   
    line-height: 0.8em;
  }

  .heroContent h1.text-animated span span {
    display: inline-block;
    transform: translate(0px, 110%);
  }

  .heroContent span.payoff{
    font-size: 1.8rem;
    padding-right: 40px;
    z-index: 2;
  }

  /*.heroContent .ball-entrance{
    width: 300px;
    height: 300px;
    outline: 45px solid #fff;
    top: 50vh;
    left: -5%;
    z-index: 3;
  }
  .heroContent .ball-relax{
    width: 140px;
    height: 140px;
    top: 90px;
    left: 83.5%;
    outline: 30px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app{
    width: 350px;
    height: 350px;
    right: -30px;
    top: 74vh;
    outline: 60px solid #fff;
    z-index: 2;
  }*/


  .heroContent .ball-entrance-wrapper{
    border: 45px solid #fff;
    top: 50vh;
    left: -5%;
    z-index: 3;
  }
  .heroContent .ball-relax-wrapper{
    top: 90px;
    left: 83.5%;
    border: 30px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper{
    right: -30px;
    top: 74vh;
    border: 60px solid #fff;
    z-index: 2;
  }
.heroContent .ball-entrance{
    width: 300px;
    height: 300px;
  }
  .heroContent .ball-relax{
    width: 140px;
    height: 140px;
  }
  .heroContent .ball-app{
    width: 350px;
    height: 350px;
  }




  .heroContent a.cta-lg{
    position: absolute;
    top:530px;
    bottom: auto;
    z-index: 3;
  }

  .heroContent a.cta-lg {
    border-radius: 30px;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 8px 25px !important;
    font-size: 13px;
    display: inline-block;
    color: #000;
    width: max-content;
    font-weight: 400;
    cursor: pointer;
  }

  .heroContent span.payoff{
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 460px;
  }

  .heroContent #jzoom{
    width: 400px;
    position: absolute;
    top: -425px;
    left: 60%;
    z-index: 2;
  }

  .heroVideo .home-video-desktop{
    display: none;
  }
  .heroVideo .home-video-mobile{
    display: block;
  }

  .heroVideo .jurny-video-cta h4.text-animated span{
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;   
    line-height: 0.8em;
    color:#fff;
  }

  /* Jurny Guest Mobile App */
    .appJurny{
      min-height: 700px;
    }
    .appVisual1{ 
      width: 400px;
      position: absolute;
      z-index: 2;
      margin-left:0px;
      margin-top:150px;
      image-rendering: -webkit-optimize-contrast;
    }
    .appVisual2{
      width: 400px;
      position: absolute;
      z-index: 2;
      margin-left:240px;
      margin-top:80px;
      image-rendering: -webkit-optimize-contrast;
    }
    .jurnyGuest{
      width: 210px;
      position: absolute;
      z-index: 1;
      margin-top: 135px;
      margin-left: 220px;
      image-rendering: -webkit-optimize-contrast;
    }


  /* Guest Screening */
    
    .guestScreening .guestScreeningWrapper .guestScreeningContent{
      text-align: left;
    }
    .guestScreening .guestScreeningContent .risk-level{
      left: 470px;
    }

    .guestScreening  .guestScreeningContent .renter-card{
      left: 0;
    }

    .guestScreening  .guestScreeningContent .property-card{      
      left: 0;
      margin-top: 200px;
      margin-left: 40px;
    }

    /* Reputation Tracker */

    .reputationTracker .reputationTrackerWrapper{
      position: relative;
      min-height: 360px;
    }
    
    .reputation-tracker-review{
      position: absolute;
      top: 40px;
      right: -90px;
      z-index: 3;
      border-radius: 4px;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 380px;
    }
    .reputation-tracker-stats{
      position: absolute;
      top: 145px;
      left: -40px;
      z-index: 2;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 220px;
    }

    .reputation-tracker-user-01{
      position: absolute;
      top: 280px;
      left: 40px;
      z-index: 4;
      width: 120px;
    }

    .reputation-tracker-user-02{
      position: absolute;
      top: 10px;
      right: -80px;
      z-index: 4;
      width: 120px;
    }

    /* Property Care App */

    .property-care-app{
      top: 50px;
      right: -90px;
      z-index: 2;
      width: 500px;
    }

    .property-care-shower{
      position: absolute;
      top: 300px;
      right: -20px;
      z-index: 4;
      width: 200px;
    }

    .josEcosystem .compactrow{
      margin-top: 0px;
    }

  
}

/* //  Nest Hub 1024x600 ---------------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* HOME */
  .heroContent h1{
    width: 50%;
    z-index: 2;
    position: absolute;
    top:230px;
    text-align:center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 5rem;
    font-weight: 600;   
    line-height: 0.8em;
  }
  .heroContent #jzoom {
    width: 290px;
    position: absolute;
    top: -185px;
    left: 450px;
    z-index: 2;
  }
  /*.heroContent .ball-relax {
    width: 120px;
    height: 120px;
    top: 75px;
    left: 614px;
    outline: 25px solid #fff;
    z-index: 3;
  }*/
  .heroContent .ball-relax-wrapper {
    top: 75px;
    left: 614px;
    border: 25px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-relax {
    width: 120px;
    height: 120px;
  }
  .heroContent span.payoff {
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 365px;
  }

    /* HOME 2*/
    .welcomeHomeHero .homeMOSHeroBox .jurny-app-mobile{
      position: absolute;
      border-radius: 20px;
      top: 320px;
      left: 310px;
      width: 150px;
      box-shadow: -40px -30px 50px rgb(0 0 0 / 20%);
      z-index: 5;
    }
    .welcomeHomeHero .homeMOSHeroBox .jurny-mos-man {
      position: absolute;
      border-radius: 8px 35px 50px 30px;
      top: 370px;
      left: 70px;
      width: 200px;
      box-shadow: 30px -30px 70px rgb(0 0 0 / 20%);
      z-index: 4;
    }
    .welcomeHomeHero .homeMOSHeroBox .minidotted {
      position: absolute;
      width: 50px;
      top: 410px;
      left: 190px;
    }

  /* end HOME */

    /* MosPro Review */

    .mosProReview{
      position: relative;
      min-height: 800px;
    }

    .mosProReview .descBox{
      padding: 40px;
    }
    
    .review-management-stats{
      position: absolute;
      right: -45px;
      width: 100%;
    }

    .review-mobile-rating{
      top: 80px;
      left: -39px;
    }
    .review-rating-distribution{
      position: absolute;
      width: 310px;
      top: 250px;

    }
    .review-management-mobile{
      top: 180px;
    }


    /* MosPro Accounting */

    .mosProAccounting{
      position: relative;
    }
    .mosProAccounting .mosProAccountingWrapper{
      min-height: 800px;
      position: relative;
    }
    .mosProAccounting .descBox{
      padding: 40px;
    }
    .accounting-pms{
      position: absolute;
      right: -50px;
      top: 90px;
    }
    .accounting-occupancy{
      top: 10px;
      left: 130px;
      width: 200px;
    }

    .accounting-circle{
      position: absolute;
      top: 55px;
      left: 140px;
      width: 50px;
    }

    .accounting-export{
      position: absolute;
      top: 76px;
      right: -30px;
      width: 120px;
    }
    .accounting-revpar{
      position: absolute;
      top: 227px;
      left: 210px;
      width: 200px;
    }

    .accounting-adr{
      position: absolute;
      top: 300px;
      left: 130px;
      width: 200px;
    }

    .accounting-user{
      position: absolute;
      top: 290px;
      left: 360px;
      width: 100px;
    }

    /* MosPro 24/7 Virtual Front Desk */

      .mosProVirtualFrontDesk{
        position: relative;
      }
      .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper{
        min-height: 800px;
        position: relative;
      }
   

      .vfd-search-request{
        width: 400px;
        left: 0px;
        top: 60px;
      }
      .vfd-incoming-request{
        width: 400px;
        right: -90px;
        top: 80px;
      }
      
      .vfd-security-reporting{
        width: 415px;
        height: 140px;
        top: 170px;
        left: -100px;
        transform: scale(0.8) !important;
      }
      .vfd-security-reporting .video{
        border-radius: 8px;
        margin-top: 25px;
        margin-left: 15px;
        width: 160px;
      }
      .vfd-security-reporting:before{
        width: 50px;
        height: 50px;
        top: 20px;
        left: 10px;
      }
      .virtual-front-desk-team{
        width: 280px;
        top: 390px;
        right: -30px;
      }



      /* 24/7 Guest Inquiry Support */

      .mosProGuest .descBox{
        padding: 40px;
      }

      .mosProGuest .mosProGuestWrapper .mosProGuestContent{
        position: relative;
        min-height: 400px;
      }

      .guest-inquiry-support-24h-7days{
        position: absolute;
        z-index: 4;
        clip-path: inset(0px 0px 0px 50px round 8px 35px 50px 30px);
        width: 250px;
        right: -40px;
        top: -20px;

      }
      .guest-inquiry-support-panel{
        position: absolute;
        width: 100%;
        z-index:3;
        box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
        right: 0px;
        top: 50px;
      }
      .guest-inquiry-support-comment{
        top: 232px;
      }
      .guest-inquiry-support-rapid{
        top: 290px;
      }





      /* Careers */

     .careersHero .workatjurny{
          position: relative;
          z-index: 4;
          border-radius: 20px 20px 60px 20px;
          box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
          width: 280px;
          top: 40px;
      }

      .careersHero:before{
        content: "";
        width: 600px;
        height: 400px;
        background: url('../img/careers-at-jurny.jpg') no-repeat;
        position: absolute;
        top: 0;
        border-radius: 0px 30px 30px 0px;
        opacity: 0.2;
        display: block;
        z-index: 1;
        left: -20%;
      }

    .josEcosystem .compactrow{
      margin-top: 0px;
    }

    /* Guest Mobile App More Details */

    .jurnyAppMoreDetails .jurnyAppSchema p{
      display: none;
    }
    .jurnyAppControllerWrapperBlock .jurnyAppMoreDet{
      display: none;
      position: absolute;
      z-index: 5;
      background: rgb(0 0 0 / 50%);
      width: 254px;
      height: 141px;
      margin-top: 15px;
      padding: 40px;
      text-align: center;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      color: #fff;
    }


}




/* // Medium devices (tablets, less than 992px) ---------------------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
  #nav .nav__content ul.jurny-menu li a + .megamenu .container-adv{
    width: 100%;
    display: none;
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .container-lnk{
    width: 100%;
  }

  /* HOME */
  .heroContent h1{
    width: 60%;
    z-index: 2;
    position: absolute;
    top:180px;
    text-align:center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 6rem;
    font-weight: 600;   
    line-height: 0.8em;
  }
  
  .heroContent h1.text-animated span span {
    display: inline-block;
    transform: translate(0px, 110%);
  }
  
  .heroContent span.payoff{
    font-size: 1.8rem;
    padding-right: 40px;
    z-index: 2;
  }

  /*.heroContent .ball-entrance{
    width: 200px;
    height: 200px;
    outline: 45px solid #fff;
    top: 71vh;
    left: -5%;
    z-index: 3;
  }
  .heroContent .ball-relax{
    width: 140px;
    height: 140px;
    top: 90px;
    left: 610px;
    outline: 30px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app{
    width: 350px;
    height: 350px;
    right: -30px;
    top: 74vh;
    outline: 60px solid #fff;
    z-index: 2;
  }*/

  .heroContent .ball-entrance-wrapper{
    border: 45px solid #fff;
    top: 71vh;
    left: -5%;
    z-index: 3;
  }
  .heroContent .ball-relax-wrapper{
    top: 90px;
    left: 610px;
    border: 30px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper{
    right: -30px;
    top: 74vh;
    border: 60px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-entrance{
    width: 200px;
    height: 200px;
  }
  .heroContent .ball-relax{
    width: 140px;
    height: 140px;
  }
  .heroContent .ball-app{
    width: 350px;
    height: 350px;
  }


  
  .heroContent a.cta-lg{
    position: absolute;
    top:500px;
    bottom: auto;
    z-index: 3;
  }

  .heroContent a.cta-lg {
    border-radius: 30px;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 8px 25px !important;
    font-size: 13px;
    display: inline-block;
    color: #000;
    width: max-content;
    font-weight: 400;
    cursor: pointer;
}

  .heroContent span.payoff{
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 430px;
  }
  
  .heroContent #jzoom{
    width: 360px;
    position: absolute;
    top: -175px;
    left: 405px;
    z-index: 2;
  }

  .heroVideo .home-video-desktop{
    display: none;
  }
  .heroVideo .home-video-mobile{
    display: block;
  }

  .heroVideo .jurny-video-cta h4.text-animated span{
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 600;   
    line-height: 0.8em;
    color:#fff;
  }

  .josEcosystem .compactrow{
    margin-top: 0px;
  }
  
}



/* // Surface Pro 7 912x1368  ---------------------------------------------------------------------------------------- */
@media (max-width: 920px) {
  /* HOME */
  .heroContent h1 {
    width: 50%;
    position: absolute;
    top: 380px;
    text-align: center;
    z-index: 3;
  }
  .heroContent span.payoff {
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 630px;
  }
  .heroContent #jzoom {
    width: 235px;
    position: absolute;
    top: -230px;
    left: 390px;
    z-index: 2;
  }
  .heroContent a.cta-lg {
    position: absolute;
    top: 700px;
    bottom: auto;
    z-index: 3;
  }
  /*.heroContent .ball-relax {
    width: 100px;
    height: 100px;
    top: 70px;
    left: 526px;
    outline: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 250px;
    height: 250px;
    outline: 45px solid #fff;
    top: 61vh;
    left: 300px;
    z-index: 3;
  }
  .heroContent .ball-app {
    width: 450px;
    height: 450px;
    right: -30px;
    top: 74vh;
    outline: 60px solid #fff;
    z-index: 2;
  }*/

  .heroContent .ball-relax-wrapper {
    top: 70px;
    left: 526px;
    border: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 45px solid #fff;
    top: 61vh;
    left: 300px;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper {
    right: -30px;
    top: 74vh;
    border: 60px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-relax {
    width: 100px;
    height: 100px;
  }
  .heroContent .ball-entrance {
    width: 250px;
    height: 250px;
  }
  .heroContent .ball-app {
    width: 450px;
    height: 450px;
  }

  /* end HOME */

  .josEcosystem .compactrow{
    margin-top: 0px;
  }


}



/* // iPad Mini 768x1024 + iPad Air 820x1180  ---------------------------------------------------------------------------------------- */
@media (max-width: 820px) {
  /* HOME */
  .heroContent h1 {
    width: 60%;
    position: absolute;
    top: 380px;
    text-align: center;
    z-index: 3;
  }
  /*.heroContent .ball-relax {
    width: 110px;
    height: 110px;
    top: 90px;
    left: 516px;
    outline: 25px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 210px;
    height: 210px;
    outline: 45px solid #fff;
    top: 61vh;
    left: -20px;
    z-index: 3;
  }
  */

  .heroContent .ball-relax-wrapper {
    top: 90px;
    left: 485px;
    border: 25px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 45px solid #fff;
    top: 61vh;
    left: -20px;
    z-index: 3;
  }
  .heroContent .ball-relax {
    width: 110px;
    height: 110px;
  }
  .heroContent .ball-entrance {
    width: 210px;
    height: 210px;
  }

 a.cta-lg{
    font-size: 13px;
    padding: 10px 20px !important;
  }


 /* HOME 2*/
    .welcomeHomeHero {
      padding-top: 15px;
    }
    .welcomeHomeHero .homeMOSHeroBox {
      position: relative;
      min-height: 440px;
      transform: scale(0.7);
    }
    .welcomeHomeHero .homeMOSHeroBox .jurny-mos-woman {
      position: absolute;
      top: 0;
      right: 330px;
      width: 120px;
      z-index: 2;
    }
    .welcomeHomeHero .homeMOSHeroBox .dotted {
      width: 90px;
      position: absolute;
      top: 22px;
      right: 290px;
      z-index: 1;
    }
    .welcomeHomeHero .homeMOSHeroBox .jurny-pms {
      position: absolute;
      width: 100%;
      image-rendering: -webkit-optimize-contrast;
      top: 140px;
      left: 0;
      z-index: 3;
    }
    .welcomeHomeHero .homeMOSHeroBox .jurny-app-mobile{
      position: absolute;
      border-radius: 20px;
      top: 300px;
      left: 410px;
      width: 130px;
      box-shadow: -40px -30px 50px rgb(0 0 0 / 20%);
      z-index: 5;
    }
    .welcomeHomeHero .homeMOSHeroBox .jurny-mos-man {
      position: absolute;
      border-radius: 8px 35px 50px 30px;
      top: 390px;
      left: 100px;
      width: 200px;
      box-shadow: 30px -30px 70px rgb(0 0 0 / 20%);
      z-index: 4;
    }
    .welcomeHomeHero .homeMOSHeroBox .minidotted {
      position: absolute;
      width: 50px;
      top: 414px;
      left: 253px;
    }


  /* end HOME */

  /* HOME 4 */

  .home4 .heroContent4{
    padding-top: 100px;
  }
  .home4 .heroContent4 h1{
    font-size: 40px;
  }
  .home4 .heroContent4 h4{
    font-size: 24px;
    padding: 0 20%;
  }

  .home4 .subPayoff .featureList{
    font-size: 14px;
  }

   /* end HOME 4*/

  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Reputation Tracker */

    .reputation-tracker-review{
      position: absolute;
      top: -10px;
      right: 0px;
      z-index: 3;
      border-radius: 4px;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 380px;
    }
    
    .reputation-tracker-stats{
      position: absolute;
      top: 145px;
      left: -10px;
      z-index: 2;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 220px;
    }

    .reputation-tracker-user-01{
      position: absolute;
      top: 280px;
      left: 40px;
      z-index: 4;
      width: 120px;
    }

    .reputation-tracker-user-02{
      position: absolute;
      top: -40px;
      right: -10px;
      z-index: 4;
      width: 120px;
    }

    /* Property Care App */

    .propertyCareApp .propertyCareAppWrapper{
      position: relative;
      min-height: 370px;
    }

    .property-care-app {
        left: 60px;
        z-index: 2;
        width: 600px;
    }
    .property-care-app-working {
        position: absolute;
        top: 140px;
        left: 0px;
        z-index: 3;
        border-radius: 17px;
        box-shadow: 30px 32px 34px rgb(51 51 51 / 15%);
        width: 300px;
    }
    .cleaning-apartment {
        position: absolute;
        right: 250px;
        z-index: 5;
        width: 135px;
    }

    .property-care-shower {
      position: absolute;
      top: 345px;
      right: 90px;
      z-index: 4;
      width: 200px;
    }




    /* MosPro Distribution */

    .mosProDistribution .descBox{
      margin-top: 50px;
    }
    .mosProDistribution .mosproDistributionWrapper{
      position: relative;
      min-height: 550px;
    }
    .mosProDistribution .mosproDistributionWrapper .mosproDistributionContent{
      position: relative;
    }

    .jurny-ecosystem-circle{
       background: #fff;
       width: 200px;
       height: 200px;
       border-radius: 50%;
       display: block;
       box-shadow: -69px 32px 84px rgb(0 0 0 / 9%);
       text-align: center;
       position: absolute;
       right: -40px;
       top: 110px;
    } 
    .jurny-ecosystem-circle img{margin-top: 85px; }
    .partnerContainer{ width: 100%; text-align: right; padding: 7px}




  /* MosPro Distribution */
  
  .mosProRevenue .mosProRevenueWrapper{
    position: relative;
    min-height: 800px;
  }

  .revenue-management-design-consulting{
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 2;
    border-radius: 8px;
    width: 100%;
    right: initial;
    top: 30px;
  }
  .revenue-management-design-consulting:hover{
    width: 100%;
    z-index: 2;
  }

  .revenue-management-photography{
    position: absolute;
    z-index: 2;
    width: 320px;
    clip-path: inset(0px 0px 0px 115px round 8px);
    transition: all 0.3s ease-in-out;
    top: 380px;
    right: 30px;
  }
  .revenue-management-photography:hover{
    width: 500px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
  }

  .revenue-management-listing{
    position: absolute;
    top: 530px;
    left: -90px;
    z-index: 2;
    width: 290px;
    clip-path: inset(0px 0px 0px 100px round 8px);
    transition: all 0.3s ease-in-out;
  }
  .revenue-management-listing:hover{
    width: 400px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
    left: 0px;
    top: 420px;
  }

  .revenue-management-data-scientists{
    position: absolute;
    top: 630px;
    right: 0px;
    z-index: 2;
    width: 250px;
    clip-path: inset(0px 0px 0px 100px round 8px);
    transition: all 0.3s ease-in-out;
  }

 .revenue-management-data-scientists:hover{
    width: 400px;
    clip-path: inset(0px 0px 0px 0px round 8px);
    z-index: 5;
    top: 530px;

  }
  
  .mosProRevenueLabel{
    background: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
  }


  .mosProRevenueLabel.label-revenue-management-design-consulting{
    position: absolute;
    top: 310px;
    z-index: 3;
    left: 70px;
  }
  .mosProRevenueLabel.label-revenue-management-data-scientists{
    position: absolute;
    top: 470px;
    right: 180px;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-listing{
    position: absolute;
    top: 605px;
    left: 190px;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-photography{
    position: absolute;
    top: 690px;
    right: 130px;
    z-index: 3;
  }

    /* MosPro Review */

    .mosProReview{
      position: relative;
      min-height: 800px;
    }

    .mosProReview .descBox{
      padding: 40px;
    }
    
    .review-management-stats{
      position: absolute;
      right: -45px;
      width: 100%;
      top: -30px;
    }

    .review-mobile-rating{
      top: 10px;
      left: -10px;
      width: 90px;
    }
    .review-rating-distribution{
      position: absolute;
      width: 310px;
      top: 250px;

    }
    .review-management-mobile{
      top: 100px;
      width: 250px;
      right: 0;
    }


    /* MosPro Accounting */

    .mosProAccounting{
      position: relative;
    }
    .mosProAccounting .mosProAccountingWrapper{
      min-height: 800px;
      position: relative;
    }
    .mosProAccounting .descBox{
      padding: 40px;
    }
    .accounting-pms{
      position: absolute;
      right: -50px;
      top: 90px;
      width: 380px;
    }
    .accounting-occupancy{
      top: 10px;
      left: 60px;
      width: 200px;
    }

    .accounting-circle{
      position: absolute;
      top: 55px;
      left: 70px;
      width: 50px;
    }

    .accounting-export{
      position: absolute;
      top: 76px;
      right: -30px;
      width: 120px;
    }
    .accounting-revpar{
      position: absolute;
      top: 227px;
      left: 120px;
      width: 200px;
    }

    .accounting-adr{
      position: absolute;
      top: 300px;
      left: 0px;
      width: 200px;
    }

    .accounting-user{
      position: absolute;
      top: 290px;
      left: 275px;
      width: 100px;
    }


    /* MosPro 24/7 Virtual Front Desk */

      .mosProVirtualFrontDesk{
        position: relative;
      }
      .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper{
        min-height: 800px;
        position: relative;
      }
   

      .vfd-search-request{
        width: 250px;
        left: 0px;
        top: 20px;
      }
      .vfd-incoming-request{
        width: 300px;
        right: -35px;
        top: 120px;
      }
      
      .vfd-security-reporting{
        width: 415px;
        height: 140px;
        top: 340px;
        left: -80px;
        transform: scale(0.64) !important;
        box-shadow: 20px -10px 20px rgb(0 0 0 / 14%);
      }
      .vfd-security-reporting .video{
        border-radius: 8px;
        margin-top: 25px;
        margin-left: 15px;
        width: 160px;
      }
      .vfd-security-reporting:before{
        width: 50px;
        height: 50px;
        top: 20px;
        left: 10px;
      }
      .virtual-front-desk-team{
        width: 210px;
        top: -30px;
        right: 0px;
        border-radius: 20px 37px 10px 80px;
      }

    /* 24/7 Guest Inquiry Support */

      .mosProGuest .descBox{
        padding: 40px;
      }

      .mosProGuest .mosProGuestWrapper .mosProGuestContent{
        position: relative;
        min-height: 520px;
      }

      .guest-inquiry-support-24h-7days{
        position: absolute;
        z-index: 4;
        clip-path: inset(0px 0px 0px 0px round 8px 35px 50px 30px);
        width: 250px;
        right: 50px;
        top: -20px;
      }
      .guest-inquiry-support-panel{
        position: absolute;
        width: 100%;
        z-index:3;
        box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
        right: 0px;
        top: 70px;
      }
      .guest-inquiry-support-comment{
        top: 350px;
      }
      .guest-inquiry-support-rapid{
        top: 430px;
      }


      /* Careers */

     .careersHero .workatjurny{
          position: relative;
          z-index: 4;
          border-radius: 20px 20px 60px 20px;
          box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
          width: 100%;
          top:0px;
      }

      .careersHero:before{
        content: "";
        width: 500px;
        height: 330px;
        background: url(../img/careers-at-jurny.jpg) no-repeat;
        background-size: cover;
        position: absolute;
        top: 50px;
        border-radius: 0px 30px 30px 0px;
        opacity: 0.2;
        display: block;
        z-index: 1;
        left: -38%;
      }

      .josEcosystem .compactrow{
          margin-top: 0px;
        }

      #jurnyoscarousel .owl-nav button.owl-prev{
        top: 45px;
        background: url(../img/curvy-arrow-left.svg) no-repeat center center;
        margin-left: 20px;
        cursor: pointer;
      }
      #jurnyoscarousel .owl-nav button.owl-next{
        top: 45px;
        right: 0;
        margin-right: 20px;
        background: url(../img/curvy-arrow-right.svg) no-repeat center center;
        cursor: pointer;
      }
      .clientReviews {
        background: url(../img/bck-client-reviews.png)no-repeat 0% 30px #F2F2F2;
        padding-top: 160px;
        background-size: 60%;
      }

}




/* // Small devices (landscape phones, less than 768px) ---------------------------------------------------------------------------------------- */
@media (max-width: 767.98px) {

  .mainDistance{
    padding-top: 95px;
  }


  .josLabel.fully{
    font-size: 18px;
    margin-top: 50px;
  }

  a.cta-lg{
    font-size: 13px;
    padding: 10px 20px !important;
  }


  #nav {
    -webkit-backdrop-filter: initial;
    backdrop-filter: initial;
  }
  
  #nav a.jurny-logo.mobfade{
    display:none
  }
  #nav #hamburger.mobfade{
    display:none
  }

  #nav .nav__right__content{
    display: none;
  }

  #nav .nav__content .jurny-logo{
    position: absolute;
    top: 20px;
    left:20px;
    z-index:100;  
  }

  #nav a.jurny-logo {
    width: 120px;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
    margin:0 ;
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-footer{
    justify-content: center;
  }

  #nav .nav__content ul.jurny-menu > li.login.login-mobile{
    display: block;
  }

  .jurnyCopy .downloadApp{
    display: block;
  }
  footer .applestore{
    margin-right: 50px;
  }
  .privacypol{
    margin-right: 50px;
  }
  #hamburger{
    display: block;
  }
  #nav .nav__content{
    background: #FFF;
    height: 100vh;
    position: relative;
    padding:0;
    overflow-x: auto;
    display: none;
  }
  #nav .nav__content ul.jurny-menu{
    display: initial;
    position: absolute;
    top: 120px;
    width: 100%;
  }
  #nav .nav__content ul.jurny-menu li{
    text-align: left;
  }

  /*#nav .nav__content .emptybox{
    width: 100%;
    height:90px;
    border-bottom-left-radius: 30px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 9%);
    position: fixed;
    left:0;
    top:0;
    z-index:19;
    background: #fff;
  }*/

  #nav .nav__content ul.jurny-menu > li{
    background: white;
    /* border-bottom:1px solid #EAEAEA;*/
    border-bottom-left-radius: 30px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 9%);
    transition: all 0.3s ease-in-out;
    position: relative;
    margin-top:-30px;
  }
  #nav .nav__content ul.jurny-menu > li:before{
    content:"";
    width: 100%;
    background: #FFF;
    height: 30px;
    display: block;
  }
  #nav .nav__content ul.jurny-menu > li.cta-phone,
  #nav .nav__content ul.jurny-menu > li.cta-phone:before{
    background: #000;
  }
  #nav .nav__content ul.jurny-menu > li.hasdrpdwn > a:before{
    display: none;
  }
  #nav .nav__content ul.jurny-menu > li.hasdrpdwn > a:after{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../img/chevron-left-icon.svg) no-repeat center center;
    display: block;
    position: absolute;
    right: 35px;
    opacity: 1;
    top:27px;
    transition: all 0.3s ease-in-out;
  }
  #nav .nav__content ul.jurny-menu > li.login > a:before{
    display: none;
  }
  #nav .nav__content ul.jurny-menu > li.login > a:after{
    background: url(../img/user-icon.svg) no-repeat center center;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 35px;
    opacity: 1;
    top:27px;
  }
  #nav .nav__content ul.jurny-menu > li.cta-phone > a:before{
    display: none;
  }
  #nav .nav__content ul.jurny-menu > li.cta-phone > a:after{
    background: url(../img/phone-icon.svg) no-repeat 90% center;
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 35px;
    opacity: 1;
    top:27px;
  }
  #nav .nav__content ul.jurny-menu > li.cta-phone > a{
    color: #fff;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(1):before{
    content:"";
    display: initial;
  }
  #nav .nav__content ul.jurny-menu > li:last-child{
    box-shadow: none;
    padding: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0;
  }
  #nav .nav__content ul.jurny-menu > li:last-child > a.cta{
    padding: 9px 30px !important;
    font-size: 13px;
  }


  #nav .nav__content ul.jurny-menu > li:last-child:before{
    content: initial;
  }
  #nav .nav__content ul.jurny-menu > li > a{
    padding:20px 40px;
    display: block;
  }

  #nav .nav__content ul.jurny-menu > li:nth-child(1){
    z-index: 10;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(2){
    z-index: 9;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(3){
    z-index: 8;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(4){
    z-index: 7;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(5){
    z-index: 6;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(6){
    z-index: 5;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(7){
    z-index: 4;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(8){
    z-index: 3;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(9){
    z-index: 2;
  }
  #nav .nav__content ul.jurny-menu > li:nth-child(10){
    z-index: 1;
  }
  .cta-phone, .cta-form{
    display: block;
  }
  #nav .nav__content ul.jurny-menu:before {
    content: "";
    width: 100%;
    background: #fff;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 11;
    top: -130px;
  }
  
  #nav .nav__content ul.jurny-menu li.hasdrpdwn a:hover + .megamenu, 
  #nav .nav__content ul.jurny-menu li.hasdrpdwn a + .megamenu:hover{
    margin: 0;
  }

  #nav .nav__content ul.jurny-menu li a + .megamenu,
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body{
    opacity:1;
    position: relative;
    display: flex;
    flex-direction: row;
    visibility: visible;
    width: 100%;
  }
  
  #nav .nav__content ul.jurny-menu li a + .megamenu{
    margin-top: 0;
    padding: 0 20px;
    background: transparent;
    box-shadow: none;
    padding: 0px 20px 20px 20px;
    display: none;
  }
  
  
  #nav .nav__content ul.jurny-menu li.hasdrpdwn > a.sel + .megamenu{
    display: block;
  }
  
  #nav .nav__content ul.jurny-menu > li.hasdrpdwn > a.sel:after{
    transform: rotate(-90deg);
  }

  #nav .nav__content ul.jurny-menu li a + .megamenu .container-lnk{
    opacity:1;
    position: relative;
    display: flex;
    flex-direction: column;
    visibility: visible;
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu.slim {
    width: 100%;
    left: initial;
    margin: 0;
    border: none; 
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu{
    margin-bottom: 20px;;
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu a{
    font-size:14px;
    padding-left:13px
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu a.sel:before{
    content:"•";
    font-size: 30px;
    color:#000000;
    position:absolute;
    left: -4px;
    top: -14px;
    opacity: 1;
    transition: all 0.3s ease;
  }
  #nav .nav__content ul.jurny-menu li a + .megamenu .megamenu-body .container-lnk ul.submnu h4{
    line-height: 1em;
    font-size: 17px;
    color: #666;
  }


  /* HOME */
  .heroContent h1{
    width: 90%;
    z-index: 2;
    position: absolute;
    top:230px;
    text-align:center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 600;   
    line-height: 0.8em;
  }
  
  .heroContent h1.text-animated span span {
    display: inline-block;
    transform: translate(0px, 110%);
  }
  
  .heroContent span.payoff{
    font-size: 1.8rem;
    padding-right: 40px;
    z-index: 2;
  }

  /*.heroContent .ball-entrance{
    width: 70px;
    height: 70px;
    outline: 15px solid #fff;
    top: 71vh;
    left: 45%;
    z-index: 3;
  }
  .heroContent .ball-relax{
    width:100px;
    height:100px;
    top: 70px;
    left:155px;
    outline: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app{
    width: 200px;
    height: 200px;
    right: -30px;
    top: 74vh;
    outline: 30px solid #fff;
    z-index: 2;
  }*/
  
.heroContent .ball-entrance-wrapper{
    border: 15px solid #fff;
    top: 71vh;
    left: 45%;
    z-index: 3;
  }
  .heroContent .ball-relax-wrapper{
    top: 70px;
    left:155px;
    border: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper{
    right: -30px;
    top: 74vh;
    border: 30px solid #fff;
    z-index: 2;
  }
.heroContent .ball-entrance{
    width: 70px;
    height: 70px;
  }
  .heroContent .ball-relax{
    width:100px;
    height:100px;
  }
  .heroContent .ball-app{
    width: 200px;
    height: 200px;
  }



  .heroContent a.cta-lg{
    position: absolute;
    top:400px;
    bottom: auto;
    z-index: 3;
  }

  .heroContent a.cta-lg {
    border-radius: 30px;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 8px 25px !important;
    font-size: 13px;
    display: block;
    color: #000;
    width: max-content;
    font-weight: 400;
    cursor: pointer;
}

  .heroContent span.payoff{
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    margin-top: 15px;
  }
  
  .heroContent #jzoom{
    width: 235px;
    position: absolute;
    top: -35px;
    left: 20px;
    z-index: 2;
  }

  .heroVideo .home-video-desktop{
    display: none;
  }
  .heroVideo .home-video-mobile{
    display: block;
  }

  .heroVideo .jurny-video-cta h4.text-animated span{
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 600;   
    line-height: 0.8em;
    color:#fff;
  }

  /* end HOME */

  .josEcosystem .compactrow{
    margin-top: 0px;
  }


  /* HOME v2 */

.welcomeHomeHero {
      padding-top: 55px;
    }



  .welcomeHomeHero h1,
  .welcomeHomeHero p.lead{
    text-align: center;
    font-size: 14px;
  }

  .welcomeHomeHero .homeMOSHeroBox{
    position: relative;
    min-height: 380px;
    transform: initial;
  }
  .welcomeHomeHero .homeMOSHeroBox .jurny-pms{
    position: absolute;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    top: 90px;
    left: 0;
    z-index: 3;
  }

  .welcomeHomeHero .homeMOSHeroBox .jurny-app-mobile {
    position: absolute;
    border-radius: 15px;
    top: 200px;
    left: 230px;
    width: 90px;
    box-shadow: -40px -30px 50px rgb(0 0 0 / 20%);
    z-index: 5;
  }


  .welcomeHomeHero .homeMOSHeroBox .jurny-mos-woman{
    position: absolute;
    top: 0;
    right: 120px;
    width: 70px;
    z-index: 2;
  }

  .welcomeHomeHero .homeMOSHeroBox .jurny-mos-man{
    position: absolute;
    border-radius: 4px 17px 25px 15px;
    top: 236px;
    left: 60px;
    width: 120px;
    box-shadow: 20px -20px 50px rgb(0 0 0 / 20%);
    z-index: 4;
  }

  .welcomeHomeHero .homeMOSHeroBox .dotted{
    width: 50px;
    position: absolute;
    top: 22px;
    right: 120px;
    z-index: 1;
  }
  .welcomeHomeHero .homeMOSHeroBox .ring{
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    width: 40px;
    z-index: 1;
  }
  .welcomeHomeHero .homeMOSHeroBox .segment{
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 1;
    width: 60px;
  }
  .welcomeHomeHero .homeMOSHeroBox .minidotted{
    position: absolute;
    width: 30px;
    top: 233px;
    left: 157px;
  }
  .downloadBoxIcons{
    display: flex;
    justify-content: center;
  }
  .welcomeHomeHero .downloadApp{
    font-size: 14px;
    display: block;
    text-align: center;
  }

  .welcomeHomeHero a.applestore,
  .welcomeHomeHero a.googleplay{
    margin:10px;
  }
  .welcomeHomeHero a.applestore svg,
  .welcomeHomeHero a.googleplay svg{
    width: 25px;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
  }

  .videoPresentation #video-desktop{
    display: none;
  }
  .videoPresentation #video-mobile{
    display: block;
  }

  /* end HOME v2 */


   /* White Paper Modal */
    
    #whitePaperToggler #whitePaperOverlay .whitePaperContent{
      width: 90%;
      height: 85%;
      overflow: auto;
    }

    #whitePaperToggler #whitePaperOverlay .whitePaperContent .adv{
      border-top-left-radius: 20px;
      border-bottom-left-radius: 0px;
    }

    #whitePaperToggler #whitePaperOverlay .whitePaperContent #closeWhitePaperToggler{
      display: none;
    }
    
    #whitePaperToggler #whitePaperOverlay #closeWhitePaperTogglerMobile{
      display: block;
      position: absolute;
      top: 16px;
      left: 49%;
      border: 2px solid #fff;
      padding: 4px;
      border-radius: 50%;
    }

    #whitePaperToggler #whitePaperOverlay{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }


}

/* // GALAXY FOLD 717px  ---------------------------------------------------------------------------------------- */
@media (max-width: 720px) {
  /* HOME */
  .heroContent h1 {
    width: 50%;
    position: absolute;
    top: 130px;
    text-align: center;
    z-index: 3;
  }
  .heroContent span.payoff{
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 210px;
  }
  .heroContent #jzoom {
    width: 235px;
    position: absolute;
    top: -155px;
    left: 390px;
    z-index: 2;
  }
  .heroContent a.cta-lg {
    position: absolute;
    top: 276px;
    bottom: auto;
    z-index: 3;
  }
  /*.heroContent .ball-relax {
    width: 100px;
    height: 100px;
    top: 70px;
    left: 526px;
    outline: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 200px;
    height: 200px;
    outline: 35px solid #fff;
    top: 51vh;
    left: -4%;
    z-index: 3;
  }*/

  .heroContent .ball-relax-wrapper {
    top: 70px;
    left: 526px;
    border: 15px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 35px solid #fff;
    top: 51vh;
    left: -4%;
    z-index: 3;
  }
  .heroContent .ball-relax {
    width: 100px;
    height: 100px;
  }
  .heroContent .ball-entrance {
    width: 200px;
    height: 200px;
  }

  /* end HOME */

  .josEcosystem .compactrow{
    margin-top: 0px;
  }

}




/* // X-Small devices (portrait phones, less than 576px) ---------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  /* Home */
  .heroContent span.payoff{
    font-size: 1.18rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 310px;
  }
 
/* General */
  .navTab{
    border:1px solid #fff;
    display:flex;
    flex-direction:column;
    /*width:max-content;*/
    width:80%;
    margin:0 auto;
    padding:5px;
    border-radius:8px;
    background:#eee;
    box-shadow: 0px 5px 13px rgb(0 0 0 / 7%);
  }
  .navTab a{
    width: 100%;
  }

/* JurnyOS  */
.josfeatures{
  background:initial;
}

 /* Jurny OS - Property Management System */
  .property-bck {
    position: relative;
    height: 280px;
    overflow: hidden;
    margin-top: 40px;
  }

  .property-bck img.mac {
    position: absolute;
    z-index: 1;
    left: 0%;
    width: 100%;
    top: 57px;
    z-index: 2;
  }
  .property-bck img.stats {
    position: absolute;
    z-index: 2;
    width: 50px;
    top: 170px;
    left: 12%;
    image-rendering: -webkit-optimize-contrast;
  }
  
  .property-bck img.propTooltip {
    position: absolute;
    z-index: 2;
    top: 3%;
    width: 70%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    right: 0;
  }
  .property-bck img.experience{
    width: 500px;
    height: auto;
    position: absolute;
    top: 30px;
    left: -30px;
  }


  /* Access Control System  */
  .accessDevices{
    margin-top:initial;
  }
  .accessDevices a .card{
    padding:4px;
    margin-bottom:8px;
  }
  .accessDevices .card .thumb{
    width: 40px;
    height:40px;
    margin-right:10px;
  }

  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Guest Screening */
    .guestScreening .guestScreeningWrapper {
      position: relative;
      min-height: 310px;
    }
    
    .guestScreening .guestScreeningWrapper .guestScreeningContent{
      text-align: left;
    }
    .guestScreening .guestScreeningContent .risk-level{
      left: 300px;
      transform: scale(0.7);
      margin-top: 24px;
    }

    .guestScreening  .guestScreeningContent .renter-card{
      left: 30px;
      width: 300px;
    }

    .guestScreening  .guestScreeningContent .property-card{      
      left: 0;
      margin-top: 135px;
      margin-left: 40px;
      width: 300px;
    }

    /* 24/7 Guest Inquiry Support */

      .mosProGuest .descBox{
        padding: 40px;
      }

      .mosProGuest .mosProGuestWrapper .mosProGuestContent{
        position: relative;
        min-height: 350px;
      }

      .guest-inquiry-support-24h-7days{
        position: absolute;
        z-index: 4;
        clip-path: inset(0px 0px 0px 35px round 8px 35px 50px 30px);
        width: 220px;
        right: 20px;
        top: -20px;
      }
      .guest-inquiry-support-panel{
        top: 70px;
      }
      .guest-inquiry-support-comment{
        top: 230px;
      }
      .guest-inquiry-support-rapid{
        top: 270px;
        right: 0px;
      }


      .josEcosystem .compactrow{
        margin-top: 0px;
      }
}




/* // Surface Duo 540x720  ---------------------------------------------------------------------------------------- */
@media (max-width: 540px) {
  /* HOME */
  .heroContent h1 {
    width: 60%;
    position: absolute;
    top: 180px;
    text-align: center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 0.8em;
  }
  .heroContent span.payoff {
    font-size: 1.1rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 320px;
  }

  .heroContent #jzoom {
    width: 218px;
    position: absolute;
    top: -70px;
    left: 166px;
    z-index: 2;
  }
/*  .heroContent .ball-relax {
    width: 90px;
    height: 90px;
    top: 50px;
    left: 292px;
    outline: 22px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 160px;
    height: 160px;
    outline: 35px solid #fff;
    top: 71vh;
    left: -10%;
    z-index: 3;
  }
  .heroContent .ball-app {
    width: 250px;
    height: 250px;
    right: -60px;
    top: 74vh;
    outline: 50px solid #fff;
    z-index: 2;
  }*/
  .heroContent .ball-relax-wrapper {
    top: 40px;
    left: 275px;
    border: 22px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 35px solid #fff;
    top: 71vh;
    left: -10%;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper {
    right: -60px;
    top: 74vh;
    border: 50px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-relax {
    width: 80px;
    height: 80px;
  }
  .heroContent .ball-entrance {
    width: 160px;
    height: 160px;
  }
  .heroContent .ball-app {
    width: 250px;
    height: 250px;
  }


  .heroContent a.cta-lg {
    position: absolute;
    top: 475px;
    bottom: auto;
    z-index: 3;
  }
  /* end HOME */


  /* HOME 4 */

    .home4 .heroContent4 h1{
      font-size: 36px;
    }
    .home4 .heroContent4 h4{
      font-size: 22px;
      padding: 0 20%;
    }

    .home4 .subPayoff .featureList{
      font-size: 14px;
    }

    .home4 .subPayoff .featureList{
      font-size: 14px;
      text-align: center;
      display: initial;

    }
    .home4 .subPayoff .featureList a{
      display: block;
      padding: 5px;
    }
    .home4 .subPayoff {
        margin-top: -30px;
        padding-bottom: 30px;
    }
    .home4 .subPayoff h5{
      padding: 0 10%;
    }

    .home4 .superCta a.cta-lg{
      font-size: 14px;
      line-height: 1em;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }


   /* end HOME 4*/

 /*  MOS */
  .mosPage .CircleFeatures{
    transform: scale(0.8);
  }
  .sponsor-owl .item img{
    width: 80px;
  }

  .mosPage .featItemImgBox{
    margin-bottom: 90px;
  }

/*  MOSPro */
  .mosProPage .CircleFeatures{
    transform: scale(0.8);
  }
  .mosProPage .featItemImgBox{
    margin-bottom: 90px;
  }



  /* PMS */ 
  .property-bck img.experience {
    width: 500px;
    height: auto;
    position: absolute;
    top: 60px;
    left: -30px;
}

  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Jurny Guest Mobile App */
    .appJurny{
      min-height: 430px;
    }
    .appVisual1{ 
      width: 250px;
      position: absolute;
      z-index: 2;
      margin-left:0px;
      margin-top:100px;
      image-rendering: -webkit-optimize-contrast;
    }
    .appVisual2 {
      width: 250px;
      position: absolute;
      z-index: 2;
      margin-left: 140px;
      margin-top: 60px;
      image-rendering: -webkit-optimize-contrast;
    }
    .jurnyGuest{
      width: 150px;
      position: absolute;
      z-index: 1;
      margin-top: 55px;
      margin-left: 125px;
      image-rendering: -webkit-optimize-contrast;
    }


    /* Reputation Tracker */

    .reputationTracker .reputationTrackerWrapper{
      position: relative;
      min-height: 500px;
    }
   
    .reputation-tracker-review{
      position: absolute;
      top: 173px;
      right: 0px;
      z-index: 3;
      border-radius: 4px;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 100%;
    }
    
    .reputation-tracker-stats{
      position: absolute;
      top: 85px;
      left: 70px;
      z-index: 2;
      box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
      width: 220px;
    }

    .reputation-tracker-user-01{
      position: absolute;
      top: 395px;
      left: 105px;
      z-index: 4;
      width: 120px;
    }

    .reputation-tracker-user-02{
      position: absolute;
      top: 80px;
      right: 30px;
      z-index: 4;
      width: 120px;
    }

      /* Property Care App */

      .propertyCareApp .propertyCareAppWrapper{
        position: relative;
        min-height: 270px;
      }

      .property-care-app {
        left: 0px;
        z-index: 2;
        width: 370px;
      }
      .property-care-app-working {
        position: absolute;
        top: 200px;
        left: 30px;
        z-index: 3;
        border-radius: 8px;
        box-shadow: 30px 32px 34px rgb(51 51 51 / 15%);
        width: 240px;
      }
      .cleaning-apartment {
          position: absolute;
          right: 250px;
          z-index: 5;
          width: 135px;
      }

      .property-care-shower {
        position: absolute;
        top: 235px;
        right: 10px;
        z-index: 4;
        width: 110px;
      }


      /* MosPro Distribution */

      .mosProDistribution .mosproDistributionWrapper{
        position: relative;
        min-height: 220px;
      }
      
      .jurny-ecosystem-circle{
         background: #fff;
         width: 150px;
         height: 150px;
         border-radius: 50%;
         display: block;
         box-shadow: -69px 32px 84px rgb(0 0 0 / 9%);
         text-align: center;
         position: absolute;
         right: 13%;
         top: 40px;
      } 
      .jurny-ecosystem-circle img{margin-top: 60px; width: 90px;}
      .partnerContainer{ width: 100%; text-align: left; padding: 2px}
      .mospro-distribution-partner-01{height:21px; margin-left: 50%;}
      .mospro-distribution-partner-02{height:14px; margin-left: 29%;}
      .mospro-distribution-partner-03{height:25px; margin-left: 25%;}
      .mospro-distribution-partner-04{height:25px; margin-left: 18%;}
      .mospro-distribution-partner-05{height:14px; margin-left: 20%;}
      .mospro-distribution-partner-06{height:16px; margin-left: 25%;}
      .mospro-distribution-partner-07{height:16px; margin-left: 35%;}
      .mospro-distribution-partner-08{height:12px; margin-left: 50%;}


      /* MosPro Distribution */
  
      .mosProRevenue .mosProRevenueWrapper{
        position: relative;
        min-height: 1260px;
      }

      .revenue-management-design-consulting{
        transition: all 0.3s ease-in-out;
        position: absolute;
        z-index: 2;
        border-radius: 8px;
        width: 100%;
        right: initial;
        top: 0px;
      }
      .revenue-management-design-consulting:hover{
        width: 100%;
        z-index: 2;
      }

      .revenue-management-photography{
        position: absolute;
        z-index: 2;
        width: 100%;
        clip-path: inset(0px 0px 0px 0px round 8px);
        transition: all 0.3s ease-in-out;
        top: 285px;
        right: 0px;
      }
      .revenue-management-photography:hover{
        width: 100%;
        z-index: 2;
        top: 285px;
        right: 0px;
      }

      .revenue-management-listing{
        position: absolute;
        top: 600px;
        left: 0;
        z-index: 2;
        width: 100%;
        clip-path: inset(0px 0px 0px 0px round 8px);
        transition: all 0.3s ease-in-out;
      }
      .revenue-management-listing:hover{
        width: 100%;
        z-index: 2;
        top: 600px;
        left: 0;
      }

      .revenue-management-data-scientists{
        position: absolute;
        top: 913px;
        right: 0px;
        z-index: 2;
        width: 100%;
        clip-path: inset(0px 0px 0px 0px round 8px);
        transition: all 0.3s ease-in-out;
      }

     .revenue-management-data-scientists:hover{
        width: 100%;
        z-index: 2;
        top: 913px;
        right: 0px;
      }
      
      .mosProRevenueLabel{
        background: #fff;
        padding: 8px 15px;
        border-radius: 8px;
        box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
        font-size: 14px;
        width: 100%;
      }


      .mosProRevenueLabel.label-revenue-management-design-consulting{
        position: absolute;
        top: 226px;
        z-index: 3;
        left: 0;
      }
      .mosProRevenueLabel.label-revenue-management-data-scientists{
        position: absolute;
        top: 542px;
        right: 0;
        z-index: 3;
      }
      .mosProRevenueLabel.label-revenue-management-listing{
        position: absolute;
        top: 857px;
        left: 0;
        z-index: 3;
      }
      .mosProRevenueLabel.label-revenue-management-photography{
        position: absolute;
        top: 1170px;
        right: 0;
        z-index: 3;
      }

      /* MosPro Review */

      .mosProReview .mosProReviewWrapper {
         min-height: 540px;
         position: relative;
      }

      .mosProReview .descBox{
        padding: 40px;
      }
      
      .review-management-stats{
        position: absolute;
        right: 0px;
        width: 100%;
        top: 0px;
      }

      .review-mobile-rating{
            top: -30px;
        left: 93px;
        width: 90px;
      }
      .review-rating-distribution{
        position: absolute;
        width: 310px;
        top: 250px;

      }
      .review-management-mobile{
        top: 170px;
        width: 250px;
        right: 30px;
      }

  /* MosPro Accounting */

    .mosProAccounting{
      position: relative;
    }
    .mosProAccounting .mosProAccountingWrapper{
      min-height: 370px;
      position: relative;
    }
    .mosProAccounting .descBox{
      padding: 40px;
    }
    .accounting-pms{
      position: absolute;
      right: initial;
      top: 70px;
      width: 100%;
    }
    .accounting-occupancy{
      top: 10px;
      left: 60px;
      width: 150px;
    }

    .accounting-circle{
      position: absolute;
      top: 40px;
      left: 70px;
      width: 40px;
    }

    .accounting-export{
      position: absolute;
      top: 64px;
      right: 30px;
      width: 120px;
    }
    .accounting-revpar{
      position: absolute;
      top: 200px;
      left: 150px;
      width: 150px;
    }

    .accounting-adr{
      position: absolute;
      top: 236px;
      left: 60px;
      width: 150px;
    }

    .accounting-user{
      position: absolute;
      top: 230px;
      left: 245px;
      width: 90px;
    }

    /* MosPro 24/7 Virtual Front Desk */

      .mosProVirtualFrontDesk{
        position: relative;
      }
      .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper{
        min-height: 680px;
        position: relative;
      }
   

      .vfd-search-request{
        width: 70%;
        left: 5%;
        top: 200px;
      }
      .vfd-incoming-request{
        width: 70%;
        right: 5%;
        top: 340px;
      }
      
      .vfd-security-reporting{
        width: 415px;
        height: 140px;
        top: 530px;
        left: -60px;
        transform: scale(0.64) !important;
        box-shadow: 20px -10px 20px rgb(0 0 0 / 14%);
      }
      .vfd-security-reporting .video{
        border-radius: 8px;
        margin-top: 25px;
        margin-left: 15px;
        width: 160px;
      }
      .vfd-security-reporting:before{
        width: 50px;
        height: 50px;
        top: 20px;
        left: 10px;
      }
      .virtual-front-desk-team{
        width: 90%;
        top: 0px;
        right:5%;
        border-radius: 20px 37px 10px 80px;
      }

        /* Careers */

       .careersHero .workatjurny{
          position: relative;
          z-index: 4;
          border-radius: 20px 20px 60px 20px;
          box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
          width: 200px;
          top:0px;
          margin-right: 30px;
        }

        .careersHero:before{
          content: "";
          width: 500px;
          height: 330px;
          background: url(../img/careers-at-jurny.jpg) no-repeat;
          /* background-size: cover; */
          position: absolute;
          top: -60px;
          border-radius: 0px 30px 30px 0px;
          opacity: 0.2;
          display: block;
          z-index: 1;
          left: -51%;
          background-position: 41% 18%;
        }

        .josEcosystem .compactrow{
          margin-top: 0px;
        }

        .clientReviews {
          background: url(../img/bck-client-reviews.png)no-repeat 0% 30px #F2F2F2;
         padding-top: 160px;
         background-size: 100%;
      }
}


/* // Samsung Galaxy A51/71 412 x914 ---------------------------------------------------------------------------------------- */
@media (max-width: 415px) {
  /* HOME */
  .heroContent h1 {
    width: 60%;
    position: absolute;
    top: 230px;
    text-align: center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 0.8em;
}
  .heroContent span.payoff {
    font-size: 1.1rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 350px;
  }

  .heroContent #jzoom {
    width: 218px;
    position: absolute;
    top: -35px;
    left: 166px;
    z-index: 2;
  }
  /*.heroContent .ball-relax {
    width: 90px;
    height: 90px;
    top: 100px;
    left: 290px;
    outline: 22px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 100px;
    height: 100px;
    outline: 25px solid #fff;
    top: 81vh;
    left: 20px;
    z-index: 3;
  }
  .heroContent .ball-app {
    width: 300px;
    height: 300px;
    right: -80px;
    top: 74vh;
    outline: 50px solid #fff;
    z-index: 2;
  }*/
  .heroContent .ball-relax-wrapper {
    top: 85px;
    left: 270px;
    border: 22px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 25px solid #fff;
    top: 81vh;
    left: 20px;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper {
    right: -90px;
    top:60vh;
    border: 50px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-relax {
    width: 90px;
    height: 90px;
  }
  .heroContent .ball-entrance {
    width: 100px;
    height: 100px;
  }
  .heroContent .ball-app {
    width: 240px;
    height: 240px;
  }


  .heroContent a.cta-lg {
    position: absolute;
    top: 510px;
    bottom: auto;
    z-index: 3;
  }



  
  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Careers */

 .careersHero .workatjurny{
    position: relative;
    z-index: 4;
    border-radius: 20px 20px 60px 20px;
    box-shadow: 20px 40px 40px rgb(0 0 0 / 20%);
    width: 200px;
    top:0px;
    margin-right: 30px;
  }

  .careersHero:before{
    content: "";
    width: 500px;
    height: 330px;
    background: url(../img/careers-at-jurny.jpg) no-repeat;
    /* background-size: cover; */
    position: absolute;
    top: -60px;
    border-radius: 0px 30px 30px 0px;
    opacity: 0.2;
    display: block;
    z-index: 1;
    left: -71%;
    background-position: 40% 30%;
  }

  .josEcosystem .compactrow{
    margin-top: 0px;
  }

}


/* // Iphone SE 375 x 667 + Iphone 12 Pro 390x844 + Pixel5 393x851 + Samsung Galaxy S8 360x740 ---------------------------------------------------------------------------------------- */
@media (max-width: 395px) {

  /* HOME */
  .heroContent h1 {
    width: 60%;
    position: absolute;
    top: 197px;
    text-align: center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 0.8em;
  }
  .heroContent span.payoff {
    font-size: 1.1rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 320px;
  }
  .heroContent a.cta-lg {
    position: absolute;
    top: 370px;
    bottom: auto;
    z-index: 3;
  }
  .heroContent #jzoom {
    width: 218px;
    position: absolute;
    top: -35px;
    left: 20px;
    z-index: 2;
  }

 /*  MOS */
  .mosPage .CircleFeatures{
    transform: scale(0.8);
  }
  .sponsor-owl .item img{
    width: 80px;
  }

  .mosPage .featItemImgBox{
    margin-bottom: 90px;
  }

/*  MOSPro */
  .mosProPage .CircleFeatures{
    transform: scale(0.8);
  }

  .mosProPage .featItemImgBox{
    margin-bottom: 90px;
  }


  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Guest Screening */
  .guestScreening .guestScreeningWrapper {
    position: relative;
    min-height: 310px;
  }
  
  .guestScreening .guestScreeningWrapper .guestScreeningContent{
    text-align: left;
  }
  .guestScreening .guestScreeningContent .risk-level{
    left: 250px;
    transform: scale(0.6);
    margin-top: 10px;
  }

  .guestScreening  .guestScreeningContent .renter-card{
    left: 0px;
    width: 290px;
  }

  .guestScreening  .guestScreeningContent .property-card{      
    left: 0;
    margin-top: 135px;
    margin-left: 20px;
    width: 290px;
  }

  /* Reputation Tracker */

  .reputationTracker .reputationTrackerWrapper{
    position: relative;
    min-height: 500px;
  }
 
  .reputation-tracker-review{
    position: absolute;
    top: 190px;
    right: 0px;
    z-index: 3;
    border-radius: 4px;
    box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
    width: 100%;
  }
  
  .reputation-tracker-stats{
    position: absolute;
    top: 75px;
    left: 70px;
    z-index: 2;
    box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
    width: 220px;
  }

  .reputation-tracker-user-01{
    position: absolute;
    top: 395px;
    left: 90px;
    z-index: 4;
    width: 120px;
  }

  .reputation-tracker-user-02{
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 4;
    width: 120px;
  }

  /* Property Care App */

      .propertyCareApp .propertyCareAppWrapper{
        position: relative;
        min-height: 270px;
      }

      .property-care-app {
        left: 0px;
        z-index: 2;
        width: 100%;
      }
      .property-care-app-working {
        position: absolute;
        top: 200px;
        left: 30px;
        z-index: 3;
        border-radius: 8px;
        box-shadow: 30px 32px 34px rgb(51 51 51 / 15%);
        width: 240px;
      }
      .cleaning-apartment {
          position: absolute;
          left: 50px;
          z-index: 5;
          width: 105px;
      }

      .property-care-shower {
        position: absolute;
        top: 165px;
        right: 175px;
        z-index: 4;
        width: 110px;
      }

      .josEcosystem .compactrow{
         margin-top: 0px;
      }

      .clientReviews {
        background: url(../img/bck-client-reviews.png)no-repeat 0% 30px #F2F2F2;
        padding-top: 160px;
        background-size: 100%;
    }



    #comparisonMOSWrap .comparisonMOSTbl {
      width: 90%;
      height: 80%;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0px 0px 20px #ccc;
      overflow: auto;
      overflow-x: hidden;
    }
    #comparisonMOSWrap .comparisonMOSTbl table td{
      font-size: 13px;
    }
    #comparisonMOSWrap .comparisonMOSTbl .nav.nav-tabs .nav-link.active,
    #comparisonMOSWrap .comparisonMOSTbl .nav.nav-tabs .nav-link{
      margin: 10px;
    }
    #comparisonMOSWrap .comparisonMOSTbl .nav.nav-tabs .nav-link#tab-two{
      margin-top: 0;
    }

    /* Jurny Os */
    .powerfulSolutions .solBox:hover {
      transform: initial;
      background: initial;
      border-radius: initial;
      box-shadow: initial;
    }

    .softwareCompTable .nav-tabs {
      border-bottom: 4px solid #000;
    }
    .softwareCompTable .nav-tabs li.nav-item {
      margin-bottom: 20px;
    }
    .softwareCompTable .nav-tabs .nav-link {
        color: #000;
        font-weight: 500;
        border: 1px solid #000;
        border-radius: 30px;
    }
    .softwareCompTable .nav-tabs .nav-link.active{
        color: #fff;
        background-color: #000;
        border-color: #000;
    }
    .softwareCompTable table td{
      font-size: 12px;
    }


}





/* // X-Small devices tra 280 e 320  ---------------------------------------------------------------------------------------- */
@media (min-width: 280px) and (max-width: 320px) { 
  /* HOME */
  .heroContent h1 {
    width: 90%;
    position: absolute;
    top: 197px;
    text-align: center;
    z-index: 3;
  }
  .heroContent h1.text-animated span {
    overflow: hidden;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 0.8em;
  }
  .heroContent span.payoff {
    font-size: 1.1rem;
    padding: 0px;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
    top: 320px;
  }
  .heroContent a.cta-lg {
    position: absolute;
    top: 370px;
    bottom: auto;
    z-index: 3;
  }
  .heroContent #jzoom {
    width: 218px;
    position: absolute;
    top: -35px;
    left: 20px;
    z-index: 2;
  }
  /*.heroContent .ball-relax {
    width: 90px;
    height: 90px;
    top: 81px;
    left: 147px;
    outline: 17px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance {
    width: 70px;
    height: 70px;
    outline: 15px solid #fff;
    top: 81vh;
    left: -6%;
    z-index: 3;
  }
  .heroContent .ball-app {
    width: 200px;
    height: 200px;
    right: -30px;
    top: 78vh;
    outline: 40px solid #fff;
    z-index: 2;
  }*/

  .heroContent .ball-relax-wrapper {
    top: 71px;
    left: 137px;
    border: 17px solid #fff;
    z-index: 3;
  }
  .heroContent .ball-entrance-wrapper {
    border: 15px solid #fff;
    top: 81vh;
    left: -6%;
    z-index: 3;
  }
  .heroContent .ball-app-wrapper {
    right: -30px;
    top: 78vh;
    border: 40px solid #fff;
    z-index: 2;
  }
  .heroContent .ball-relax {
    width: 80px;
    height: 80px;
  }
  .heroContent .ball-entrance {
    width: 70px;
    height: 70px;
  }
  .heroContent .ball-app {
    width: 200px;
    height: 200px;
  }


  /* end HOME */

  /* HOME 4 */

    .home4 .heroContent4 h1{
      font-size: 30px;
    }
    .home4 .heroContent4 h4{
      font-size: 16px;
      padding: 0;
    }

    .home4 .subPayoff .featureList{
      font-size: 14px;
    }

    .home4 .subPayoff .featureList{
      font-size: 14px;
      text-align: center;
      display: initial;

    }
    .home4 .subPayoff .featureList a{
      display: block;
      padding: 5px;
    }
    .home4 .subPayoff {
      margin-top: -10px;
      padding-bottom: 30px;
    }
    .home4 .subPayoff h5{
      padding: 0;
    }
    .home4 .superCta a.cta-lg{
      font-size: 12px;
      line-height: 1em;
      text-align: center;
    }
   
   /* end HOME 4*/

  /*  MOS */
  .mosPage .CircleFeatures{
    transform: scale(0.7);
  }
  .sponsor-owl .item img{
    width: 80px;
  }

  .mosPage .featItemImgBox{
    margin-bottom: 90px;
  }

/*  MOSPro */
  .mosProPage .CircleFeatures{
    transform: scale(0.7);
  }
  
  .mosProPage .featItemImgBox{
    margin-bottom: 90px;
  }


  /* Jurny Guest Mobile App */
    .appJurny{
      min-height: 360px;
    }
    .appVisual1{ 
      width: 190px;
      position: absolute;
      z-index: 2;
      margin-left:-20px;
      margin-top:100px;
      image-rendering: -webkit-optimize-contrast;
    }
    .appVisual2 {
      width: 190px;
      position: absolute;
      z-index: 2;
      margin-left: 90px;
      margin-top: 60px;
      image-rendering: -webkit-optimize-contrast;
    }
    .jurnyGuest{
      width: 110px;
      position: absolute;
      z-index: 1;
      margin-top: 84px;
      margin-left: 83px;
      image-rendering: -webkit-optimize-contrast;
    }

  /* PMS */ 
  .property-bck img.experience {
    width: 500px;
    height: auto;
    position: absolute;
    top: 20px;
    left: -30px;
  }


  /* AI Pricing Software */ 
  .aiPricingSoftware img.all-properties{
    margin-left: 10px;
  }

  .descBox{
    background: #E4E4E4;
    border-top-left-radius: 8px;
    border-top-right-radius: 47px;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 50px;
    padding: 30px;
    margin-top: -20px;
  }

  /* Guest Screening */
  .guestScreening .guestScreeningWrapper {
    position: relative;
    min-height: 310px;
  }
  
  .guestScreening .guestScreeningWrapper .guestScreeningContent{
    text-align: left;
  }
  .guestScreening .guestScreeningContent .risk-level{
    left: 215px;
    transform: scale(0.55);
    margin-top: 10px;
  }

  .guestScreening  .guestScreeningContent .renter-card{
    left: 0px;
    width: 270px;
  }

  .guestScreening  .guestScreeningContent .property-card{      
    left: 0;
    margin-top: 135px;
    margin-left: 20px;
    width: 270px;
  }


  /* Reputation Tracker */
  
  .reputation-tracker-stats{
    position: absolute;
    top: 75px;
    left: 40px;
    z-index: 2;
    box-shadow: 30px 30px 50px rgb(51 51 51 / 14%);
    width: 220px;
  }

  .reputation-tracker-user-01{
    position: absolute;
    top: 345px;
    left: 75px;
    z-index: 4;
    width: 120px;
  }

  /* MosPro Distribution */

  .mospro-distribution-partner-01{height:21px; margin-left: 40%;}
  .mospro-distribution-partner-02{height:14px; margin-left: 23%;}
  .mospro-distribution-partner-03{height:25px; margin-left: 15%;}
  .mospro-distribution-partner-04{height:25px; margin-left: 8%;}
  .mospro-distribution-partner-05{height:14px; margin-left: 10%;}
  .mospro-distribution-partner-06{height:16px; margin-left: 15%;}
  .mospro-distribution-partner-07{height:16px; margin-left: 25%;}
  .mospro-distribution-partner-08{height:12px; margin-left: 40%;}



  /* MosPro Distribution */
  
  .mosProRevenue .mosProRevenueWrapper{
    position: relative;
    min-height: 1020px;
  }

  .revenue-management-design-consulting{
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 2;
    border-radius: 8px;
    width: 100%;
    right: initial;
    top: 0px;
  }
  .revenue-management-design-consulting:hover{
    width: 100%;
    z-index: 2;
  }

  .revenue-management-photography{
    position: absolute;
    z-index: 2;
    width: 100%;
    clip-path: inset(0px 0px 0px 0px round 8px);
    transition: all 0.3s ease-in-out;
    top: 210px;
    right: 0px;
  }
  .revenue-management-photography:hover{
    width: 100%;
    z-index: 2;
  }

  .revenue-management-listing{
    position: absolute;
    top: 470px;
    left: 0;
    z-index: 2;
    width: 100%;
    clip-path: inset(0px 0px 0px 0px round 8px);
    transition: all 0.3s ease-in-out;
  }
  .revenue-management-listing:hover{
    width: 100%;
    z-index: 2;
    top: 470px;
    left: 0;
  }

  .revenue-management-data-scientists{
    position: absolute;
    top: 725px;
    right: 0px;
    z-index: 2;
    width: 100%;
    clip-path: inset(0px 0px 0px 0px round 8px);
    transition: all 0.3s ease-in-out;
  }

 .revenue-management-data-scientists:hover{
    width: 100%;
    z-index: 2;
    top: 725px;
    right: 0px;

  }
  
  .mosProRevenueLabel{
    background: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    box-shadow: 20px 20px 20px rgb(0 0 0 / 14%);
    font-size: 14px;
    width: 100%;
  }


  .mosProRevenueLabel.label-revenue-management-design-consulting{
    position: absolute;
    top: 150px;
    z-index: 3;
    left: 0;
  }
  .mosProRevenueLabel.label-revenue-management-data-scientists{
    position: absolute;
    top: 400px;
    right: 0;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-listing{
    position: absolute;
    top: 655px;
    left: 0;
    z-index: 3;
  }
  .mosProRevenueLabel.label-revenue-management-photography{
    position: absolute;
    top: 918px;
    right: 0;
    z-index: 3;
  }


  /* MosPro Review */

  .mosProReview .mosProReviewWrapper .mosProReviewContent{
    position: relative;
    min-height: 540px;
  }

  .mosProReview .descBox{
    padding: 40px;
  }
  
  .review-management-stats{
    position: absolute;
    right: 0px;
    width: 100%;
    top: 0px;
  }

  .review-mobile-rating{
    top: 450px;
    left: 203px;
    width: 70px;
  }
  .review-rating-distribution{
    width: 100%;

  }
  .review-management-mobile{
    top: 120px;
    width: 250px;
    right: 23px;
  }

  .josEcosystem .compactrow{
    margin-top: 0px;
  }

  /* MosPro Accounting */

    .mosProAccounting{
      position: relative;
    }
    .mosProAccounting .mosProAccountingWrapper{
      min-height: 500px;
      position: relative;
    }
    .mosProAccounting .descBox{
      padding: 40px;
    }
    .accounting-pms{
      position: absolute;
      right: initial;
      top: 70px;
      width: 700px;
      clip-path: inset(0px 405px 10px 0px round 18px);
    }
    .accounting-occupancy{
      top: 20px;
      left: 40px;
      width: 130px;
    }

    .accounting-circle{
      position: absolute;
      top: 45px;
      left: 50px;
      width: 30px;
    }

    .accounting-export{
      position: absolute;
      top: 80px;
      right: 15px;
      width: 120px;
    }
    .accounting-revpar{
      position: absolute;
      top: 355px;
      left: 70px;
      width: 130px;
    }

    .accounting-adr{
      position: absolute;
      top: 389px;
      left: 20px;
      width: 130px;
    }

    .accounting-user{
      position: absolute;
      top: 410px;
      left: 178px;
      width: 90px;
    }


  /* MosPro 24/7 Virtual Front Desk */

      .mosProVirtualFrontDesk{
        position: relative;
      }
      .mosProVirtualFrontDesk .mosProVirtualFrontDeskWrapper{
        min-height: 530px;
        position: relative;
      }
   

      .vfd-search-request{
        width: 70%;
        left: 5%;
        top: 157px;
      }
      .vfd-incoming-request{
        width: 70%;
        right: 5%;
        top: 245px;
      }
      
      .vfd-security-reporting{
        width: 415px;
        height: 140px;
        top: 380px;
        left: -80px;
        transform: scale(0.6) !important;
        box-shadow: 20px -10px 20px rgb(0 0 0 / 14%);
      }
      .vfd-security-reporting .video{
        border-radius: 8px;
        margin-top: 25px;
        margin-left: 15px;
        width: 160px;
      }
      .vfd-security-reporting:before{
        width: 50px;
        height: 50px;
        top: 20px;
        left: 10px;
      }
      .virtual-front-desk-team{
        width: 90%;
        top: 0px;
        right:5%;
        border-radius: 20px 37px 10px 80px;
      }




  /* HOME v2 */

  .welcomeHomeHero {
    padding-top: 95px;
  }

  .welcomeHomeHero h1,
  .welcomeHomeHero p.lead{
    text-align: center;
  }

  .welcomeHomeHero .homeMOSHeroBox{
    position: relative;
    min-height: 290px;
  }
  .welcomeHomeHero .homeMOSHeroBox .jurny-pms{
    position: absolute;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    top: 90px;
    left: 0;
    z-index: 3;
  }

  .welcomeHomeHero .homeMOSHeroBox .jurny-mos-woman{
    position: absolute;
    top: 0;
    right: 120px;
    width: 70px;
    z-index: 2;
  }

  .welcomeHomeHero .homeMOSHeroBox .jurny-mos-man{
    position: absolute;
    border-radius: 4px 17px 25px 15px;
    top: 206px;
    left: 40px;
    width: 100px;
    box-shadow: 20px -20px 50px rgb(0 0 0 / 20%);
    z-index: 4;
  }

  .welcomeHomeHero .homeMOSHeroBox .jurny-app-mobile {
    position: absolute;
    border-radius: 12px;
    top: 160px;
    left: 170px;
    width: 70px;
    box-shadow: -40px -30px 50px rgb(0 0 0 / 20%);
    z-index: 5;
  }

  .welcomeHomeHero .homeMOSHeroBox .dotted{
    width: 50px;
    position: absolute;
    top: 22px;
    right: 120px;
    z-index: 1;
  }
  .welcomeHomeHero .homeMOSHeroBox .ring{
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    width: 40px;
    z-index: 1;
  }
  .welcomeHomeHero .homeMOSHeroBox .segment{
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 1;
    width: 60px;
  }
  .welcomeHomeHero .homeMOSHeroBox .minidotted{
    position: absolute;
    width: 30px;
    top: 193px;
    left: 117px;
  }
  .downloadBoxIcons{
    display: flex;
    justify-content: center;
  }
  .welcomeHomeHero .downloadApp{
    font-size: 14px;
    display: block;
    text-align: center;
  }

  .welcomeHomeHero a.applestore,
  .welcomeHomeHero a.googleplay{
    margin:10px;
  }
  .welcomeHomeHero a.applestore svg,
  .welcomeHomeHero a.googleplay svg{
    width: 25px;
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
  }

  /* end HOME v2 */


  .clientReviews {
    background: url(../img/bck-client-reviews.png)no-repeat 0% 30px #F2F2F2;
    padding-top: 160px;
    background-size: 100%;
  }
  .hardwareCompareTable .hardwarePropTitle{
    padding: 10px;
    padding-top: 25px;
    display: flex;
    justify-content: center;
  }

  .hardwareCompareTable .hardwarePropTitle .tech{
    text-align: center;
  }

  .hardwareCompareTable .hardwarePropTitle .tech .thumb img{
    width: 40px;
    height: 40px;
  }



}