/********** Template CSS **********/

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@200;300;400&display=swap');*/


:root {
    --primary: #32C36C;
    --light: #F6F7F8;
    --dark: #1A2A36;
}

    

.fw-medium {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.back-to-top1 {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}



/* whatapps logo hovering */
#aks:hover {
    content: url('../img/livechat.png');
}


/* Amendment 2023/06/27 */

/* topbar */
@media only screen and (min-width: 1024px) {
.navbar.sticky-top {    
    position: fixed;
    width:100%;
    border-bottom: 1px solid #c7c7c7;
    grid-template-columns: 1fr 5fr 1fr !important;    
    display: grid !important;
}

.navbar .navbar-brand, .navbar a.btn {
    height: 100px !important;
    display: flex !important;
    justify-content: center;
}




.s1r
{
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1.2px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300 !important;
}




.centerbox1 {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
/*    height: 38vh !important;  */



    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    position: fixed;
    bottom: 0;
    width: 38%;
    margin-left: -0.7%;
    border-top: 1px solid #B3B3B3 !important;
/*    padding-left: 11% !important;*/

}

.menulogo {
    height: 125px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}





/* footer */

.footerad
{
    display: grid;
    row-gap: 0.75rem;
    grid-template-columns: repeat(3, 1fr); 
}
   

.footergap{

        padding: 10px 100px;
}

.footeradbox
{
    width: 100% !important;
}
}


/* video intro */
@media only screen and (max-width: 3200px) 
{



.img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 104px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}


/* topbar */

.navbar.sticky-top {    
    position: fixed;
    width:100%;
    border-bottom: 1px solid #c7c7c7;
    grid-template-columns: 0fr 8fr 1fr !important;    
    display: grid !important;
}


.s1l {
    text-align: center;
    /* min-width: 272px; */
    min-width: 175px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300 !important;   
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}


.s1la {
    text-align: center;
    /* min-width: 272px; */
    min-width: 175px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #FFFFFF;
    font-weight: 300 !important;   
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}



.s1r
{
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300 !important;
    color: #000000;
}

.s1ra
{
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300 !important;
    color: #FFFFFF;
}


a.s1ra:hover
{
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300 !important;
    color: #FFFFFF;
}

.arrow {

    fill: rgb(0, 0, 0);
}


.arrow1 {

    fill: rgb(255, 255, 255);
}


 .navbar-brand1 {
    height: 100px !important;
    display: flex !important;
    justify-content: center;
     color: #FFFFFF;
}

.topbarlogo {
    fill: rgb(0, 0, 0) !important;
    height: 60px !important;
    width: 100%;
    text-align: center;
    padding-right: 15px !important;
}



.topbarlogo1 {
    fill: rgb(255,255,255);
    height: 60px !important;
    width: 100%;
    text-align: center;
    padding-right: 15px !important;
}


/* index */

.t1 { 
    font-family: "utile-display",sans-serif; 
    font-size: 168px !important;
    line-height: 190px !important;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;
}

.txtboxindex {
    display: grid;
    place-items: center;
    padding: 230px 0 211px 0 !important;
}

.s2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: center;
    line-height: 24px;
}

.s3 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;    
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
    

}

.s2b {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;    
    padding-bottom: 120px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
     padding-top: 30px;
   
}

.headindex {
text-align: center;
width: 40%;
font-family: "utile-display",sans-serif;
font-weight: 200;
line-height: 45px;
font-size: 40px;
 padding: 100px 0px !important;
 letter-spacing: 0.4px;
 color: #000000;
}

.headindex1 {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 30px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.containerindex {
    width: 95.9% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.img-index1 {
    width: 100%;
    height: auto !important;   
/*    object-fit: none !important;*/
    margin-top: 0 !important;
}

.imagebx {
    padding: 20px 208px !important;
}

.img-index2 {
    width: 100%;
    height: auto !important;    
    border: 25px solid #f2f2f2;
    margin-top: 0 !important;
}

.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    padding-top: 50px;
    letter-spacing: 0;
}


.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color:#000000;
    text-align:left;
    letter-spacing: 0;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color:#000000;
    text-align:left;
    letter-spacing: 0;
    padding: 0px 81px 0px 0px !important;
}


.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 123px;
    font-style: normal;
    margin-left: 56px !important;
    line-height: 18px;
    padding-bottom: 51px;
    letter-spacing: 0;
}

.img-fluid-full
{
    width: 100%;
    height: auto !important;   
    object-fit: cover;   
}


.txtboxindex1 {
    display: grid;
    place-items: center;
    padding: 0 !important;   
}


.headindex1 {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}



/* overview */

.subtitle{

    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 101px !important;
    color: #000000;
    padding-left: 49px !important;

}


.head1 {
    text-align: center;
    width: 33% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.head2 {
    text-align: center;
    width: 34% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.img-icon {
    max-width: 85px !important;
    height: auto;
}



.smenu {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 20px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left;
    line-height: 28px !important;    
    padding-right: 5rem;
}

.container-overview {
    width: 95%;
    padding-left: 10px;
    margin-right: 53px !important;
    margin-left: 53px !important;
    padding-top: 141px !important;
    padding-bottom: 157px !important;
}

.container-overview2 {
    width: 95%;
    padding-left: 10px;
    margin-right: 53px !important;
    margin-left: 53px !important;
    padding-top: 118px !important;

}

.container-overview3 {
    width: 95%;
    padding-left: 10px;
    margin-right: 53px !important;
    margin-left: 53px !important;
    padding-top: 80px !important;
    padding-bottom: 118px !important;
}



.ov2 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    color: #000000;
    letter-spacing:0.4px;
}


.hline3 {
    border-top: 1px solid #B3B3B3;
    padding-bottom: 60px !important;
 }


.dl {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-top: 16px;
    text-align: left;
    line-height:24px;
    letter-spacing:1.6px;
}

.downloadicon
{
width: 30px;
height: 30px;
margin-top: 10px;
}


/* facilities */
.slider1 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 16px !important;
    padding-top: 55px;
    margin-top: -42px;
    margin-bottom: 42px;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
}


.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;   
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 831px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;   
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 711px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.container-fac{
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1715px !important;

}



.facilitiesbox
{
    padding-top: 150px;
    padding-bottom: 100px;
}



/* floorplans */

.fphead1 {
    text-align: center;
    width: 40% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}



.fphead2 {
    text-align: center;
    width: 34% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}




/* location */


.acloc{
 padding: 15px 0px 10px 7px;
}



.lchead1 {
    text-align: center;
    width: 42% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.lcbox{
    margin-left:59px !important;
    margin-top:25px !important;
}



.img-fluid1 {
    width: 99.8%;
    height: 100vh !important;
    margin-top: 104px !important;
    border: 25px solid #f2f2f2;
    object-fit: cover;
}

.img-fluid2 {
    width: 99.8%;
    height: auto !important;    
    border: 25px solid #f2f2f2;
    object-fit: cover;
    margin-top:0 !important;
}


.img-fluid-normal {
    width: 100%;
    height: auto;
}

/*
.img-fluid3 {
    width: 100%;
    height: 801px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover;
}*/



.t2 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 23px !important;
    color: #000000;
    padding-top: 533px !important;
}


.sb1
{
   font-family: "neue-haas-unica",sans-serif;
   color: #000000;
   letter-spacing: 0px;
   text-align: left;
   font-weight: 300;
   font-size: 23px !important;
   line-height: 33px !important;
   font-style: 300 !important;

}





.s4 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;    
    padding-bottom: 30px;
    letter-spacing: 1.4px;
    text-align: center;
    padding-top: 20px;
}



.t3 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 23px !important;
    color: #000000;
    
}

.footerlogo{
      width: 300px;
}








.tel{
    letter-spacing: 0px !important;
}

/* overview */


  .txtbox {
display: grid;
 place-items: center;
  
}







.t4 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 101px !important; 
    color: #000000;
    padding-left: 178px !important;

} 


.overviewimg{
    max-width: 100%;
    height: 100vh;
    object-fit: cover;
}  

.box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 17px;
}


.ov1 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 750px;
}




.ts1 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    line-height: 37px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 32px !important;
    padding-top: 2rem;
}








/* register */

.t11 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 22px !important;
    line-height: 24px;
    letter-spacing: 0.22px;
    color:#767676;
    opacity: 1.0;
    padding-left:0px;


}


.formbox{
    padding:55px !important;
    height:1250px !important;
}


.ts3 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;
    opacity: 1.0;
}

.rdpos
{
    width: 30px;
    padding-right: 10px;
    padding-top: 6px;
}




/* floorplans */
.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 44px !important;
}

.fltitle
{
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: 1.6px;
    color: #000000;
}

.flsubtitle{
    font-family: "neue-haas-unica",sans-serif;
    font-weight: 300;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0px;
    color: #000000;
}

.flbox{
    padding-left: 48px;
}


 .fltblcol1
{
    width: 5%;
}

 .fltblcol2
{
    width: 95%;
}

.flcol1 {
    width: 15%;
}

.flcol2 {
    width: 25%;
}

.flcol3{
    width: 60%;
}


.containerfl {
    width: 95%;
/*    padding-left: 40px;*/
    padding-left:22px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
}


.fldownloadbox {
    width: 83.33333333% !important;
    display:none;
}

.col-md-8
{
    display:block;
}


/* location */

.lc-icon {

    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.accordion-body1 {
    padding: 15px 72px 31px 72px;
    color: #000000;
}

.ov3 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    color: #000000;
    letter-spacing: 0.4px;
}

/*.locationlink a {
  border-bottom: 1px solid #000000;
 padding: 10px 12px;

}

.locationlink a:hover {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
  
   padding: 10px 12px;
     
  
       
}*/


/* aboutytlland */

.aboutbox1
{
    padding: 100px 83px 40px 83px !important;
}


/* footer */
.footerinfo a:hover {
    text-decoration: underline;
}


}


@media only screen and (max-width: 3000px) 
{

.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 104px !important;
    border: 15px solid #f2f2f2;     
    object-fit: cover;
}

.img-fluid2 {
    width: 100%;
    height: auto !important;    
    border: 15px solid #f2f2f2;
    object-fit: cover;
    margin-top:0 !important;
}

.footertext
{
    
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 55px;
    font-style:normal;
    margin-left: 113px !important;
    line-height: 18px;
}


.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}

/*.ov1 {
    font-family: "utile-display" !important;
    font-weight: var(--fontWeights-light);
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 550px;
}*/


.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 694px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 592px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


}






@media only screen and (max-width: 2800px) 
{


/* index */
.headindex {
    text-align: center;
    width: 50% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 100px !important;
    font-style: normal;
    margin-left: 54px !important;
    line-height: 18px;
    padding-bottom: 38px !important;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
   /* font-size: 16px;*/
	font-size: 14px !important;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}



.imagebx {
    padding: 20px 208px !important;
}

.px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}


