@charset "utf-8";
   
/* @media screen and (max-device-width: 480px){    */
/*  @supports (-webkit-overflow-scrolling: touch) {  */
 @supports (-webkit-overflow-scrolling: touch) {
body, html {
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}



	
body{
	-webkit-text-size-adjust: 100%;
	font-size:100%;
}

.sticky nav .accordion-menu {
padding: 16px 15px 16px 15px !important;
}

header a.logo img {
    max-height: 100%;
    height: 30px !important;
}


.navbar { 
    min-height: 50px !important;
}


#cw-lottie-ys svg {
    width: 35% !important;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
}

.Ism-padding-sixteen-top {
 padding-top:17% !important;
}

#BecomeQuickSpaceK .Ism-padding-sixteen-top {
 padding-top:17% !important;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: top !important; 
    width: 100%;
    height: 100%;
}
 

.txtwork { 
	font-size: 3.5vw !important;
    color: rgba(0,0,0,1);
    margin: 15px 0 10px 0 !important;
    font-family: Futura-Heavy;
    line-height: 16px !important;
}

span.workit { 
    font-size: 4vw!important;
    padding: 10px 0px !important;
}
	
.whyqscls {
 font-size: 8.5vw!important;  
line-height: 25px!important;
}

.subtitle {
    font-size: 5.5vw!important;
    line-height: 28px!important;
}
p.sliderCont {
	font-size: 4.2vw !important;
    line-height: 1.35em !important;
	padding-top: 2px !important;
	margin: 5px 0 !important;
}

.CrslCont {
    padding-top: 0px;
    padding-bottom: 10px;
	height: 40%;
}

.slidercontent.pt-30 {
	height: 100% !important;
}

.CrslImg {
    margin-top: 10px !important;
    padding: 5px 15px;
	height: 57%;
}
#lottiey1 svg {
    width: 75% !important;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
}

#lottiey2 svg {
    width: 75% !important;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
}

#lottiey3 svg {
    width: 75% !important;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
}

#lottiey4 svg {
    width: 75% !important;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
} 
.min-vh-100 {
    min-height: auto !important;
	height: 100% !important;
}

.LeadGenProp .min-vh-100 {
    min-height: 100% !important;
	height: 100% !important;
}

section.no-padding.LeadGenProp {
    height: 100%;
    max-height: 100%;
    overflow: visible;
}

.heightFullk {
height: 100%;
    max-height: 100%;
    overflow: visible;
}

.carousel-indicators {
    top: 44% !important;
    bottom: 0 !important;
    left: 0px !important;
    justify-content: left !important;
}

.services-area h1{
font-size: 8.5vw!important;
line-height: 1.1em!important;
margin-bottom: 10px!important;
}

.countcls h1, #tal {
font-size: 8.5vw!important;
line-height: 1.1em!important;
}

.countcls p {
font-size: 4vw !important;
line-height: 1.5em !important;
}

.countpart { 
    margin: 20px 0 !important;
    
}

.Kcol-sm-4 { 
    margin: 0px 0px 20px 0 !important; 
    padding: 20px 0px 0px !important; 
}

.sm-align-items-top {
    -ms-flex-align: space-between!important;
    align-items: space-between!important;
}

.align-items-center {
    -ms-flex-align: flex-start !important;
    align-items: flex-start !important;
}

.sliderbg {
	padding: 12px!important;
}

.sliderbg h3 {
font-size: 8.5vw!important;
line-height: 1.1em!important;
}

.sliderbg p {
	font-size: 4vw !important;
    line-height: 1.35em !important;
    padding-top: 2px !important;
    margin: 5px 0 !important;
}

.MHeight-40 {
    height: 100% !important;
    max-height: 40% !important;
}
.spacecls.banner-left {
    height: 100% !important;
    max-height: 55% !important;
}

.HowWeDo#carouselExampleIndicators1 .carousel-indicators {
	top: 44% !important;
}

.HowWeDo .banner-left p {
	font-size: 3.5vw !important;
    line-height: 1.25em !important;
}

.HowWeDo .spacecls h1 {
    font-size: 5vw !important;
    line-height: 1.35em !important;
}

.searchcover h1 {
	font-size: 8.5vw!important;
    line-height: 1.1em!important;
}

.workspacecls {
	text-align: center !important;
    font-size: 4.75vw !important; 
    margin-top: 10px !important; 
    padding: 10px 25px;
}

.searchcover .workspacecls {
	text-align: center !important;
    font-size: 4.75vw !important;
    display: block !important;
    margin-top: 10px !important;
    width: 50% !important;
    padding: 5px 15px;
}

.searchcover p {
	margin: 10px 0 10px 0 !important;
	font-size: 5vw !important;
    line-height: 1.35em !important;
}
.citytxt {
	font-size: 8.5vw!important;
    line-height: 1.1em!important;
}

.citycls {
	font-size: 4vw !important;
    line-height: 1.55em !important;
	margin: 10px 0 !important;
}

.gotspacecls h1 {
	font-size: 8.5vw!important;
    line-height: 1.1em!important;
}
.gotspacecls p {
	font-size: 4.2vw !important;
    line-height: 1.35em !important;
	padding-bottom: 10px !important;
}
.btnbecome {
	font-size: 4.5vw !important;
}