/* overview */

.head1 {
    text-align: center;
    width: 42% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.head2 {
    text-align: center;
    width: 40% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 19px !important;
}







.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 680px;
}

 .fltblcol1
{
    width: 6%;
}

 .fltblcol2
{
    width: 94%;
}

.containerfl {
    width: 95%;
    padding-left: 53px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
}



/* faclities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 574px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 480px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1400px !important;
}

/* floorplans */
.fphead1 {
    text-align: center;
    width: 45% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fphead2 {
    text-align: center;
    width: 38% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

/* locations */
.lchead1 {
    text-align: center;
    width: 52% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 88px !important;
    color: #000000;
    padding-left: 137px !important;
}


}


@media only screen and (max-width: 2400px) 
{

    .img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 38px !important;
    border: 15px solid #f2f2f2;
    object-fit: contain;
}

/* index */
.headindex {
    text-align: center;
    width: 56% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 123px !important;
    font-style: normal;
    margin-left: 64px !important;
    line-height: 18px;
    padding-bottom: 38px !important;
}

.footergap {
    padding: 10px 68px !important;
}



.containerindex {
    width: 95% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


.imagebx {
    padding: 20px 208px !important;
}


.px-lg-6 {
    padding-right: 1.5rem !important;
    padding-left: 2rem !important;
}


.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 535px;
}

/* overview */

.head1 {
    text-align: center;
    width: 47% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


/* facilities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 462px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 380px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -34px;
    margin-top: -19px;
    opacity: 0.6;
}

.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -34px;
    margin-top: -19px;
    opacity: 0.6;
}




/* floorplans */

.fphead1 {
    text-align: center;
    width: 50% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 37px !important;
}


.flbox {
    padding-left: 40px;
}


.fphead2 {
    text-align: center;
    width: 41% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

 .fltblcol1
{
    width: 7%;
}

 .fltblcol2
{
    width: 93%;
}

/* locations */
.lchead1 {
    text-align: center;
    width: 58% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.lcbox {
    margin-left: 61px !important;
    margin-top: 25px !important;
}





.containerfl {
    width: 95%;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
}

/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 98px !important;
    color: #000000;
    padding-left: 116px !important;
}


}


@media only screen and (max-width: 2250px) 
{


.img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 110px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}

/* index */
.containerindex {
    width: 94.5% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.footergap {
    padding: 10px 64px !important;
}

.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 123px !important;
    font-style: normal;
    margin-left: 70px !important;
    line-height: 18px;
    padding-bottom: 38px !important;
}

.px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    /*padding: 0px 32px 0px 0px !important;*/
	padding: 0px 0px 0px 0px !important;
}



/* overview */
.head1 {
    text-align: center;
    width: 48% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.head2 {
    text-align: center;
    width: 50% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 18px !important;
}

/* facilities */

.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 445px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 350px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1300px !important;
}

.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: -10px !important;
    opacity: 0.6;
}


.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: -10px !important;
    opacity: 0.6;
}

/* floorplans */
.fphead1 {
    text-align: center;
    width: 52% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fphead2 {
    text-align: center;
    width: 42% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px
px
 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


/* locations */
.lchead1 {
    text-align: center;
    width: 60% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.lcbox {
    margin-left: 62px !important;
    margin-top: 25px !important;
}



    /* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 83px !important;
    color: #000000;
    padding-left: 116px !important;
}
}



@media only screen and (max-width: 2100px) 
{

/* index */
.navbar.sticky-top {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #c7c7c7;
    grid-template-columns: 0fr 5fr 1fr !important;
    display: grid !important;
}

.headindex {
    text-align: center;
    width: 62% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.footergap {
   padding: 10px 48px !important;
}


.containerindex {
    width: 94% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 123px !important;
    font-style: normal;
    margin-left: 65px !important;
    line-height: 18px;
    padding-bottom: 38px !important;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    /*padding: 0px 32px 0px 0px !important;*/
	padding: 0px 0px 0px 0px !important;
}



.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 435px;
}



/* overview */
.head1 {
    text-align: center;
    width: 52% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.head2 {
    text-align: center;
    width: 52% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 21px !important;
}



/* facilities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 370px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}



/*.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: -12px !important;
    opacity: 0.6;
}


.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    left: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-left: -37px !important;
    margin-top: -12px !important;
    opacity: 0.6;
}*/


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 280px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1300px !important;
}

/* floorplans */
.fphead1 {
    text-align: center;
    width: 57% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fphead2 {
    text-align: center;
    width: 46% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

/* locations */
.lchead1 {
    text-align: center;
    width: 65% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.lcbox {
    margin-left: 60px !important;
    margin-top: 25px !important;
}


/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 81px !important;
    color: #000000;
    padding-left: 96px !important;
}





}






@media only screen and (max-width: 1920px) 
{



.img-fluid-video {
    width: 100%;
    height: 113vh !important;
    margin-top: 110px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}



.fimage {
    height:1250px !important;
}

.px-lg-6 {
    padding-right: 1.5rem !important;
    padding-left: 2rem !important;
}

.s1l {
    text-align: center;
    /* min-width: 272px; */
    min-width: 151px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.headindex {
    text-align: center;
    width: 67% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.containerindex {
    width: 95% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.footergap {
    padding: 10px 37px !important;
}

.footertext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 123px !important;
    font-style: normal;
    margin-left: 53px !important;
    line-height: 18px;
    padding-bottom: 38px !important;
}

.fphead2 {
    text-align: center;
    width: 52% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}



.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 134px 350px;
}


/* overview */
.subtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 101px !important;
    color: #000000;
    padding-left: 34px !important;
}


.head1 {
    text-align: center;
    width: 56% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.container-overview {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 141px !important;
    padding-bottom: 157px !important;
}

.container-overview2 {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 118px !important;
}


.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 17px !important;
    margin-left: 14px !important;
}


/* facilities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 320px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 200px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1155px !important;
}

/* floorplans */

.flcol1 {
    width: 20%;
}

.flcol2 {
    width: 25%;
}

.flcol3{
    width: 55%;
}


.fltblcol1 {
    width: 9%;
}

.fphead1 {
    text-align: center;
    width: 62% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}


/* locations */
.lchead1 {
    text-align: center;
    width: 70% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.lcbox {
    margin-left: 49px !important;
    margin-top: 25px !important;
}


/* footer */
.footergap {
    padding: 10px 80px;
}



}





@media only screen and (max-width: 1670px)
{

.img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 110px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}


.t1 { 
    font-family: "utile-display",sans-serif; 
    font-size: 150px !important;
    line-height: 190px !important;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;
}



.head2 {
    text-align: center;
    width: 55% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    /* font-size: 16px; */
    font-size: 13px !important;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}

}





@media only screen and (max-width: 1440px)
{
.img-fluid-video {
    width: 100%;
    height: 104vh !important;
    margin-top: 103px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}


/*  index  */
.containerindex {
    width: 94% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


.headindex1 {
    text-align: center;
    width: 70% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
    padding-top:30px !important;
}

.footergap {
    padding: 10px 12px !important;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 15px 0px 0px !important;
}


/* topbar */
.s1l {
    text-align: center;
    min-width: 240px;
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    line-height: 21px !important;
    letter-spacing: 1.4px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}




.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 100px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover;
}

.t1 { 
     font-family: "utile-display",sans-serif;  
    font-size: 110px !important;
    line-height: 130px;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;

}


.t2 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 23px !important;
    color: #000000;
    padding-top: 400px !important;
}


.imagebx{
 padding: 0px 148px !important;
}



.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
    padding-top: 20px !important;
}

.s4 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-bottom: 45px !important;
    letter-spacing: 1.4px;
    text-align: center;
    padding-top: 25px !important;
}


.footertext
{    
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 55px;
    font-style:normal;
    line-height: 18px;
}

.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color:#000000;
    text-align:left;
    padding-top: 50px;

}


.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color:#000000;
    text-align:left;
   

}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color:#000000;
    text-align:left;

}

/* overview */


.head1 {
    text-align: center;
    width: 75%;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 134px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.t4 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 46px !important; 
    color: #000000;
    padding-left: 99px !important;

} 

.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 40px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 80px 250px;
}




.head1 {
    text-align: center;
    width: 74% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.head2 {
    text-align: center;
    width: 65% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 17px !important;
    margin-left: 23px !important;
}


/* facilities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 125px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 0px 20px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px !important;
}

.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: -2px !important;
    opacity: 0.6;
}


.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: -2px !important;
    opacity: 0.6;
}



/* floorplans */
.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 35px !important;
    line-height: 40px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 87px !important;
}

.fphead1 {
    text-align: center;
    width: 81% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 35px !important;
    line-height: 40px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 28px !important;
}

.flbox {
    padding-left: 30px;
}


.fphead2 {
    text-align: center;
    width: 68% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

 .fltblcol1
{
    width: 11%;
}

 .fltblcol2
{
    width: 89%;
}


.flcol1 {
    width: 20%;
}

.flcol2 {
    width: 30%;
}

.flcol3{
    width: 50%;
}




.containerfl {
    width: 95%;
    padding-left: 77px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
}

/* location */
.accordion-body1 {
    padding: 15px 66px 31px 66px;
    color: #000000;
}


.lchead1 {
    text-align: center;
    width: 79% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


/* aboutytlland */
.ab1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 35px !important;
    line-height: 40px !important;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    padding: 50px 39px;
}


/* footer */
.footergap {
    padding: 10px 50px;
}

/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 76px !important;
    color: #000000;
    padding-left: 78px !important;
}



/* location */
.acloc {
    padding: 15px 0px 10px 0px;
}


}


@media only screen and (max-width: 1366px)
{
.img-fluid-video {
    width: 100%;
    height: 121vh !important;
    margin-top: 100px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}



/* index */
.px-lg-6 {
    padding-right: 1rem !important;
    padding-left: 1.5rem !important;
}

.footergap {
    padding: 10px 6px !important;
}

.s1l {
    text-align: center;
    /* min-width: 272px; */
    min-width: 150px !important;
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}


.headindex {
    text-align: center;
    width: 61% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 100px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover;
}



.headindex1 {
    text-align: center;
    width: 80% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}



.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
    padding-top: 20px !important;
}




.t2 {
    font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 35px !important;
    line-height: 21px !important;
    color: #000000;
    padding-top: 256px !important;
}



.t3 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 35px !important;
    line-height: 21px !important;
    color: #000000;
    
}


.footertext {    
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px !important;
    padding-top: 55px;
    font-style: normal;
    line-height: 18px;
}


.footerinfo {
    font-family: "neue-haas-unica",sans-serif;    
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}

/* overview */
/*.t4 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 46px !important;
    color: #000000;
    padding-left: 95px !important;
}*/


.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 35px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 80px 270px;
}


/* overview */

.subtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 101px !important;
    color: #000000;
    padding-left: 34px !important;
}

.head1 {
    text-align: center;
    width: 80% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.container-overview {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 141px !important;
    padding-bottom: 157px !important;
}

.container-overview2 {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 118px !important;
}


.head2 {
    text-align: center;
    width: 70% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

/* facilities */
.slider1 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 15px !important;
    padding-top: 55px;
    margin-top: -42px;
    margin-bottom: 42px;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
}


.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding: 0px -1px !important;
    line-height: 35px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding: 0px 42px !important;
    line-height: 35px !important;
    letter-spacing: 0.4px !important;
}


.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: 0px !important;
    opacity: 0.6;
}


.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: 0px !important;
    opacity: 0.6;
}





/* floorplans */
.flcol1 {
    width: 25%;
}

.flcol2 {
    width: 30%;
}

.flcol3{
    width: 45%;
}


.fphead1 {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 35px !important;
    line-height: 40px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 30px !important;
}

.flbox {
    padding-left: 30px;
}

.fphead2 {
    text-align: center;
    width: 72% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

/* locations */
.lchead1 {
    text-align: center;
    width: 83% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.lcbox {
    margin-left: 47px !important;
    margin-top: 25px !important;
}



/* footer */
.footergap {
    padding: 10px 44px;
}



/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 72px !important;
    color: #000000;
    padding-left: 78px !important;
}

}

@media only screen and (max-width: 1280px)
{

.img-fluid-video {
    width: 100%;
    height: 105vh !important;
    margin-top: 101px !important;
    border: 15px solid #f2f2f2;
    object-fit: cover;
}

/* index */
.headindex {
    text-align: center;
    width: 75% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.headindex1 {
    text-align: center;
    width: 76% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.containerindex {
    width: 91% !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif; 
    font-size: 12px !important;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}


.footergap {
    padding: 10px 5px !important;
}

.footertext {
    /* font-family: Noto Sans; */
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 12px;
    padding-top: 55px;
    font-style: normal;
    margin-left: 46px !important;
    line-height: 18px;
}





.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color:#000000;
    text-align:left;
    padding-top: 50px;

}


.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color:#000000;
    text-align:left;
   

}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 300;
    color:#000000;
    text-align:left;

}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: left;
    line-height: 24px;
    padding-top: 20px !important;
}



.ov1 {
     font-family: "utile-display",sans-serif; 
    font-weight: 200;
    font-size: 35px !important;
    line-height: 45px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 80px 227px;
}




/* overview */

.subtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 101px !important;
    color: #000000;
    padding-left: 35px !important;
}


.head1 {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.container-overview {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 141px !important;
    padding-bottom: 157px !important;
}


.container-overview2 {
    width: 95%;
    padding-left: 10px;
    margin-right: 39px !important;
    margin-left: 39px !important;
    padding-top: 118px !important;
}

.head2 {
    text-align: center;
    width: 75% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


/* facilities */
.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 179px !important;
    line-height: 35px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 80px !important;
    line-height: 35px !important;
    letter-spacing: 0.4px !important;
}

.slider-container .slider-left {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: 0px !important;
    opacity: 0.6;
}

.slider-container .slider-right {
    position: absolute;
    z-index: 3;
    display: block;
    right: 90%;
    top: 68.5%;
    color: black;
    transform: translateY(-50%);
    padding: 0px 12px;
    margin-right: -37px !important;
    margin-top: 0px !important;
    opacity: 0.6;
}


.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 900px !important;
}




/* floorplans */

.fldownloadbox {
    width: 83.33333333% !important;
    display:block;
}

.fphead1 {
    text-align: center;
    width: 91% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 40px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}


.fl1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 35px !important;
    line-height: 40px !important;
    letter-spacing: 0.4px;
    color: #000000;
    padding: 15px 26px !important;
}

.flbox {
    padding-left: 28px;
}

.fphead2 {
    text-align: center;
    width: 77% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}
/* locations */


.lchead1 {
    text-align: center;
    width: 83% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 132px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}


.lcbox {
    margin-left: 48px !important;
    margin-top: 25px !important;
}






/* register */
.t4 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 54px;
    letter-spacing: 0.48px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 72px !important;
    color: #000000;
    padding-left: 78px !important;
}




}























/* svg image */
@media only screen and (min-width: 1900px) {
/*.topbarlogo
{
    fill: rgb(0, 0, 0);
    height: 55px !important; 
    width: 100%;
    text-align: center;   

}*/


.topbarlogo1
{
    fill: rgb(255, 255, 255);
    height: 55px !important; 
    width: 100%;
    text-align: center;   

}


}

@media only screen and (max-width: 1800px) { 
/*.topbarlogo
{
    fill: rgb(0, 0, 0);
    height: 44px !important;
    width: 100%;
    text-align: center;   

}*/

.topbarlogo1
{
    fill: rgb(255, 255, 255);
    height: 44px !important;
    width: 100%;
    text-align: center;   

}


}



/*fonts */

@media only screen and (min-width: 1900px) {

/*index.html*/
/*.t1
{

    font-family:"utile-display" !important;
    font-size: 130px !important;
    color: #000000;
    font-style:normal;
    font-weight:400 
}
*/
/*.t2{

    font-family:"utile-display" !important;
    line-height: 18px !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-size: 35px !important;
    padding-top: 300px;
    font-style: normal;
    font-weight: 400;
}*/

/*.t3 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 18px !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-size: 30px !important;
    font-style: normal;
}*/


.s1
{
    font-family: neue-haas-unica;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400;
}

/*


.s2{

    font-family: neue-haas-unica;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: center;
}*/

/*.s3 {
    
    font-family: neue-haas-unica;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 150px;    
    text-align: left;
}*/

/*.s4 {
    font-family: neue-haas-unica;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 50px;    
    letter-spacing: 1.4px;
    text-align: center;
}*/

/*.sb1 {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 18px !important;
    font-style: normal;
    padding: 0 0 0 10px;
    line-height:25px !important;
}*/

.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 20px !important;
    font-style: normal;
    padding: 0;
    line-height:25px !important;
}


.centerbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    margin-left: 0;
/*    margin-right: 45% !important;*/
}

.addresstext {    
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 15px !important;
    padding-top: 55px;
    font-style: normal;
}

.addressbox
{
    width: 900px !important;
}


.menulogo{

    height:125px !important;
}



/* overview */
/*.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 3rem;
    margin-left: -246px !important;
}*/

.t5 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 30px !important;
}

.box1
{
 width:950px !important;
}

/*.ts1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 28px !important;
    padding-top: 2rem;    
}*/

.ts2 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}
/*
.smenu{

    font-family: neue-haas-unica;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}
*/
.downloadbox
{
   width:800px !important;
   text-align: center;
   margin-left:-42px !important;
}

.container-fluid4 {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 133px !important;
   
}




.ts4 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0px !important;
    text-align: center;
}

.sb8 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 16px !important;
    padding-top: 55px;
    margin-top: -72px !important;
    margin-bottom: 72px !important;
}


/*floorplans*/
.t10 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000;
    font-weight: 300;
    padding-left: 30px;
}

.s6 {
    font-family: neue-haas-unica !important;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 150px;
    letter-spacing: 1px;
    text-align: left;
}

.downloadbox1 {
    width: 885px !important;
    text-align: center;
    margin-left: -49px !important;
}

/*location */
.t8 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding: 130px 250px !important;
}

.t9 {
    font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000;
    font-weight: 300;
}

.sb7 {
     font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 16px !important;
    padding-left: 36px;
}


.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 20px !important;
    font-style: normal;
    padding: 0 0 0 0px !important;
    line-height: 25px !important;
}

/*register*/
/*.t11 {
    font-family: neue-haas-unica !important;
    font-size: 20px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;  
}*/

/*.ts3 {
    font-family: neue-haas-unica !important;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;
    opacity: 1.0;
}*/


.formbox{
    padding:25px;height:1250px !important;
}

.fimage{
    height:1250px !important;
}


.rmobile{
    margin-bottom:-14px !important;
}


/*aboutytlland*/

.t7 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 35px !important;
    padding-top: 80px !important;
}

.aboutbox {
/*padding: 0px 155px !important;*/
padding: 0px 85px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 20px !important;
    margin: 25px 3px !important;
    line-height:27px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 15px !important; 
}


.aboutimgbox{
    width: 100% !important;
}



}


@media only screen and (max-width: 1800px) { 

/* index.html */

/*.sb4*/



.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 16px !important;
    font-style: normal;
    padding: 0;
}

.addresstext {    
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 15px !important;
    padding-top: 55px;
    font-style: normal;
}

.addressbox
{
    width: 725px !important;
}

.centerbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin-top: 19px !important;
}

/*overview*/

.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}



.ts1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 24px !important;
    padding-top: 2rem;    
}

.ts2 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}

/*.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 48px;
    padding-top: 3rem;
    margin-left: -82px !important;
}
*/

.t5 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 33px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 28px !important;
}

/*.smenu{

    font-family: neue-haas-unica;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}
*/
.box1
{
 width:950px !important;
}

.downloadbox
{
   width:800px !important;
   text-align: center;
   margin-left:-42px !important;
}


.container-fluid4 {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 133px !important;
   
}

/*facilities*/
/*.slider1
{
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 12px !important;
    padding-top: 55px;
    margin-top: -42px;
    margin-bottom: 42px;
}*/

/*
.sliderlong1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
     font-size: 30px !important;
    padding: 0px 200px !important;
    line-height: 36px;
}*/

.ts4 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0px !important;
    text-align: center;
}

.sb8 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 16px !important;
    padding-top: 55px;
    margin-top: -72px !important;
    margin-bottom: 72px !important;
}



/*floorplans*/
.t10 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000;
    font-weight: 300;
    padding-left: 30px;
}

.s6 {
    font-family: neue-haas-unica !important;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 150px;
    letter-spacing: 1px;
    text-align: left;
}

.downloadbox1 {
    width: 885px !important;
    text-align: center;
    margin-left: -59px !important;
}


/*location */
.t8 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 29px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 29px !important;
    padding: 130px 250px !important;
}

.t9 {
     font-family:"utile-display" !important;
    font-size: 25px !important;
    color: #000000;
    font-weight: 300;
}

.sb7 {
     font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 16px !important;
    padding-left: 36px;
}


.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 16px !important;
    font-style: normal;
    padding: 0 0 0 10px;
    line-height: 25px !important;
}