#cw-lottie-gs svg {
	width: 80% !important;
}
.footerpart {
	font-size: 8vw!important;
    line-height: 1.1em!important;
}

.single-footer-widget h4 {
    font-size: 16px!important; 
}


.footertxt p {
    font-size: 12px!important;
    line-height: 18px!important;
}


/** CO-WORKING PAGE */


.CO-Working img {
   width: 65% !important;
}

.CO-Working .ContP {
	padding: 0px 0 10px 0 !important;
    font-size: 4.75vw!important;
    line-height: 24px!important;
}

.btnBlack, .btnRed {
	font-size: 13px !important; 
    padding: 7px 10px !important;
}

#cw-lottie svg {
	width: 70% !important;
}

#cw-lottie-wq1 svg {
	width: 75% !important; 
}

#cw-lottie-wq2 svg {
	width: 75% !important; 
}

#cw-lottie-wq3 svg {
	width: 75% !important; 
}

#cw-lottie-wq4 svg {
	width: 75% !important; 
}

#why-quick-space-1 svg { 
	width: 75% !important;
	height: 100%;
	transform: translate3d(0px, 0px, 0px);
}


.TabSlider .slidertitle {
	font-size: 8.5vw!important;
    line-height: 1.1em!important;
}
.TabSlider .slidersubtitle {
	font-size: 4.2vw !important;
    line-height: 1.35em !important;
}

.MobileCarousel a { 
	font-size: 4vw !important;
    line-height: 1.45em !important;
	padding: 6px 0px !important;
}

.quickspaceworkingcls, .startquick { 
    padding-bottom: 15px !important;
}

.MobileCarousel {
	padding: 5px 10px !important;
}
.MobileBtnHeadding {
	font-size: 4.25vw !important;
    line-height: 1.35em !important;
	padding: 10px 25px !important; 
}
.MobleSliderCont {
	font-size: 4.25vw !important;
    line-height: 1.35em !important;
}

.Ism-padding-10px-top {
padding-top:10px !important;	
}
 



.feature-box-6 img {
width: 65% !important;
}
.TabSlider2 .quickstartcls li {
font-size: 5.45vw !important;
height: 20% !important;
}

#myModal2 .prev, #myModal2 .next {
bottom: 10% !important;
}


/** CO-LIVING PAGE */
.CO-Working img {
    width: 65% !important;
    padding-top: 15px !important;
}

.btnBlack2 {
	font-size: 4.2vw !important;
}


/** Sticky Menu */

.sticky .navbar-top {
	 top: 0px!important;
}

nav .accordion-menu {
    padding: 20px 15px 20px 15px !important;
}


/** CONTACT US PAGE */
.ContactSlog {
	font-size: 18px !important; 
    line-height: 25px !important;
}
.ContactCont {
	font-size: 14px !important;
    line-height: 18px !important;
}
.btnBlackContact {
	font-size: 12px !important;
	    padding: 5px 20px !important;
}
.ContactP {
	font-size: 18px !important; 
    line-height: 25px !important;
}
.Contc #lottie svg {
	width: 75% !important;
}
.BtnContactM span {
	padding: 5px !important;
}

/** Become Quickspace PAGE */

.becomeIcons img{
	display:none !important;
}

.Becometxt {
	font-size: 18px !important; 
    line-height: 21px !important;
}

.becomeCol {
	padding: 2% 5%!important; 
}

.become-qs-form .TextFocus {
 padding-top: 7px !important; 
}

.Asm-padding-top {
	padding-top:20px !important; 
}

.Asm-padding-bottom {
	padding-top:20px !important; 
}

.TOSpace .stepcls {
    font-size: 3vw !important;
}

.TOSpace .stepcls { 
   padding: 5px 5px !important;
    height: 62px !important;
    margin-top: 7px !important;
}


.TOSpace .carousel-indicators {
    top: 60% !important
}




.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    content: '\2713' !important; 
    text-indent: .5em !important; 
    color: rgb(45, 215, 0) !important; 
    -webkit-text-fill-color: rgb(45, 215, 0) !important; 
    -webkit-opacity: 1 !important; 
	pointer-events: none;
	z-index: 99;
	font-size:25px;
	font-weight:bold;
}

.IOS-height-auto {
height:auto !important; 
overflow:scroll !important; 
overflow-x: hidden !important; 
max-height:100% !important; 
	
}

.paddingBottomIOS {
padding-bottom:50px !important; 	
}


 /*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
 

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px !important;
}

.TextFocus .inp input {
	font-size: 16px !important;
}
 

input[type="text"]:focus, input[type="text"]:hover {
font-size: 16px !important;  /* Adding 16px on focus/hover will prevent page zoom */
}

 .myBox {
border: none;  
width: 100%;
height: 185px;
overflow-y: scroll;
overflow-x: hidden !important;
}



.Scrolldemo a {
    position: absolute !important;
    bottom: -30px !important;
    left: 43%;
    z-index: 99;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-family: Futura-Heavy;
    font-size: 18px;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .5s;
}

 

.Ios7Padding {
	padding:0px !important;
}


#BecomeQuickSpaceK .full-heigh {
    height: 100vh !important;
    left: 0px !important;
	width: 100vh !important;
	max-width:100% !important;
	overflow-x:hidden;
}


 }
 
  /* iPhone X and Xs Max */

@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) { 
    /* styles */
}

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
	 /* styles */
	}