/*register*/
/*.t11 {
    font-family: neue-haas-unica !important;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;
    
}*/
/*
.ts3 {
    font-family: neue-haas-unica !important;
    font-size: 13px !important;
    color: #000000;
    font-weight: 400;
    letter-spacing: 0px !important;
    text-align: left;
    opacity: 0.7;
}*/


.formbox{
    padding:25px;height:1230px !important;
}

.fimage{
    height:1230px !important;
}

/*aboutytlland*/

.t7 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 30px !important;
    padding-top: 80px !important;
}

.aboutbox {
padding: 0px 125px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 18px !important;
    margin: 25px 6px !important;
    line-height:25px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 15px !important; 
}



}  


@media only screen and (max-width: 1440px) { 


    .container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1260px !important;
}

/* index.html */
.addressbox
{
    width: 650px !important;
}


.centerbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin-top: 21px !important;
}

/* overview */
/*.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 45px !important;
    padding-top: 3rem;
    margin-left: -6px !important;
}*/

.t5 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 30px !important;
}

.box1
{
 width:950px !important;
}

.ts1
{
    font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 28px !important;
    padding-top: 2rem;    
}

.ts2 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}

/*.smenu{

    font-family: neue-haas-unica;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}*/


.downloadbox
{
   width:750px !important;
   text-align: center;
   margin-left:-42px !important;
}

/*floorplans*/
.s6 {
    font-family: neue-haas-unica !important;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 150px;
    letter-spacing: 1px;
    text-align: left;
}

.downloadbox1 {
    width: 885px !important;
    text-align: center;
    margin-left: -76px !important;
    position: absolute !important;
    margin-top: -29px !important;
}


.formbox{
    padding:25px;height:1230px !important;
}

.fimage{
    height:1230px !important;
}

/*aboutytlland*/

.t7 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 28px !important;
    padding-top: 80px !important;
}

.aboutbox {
/*padding: 0px 104px !important;*/
padding: 0px 85px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 16px !important;
    margin: 25px 1px !important;
    line-height:25px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 3px !important; 
}


/* register */

.col-sm-3 {
    flex: 0 0 auto;
    width: 25% !important;
}


.col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333% !important;
}

} 



@media only screen and (max-width: 1366px) { 

/* index.html */



/* overview */
/*.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 45px !important;
    padding-top: 3rem;
    margin-left: -56px !important;
}*/

.t5 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 30px !important;
}

.box1
{
 width:950px !important;
}

.ts1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 28px !important;
    padding-top: 2rem;    
}

.ts2 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}

/*.smenu{

    font-family: neue-haas-unica;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}*/


.downloadbox
{
   width:750px !important;
   text-align: center;
   margin-left:-42px !important;
}



/*floorplans*/
.s6 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 150px;
    letter-spacing: 1px;
    text-align: left;
}

.downloadbox1 {
    width: 885px !important;
    text-align: center;
    margin-left: -76px !important;
    position: absolute !important;
    margin-top: -29px !important;
}


/*location */
.t8 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 29px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 29px !important;
    padding: 130px 200px !important;
}


.downloadbox {
    width: 750px !important;
    text-align: center;
    margin-left: -31px !important;
    position: absolute !important;
    margin-top: -28px !important;
}


/*register*/
/*
.t11 {
    font-family: neue-haas-unica !important;
    font-size: 15px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;
    /* opacity: 0.5; */
/*}*/


/*aboutytlland*/

.t7 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 28px !important;
    padding-top: 80px !important;
}

.aboutbox {
padding: 0px 83px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin: 25px 1px !important;
    line-height:25px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 3px !important; 
}


.container-fac {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    height: 1044px !important;
}


}

@media only screen and (max-width: 1280px) { 

/* index.html */
.addressbox {
    width: 620px !important;
}



/* overview */
/*.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 45px !important;
    padding-top: 3rem;
    margin-left: -13px !important;
}*/

.t5 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 35px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 30px !important;
}

.box1
{
 width:950px !important;
}

.ts1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 28px !important;
    padding-top: 2rem;    
}

.ts2 {
     font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}

/*.smenu{

    font-family: neue-haas-unica;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}

*/
.downloadbox
{
   width:680px !important;
   text-align: center;
   margin-left:-42px !important;
}



/*location */
.t8 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 26px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 26px !important;
    padding: 130px 200px !important;
}


.t9 {
     font-family:"utile-display" !important;
    font-size: 22px !important;
    color: #000000;
    font-weight: 300;
}

.sb7 {
     font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px !important;
    padding-left: 36px;
}


.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 15px !important;
    font-style: normal;
    padding: 0 0 0 10px;
    line-height: 25px !important;
}


.downloadbox {
    width: 680px !important;
    text-align: center;
    margin-left: -20px !important;
}


/*aboutytlland*/

.t7 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 25px !important;
    padding-top: 80px !important;
}

.aboutbox {
padding: 0px 88px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin: 25px 1px !important;
    line-height:23px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 11px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 3px !important; 
}
}



@media only screen and (max-width: 1194px) { 

.img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 33px !important;
    border: 15px solid #f2f2f2;
    object-fit: contain;
}


.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}

.head2 {
    text-align: center;
    width: 78% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.fphead1 {
    text-align: center;
    width: 91% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 34px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.dl {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-top: 16px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 1.6px;
}


}



@media only screen and (max-width: 1112px) { 


    .img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 7px !important;
    border: 15px solid #f2f2f2;
    object-fit: contain;
}

.head2 {
    text-align: center;
    width: 84% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    padding-top: 50px;
}

.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
}


.fphead2 {
    text-align: center;
    width: 95% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;    
    letter-spacing: 0.4px;
    color: #000000;
}


.ts1 {
    font-family: "utile-display" !important;
    font-weight: 300;
    line-height: 27px !important;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 28px !important;
    padding-top: 2rem;
}

.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 106px !important;
    line-height: 35px !important;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 35px !important;
    line-height: 35px !important;
    letter-spacing: 0.4px !important;
}


}





@media only screen and (max-width: 1080px) { 

    .img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 5px !important;
    border: 15px solid #f2f2f2;
    object-fit: contain;
}

.head2 {
    text-align: center;
    width: 88% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}

.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    padding-top: 50px;
}

.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
}

.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}


.t1 {
    font-family: "utile-display",sans-serif;
    font-size: 97px !important;
    line-height: 130px;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;
}

}


@media only screen and (max-width: 1024px) { 

.img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top: 69px !important;
    border: 15px solid #f2f2f2;
    object-fit: contain;
}

/* index.html */
.t1 {
     font-family:"utile-display" !important;
    font-size: 84px !important;
    color: #000000;
    font-style: normal;
    font-weight: 400;
}

.t2 {
     font-family:"utile-display" !important;
    line-height: 12px !important;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    font-size: 21px !important;
    padding-top: 300px !important;
    font-style: normal;
    font-weight: 400;
}

/*.sb1 {
    
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px !important;
    font-style: normal;
}*/

/*.s3 {
     font-family: Noto Sans; 
    font-family: neue-haas-unica;
    font-size: 10px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 150px;    
    text-align: left;
}*/

.t3 {
    font-family: Noto Sans Gujarati;
    font-family: Utile Display;
    font-weight: 300;
    line-height: 12px !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-size: 19px !important;
    font-style: normal;
}

.s4 {
    
    font-family: neue-haas-unica;
    font-size: 11px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 50px;    
    letter-spacing: 1.4px;
    text-align: center;
}

.s2 {
    /* font-family: Noto Sans; */
    font-family: neue-haas-unica;
    font-size: 11px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: center;
}

.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px !important;
    font-style: normal;
    padding: 0;
}

.addresstext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 12px !important;
    padding-top: 55px;
    font-style: normal;
}


.sociallogo{
    width: 100% !important;
    margin-left: 0 !important;
}

.sb3 {
    
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 12px !important;
    padding-top: 55px;
    font-style: normal;
}

.addressbox {
    width: 491px !important;
}

.ytllandlogo{
    /*width: 100% !important;*/
	width: 55% !important;
    margin-left: 0 !important;
}

.footertext {
    /* font-family: Noto Sans; */
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 300;
    font-size: 10px !important;
    padding-top: 55px;
    font-style: normal;
    margin-left: 25px !important;
}


.footerlogo {
   
    width: 55% !important;
    margin-left: 0px !important;
}


.map{
    width:100% !important;
}


/* overview */
.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 45px !important;
    padding-top: 3rem;
    margin-left: 24px !important;
}

.t5 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 27px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 27px !important;
    padding-top: 80px;
    padding-bottom: 50px;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 22px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 22px !important;
}

.box1
{
 width:700px !important;
}

.ts1
{
     font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 24px !important;
    padding-top: 2rem;    
}

.ts2 {
    font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-bottom: 25px;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
}

/*.smenu{

    font-family: neue-haas-unica;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 0 !important;
    text-align: left; 
    line-height: 19px !important;
}*/


.downloadbox
{
    width: 680px !important;
    text-align: center;
    margin-left: -32px !important;
    position: absolute !important;
    margin-top: -30px !important;
}

/*facilities*/
.sliderlong1 {
    font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 90px !important;
    line-height: 30px !important;
}


.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 0px 25px !important;
    line-height: 35px !important;
    letter-spacing: 0.4px !important;
}

.slider1 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 11px !important;
    padding-top: 55px;
    margin-top: -42px;
    margin-bottom: 42px;
}

.container-fluid4 {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
    padding: 0 80px !important;
}



.ipad {
    width: 100% !important;
    height: auto;
    margin-left: 0px !important;
}


/*location */
.t8 {
     font-family:"utile-display" !important;
    font-weight: 400;
    line-height: 25px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 80px 150px !important;
}


.t9 {
    font-family:"utile-display" !important;
    font-size: 22px !important;
    color: #000000;
    font-weight: 300;
}

.sb7 {
     font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px !important;
    padding-left: 36px;
}


.locationtext {
    font-family: neue-haas-unica;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px !important;
    font-style: normal;
    padding: 0 0 0 10px;
    line-height: 25px !important;
}


.downloadbox {
    width: 680px !important;
    text-align: center;
    margin-left: -20px !important;
}

/*register*/
.video-container{
    position:relative !important;
}

.fimage{
   height: 1230px !important;
    margin-left: 0 !important;
    width: 100% !important;

}

.rmobile{
    margin-bottom:-14px !important;
}


.col-sm-3 {
    width: 25% !important;
  }

  .col-sm-7 {
    width: 58.33333% !important;
  }


  /*aboutytlland*/

.t7 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    padding-top: 80px !important;
}

.aboutbox {
padding: 0px 50px !important;
}

.sb6 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin: 25px 1px !important;
    line-height:20px !important;
}

.s8
{
    font-family: neue-haas-unica;
    font-size: 11px !important;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px !important; 
    padding-bottom: 150px !important; 
    text-align: left;
    padding-left: 3px !important; 
}


.aboutimgbox{
    width: 100% !important;
}

.box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 10px;
    margin-left: -30px !important;
}


.head2 {
    text-align: center;
    width: 103% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 40px;
    padding: 25px 0px !important;
    letter-spacing: 0.4px;
    color: #000000;
}


.footerinfo {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 300;
    color: #000000;
    text-align: left;
    letter-spacing: 0;
    padding: 0px 0px 0px 0px !important;
}


.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    padding-top: 50px;
}


.footertitle1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
}


.fphead1 {
    text-align: center;
    width: 91% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px !important;
    font-size: 32px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.aboutbox1 {
    padding: 100px 83px 40px 49px !important;
}

}


/* For Mobile Portrait View */
@media screen and (max-device-width: 932px)
and (orientation:landscape) {

.ytllandlogo {   
    width: 18% !important;
    margin-left: 0 !important;
}



.p-4 {
    padding: 0 !important;
}


.topbarlogo {
    fill: rgb(0, 0, 0) !important;
    height: 55px !important;
    width: 100%;
    text-align: center;
    padding-right: 15px !important;
}


.border-left {
    border-left: 1px solid #c7c7c7 !important;
    height: 75px !important;
}

.border-right {
    border-right: 1px solid #c7c7c7 !important;
    height: 75px !important;
}

.t1 {
    font-family: "utile-display",sans-serif;
    font-size: 75px !important;
    line-height: 130px;
    font-weight: 200;
    letter-spacing: 0px;
    color: #000000;
}

.img-fluid1 {
    width: 99% !important;
    height: 100% !important;
    margin-top: 100px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover;
}

.container-fluid2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
/*    margin-top: -23px;*/
}

.headindex {
    text-align: center;
    width: 63% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 38px !important;
    font-size: 30px !important;
    padding: 100px 0px;
    letter-spacing: 0.4px;
    color: #000000;
}

.s2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.6px;
    text-align: center;
    line-height: 24px;
}


.ytllandlogo {   
    width: 18% !important;
    margin-left: 0 !important;
}


.footertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 11px !important;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    text-align: left;
     padding-top: 0px !important;
}


.slider-container {
    position: relative;
    top: 0%;
    width: 100%;
    /* height: 1098px; */
    height: 176vh !important;
    /* margin: 0px 0 0 0px; */
    overflow: hidden;
}


.container2 {
    width: 100% !important;
    padding-left: 10px;
    margin-right: auto;
    margin-left: -20px !important;
    padding-top: 80px;
}


.fphead2 {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 45px;
    font-size: 25px;
    letter-spacing: 0.4px;
    color: #000000;
}

.dl {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300;
    padding-top: 16px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 1.6px;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 0px 38px !important;
    line-height: 28px !important;
    letter-spacing: 0.4px !important;
}


.sliderlong1 {
    font-family: "utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 0px 90px !important;
    line-height: 28px !important;
}

.fphead1 {
    text-align: center;
    width: 91% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 36px !important;
    font-size: 29px !important;
    padding: 132px 0px !important;
    letter-spacing: 0.4px !important;
    color: #000000;
}

.ov2 {
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    font-size: 36px !important;
    line-height: 39px !important;
    color: #000000;
    letter-spacing: 0.4px;
}

}


/* For Mobile Portrait View */
@media screen and (max-device-width: 834px)
and (orientation: portrait) {
    

/* video in vertical orientation  */
   /* .img-fluid-video {
    width: 100%;
    height: 100vh !important;
    margin-top:0px !important;
    border: 0px !important;
    object-fit: cover;
     }*/


/*  video in horizontal  */
    .img-fluid-video {
    width: 100%;
    height: auto !important;   
    margin-top: 55px !important;
    border: 0px !important;   
    }


/*index*/

.logobar{
/*  padding-right:280px !important;*/
}

.t1
{
    font-family: "utile-display" !important;
    font-size: 105px !important;
    color: #000000;
    line-height: 97px !important;
    font-weight: 400 !important;
    padding: 180px 35px 0 35px !important;
}


.t2 {
    font-family: "utile-display" !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    font-size: 30px !important;
    padding-top: 300px !important;
    font-style: normal;
    font-weight: 400;
    padding: 250px 25px 0 25px !important;
}

.t3 {
    
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 35px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    
}

.img-fluid-mobile-footer {
    width: 125px !important;
    margin-top: 130px !important;
}

.img-fluid-phone {
    max-width: 100% !important;
    height: auto !important;
}

/*overview*/
.t5 {
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding-top: 80px !important;
    padding-bottom: 50px !important;
    padding: 100px 45px !important;
}


.s2s {
    font-family: neue-haas-unica !important;
    font-size: 17px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    letter-spacing: 0 !important;
    text-align: left;
}

.sb1a
{
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: justify !important;
    padding: 0px !important;
    line-height: 24px !important;
    margin-top: -40px !important;
}

.t6 {
    font-family: "utile-display" !important;
    font-weight: 300;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0 !important;
    text-align: left;
    font-size: 25px !important;
}

.s5 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400;
    letter-spacing: 0 !important;
/*    width: 725px !important;*/
}


/*facilities*/
.slider2 {
    font-family: neue-haas-unica !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    margin-left: -22px !important;
    margin-top: 14px !important;
}

.sliderlong2 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 32px 40px !important;
}

/*floorplans*/
.t11 {
    font-family: neue-haas-unica !important;
    font-size: 23px !important;
    color: #000000;
    font-weight: 400;
    letter-spacing: 0px !important;
    text-align: left;
    
}


.t12
{
    font-family: neue-haas-unica !important;
    font-weight: 400 !important;    
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 23px !important;
    padding-left: 40px !important;
}

.s7
{
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left !important;
    font-weight: 400 !important;
    font-size: 15px !important;    
}

.logobar {
   /* margin-left: 348px !important;
    position: absolute !important;*/
}



.navbar.sticky-top {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #c7c7c7;    
    display: flex !important;
}


.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 60px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover !important;
}

.img-fluid {
    width: 80% !important;
    height: auto;
    margin-left: 65px !important;
}


.img-fluid5 {
    width: 100%;    
    object-fit: cover;
}


.img-fluid6 {
    width: 100%;   
    object-fit: cover;
}

.container {
    max-width: 965px !important;
}


.col-ipad-12{
    width:100% !important;
}


.smediabox{
        margin-top: -6px !important;
}


.logobar {
    /*margin-left: 340px !important;
    position: absolute !important;*/
      grid-template-columns: 0fr 2.5fr !important;
    display: grid !important;
}



.img-fluid-mobile-footer {
    width: 110px !important;
    margin-top: 130px !important;
}


.t1 {
    font-family: "utile-display" !important;
    font-size: 60px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 100px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}

.headindex {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
}


.headindex1 {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
    padding: 0px !important;
}

.txtboxindex1 {
    display: grid;
    place-items: center;
    padding: 5px 0 5px 0 !important;
}

.s2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: center;
    line-height: 18px !important;
}


.txtboxindex {
    display: grid;
    place-items: center;
    padding: 165px 0 165px 0 !important;
}


.p-0 {
    padding: 0px !important;
}


.sb1 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 4px !important;
    line-height: 22px !important;
}



.s3 {
     font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
}


.img-fluid4 {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    padding: 0px 18px !important;
}


.hline {
    border-top: 1px solid #B3B3B3;
    padding-bottom: 70px !important;
}

.locationbox {
    margin-left: 4px !important;
}

/* footer */

.mfooterbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 100px !important;
}

.mfooterbox1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
padding: 110px !important;
/*    margin-top: -112px;*/
    margin-top: -200px;
    
}



.mfootertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
}

.mfootertext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
    margin-top: -15px !important;


}

.msocialmedia
{
   padding: 10px 0px !important;
}



.img-fluid-mobile1 {
    width: 100% !important;
    height: auto;
    padding-right: 10px !important;

    
}



.sb5 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 10px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 15px !important;
    letter-spacing: 0px;
}




/*index*/





.ovmtitle {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 37px !important;
    font-size: 32px;
    padding: 35px 0px !important;
    letter-spacing: 0.32px !important;
    color: #000000;
}


.ovmbox {
    display: grid;
    place-items: center;
    padding: 25px 2px !important;
}



.ovmicontitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 23px !important;
    color: #000000;
    letter-spacing: 0.2px !important;
    text-align: left;
    font-size: 20px !important;
    padding-top: 8px !important;
}


.ovmtext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 10px !important;
    padding-bottom: 50px !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 18px !important;
}


.ovmbox1 {
    display: grid;
    place-items: center;
    padding: 0px 15px !important;
}


.mb-5a {
    margin-bottom: 6rem !important;
}


.ovm1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;    
    padding: 35px 0px 25px 0px !important
}

.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 17px !important;
    margin-left: 0px !important;
}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;
}


/* facilities */
.sliderlong2 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 32px 25px !important;
}

/* floorplans */

.mfltext {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: -8px !important;
}

.mfltitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
/*    padding-top: 30px;*/
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: -8px !important;
}

.mfltext1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-top: -30px !important;
    margin-left: -8px !important;
}

.mfltext2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
     margin-left: -49px !important;
}




.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 35px !important;
}


.img-fluid-phone1 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}


.img-fluid-phone2 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}



/* location */

.lcmbox {
    display: grid;
    place-items: center;
    padding: 25px 29px !important;
}

.mb-5b {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important;
}



.mlctext1 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
}


.lc-micon {
    width: 17px !important;
    height: 17px !important;
    vertical-align: middle;
    margin-top: -4px !important;
}

.mlcsubtext{
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: 27px !important;
    margin-bottom: 25px !important;
}
    

/*  registerform  */


.mrgtext {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
    
}

.form-control {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.ts3 {
    font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important;
    opacity: 0.7 !important;
}


input[type=radio] {
    width: 86%;
    height: 1.2em;
    margin-top: 3px !important;
}


.btnsub {
    text-align: center;
    display: inline-block;
    padding: 15px 40px;
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0px;
    border-bottom: 1px solid black !important;
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;


}


.invalid-feedback {
    position: absolute;
    padding-left: 3px;   
    margin-top: 48px !important;
    color: red;
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;    
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.TQ_note {
    text-align: center;
    width: 100%;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 18px !important;
    font-size: 16px !important;    
    letter-spacing: 0.4px;
    color: #FFFFFF;
    position: relative !important;
    padding: 250px 0px 900px 0px !important;
}


.TQ_btn
{
   font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #FFFFFF;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important; 
    position: relative !important;   
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
}


/* aboutytlland */

.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 120px !important;
    
}




.abtext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 10px !important;
    line-height: 22px !important;
}


.abstext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
    padding-left: 10px !important;
}



/* dropdownmenu */

.smenutitle {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    line-height: 37px !important;
    color: #000000;
    letter-spacing: 0.32px !important;
    text-align: left;
    font-size: 32px !important;
}


.navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 2px 0 !important;
}



.dmenu {
    height: 560px !important;
}

.img-fluid-phone {
    max-width: 100% !important;
    height: auto !important;
}


/* footer */

.mfootertext a:hover {
    text-decoration: underline;
}


}




@media screen and (max-device-width: 810px) and (orientation: portrait){
.logobar {
    /*margin-left: 335px !important;
    position: absolute !important;*/

        grid-template-columns: 0fr 2.4fr !important;
    display: grid !important;
}

}



/* For Tablet Portrait View */
@media screen and (max-device-width: 768px)
and (orientation: portrait) {



/* topbar */
.navbar.sticky-top {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #c7c7c7;    
    display: flex !important;
}


.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 60px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover !important;
}

.img-fluid {
    width: 80% !important;
    height: auto;
    margin-left: 65px !important;
}


.img-fluid5 {
    width: 100%;    
    object-fit: cover;
}


.img-fluid6 {
    width: 100%;   
    object-fit: cover;
}

.container {
    max-width: 965px !important;
}


.col-ipad-12{
    width:100% !important;
}


.smediabox{
        margin-top: -6px !important;
}


.logobar {
    /*margin-left: 311px !important;
    position: absolute !important;*/
        grid-template-columns: 0fr 2.25fr !important;
    display: grid !important;
}



.img-fluid-mobile-footer {
    width: 110px !important;
    margin-top: 130px !important;
}


.t1 {
    font-family: "utile-display" !important;
    font-size: 60px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 100px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}

.headindex {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
}


.headindex1 {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
    padding: 0px !important;
}

.txtboxindex1 {
    display: grid;
    place-items: center;
    padding: 5px 0 5px 0 !important;
}

.s2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: center;
    line-height: 18px !important;
}


.txtboxindex {
    display: grid;
    place-items: center;
    padding: 165px 0 165px 0 !important;
}


.p-0 {
    padding: 0px !important;
}


.sb1 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 4px !important;
    line-height: 22px !important;
}



.s3 {
     font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
}


.img-fluid4 {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    padding: 0px 18px !important;
}


.hline {
    border-top: 1px solid #B3B3B3;
    padding-bottom: 70px !important;
}

.locationbox {
    margin-left: 4px !important;
}

/* footer */

.mfooterbox {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 100px !important;
}

.mfooterbox1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
padding: 110px !important;
    /*margin-top: -112px;*/
/*	 margin-top: -180px;*/
margin-top:-250px !important;
    
}



.mfootertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
}

.mfootertext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
    margin-top: -15px !important;


}

.msocialmedia
{
   padding: 10px 0px !important;
}



.img-fluid-mobile1 {
    width: 100% !important;
    height: auto;
    padding-right: 10px !important;

    
}



.sb5 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 10px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 15px !important;
    letter-spacing: 0px;
}




/*index*/





.ovmtitle {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 37px !important;
    font-size: 32px;
    padding: 35px 0px !important;
    letter-spacing: 0.32px !important;
    color: #000000;
}


.ovmbox {
    display: grid;
    place-items: center;
    padding: 25px 2px !important;
}



.ovmicontitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 23px !important;
    color: #000000;
    letter-spacing: 0.2px !important;
    text-align: left;
    font-size: 20px !important;
    padding-top: 8px !important;
}


.ovmtext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 10px !important;
    padding-bottom: 50px !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 18px !important;
}


.ovmbox1 {
    display: grid;
    place-items: center;
    padding: 0px 15px !important;
}


.mb-5a {
    margin-bottom: 6rem !important;
}


.ovm1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;    
    padding: 35px 0px 25px 0px !important
}

.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 17px !important;
    margin-left: 0px !important;
}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;
}


/* facilities */
.sliderlong2 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 32px 25px !important;
}

/* floorplans */

.mfltext {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: -8px !important;
}

.mfltitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
/*    padding-top: 30px;*/
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: -8px !important;
}

.mfltext1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-top: -30px !important;
    margin-left: -8px !important;
}

.mfltext2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
     margin-left: -41px !important;
}




.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 35px !important;
}


.img-fluid-phone1 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}


.img-fluid-phone2 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}



/* location */

.lcmbox {
    display: grid;
    place-items: center;
    padding: 25px 29px !important;
}

.mb-5b {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important;
}



.mlctext1 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
}


.lc-micon {
    width: 17px !important;
    height: 17px !important;
    vertical-align: middle;
    margin-top: -4px !important;
}

.mlcsubtext{
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: 27px !important;
    margin-bottom: 25px !important;
}
    

/*  registerform  */


.mrgtext {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
    
}

.form-control {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.ts3 {
    font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important;
    opacity: 0.7 !important;
}


input[type=radio] {
    width: 86%;
    height: 1.2em;
    margin-top: 3px !important;
}


.btnsub {
    text-align: center;
    display: inline-block;
    padding: 15px 40px;
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0px;
    border-bottom: 1px solid black !important;
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;


}


.invalid-feedback {
    position: absolute;
    padding-left: 3px;   
    margin-top: 48px !important;
    color: red;
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;    
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.TQ_note {
    text-align: center;
    width: 100%;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 18px !important;
    font-size: 16px !important;    
    letter-spacing: 0.4px;
    color: #FFFFFF;
    position: relative !important;
    padding: 250px 0px 900px 0px !important;
}


.TQ_btn
{
   font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #FFFFFF;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important; 
    position: relative !important;   
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
}


/* aboutytlland */

.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 120px !important;
    
}




.abtext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 10px !important;
    line-height: 22px !important;
}


.abstext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
    padding-left: 10px !important;
}



/* dropdownmenu */

.smenutitle {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    line-height: 37px !important;
    color: #000000;
    letter-spacing: 0.32px !important;
    text-align: left;
    font-size: 32px !important;
}


.navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 2px 0 !important;
}



.dmenu {
    height: 560px !important;
}

.img-fluid-phone {
    max-width: 100% !important;
    height: auto !important;
}



}
















/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {




/* topbar */
.navbar.sticky-top {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #c7c7c7;    
    display: flex !important;
}


.img-fluid1 {
    width: 100%;
    height: 100vh !important;
    margin-top: 60px !important;
    border: 10px solid #f2f2f2;
    object-fit: cover !important;
}



.img-fluid {
    width: 80% !important;
    height: auto;
    margin-left: 30px !important;

}


/* for video with vertical */
/*.t1 {
    font-family: "utile-display" !important;
    font-size: 60px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 100px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}*/

/* for video without vertical */
.t1 {
    font-family: "utile-display" !important;
    font-size: 60px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 87px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}




.headindex {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}


.headindex1 {
    text-align: center;
    width: 85% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 28px !important;
    font-size: 24px !important;
    padding: 100px 0px;
    letter-spacing: 0.24px !important;
    color: #000000;
    padding: 0px !important;
}

.txtboxindex1 {
    display: grid;
    place-items: center;
    padding: 5px 0 5px 0 !important;
}

.s2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: center;
    line-height: 18px !important;
}


/* for video with vertical */
/*.txtboxindex {
    display: grid;
    place-items: center;
    padding: 165px 0 75px 0 !important;
}
*/


/* for video without vertical */
.txtboxindex {
    display: grid;
    place-items: center;
    /* padding: 165px 0 165px 0 !important; */
    padding: 75px 0 75px 0 !important;
}



.p-0 {
    padding: 0px !important;
}


.sb1 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 4px !important;
    line-height: 22px !important;
}



.s3 {
     font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
}


.img-fluid4 {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    padding: 0px 18px !important;
}


.hline {
    border-top: 1px solid #B3B3B3;
    padding-bottom: 70px !important;
}

.locationbox {
    margin-left: 4px !important;
}

/* footer */

.mfooterbox
{
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 65px !important;
    


}

.mfooterbox1
{
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 65px !important;

}


.mfootertitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
}

.mfootertext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;   
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 0px !important; 
    margin-top: -15px !important;


}

.msocialmedia
{
   padding: 10px 0px !important;
}



.img-fluid-mobile1 {
    width: 100% !important;
    height: auto;
    padding-right: 10px !important;

    
}



.sb5 {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 300 !important;
    font-size: 10px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 15px !important;
    letter-spacing: 0px;
}




/*index*/


    .logobar {
    /*margin-left: 168px !important;
    position: absolute !important;*/


    grid-template-columns: 0fr 1.18fr !important;
    display: grid !important;


}




.ovmtitle {
    text-align: center;
    width: 100% !important;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 37px !important;
    font-size: 32px;
    padding: 35px 0px !important;
    letter-spacing: 0.32px !important;
    color: #000000;
}


.ovmbox {
    display: grid;
    place-items: center;
    padding: 25px 2px !important;
}



.ovmicontitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 23px !important;
    color: #000000;
    letter-spacing: 0.2px !important;
    text-align: left;
    font-size: 20px !important;
    padding-top: 8px !important;
}


.ovmtext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 10px !important;
    padding-bottom: 50px !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 18px !important;
}


.ovmbox1 {
    display: grid;
    place-items: center;
    padding: 0px 15px !important;
}


.mb-5a {
    margin-bottom: 6rem !important;
}


.ovm1 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;    
    padding: 35px 0px 25px 0px !important
}

.downloadicon {
    width: 30px;
    height: 30px;
    margin-top: 17px !important;
    margin-left: 0px !important;
}


.s2a {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;
}


/* facilities */
.sliderlong2 {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 32px 25px !important;
}

/* floorplans */

.mfltext {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: -8px !important;
}

.mfltitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
/*    padding-top: 30px;*/
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: -8px !important;
}

.mfltext1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-top: -30px !important;
    margin-left: -8px !important;
}

.mfltext2 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
     margin-left: -8px !important;
}

.floorarea
{
    margin-left:-14px !important;
}



.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 35px !important;
}


.img-fluid-phone1 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}


.img-fluid-phone2 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}



/* location */

.lcmbox {
    display: grid;
    place-items: center;
    padding: 25px 29px !important;
}

.mb-5b {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important;
}



.mlctext1 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;    
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
}


.lc-micon {
    width: 17px !important;
    height: 17px !important;
    vertical-align: middle;
    margin-top: -4px !important;
}

.mlcsubtext{
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;   
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: 27px !important;
    margin-bottom: 25px !important;
}
    

/*  registerform  */


.mrgtext {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
    
}

.form-control {
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.ts3 {
    font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important;
    opacity: 0.7 !important;
}


input[type=radio] {
    width: 86%;
    height: 1.2em;
    margin-top: 3px !important;
}


.btnsub {
    text-align: center;
    display: inline-block;
    padding: 15px 40px;
    cursor: pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0px;
    border-bottom: 1px solid black !important;
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300 !important;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 18px !important;


}


.invalid-feedback {
    position: absolute;
    padding-left: 3px;   
    margin-top: 48px !important;
    color: red;
    font-family: "utile-display",sans-serif;
    font-size: 16px !important;    
    font-weight: 200;   
    letter-spacing: 0.16px !important;
    text-align: left;
    line-height: 18px !important;
}


.TQ_note {
    text-align: center;
    width: 100%;
    font-family: "utile-display",sans-serif;
    font-weight: 200;
    line-height: 18px !important;
    font-size: 16px !important;    
    letter-spacing: 0.4px;
    color: #FFFFFF;
    position: relative !important;
    padding: 250px 0px 900px 0px !important;
}


.TQ_btn
{
   font-family: neue-haas-unica !important;
    font-size: 10px !important;
    color: #FFFFFF;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 14px !important; 
    position: relative !important;   
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
}


/* aboutytlland */

.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 103px !important;
    
}




.abtext {
    font-family: "neue-haas-unica",sans-serif;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 300 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 2px !important;
    line-height: 22px !important;
}


.abstext {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    text-align: left;
    line-height: 18px !important;
    letter-spacing: 1.2px !important;
    padding-left: 2px !important;
}



/* dropdownmenu */

.smenutitle {
    font-family: "utile-display" !important;
    font-weight: 200 !important;
    line-height: 37px !important;
    color: #000000;
    letter-spacing: 0.32px !important;
    text-align: left;
    font-size: 32px !important;
}


.navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 2px 0 !important;
}


/* actual size for floorplans menu */
/*.dmenu {
    height:300px !important;

}*/


/* actual size without floorplans menu */
.dmenu {
    height:446px !important;

}








.t2
{
    
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;   
    padding: 150px 5px 0 5px !important;
}









.s4 {
   
    font-family: neue-haas-unica !important;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 16px !important;
    padding-bottom: 50px !important;   
    letter-spacing: 0px !important;
    text-align: center;
}

.t3
{
    
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 0px 30px !important;
    
}



.centerbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 285px !important;
    padding-left: 32px !important;
}


.sb2 {
    
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding-top: 55px !important;
   
}

.socialbox{
    margin-left: 28px !important;
}




/*overview*/
.t4 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center !important;
    font-size: 45px !important;
    padding-top: 3rem;
    margin-left: 3px !important;
}

.img-fluid-phone {
    max-width: 100% !important;
    height: auto !important;
}


.t5 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
   padding: 100px 33px 50px 33px !important;
}

.ts1 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 24px !important;
    padding-top: 2rem !important;
}


.s2s {
    font-family: neue-haas-unica !important;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    letter-spacing: 0 !important;
    text-align: left;
}


.t6 
{
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 20px 33px 10px 33px !important;
}


.sb1a
{
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: justify !important;
    padding: 0px 33px !important;
    line-height: 21px !important;
    margin-top: -40px !important;
}

.ts2 {
    font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-bottom: 25px !important;
    letter-spacing: 0 !important;
    text-align: center;
}


.s5 {
    font-family: neue-haas-unica !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-left: -23px !important;
    
}


/*facilities*/
.slider2 {
    font-family: neue-haas-unica !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    margin-left: -22px !important;
    margin-top: 14px !important;
}

.sliderlong2 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 32px 40px !important;
}


/*floorplans*/
.t11 {
    font-family: neue-haas-unica !important;
    font-size: 23px !important;
    color: #000000;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    text-align: left;
    /* opacity: 0.5; */
}


.t12
{
    font-family: neue-haas-unica !important;
    font-weight: 400 !important;    
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 23px !important;
    padding-left: 40px !important;
}

.s7
{
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left !important;
    font-weight: 400 !important;
    font-size: 16px !important;    
}


/*location*/
.t9 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 34px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 30px !important;
    padding: 80px 33px 50px 33px !important;
}

.img-logo2 {
    width: 30px !important;
    height: auto;
    vertical-align: middle;
}

.t10 {
    font-family:"utile-display" !important;
    font-size: 30px !important;
    color: #000000;
    font-weight: 400 !important;
    padding-left: 30px !important;
}

.sb7 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400 !important;
    font-size: 18px !important;
    padding-left: 36px !important;
}


/*register*/
.t13 {
    font-family: neue-haas-unica !important;
    font-weight: 400 !important;
    line-height: 31px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 22px !important;
}







/*aboutytlland*/
.t8 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 44px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 40px !important;
    padding: 80px 35px !important;
}

.sb1b {

    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: justify !important;
    padding: 15px 8px !important;
    line-height: 21px !important;
    margin-top: 15px !important;
}


.s3a {

    font-family: neue-haas-unica !important;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    letter-spacing: 0px !important;
    text-align: left;
    margin-left: 11px !important;
}


/*mobiledropdownmenu*/



.img-fluid-mobile {
    max-width: 80% !important;
    height: auto !important;
    margin-left: 40px !important;
}

.img-fluid-mobile-footer {
    width: 110px !important;
    margin-top: 130px !important;
}



}


@media screen and (max-device-width: 430px) and (orientation: portrait){
.logobar {
    /*margin-left: 138px !important;
    position: absolute !important;*/
     grid-template-columns: 0fr 1fr !important;
    display: grid !important;
}

.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 87px !important;
}

.floorarea
{
    margin-left:-6px !important;
}

}



/* For Mobile Portrait View */
@media screen and (max-device-width: 414px)
and (orientation: portrait) {

  /*index*/

.logobar {
   
      /*  margin-left: 133px !important;
    position: absolute !important;*/
     grid-template-columns: 0fr 0.89fr !important;
    display: grid !important;

}


.img-fluid {
    width: 100% !important;
    height: auto;
    margin-left: 0px !important;
}

.img-fluid-phone1 {
    max-width: 50% !important;
    height: auto !important;
    padding-top: 50px !important;
}



.img-fluid-phone2 {
    max-width: 100% !important;
    height: auto !important;
    padding-top: 50px !important;
}



/* aboutytlland */
.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 70px !important;
}



/* dropdownmenu */


/* actual size with floorplans menu */
/*.dmenu {
    height: 350px !important;
}*/




/* actual size without floorplans menu */
.dmenu {
    height: 424px !important;
}









/*register*/
.t4 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center !important;
    font-size: 35px !important;
    padding-top: 3rem;
    margin-left: 3px !important;
}

.form-control {
    font-size: 18px !important;
}

/*overview*/
.t5 {
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 100px 25px 50px 25px !important;
}

.ts1 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 15px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 17px !important;
    padding-top: 2rem !important;
}

.s2s {
    font-family: neue-haas-unica !important;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 18px !important;
    padding-bottom: 30px !important;
    letter-spacing: 0 !important;
    text-align: left;
    line-height: 15px !important;
}

.t6 {
     font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 20px !important;
    padding: 20px 33px 10px 33px !important;
}

.sb1a {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 0px 33px !important;
    line-height: 16px !important;
    margin-top: -40px !important;
}

.ts2 {
     font-family:"utile-display" !important;
    font-size: 20px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-bottom: 25px !important;
    letter-spacing: 0 !important;
    text-align: center;
}

.s5 {
    font-family: neue-haas-unica !important;
    font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin-left: -23px !important;
    
}




/*location*/
.t9 {
    font-family:"utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 80px 25px 50px 25px !important;
}

.t10 {
    font-family: "utile-display" !important;
    font-size: 22px !important;
    color: #000000;
    font-weight: 400 !important;
    padding-left: 30px !important;
}

.sb7 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400 !important;
    font-size: 15px !important;
    padding-left: 36px !important;
}

.slider2 {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    margin-left: -22px !important;
    margin-top: 14px !important;
}

.sliderlong2 {
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 23px !important;
    padding: 32px 24px !important;
}

/*menu*/
.smenutitle {
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 33px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 33px !important;
}


/*floorplans*/
.t12 {
    font-family: neue-haas-unica !important;
    font-weight: 400 !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 20px !important;
    padding-left: 40px !important;
}

.t11 {
    font-family: neue-haas-unica !important;
    font-size: 20px !important;
    color: #000000;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    text-align: left !important;   
}


.s7 {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding-bottom: 35px !important;
}

/*aboutytlland*/
.t8 {
    font-family: "utile-display" !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: center;
    font-size: 25px !important;
    padding: 80px 75px !important;
}

.sb1b {
    font-family: neue-haas-unica !important;
    color: #000000;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: justify !important;
    padding: 15px 5px !important;
    line-height: 20px !important;
    margin-top: 15px !important;
}

.s3a {
    font-family: neue-haas-unica !important;
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: 400 !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    letter-spacing: 0px !important;
    text-align: left;
    margin-left: 11px !important;
}

.floorarea {
    margin-left: 3px !important;
}


/*register*/
.t13 {
    font-family: neue-haas-unica !important;
    font-weight: 400 !important;
    line-height: 31px !important;
    color: #000000;
    letter-spacing: 0px !important;
    text-align: left;
    font-size: 18px !important;
}



   } 


/* For Mobile Portrait View */
@media screen and (max-device-width: 393px)
and (orientation: portrait) {


.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 22px !important;
    color: #000000;
    font-weight: 200;
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 35px !important;
}   
}



/* For Mobile Portrait View */
@media screen and (max-device-width: 375px)
and (orientation: portrait) {



/*  actual size with foorplans menu  */

/*.dmenu {
    height: 115px !important;
}
*/


/* actua size without floorplans menu */
.dmenu {
    height: 199px !important;
}


.logobar {
   
     /*   margin-left: 117px !important;
    position: absolute !important;*/
     grid-template-columns: 0fr 0.85fr !important;
    display: grid !important;

}


.floorarea {
    margin-left: -12px !important;
}


/* floorplans */

.mfltext {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: -21px !important;
}


.mfltitle {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 12px !important;
    color: #000000;
    font-weight: 300;
    /* padding-top: 30px; */
    padding-bottom: 30px;
    letter-spacing: 1.2px !important;
    text-align: left;
    line-height: 22px !important;
    margin-left: -21px !important;
}

.mfltext1 {
    font-family: "neue-haas-unica",sans-serif;
    font-size: 16px !important;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px !important;
    text-align: left;
    line-height: 22px !important;
    margin-top: -30px !important;
    margin-left: -21px !important;
}


.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 24px !important;
    color: #000000;
    font-weight: 200;
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 21px !important;
}

/* video with vertical */

/*.t1 {
    font-family: "utile-display" !important;
    font-size: 50px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 100px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}
*/

/* video without vertical */
.t1 {
    font-family: "utile-display" !important;
    font-size: 50px !important;
    color: #000000;
    line-height: 60px !important;
    font-weight: 200 !important;
    padding: 80px 35px 0 35px !important;
    letter-spacing: 0px;
    text-align: center;
}


.mfooterbox1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
/*    padding: 110px !important;   */
    margin-top: -104px !important;
}


}




/* For Mobile Portrait View */
@media screen and (max-device-width: 360px)
and (orientation: portrait) {

/* dropdownmenu */


/* actual size with floorplans menu */
/*.dmenu {
    height: 260px !important;

}*/


/* actual size without floorplans menu */
.dmenu {
    height: 335px !important;

}



.logobar {
    /*margin-left: 110px !important;
    position: absolute !important;*/
     grid-template-columns: 0fr 0.79fr !important;
    display: grid !important;
}


.abtitle {
    font-family: "utile-display",sans-serif;
    font-weight: 200 !important;
    line-height: 28px !important;
    color: #000000;
    letter-spacing: 0.24px !important;
    text-align: center;
    font-size: 24px !important;
    padding: 50px 50px !important;
}


.floorarea {
    margin-left: -3px !important;
}


.mfltext3 {
    font-family: "utile-display",sans-serif;
    font-size: 22px !important;
    color: #000000;
    font-weight: 200;
    letter-spacing: 0.24px !important;
    text-align: left;
    line-height: 28px !important;
    margin-top: 10px !important;
    margin-left: 21px !important;
}


}





/*general*/

.t1
{
/*    font-family: Noto Sans Gujarati;*/
    /* font-family:"utile-display" !important;
    font-size: 100px;*/
/*    color: #000000;*/
/*    font-weight: 300;*/
    /*font-style:normal;
    font-weight:400	*/
}

.t2
{
/*    font-family: Noto Sans Gujarati;*/
     font-family:"utile-display" !important;
/*    font-weight: 300;*/
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 24px;
    padding-top: 300px;
    font-style:normal;
    font-weight:400 
}

/*.t3
{
   
    font-family:"utile-display" !important;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 25px;  
    font-style:normal; 
}*/

/*.t4
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.48px;
    text-align: left;
    font-size: 48px;
    padding-top: 3rem;
    margin-left: -58px;
}
*/
.t5
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 25px;
    padding-top: 80px;
    padding-bottom: 50px;
    
}

.t6
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: left;
    font-size: 25px;    
}

.t7
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 24px;
    padding-top: 80px;
}

.t8
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 35px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 25px;
    padding: 130px 250px;
}

.t9
{
    font-family: Noto Sans Gujarati;
    font-size: 25px;
    color: #000000;
    font-weight: 300;
}

.t10
{
    font-family: Noto Sans Gujarati;
    font-size: 25px;
    color: #000000;
    font-weight: 300;
    padding-left: 30px;
}

/*.t11
{
   font-family: Noto Sans Gujarati;
    font-size: 16px;
    color: #000000;
    font-weight: 300; 
    letter-spacing:0.22px;
    text-align:left; 

}*/


/*.ts1
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.32px;
    text-align: left;
    font-size: 20px;
    padding-top: 2rem;    
}*/

.ts2
{
  font-family: Noto Sans;
    font-size: 25px;
    color: #000000 !important;
    font-weight: 300;   
    padding-bottom: 25px;   
    letter-spacing: 1.4px;
    text-align: center;
}

/*.ts3
{
   font-family: Noto Sans Gujarati;
    font-size: 13px;
    color: #000000;
    font-weight: 400; 
    letter-spacing:0.22px;
    text-align:left; 
    opacity:0.7;
}
*/

.ts4
{
    font-family: Noto Sans;
    font-size: 25px;
    color: #000000 !important;
    font-weight: 300;   
    padding-bottom: 25px;   
    letter-spacing: 0.4px;
    text-align: center;
}

.hline3
{
  border-top: 1px solid #B3B3B3; 
  padding-bottom:30px;  
}   

/*.sb1
{
   font-family: neue-haas-unica;   
   color: #000000;
   letter-spacing: 0px;
   text-align: left;
   font-weight: 400;
   font-size: 16px;
   font-style:normal;

}*/

.sb2
{
/*    font-family: Noto Sans;*/
    font-family: neue-haas-unica;  
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    padding-top: 55px;
    font-style:normal;

} 

.sb3
{
/*    font-family: Noto Sans;*/
    font-family: neue-haas-unica;  
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    padding-top: 55px;
    font-style:normal;

} 

/*.sb4*/
/*.footertext
{*/
    /* font-family: Noto Sans; */
   /* font-family: neue-haas-unica; 
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 11px;
    padding-top: 55px;
    font-style:normal;
    margin-left: -67px !important;*/
/*}  */

.sb5
{
    font-family: Noto Sans;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    padding-top: 55px;
	padding-bottom: 25px;

}   

.sb6
{
    font-family: Noto Sans;
    color: #000000;
    letter-spacing: 0px;
    text-align: justify;
    font-weight: 400;
    font-size: 14px;
}


.sb7
{
    font-family: Noto Sans;
    color: #000000;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    padding-left: 36px;
}

.sb8
{
    font-family: Noto Sans;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    padding-top: 55px;
    margin-top: -72px !important;
    margin-bottom: 72px !important;
}

.s1
{
    font-family: neue-haas-unica;
    font-size: 13px;
    color: #000000 !important;
    font-weight: 400;
}

.s1a
{
    font-family: neue-haas-unica;
    font-size: 13px;
    color: #FFFFFF !important;
    font-weight: 400;
}

/*.s2
{

    font-family: neue-haas-unica;
    font-size: 12px;
    color: #000000 !important;
    font-weight: 400;
	padding-top:30px;
	padding-bottom:30px;
	letter-spacing: 1.6px;
    text-align: center;
	
}*/

/*.s3
{
    font-family: neue-haas-unica;
    font-size: 11px;
    color: #000000 !important;
    font-weight: 400;
	padding-top:16px;
	padding-bottom:150px;
	text-align: left;
	
}*/

/*.s4
{

    font-family: neue-haas-unica;
    font-size: 12px;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 50px;    
    letter-spacing: 1.4px;
    text-align: center;
}
*/

.s5
{
   font-family: Noto Sans;
    font-size: 11px;
    color: #000000 !important;
    font-weight: 400;    
    letter-spacing: 1.6px;
}

.s6
{
    font-family: Noto Sans;
    font-size: 14px;
    color: #000000 !important;
    font-weight: 400;
    padding-top: 9px;
    padding-bottom: 150px;
    letter-spacing: 1px;
    text-align: left;
}

/*.slider1
{
    font-family: Noto Sans;
    color: #000000;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    padding-top: 55px;
    margin-top: -42px;
    margin-bottom: 42px;
}*/

/*.sliderlong1
{
    font-family: Noto Sans Gujarati;
    font-weight: 300;
    line-height: 15px;
    color: #000000;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 30px;
    padding: 0px 145px;
    line-height: 36px;
}*/

.line1 span {  
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;  
  line-height: 48px;
}

.hline
{
  border-top: 1px solid #B3B3B3; 
  padding-bottom:120px;  
}   

.hline1
{
  border-top: 1px solid #B3B3B3;  
}


.hline2
{
  border-top: 1px solid #B3B3B3;  
  margin-top: -6px;
}


.centerbox {    
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  margin-left: 0;
/*  margin-right: 18%;*/
    
}


.centerbox1 {    
  display: flex;
  justify-content: center;
  align-items: center;
  height: 335px;
    
}

.imgfluid-chat{
     max-width: 40%;
    height: auto;
    margin-left: 75%;

}   



/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/

/*@media only screen and (min-width: 1900px) {
.navbar .navbar-brand,
.navbar a.btn {   
    height: 85px !important;
}
}*/


/*@media only screen and (max-width: 1600px) { 
.navbar .navbar-brand,
.navbar a.btn {
   
    height: 60px !important;
}
}*/

.navbar.sticky-top {
    /*top: -100px;
    transition: .5s;*/
	position: fixed;
	width:100%;
	border-bottom: 1px solid #c7c7c7;
}

/*.navbar .navbar-brand,
.navbar a.btn {
    /*height: 75px;*/
	/*height: 60px !important;*/
}
*/
.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    /*padding: 25px 0;*/
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
/*    color: var(--primary);*/
color:#B3B3B3;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}


@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}




/*** Header ***/
.owl-carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .1);
}

@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }

    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item p {
        font-size: 16px !important;
    }
}





.header-carousel .owl-dots {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-carousel .owl-dots .owl-dot {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 5px 0;
    background: #FFFFFF;
    box-shadow: 0 0 30px rgba(255, 255, 255, .9);
    border-radius: 45px;
    transition: .5s;
}

.header-carousel .owl-dots .owl-dot.active {
    width: 60px;
    height: 60px;
}

.header-carousel .owl-dots .owl-dot img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2px;
    border-radius: 45px;
    transition: .5s;
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.service-icon {
    position: relative;
    margin: -50px 0 25px 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.service-item:hover .service-icon {
    color: #FFFFFF;
    background: var(--primary);
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
#portfolio-flters li {
    display: inline-block;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    transition: .5s;
    border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
    color: var(--primary);
    border-color: var(--primary);
}

.portfolio-img {
    position: relative;
}

.portfolio-img::before,
.portfolio-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    background: var(--dark);
    transition: .5s;
}

.portfolio-img::before {
    left: 50%;
}

.portfolio-img::after {
    right: 50%;
}

.portfolio-item:hover .portfolio-img::before {
    width: 51%;
    left: 0;
}

.portfolio-item:hover .portfolio-img::after {
    width: 51%;
    right: 0;
}

.portfolio-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 1;
    transition: .5s;
}

.portfolio-item:hover .portfolio-btn {
    opacity: 1;
    transition-delay: .3s;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.team-item img {
    border-radius: 8px 60px 0 0;
}

.team-item .team-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: #FFFFFF;
    transition: .5s;
}


/*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    color: var(--primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

.testimonial-carousel .testimonial-img img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .testimonial-img .btn-square {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-carousel .owl-item .testimonial-text {
    margin-bottom: 30px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transform: scale(.8);
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    transform: scale(1);
}


/*** Contact ***/
@media (min-width: 992px) {
    .container.contact {
        max-width: 100% !important;
    }

    .contact-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer .btn.btn-social {
    margin-right: 5px;
    color: #9B9B9B;
    border: 1px solid #9B9B9B;
    border-radius: 38px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
    border-color: var(--light);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #9B9B9B;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: #FFFFFF;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}