.header { background: #fff; border-bottom-width: 0; height: 75px }
.social-head li.callenc:before { background: #0051a3 }
.header .ico-tollfree { background-position: -34px -18px }
#main-menu .mega-menu { margin-top: 0!important; -webkit-transition: all ease .4s; transition: all ease .4s }
.sm-th ul.lvl-1 { margin-top: 0!important; -webkit-transition: all ease .4s; transition: all ease .4s }
.th-search.inview-search { top: 75px }
.title { font-size: 36px; margin: 0 0 20px; text-align: center; font-family: 'LatoLight' }
@-webkit-keyframes show-animation {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:0;
 opacity:1
}
}
@keyframes show-animation {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:0;
 opacity:1
}
}
@-webkit-keyframes show-animation2 {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:-10px;
 opacity:1
}
}
@keyframes show-animation2 {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:-10px;
 opacity:1
}
}
@-webkit-keyframes show-animation3 {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:5px;
 opacity:1
}
}
@keyframes show-animation3 {
 0% {
 margin-top:15px;
 opacity:0
}
 100% {
 margin-top:5px;
 opacity:1
}
}
.cont-1150 { max-width: 1150px; margin: 0 auto }
#main-menu ul ul.show-animation { -webkit-animation: show-animation2 .4s; animation: show-animation2 .4s }
.header.scrolled #main-menu ul.show-animation { -webkit-animation: show-animation3 .4s; animation: show-animation3 .4s }
.header.scrolled #main-menu ul ul.show-animation { -webkit-animation: show-animation2 .4s; animation: show-animation2 .4s }
.header.scrolled { border-bottom-width: 5px; height: 80px }
.header.scrolled #main-menu .mega-menu { margin-top: 5px!important }
.header.scrolled .sm-th ul.lvl-1 { margin-top: 5px!important }
.header.scrolled ~ .th-search.inview-search { top: 80px }
.logo-brand polygon, .logo-brand path { fill: #0051a3; fill: #0051a3 }
.logo-brand polygon, .logo-brand path, .logo-brand polyline {fill:#0051a3;}
.logotata polygon, .logotata path { fill: #0051a3 }
.nav-inner .sm-th a { color: #0051a3 }
.nav-inner .sm-th ul a { color: #fff }
.nav-inner .sm-th ul a:hover { color: #0051a3 }
.header .callenc { color: #0051a3!important }
.header .callenc a { color: #0051a3!important }
.sm-th a span.sub-arrow { border-top-color: #0051a3 }
.nav-inner .sm-th ul a:hover, .nav-inner.sm-th ul a:focus, .nav-inner .sm-th ul a:active, .nav-inner .sm-th ul a.highlighted { color: #0051a3 }
.header .ico-search-img { background-position: 1px -18px }
.header .ico-login-img { background-position: -17px -18px }
.sm-th a:hover, .sm-th a:focus, .sm-th a:active, .sm-th a.highlighted { background: #eee }
.gray-bg { background: #f0f0f0 }
.project-banner-inner { overflow: hidden; position: relative; z-index: 2 }
.project-banner-inner .intro-caption { text-align: center; width: 80%; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10 }
.intro-caption h2 { color: #fff; font-size: 34px; margin: 0; font-weight: 300; line-height: 45px; -webkit-transition: all ease .4s; transition: all ease .4s }
.intro-caption p { color: #fff6c0; font-size: 22px; line-height: 12px; margin-top: 10px; margin-bottom: 49px; font-weight: 400 }
a.introbtn { color: #0051a2; background: #fff; font-size: 14px; font-weight: 700px; padding: 16px 29px; text-transform: uppercase }
a.introbtn:hover { color: #fff; background: #0051a2 }
.sub-nav { text-align: center; background: #0051a3; position: relative; z-index: 9; margin-top: -5px }
.sub-nav .container { clear: both; display: block; width: 100%; border: 0 solid red; max-width: 1857px; margin: 0 auto }
.sub-nav.affix { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; top: 78px }
.sub-nav .als-item { display: inline-block; vertical-align: top }
.sub-nav .als-item a { display: block; font-size: 14px; color: #fff; padding: 0 25px; line-height: 58px; -webkit-transition: all ease .3s; transition: all ease .3s }
.sub-nav .als-item a:hover, .sub-nav .als-item a.highlight { text-decoration: none; background: #01407e }
.cliffside-logo { position: absolute; z-index: 4; left: 43px; top: 0; width: 229px; height: 108px; display: block }
.cliffside-container { width: 100%; margin: 0 auto; margin-left: 280px }
.cliffside-carousel { padding-left: 0; padding-right: 0 }
.cliffside-carousel .item { padding: 0; height: 52px }
.cliffside-box { margin: 0 auto; text-align: center }
.cliffside-box a { color: #fff; display: block; font-size: 14px; line-height: 52px; padding: 0 29px; text-transform: uppercase; font-weight: 300; text-decoration: none }
.cliffside-box a:hover { background: #01407e }
.cliffside-box a.active { background: #01407e; padding: 0 30px; font-size: 14px; color: #fff }
.cliffside-carousel.owl-carousel .owl-item img { border: 0 dashed #0051a3; display: block; padding: 0; width: 100% }
.cliffside-box > img { border-radius: 0; width: 100% }
.cliffside-carousel .owl-nav div { width: 78px; height: 27px; position: absolute; top: 50%; margin-top: -42px }
.cliffside-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.cliffside-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0 }
.project-banner-wrap { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; border: 0 solid red }
.project-banner .item { width: 100%; position: relative }
.project-banner .item .img-div { position: relative; overflow: hidden; height: 100% }
.project-banner .item .img-div img { height: 100%; width: 2312px; position: absolute; left: 50%; margin-left: -1000px }
.project-banner .item .container { width: 100%; margin: 0 auto; position: relative; z-index: 999 }
.project-banner .item .container .banner-copy { text-align: center }
.table { display: table; width: 100%; height: 100%; text-align: center }
.table-cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 0 }
.project-banner .item .container .banner-copy h2 { font-size: 34px; padding-bottom: 31px; color: #fff; opacity: 0; font-weight: 300; line-height: 47px }
.project-banner .item .container .banner-copy h2 span { font-size: 10px; padding-bottom: 31px; color: #fff; display: inline-block; text-transform: uppercase; opacity: 0 }
.project-banner .owl-dots { position: absolute; bottom: 34px; display: inline-block; width: 100%; text-align: center }
.project-banner .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff; border-radius: 50%; margin: 2px }
.project-banner .owl-dots .owl-dot.active { background: #fff }
.project-banner .item .container .banner-copy h2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.project-banner .item .container .banner-copy h2 span { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.project-banner .item .container .banner-copy p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
a.explore { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.project-banner .owl-nav div { display: block; width: 32px; height: 62px; position: absolute; top: 50%; margin-top: -13px }
.project-banner .owl-nav .owl-prev { background: url(../images/proj-arrow-left.png) no-repeat; left: 30px }
.project-banner .owl-nav .owl-next { background: url(../images/proj-arrow-right.png) no-repeat; right: 30px }
.cliff-mblogo { display: none }
.cliff-project-logo { display: none }
a.explore { background: #0051a2; color: #fff; display: inline-block; font-size: 14px; margin-top: 15px; min-width: 152px; height: 44px; line-height: 44px; text-align: center; opacity: 0; -webkit-transition: all ease 1s; transition: all ease 1s }
a.explore:hover { background: #717171; color: #0051a2 }
.unmatched-sec { display: block; padding: 22px 0 26px; margin-bottom: 5px solid #0051a2 }
.projectgallery-container { width: 100%; margin: 0 auto; border-top: 6px solid #0051a2 }
.projectgallery-carousel { padding-left: 0; padding-right: 0 }
.projectgallery-carousel .item { padding: 0; width: 25%; float: left }
.projectgallery-box { text-align: left; width: 100%; margin: 0 auto }
.projectgallery-box a { overflow: hidden; display: block }
.projectgallery-box img { overflow: hidden; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.projectgallery-box img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.projectgallery-box h4 { font-size: 23px; font-weight: 400; padding-bottom: 6px; padding-top: 27px; margin: 0; text-align: center; color: #0051a3 }
.projectgallery-box p { font-size: 12px; color: #0051a2; text-align: center; margin-bottom: 34px; padding: 0 2px; line-height: 18px }
.projectgallery-carousel.owl-carousel .owl-item img { display: block; width: 100% }
.projectgallery-box > img { width: 100% }
.tatamyst-banner-wrap { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; border: 0 solid red }
.tatamyst-banner .item { width: 100%; position: relative }
.tatamyst-banner .item .img-div { position: relative; overflow: hidden; height: 100% }
.tatamyst-banner .item .img-div img { height: 100%; width: 2312px; position: absolute; left: 50%; margin-left: -1000px }
.tatamyst-banner .item .container { width: 100%; margin: 0 auto; position: relative; z-index: 999 }
.tatamyst-banner .item .container .banner-copy { text-align: center }
.tatamyst-banner .item .container .banner-copy h2 { color: #fff; font-size: 48px; font-weight: 400; padding-bottom: 31px; opacity: 0; -webkit-transition: all ease 1s; transition: all ease 1s }
.tatamyst-banner .item .container .banner-copy p { font-size: 36px; color: #fff; margin-bottom: 35px; opacity: 0 }
a.tatamystbtn { color: #fff; background: #0051a2; font-size: 14px; font-weight: 700; padding: 16px 29px; text-transform: uppercase; opacity: 0 }
a.tatamystbtn:hover { color: #0051a2; background: #fff }
.tatamyst-banner .item .container .banner-copy h2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.tatamyst-banner .item .container .banner-copy p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
a.tatamystbtn { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.default-sec { display: block; padding: 50px 0 }
.default-sec p { color: #0051a2; font-size: 13px; font-weight: 400; line-height: 24px; margin: 0; padding: 0 }
.location-map { width: 100%; height: 500px; display: block }
.location-map img { max-width: none; max-height: none }
.location-sec { display: block; padding: 50px 0; margin-bottom: 5px solid #0051a2 }
.common-mar-sec { padding: 0 }
.nri-sec { display: block; padding: 24px 0 40px; margin-bottom: 5px solid #0051a2 }
.comingsoon { font-size: 24px; color: #0051a2; text-align: center; margin: 10px 0 }
.location-container { overflow: hidden; margin-top: 35px }
.location-carousel.owl-carousel .owl-item img { padding: 4px; border-width: 0; width: auto; margin: 0 auto }
.location-inner { margin: 0 }
.location-box { text-align: left; max-width: 180px; margin: 0 auto }
.location-box h4 { font-size: 18px; font-weight: 400; padding-bottom: 6px; padding-top: 27px; margin: 0; text-align: center; color: #0051a3; font-weight: 600 }
.location-box p { font-size: 12px; color: #0051a2; text-align: center; font-weight: 400 }
.location-container .owl-stage { text-align: center; margin: 0 auto }
.connectivity { clear: both; display: block; overflow: hidden; background: #0051a2 }
.connectivity .col-sm-6 { padding: 0 }
.connectivity h2 { margin-bottom: 36px; color: #fff; font-size: 30px; font-weight: 300 }
.connectivity img { width: 100% }
.connectivity ul { margin: 0; padding: 0 }
.connectivity ul li { list-style-type: none; text-align: left; font-size: 14px; color: #fff; line-height: 25px; background: url(../images/con-bullet.png) no-repeat left 8px; padding-left: 17px; font-weight: 400 }
.connectivity .lhs { margin-right: 0; padding: 169px 123px 0; position: relative; text-align: left }
.connectivity .rhs { margin-right: 0; padding: 108px 123px 0; position: relative; text-align: left }
.arrow1 { background: #fff; padding: 14px 27px 18px }
.arrow1:before { content: ""; width: 15px; height: 3px; background: #0051a2; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.arrow1:after { content: ""; width: 15px; height: 3px; background: #0051a2; display: inline-block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -7px }
.arrow2 { background: #0051a2; padding: 14px 27px 18px }
.arrow2:before { content: ""; width: 15px; height: 3px; background: #fff; display: inline-block; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
.arrow2:after { content: ""; width: 15px; height: 3px; background: #fff; display: inline-block; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -7px }
.properties-sec { clear: both; display: block; overflow: hidden }
.properties-sec .col-properties-half { width: 50% }
.properties-sec .bluebox { background: #0051a2 }
.properties-sec .whitebox { background: #fff }
.properties-sec .knowbtn {  color:#
}
.floorplans-container { overflow: hidden }
.floorplans-container .owl-stage { margin: 0 auto }
.floorplans-carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto; margin-top: 20px; margin-bottom: 20px }
.floorplans-inner { margin: 59px 0 0 }
.floorplans-box { text-align: left; max-width: 408px; margin: 0 auto }
.floorplans-box .floorimg { width: 100%; height: auto; background: #f1f1f1; display: inline-block; text-align: center; vertical-align: middle }
.floorplans-box .floorimg:hover { background: #0051a3; -webkit-transition: all 2s ease 0; transition: all 2s ease 0; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.6) }
.floorplans-box .floorimg img { border: 1px solid #d8d8d8 }
.floorplans-box h4 { font-size: 18px; font-weight: 600; padding-bottom: 6px; padding-top: 27px; margin: 0; text-align: center; color: #0051a3; text-transform: uppercase }
.floorplans-carousel .owl-nav div { width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -7px }
.floorplans-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.floorplans-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
.bluecolor { background: #0468cc }
.buy-sec { display: block; padding: 42px 0 47px; text-align: center }
.buy-sec h1 { font-size: 36px; color: #fff; margin-bottom: 48px; font-weight: 300 }
.buy-sec p { font-size: 12px; color: #fff; margin-bottom: 45px; font-weight: 300 }
a.bookonline { background: #0051a3; color: #fff; display: inline-block; font-size: 14px; margin-top: 15px; min-width: 152px; height: 44px; line-height: 44px; text-align: center }
a.bookonline:hover { background: #717171; color: #fff }
.amenities-container .owl-stage { margin: 0 auto }
.amenities-carousel { padding-left: 190px; padding-right: 190px }
.amenities-carousel.owl-carousel .owl-item img { border-width: 0; left: 50%; margin: -28px auto 0 -31px; padding: 4px; position: absolute; top: 50%; width: auto }
.amenities-inner { margin: 59px 0 0 }
.amenities-trans { display: block }
.amenities-box { text-align: center; display: block; margin: 0 auto }
.amenities-box .amenitiesicon { width: 102px; height: 102px; border-radius: 50%; background: #0051a3; text-align: center; vertical-align: middle; margin: 5px; position: relative; left: 50%; margin-left: -51px }
.amenities-box .amenitiesicon:hover { background: #666 }
.amenities-box .amenitiesicon::before { position: absolute; content: ''; border: 1px dashed #0051a3; width: 112px; height: 112px; border-radius: 50%; display: inline-block; left: -5px; top: -5px; z-index: 999 }
.amenities-box p { font-size: 12px; color: #0051a2; margin-top: 31px; margin-bottom: 59px; font-weight: 600; line-height: inherit }
.amenities-carousel .owl-nav div { height: 27px; margin-top: -44px; position: absolute; top: 50%; width: 78px; z-index: 99 }
.amenities-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.amenities-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0 }
.price-container { overflow: hidden }
.price-carousel.owl-carousel .owl-item img { width: 100%; margin: 0 auto 20px }
.price-inner { margin: 38px 0 0 }
.price-box { text-align: center; width: 100%; max-width: 408px; margin: 0 auto 27px; background: #0051a3; overflow: hidden; -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.price-box:hover { width: 100%; max-width: 408px; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.6); transition: all .4s ease-in-out 0; -webkit-transition: all .4s ease-in-out 0; -moz-transition: all .4s ease-in-out 0; -ms-transition: all .4s ease-in-out 0; -o-transition: all .4s ease-in-out 0 }
.price-box .priceimg { width: 100%; height: auto; margin-bottom: 37px; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.price-box .priceimg:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.price-box p { font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 8px }
.price-box .totalsec { background: #0051a3; padding: 5px 0 23px }
.price-box .totalsec p { font-size: 30px; color: #fff; margin-bottom: 16px; font-weight: 300; margin-top: 15px }
.price-box .totalsec span { text-align: center; display: block; font-size: 14px; color: #fff; font-weight: 600; margin: 0; padding: 0; margin-bottom: 20px }
.price-box .floorimg img { border: 1px solid #d8d8d8 }
.price-box h4 { font-size: 18px; font-weight: 400; padding-bottom: 6px; padding-top: 27px; margin: 0; text-align: center; color: #0051a3; font-weight: 600; text-transform: uppercase }
.price-carousel .owl-nav div { width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -7px }
.price-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.price-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
.price-carousel .owl-nav div { width: 78px; height: 27px; position: absolute; top: 50%; margin-top: -42px }
.price-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.price-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0 }
.gallery-container { overflow: hidden }
.gallery-carousel { padding-left: 250px; padding-right: 250px }
.gallery-carousel.owl-carousel .owl-item img { padding: 0; border-width: 0; width: auto; margin: 0 auto; min-height: 256px }
.gallery-inner { margin: 48px 0 26px }
.gallery-box { text-align: center; display: block; margin: 0 auto; width: 100%; position: relative }
.gallery-box .galleryimg { width: 100%; margin: 10px 0; display: block; position: relative; min-height: 256px }
.galleryimg .gallery-overlay { background: rgba(28,88,158,0.6); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all .4s ease-in-out 0; transition: all .4s ease-in-out 0; z-index: 99 }
.table-cell > img { height: 41px!important; min-height: inherit!important; width: 41px!important }
.galleryimg:hover .gallery-overlay { opacity: 1 }
.gallery-carousel .owl-nav div { width: 78px; height: 27px; position: absolute; top: 50%; margin-top: -43px }
.gallery-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 100px }
.gallery-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 100px }
.gallery-carousel .owl-nav .owl-next.disabled { opacity: .5 }
.gallery-carousel .owl-dots { text-align: center; margin-top: 38px }
.gallery-carousel .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; background-color: #c2c2c2; border: 0 solid #fff; border-radius: 50%; margin: 10px }
.gallery-carousel .owl-dots .owl-dot.active { background: #0067ce }
.corporate-wrapper { display: block; text-align: center }
.corporate-wrapper p { margin-bottom: 20px }
.mission-wrap { display: block }
.mission-wrap h2 { margin-top: 50px }
.mission-wrap p { margin-bottom: 30px }
.mission-wrap .mission-box { width: 100%; float: left; position: relative }
.mission-wrap .mission-box span { opacity: 0 }
.mission-wrap .mission-box:hover span { position: absolute; opacity: 1; height: 100%; width: 100%; top: 0; left: 0; background: url(../images/overly-img.png) repeat 0 0; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease }
.mission-wrap .mission-box img { width: 100%; display: block }
.mission-wrap .mission-box .overly-wrap { position: absolute; top: 0; left: 0; height: 100%; z-index: 10; padding: 0 76px; opacity: 0; width: 100% }
.mission-wrap .mission-box:hover .overly-wrap { opacity: 5; -webkit-transition: all .5s ease; transition: all .5s ease }
.mission-wrap .mission-box .overly-wrap h1 { text-align: center; color: #fff; font-size: 40px; font-weight: 400; margin: 10px 0 20px }
.mission-wrap .mission-box .overly-wrap p { color: #fff }
.quality-policy h2 { margin: 50px 0 0 }
.quality-policy p { margin: 30px 0 }
.Projects_sec { display: block; padding: 44px 0 56px }
.careers-banner h2 { font-size: 5em }
.careers-dsc p { color: #004da1; text-align: center; line-height: 24px; padding: 0 0 25px; margin: 0!important }
.careers-wrap { display: block }
.careers-inner { display: block; padding: 25px 0 0 }
.careers-inner .title { margin-bottom: 56px; text-align: center; color: #0051a3 }
.careers-inner-carousel .item { padding: 0 10px }
.careers-box { background: #0051a3; padding: 40px; border: 1px dotted #0051a3; -webkit-transition: all .3s ease-in; transition: all .3s ease-in }
.careers-inner .careers-box ul { list-style: disc; margin-left: 17px; color: #fff; font-size: 12px }
.careers-box:hover { background: #fff; color: #0051a3; -webkit-transition: all .3s ease-in; transition: all .3s ease-in }
.careers-box:hover h3, .careers-box:hover p, .careers-box:hover ul { color: #0051a3 }
.careers-box h2 { color: #fff; font-size: 24px; font-weight: 600; text-align: left }
.careers-box h3 { color: #fff; font-size: 18px; font-weight: 400; margin: 15px 0 20px }
.careers-box p { color: #fff; font-size: 12px; line-height: 20px; text-align: left }
.careers-box a { margin: 25px 0 0; color: #0051a2 }
.careers-carousel .item { padding: 0 15px }
.careers-carousel .owl-nav div { width: 20px; height: 37px; position: absolute; z-index: 999999999; top: 50%; margin-top: -14px }
.careers-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: -50px }
.careers-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: -50px }
.careersnew-carousel { margin-bottom: 50px; margin-top: 40px }
.careersnew-carousel .item { padding: 0 15px }
.careersnew-carousel .owl-nav div { width: 78px; height: 36px; position: absolute; z-index: 999999999; top: 50%; margin-top: -14px }
.careersnew-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: -100px }
.careersnew-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: -100px }
.careersnew-box { background: #0051a2; height: 354px; padding: 0 54px }
.careersnew-box h4 { color: #fff; font-size: 24px; font-weight: 600; text-align: left }
.careersnew-box h5 { color: #fff; font-size: 18px; font-weight: 400; margin: 15px 0 20px; text-align: left }
.careersnew-box p { color: #fff; font-size: 12px; line-height: 20px; text-align: left; margin-bottom: 20px }
.careersnew-box a { margin: 25px 0 0; color: #0051a2 }
a.applaynow { background: #fff; color: #0051a2; display: inherit }
a.applaynow:hover { background: #0051a2; color: #fff; border: 1px solid #fff }
.awards-wrapper { display: block }
.awards-wrapper .awards-years { width: 301px; margin: 50px auto 20px; display: inline-block }
.awards-wrapper .awards-years label { width: 147px; display: inline-block; font-size: 13px; color: #0051a2; font-weight: 400 }
.awards-wrapper .awards-years .select-year { width: 110px; color: #000; border-radius: 5px; display: inline-block; padding-left:25px; height:44px; }
.awards-wrapper ul.awards-details { display: block; width: 100%; margin-top: 50px }
.awards-wrapper ul.awards-details li { display: inline-block; width: 18%; margin: 0 1% 35px; vertical-align: middle }
.awards-wrapper ul.awards-details li .awd-block { margin: 0 auto; display: block; text-align: center; border: 0 solid #fc0; padding: 45px 15px; height: 258px; box-shadow: 0 0 27px #d6d6d6; margin-bottom: 20px; color: #0051a2; background: #fff; }
.awards-wrapper ul.awards-details li .awd-block:hover { background: #085099 url(../images/award_bg.jpg) no-repeat; background-size: cover; color: #fff; -webkit-transition: all ease-in .2s; transition: all ease-in .2s; box-shadow: 2px 7px 8px -3px rgba(219,219,219,1); -webkit-transform: scale(1.05); transform: scale(1.05); transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s }
.awards-wrapper ul.awards-details li .awd-block img { position: absolute; opacity: 0; height: 100%; width: 100%; top: 0; left: 0; z-index: 9 }
.awards-wrapper ul.awards-details li .awd-block:hover img { opacity: 1; -webkit-transition: all .5s ease; transition: all .5s ease; cursor: none; padding: 5px }
.awards-wrapper ul.awards-details li i.award-icon { background: url(../images/award-icon.png) no-repeat left top; width: 34px; height: 43px; display: inline-block }
.awards-wrapper ul.awards-details li p { font-size: 12px; text-align: center; color: #0051a3; margin: 5px 0 0!important }
.awards-wrapper ul.awards-details li:hover p { color: #fff }
.bod-wrapper .bod-pepoles { display: block; margin-top: -8px; text-align: center }
.bod-wrapper .bod-pepoles ul { text-align: center }
.bod-wrapper .bod-pepoles li { display: inline-block; width: 48%; padding: 35px; vertical-align: top; color: #0051a3 }
.bod-wrapper .bod-pepoles .bod-content { -webkit-transition: all ease .5s; transition: all ease .5s }
.bod-wrapper .bod-pepoles .bod-content:hover { color: #000!important; box-shadow: 5px 0 50px 10px #e2e2e2 }
.bod-wrapper .bod-pepoles a.mrgn-btm { margin: 20px 0 0; border-radius: 0 }
s .bod-wrapper .bod-pepoles .bod-content a { text-decoration: none }
.bod-wrapper .bod-pepoles .bod-content .img-div { position: relative; overflow: hidden }
.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { background: url(../images/video-icon.png) no-repeat left top; width: 60px; height: 60px; position: absolute; top: 35%; left: 40% }
.bod-wrapper .bod-pepoles .bod-content .img-div img { width: 100%; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.bod-wrapper .bod-pepoles .bod-content .img-div img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.bod-wrapper .bod-pepoles .bod-content .pepole-details { padding: 30px 26px; text-align: left }
.bod-wrapper .bod-pepoles .bod-content .pepole-details h2 { font-size: 18px; text-align: left; color: #0051a3; font-weight: 400; margin: 0 }
.bod-wrapper .bod-pepoles .bod-content .pepole-details h3 { font-size: 12px; text-align: left; color: #0051a3; padding-top: 5px }
.bod-wrapper .bod-pepoles .bod-content .pepole-details p { text-align: left; color: #0051a3; line-height: 25px; padding-top: 15px }
.article { max-height: 65px }
.codeOfconduct { display: block }
.codeOfconduct p { margin: 0!important }
.codeOfconduct ul { margin-top: 40px }
.codeOfconduct ul li { display: inline-block; width: 22%; margin: 0 10px }
.codeOfconduct ul li a { text-decoration: none }
.codeOfconduct ul li .language-inner { background: #0051a3; padding: 40px 15px }
.codeOfconduct ul li .language-inner:hover { background: #004082; -webkit-transition: all .5s ease; transition: all .5s ease }
.codeOfconduct ul li .language-inner i.download-icon { background: url(../images/download-icon.png) no-repeat left top; width: 37px; height: 49px; display: inline-block; margin-bottom: 10px }
.codeOfconduct ul li .language-inner p { margin: 0!important; color: #fff; font-size: 14px }
.committee-wrapper .committee { margin-top: 40px }
.committee-wrapper .committee ul li { display: inline-block; width: 25%; border: 0 solid #000; margin: 30px 40px; vertical-align: top }
.committee-wrapper .committee ul li .committee-details { background: #f2f2f2; box-shadow: 14px -13px 0 0 rgba(0,81,163,1); padding: 45px 37px; -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0; height: 270px }
.committee-wrapper .committee ul li .committee-details:hover { background: #f2f2f2; box-shadow: 14px -13px 0 0 rgba(1,118,236,1); padding: 45px 37px; -webkit-transition: all .4s ease-in-out 0; transition: all .4s ease-in-out 0 }
.committee-wrapper .committee ul li .committee-details h3 { font-size: 18px; height: 39px }
.committee-wrapper .committee ul li .committee-details p { font-size: 12px; margin: 35px 0 0!important }
.strategic-wrap { display: block }
.strategic-wrap p { margin: 0!important }
.strategic-wrap ul { margin-top: 40px }
.strategic-wrap ul li { display: block; width: 100%; margin: 0 10px 20px }
.strategic-wrap ul li a { text-decoration: none; color: #0051a2; font-weight: 700 }
.strategic-wrap ul li .strategic-inner { background: #0051a3; padding: 40px 15px }
.strategic-wrap ul li .strategic-inner:hover { background: #004082; -webkit-transition: all .5s ease; transition: all .5s ease }
.strategic-wrap ul li .strategic-inner i.download-icon { background: url(../images/download-icon.png) no-repeat left top; width: 37px; height: 49px; display: inline-block; margin-bottom: 10px }
.strategic-wrap ul li .strategic-inner p { margin: 0!important; color: #fff; font-size: 14px }
.strategic-wrap span { display: inline-block; margin: 20px }
.currency-wrapper { background: #fff; padding: 40px; border-radius: 8px; box-shadow: 3px 3px 3px rgba(0,0,0,0.5) }
.currency-inner { margin-top: 30px }
.currency-inner .col-sm-6 { margin-bottom: 7px }
.currency-wrapper label { color: #004287; display: inline-block; font-size: 13px; font-weight: 400; width: 25% }
.currency-inner select.form-control { display: inline-block; width: 74%; height: 44px; margin: 0; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select-img-blue.png) 100% / 50px no-repeat #ebebeb; color: #555; cursor: pointer; margin-bottom: 10px }
.currency-inner .form-control { display: inline-block; width: 74%; background-color: #ebebeb !important; height: 44px !important; border: none; /*float:right;*/
}
.siteprocess-container { width: 100%; max-width: 1123px; margin: 0 auto; overflow: hidden }
.siteprocess-carousel { padding-left: 72px; padding-right: 72px; margin-top: 59px; overflow: hidden }
.siteprocess-carousel .item { padding: 0 }
.siteprocess-box { text-align: center; margin: 0 auto }
.siteprocess-box h4 { font-size: 18px; font-weight: 400; padding-bottom: 84px; padding-top: 10px; margin: 0; text-align: center; color: #0051a2; font-weight: 600 }
.siteprocess-carousel.owl-carousel .owl-item img { display: block; padding: 0; width: 100% }
.siteprocess-box > img { width: 100% }
.siteprocess-container .owl-item.active.center { z-index: 99; -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.siteprocess-carousel .owl-nav div { width: 78px; height: 27px; position: absolute; top: 50%; margin-top: -52px }
.siteprocess-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.siteprocess-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0 }
.siteprocess-inner { margin: 0 }
.siteprocess-container .siteprocess-box { height: 345px; -webkit-transform: scale(0.8); transform: scale(0.8) }
.siteprocess-container .owl-item.center .siteprocess-box { height: 245px; -webkit-transform: scale(1.3); transform: scale(1.3); z-index: 99; box-shadow: 0 0 9px 0 rgba(0,0,0,1) }
.siteprocess-container .siteprocess-box h4 { opacity: 0 }
.siteprocess-container .owl-item.center .siteprocess-box h4 { opacity: 1 }
.become-container { overflow: hidden }
.become-carousel { padding-left: 80px; padding-right: 80px }
.become-carousel .owl-stage { margin: 0 auto }
.become-carousel.owl-carousel .owl-item img { padding: 4px; border-width: 0; width: auto; margin: 0 auto }
.become-inner { margin: 49px 0 0 }
.become-box { text-align: center; display: block; margin: 0 auto }
.become-box .becomeicon { border: 1px solid #9fbddc; border-radius: 50%; height: 136px; left: 50%; margin: 11px 3px 5px -68px; position: relative; text-align: center; vertical-align: middle; width: 136px; -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.become-box .becomeicon:hover { background: #9fbddc; -webkit-transition: all .4s ease-in-out 0; transition: all .4s ease-in-out 0; border: 1px dashed #0051a3 }
.become-box .becomeicon::before { border: 1px dashed #0051a3; border-radius: 50%; content: ''; display: inline-block; left: -8px; position: absolute; top: -8px; width: 150px; height: 150px; z-index: 999 }
.become-box .becomeicon:hover:before { box-shadow: 0 0 5px 3px rgba(0,0,0,0.17); border: 1px dotted #9fbddc; -webkit-transition: all .4s ease-in-out 0; transition: all .4s ease-in-out 0 }
.become-box p { font-size: 12px; color: #0051a2; margin-top: 31px; margin-bottom: 59px; font-weight: 600; line-height: inherit }
.become-carousel .owl-nav div { height: 27px; margin-top: -44px; position: absolute; top: 50%; width: 78px; z-index: 99 }
.become-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.become-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0 }
.csr-container { overflow: hidden }
.csr-carousel { padding-left: 80px; padding-right: 80px }
.csr-carousel.owl-carousel .owl-item img { border-radius: 50%; border-width: 0; height: 233px; margin: 0 auto; padding: 0; position: absolute; width: 233px; z-index: 999999999; left: 15px; top: 14px }
.csr-inner { margin: 15px 0 22px }
.csr-box { text-align: center; display: block; margin: 0 auto }
.csr-box .csricon { border: 1px solid #9fbddc; border-radius: 50%; left: 50%; margin: 11px 3px 5px -132px; position: relative; text-align: center; vertical-align: middle; width: 264px; height: 264px; -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.csr-box .csricon:hover { background: #0051a3; -webkit-transition: all .4s ease-out 0; transition: all .4s ease-out 0 }
.csr-box .csricon::before { border: 3px dashed #cce9b1; background: #fcfcf5; border-radius: 50%; content: ""; display: inline-block; left: 12px; position: absolute; top: 10px; width: 240px; height: 240px; z-index: 999 }
.csr-box .csricon .icon1 { width: 180px; height: 143px; position: absolute; z-index: 999; background: url(../images/srijanlogo.jpg) no-repeat 0 0; left: 50%; margin-left: -90px; top: 50%; margin-top: -71px }
.csr-box .csricon .icon2 { width: 180px; height: 143px; position: absolute; z-index: 999; background: url(../images/sprite-icon.png) no-repeat -75px 0; left: 50%; margin-left: -90px; top: 50%; margin-top: -71px }
.csr-box .csricon .icon3 { width: 180px; height: 143px; position: absolute; z-index: 999; background: url(../images/sprite-icon.png) no-repeat -144px 0; left: 50%; margin-left: -90px; top: 50%; margin-top: -71px }
.csr-box .csricon .icon4 { width: 180px; height: 143px; position: absolute; z-index: 999; background: url(../images/sprite-icon.png) no-repeat -213px 0; left: 50%; margin-left: -90px; top: 50%; margin-top: -71px }
.csr-carousel .owl-nav div { margin-top: -13px; position: absolute; top: 50%; width: 78px; height: 27px; z-index: 99 }
.csr-carousel .owl-nav .owl-prev { background: url(../images/proj-prev.png) no-repeat; left: 0 }
.csr-carousel .owl-nav .owl-next { background: url(../images/proj-next.png) no-repeat; right: 0; text-align: right }
.envoirment-sec { display: block }
.envoirment-sec .pull-left { overflow: hidden }
.envoirment-sec img { display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.envoirment-sec img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.green-sec { display: block }
.frm { clear: both; display: block; overflow: hidden; background: #0051a2 }
.frm .col-sm-6 { padding: 0 }
.frm h4 { margin: 0 0 42px; color: #fff; font-size: 14px }
.frm h2 { margin: 0 0 46px; padding-bottom: 36px; border-bottom: 1px solid #4d86be; color: #fff; font-size: 36px }
.frm p { color: #fff; margin: 0 auto; text-align: center; width: 100%; line-height: 22px; padding: 0 10px; font-size: 12px }
.frm img { width: 100% }
.frm .lhs { margin-right: 0; padding: 139px 123px 0; position: relative; text-align: center }
.frm .rhs { margin-right: 0; padding: 59px 123px 0; position: relative; text-align: center }
.green-sec { margin-top: -4px }
.green-sec .pull-right { overflow: hidden }
.green-sec img { display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.green-sec img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.envoirment-sec .scrollbox { overflow: auto; width: 100%; height: 480px }
.mission-wrap .scrollbox { overflow: auto; width: 100%!important; height: 100px; text-align: left }
.careers-box .scrollbox { overflow: auto; width: 100%!important; height: 120px }
.green-sec .scrollbox { overflow: auto; width: 100%; height: 480px }
.vertical-track { width: 2px; background-color: #adadad }
.vertical-handle { width: 6px; background-color: #000; margin-left: -2px !important; margin-top:0 !important; }
.mission-wrap .mission-box .missintxt p { font-size: 12px; color: #fff; margin-bottom: 10px }
.mission-wrap .mission-box .missintxt ul { margin: 0; padding: 0; font-size: 11px }
.mission-wrap .mission-box .missintxt ul li { display: block; color: #fff; margin-bottom: 15px }
.contact-sec { margin: 23px 66px }
body{font-size:13px;font-family:webFont, arial;color:#333;background:url(../images/bg.gif) 0 -6px repeat-x #fff;line-height:18px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.left{float:left}
.right{float:right;}
.clear{clear:both;}
.complaintContent{width:500px; border:solid 3px #2771b8; padding:2px; margin: 0 auto;}
.complaintContent a{color:#2771b8; text-decoration:underline;}
.complaintContent a:hover{ text-decoration:none; color:#000;}
.complaintContent .inner{border:solid 1px #2771b8;}
.complaintContent header{background:#2771b8; }
.complaintContent article{padding:10px;}
.complaint-pic{display:block;margin-top:6em;}
.flexTable{ padding:5px 10px; float:left; width:100%; box-sizing:border-box; }
.flexTable.head{ font-weight:bold; background:#e1e1e1;}
.flexTable.head *{ line-height:normal;}
.flexTable:nth-child(odd){ background:#f2f2f2;}
.flexTable > div{ float:left; width:41%; line-height:48px;}
.flexTable .colFirst{ width:19%;}
.flexTable .colSecondd{}
.flexTable .colThird{ width:36%; line-height:normal;}
.footPanel{background:#2771b8; color:#fff; text-align:center; margin-top:30px;}
.footPanel div{ display:inline-block; margin-top:-18px; padding:0 20px;}
.footPanel div small{ display:block; padding:0; font-style:italic;}
.footPanel a{color:#fff;}
.footPanel a:hover{ color:#fff;}
.contactList { display: block; text-align: center; margin-top: 10px }
.contactList ul li { display: inline-block; margin: 20px 10px; width: 29.3333% }
.contactList ul li p { color: #0051a2; font-size: 14px; font-weight: 400 }
.contactList ul li p img { display: block; text-align: center; margin: 0 auto 15px; border: 1px solid #fff; border-radius: 50%; overflow: hidden; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; border: 1px solid #e1e1e1 }
.contactList ul li p img:hover { box-shadow: 0 0 5px 3px rgba(0,0,0,0.17); border: 1px solid #FFF }
.contactList ul li a { color: #0051a2; text-decoration: none; font-weight: 700 }
.contactList ul li a:hover { text-decoration: none; color: #003a73 }
.blue { background: #0051a2; color: #FFF; padding: 92px 0 45px }
ul.addressList { display: block; text-align: center }
ul.addressList li { display: inline-block; vertical-align: top; width: 22%; margin: 1% }
.addressBlock { position: relative; display: block; width: 100%; min-height: 170px; height: auto; padding-left: 110px; margin: 25px 0; text-align: left }
.addressBlock p { color: #FFF; margin: 15px 0; font-size: 12px; line-height: 20px; font-weight: 600 }
.addressBlock p a { color: #fff; text-decoration: none }
.addressBlock p a:hover { color: #fff; text-decoration: underline }
.addressBlock h4 { color: #FFF; font-size: 16px }
.conIcon { position: absolute; top: -6px; left: 0; width: 85px; height: 85px }
.controls { display: block; text-align: center }
.controls ul { display: block; text-align: center; margin: 0 0 50px }
.controls ul li { display: inline-block; margin: 3px 2px }
.controls ul li a { display: block; padding: 10px 20px; font-size: 14px; border: #0051a3 1px solid; color: #0051a3; background: none }
.controls ul li a:hover { text-decoration: none!important }
.control { position: relative; display: inline-block; width: 2.7rem; height: 2.7rem; background: #444; cursor: pointer; font-size: .1px; color: #fff; -webkit-transition: background 150ms; transition: background 150ms }
.control:hover { background: #3f3f3f }
.control[data-filter]:after, .control[data-toggle]:after { content: ''; position: absolute; width: 10px; height: 10px; top: calc(50% - 6px); left: calc(50% - 6px); border: 2px solid currentColor; border-radius: 2px; background: currentColor; -webkit-transition: background-color 150ms, border-color 150ms; transition: background-color 150ms, border-color 150ms }
.mixitup-control-active { background: #0051a3!important; color: #fff!important; text-decoration: none!important }
.mixitup-control-active[data-toggle]:after { background: transparent }
.mixitup-container { margin: 0; text-align: center }
.mixitup-container:after { content: ''; display: inline-block; width: 100% }
.mix, .gap { display: inline-block; vertical-align: top }
.mix { background: none; border-top: none; border-radius: 0; margin-bottom: 25px; position: relative; padding: 0 20px }
.mix:before { content: ''; display: inline-block }
.mix.green { color: #91e6c7 }
.mix.pink { color: #d595aa }
.mix.blue { color: #5ecdde }
.media-block { display: block; width: 100%; height: auto; background: #0051a3; color: #FFF; overflow: hidden }
.media-block img { display: block; width: 100%; height: 228px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.media-block img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.media-block h3 { font-size: 17px; font-weight: 400; line-height: 24px; color: #FFF }
.media-block p { font-size: 12px; font-weight: 400; color: #FFF; margin: 15px 0 }
.media-block a { display: inline-block; background: #FFF; padding: 10px 15px; font-size: 12px; font-weight: 400; color: #0051a3 }
.mediaContent { padding: 20px; padding-left: 0; text-align: left }
.properti_drop { display: block; text-align: center; margin: 0 auto }
.properti_drop h2 { font-size: 38px; color: #fff; margin-bottom: 27px; font-weight: 300 }
.filter-div { display: inline-block; width: 218px; margin: 0 4px }
.filter-div .form-control { margin: 0 auto; max-width: 218px; border: 1px solid #0051a3; background: #fff; height: 44px }
.filter-div select.form-control { background: #fff url(../images/select_arrow_blue.png) no-repeat; background-size: 35px; background-position: right 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none }
.filter-div select.form-control option { padding: 5px 0 }
.properties-sec2 { display: block }
.properties-sec2 ul { margin: 0; padding: 0 }
.properties-sec2 ul li { list-style-type: none }
.properties-sec2 ul li .property-column1 { width: 40%; float: left }
.properties-sec2 ul li .property-column2 { width: 40%; float: left }
.properties-sec2 ul li .property-column3 { width: 20%; float: left }
.properties-sec2 ul li .property-column4 { width: 20%; float: left }
.properties-sec2 ul li .property-column5 { width: 20%; float: left }
.properties-sec2 ul li .property-column6 { width: 20%; float: left }
.properties-sec2 ul li .property-column7 { width: 40%; float: left }
.propertybox { position: relative; overflow: hidden }
.propertybox img { display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.propertybox img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.property-top { position: absolute; top: 0; z-index: 10 }
.property-bottom { position: absolute; bottom: 0; z-index: 10 }
.propert-cont { display: block; text-align: center; padding: 67px 0 84px; width: 100%; cursor: default }
.arrowcont-top { position: absolute; left: 44px; top: -36px }
.arrowcont-bottom { position: absolute; right: 44px; bottom: -36px }
.blue-arrowup { background: #fff url(../images/property-arrow-blue.png) no-repeat center; padding: 18px 26px; text-align: center; vertical-align: middle; -webkit-transition: all .3s move-up 0; transition: all .3s move-up 0 }
.blue-arrowup:hover { background-position: center center; padding: 28px 26px; top: -56px }
.blue-arrowdown { background: #fff url(../images/property-arrow-blue.png) no-repeat center center; padding: 18px 26px; text-align: center; vertical-align: middle; -webkit-transition: all .3s move-up 0; transition: all .3s move-up 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.blue-arrowdown:hover { background-position: center center; padding: 28px 26px; bottom: -56px }
.white-arrowup { background: #0152a2 url(../images/property-arrow-white.png) no-repeat center center; padding: 18px 26px; text-align: center; vertical-align: middle; -webkit-transition: all .3s move-up 0; transition: all .3s move-up 0 }
.white-arrowup:hover { background-position: center center; padding: 28px 26px; bottom: -56px }
.white-arrowdown { background: #0152a2 url(../images/property-arrow-white.png) no-repeat center center; padding: 18px 26px; text-align: center; vertical-align: middle; -webkit-transition: all .3s move-up 0; transition: all .3s move-up 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.white-arrowdown:hover { background-position: center center; padding: 28px 26px; top: -56px }
.bluebox { background: #0051a2; color: #fff }
.bluebox h4 { font-size: 38px; color: #fff; font-weight: 300 }
.bluebox p { font-size: 14px; margin: 24px 0 39px; color: #fff }
.bluebox a.knowmore { font-size: 18px; padding-bottom: 10px; color: #fff; display: inline-block }
.bluebox a.knowmore:hover { font-size: 18px; border-bottom: 0 solid #fff; color: #fff; text-decoration: none }
.bluebox a.knowmore::after { background: #fff none repeat scroll 0 0; content: ""; display: block; height: 1px; -webkit-transition: width .3s ease 0; transition: width .3s ease 0; width: 0; padding-bottom: 4px; margin-top: 10px }
.bluebox a.knowmore:hover::after { width: 100%; padding-bottom: 4px }
.whitebox { background: #fff; color: #0051a2 }
.whitebox h4 { font-size: 38px; font-weight: 300 }
.whitebox p { font-size: 14px; margin: 24px 0 39px }
.whitebox a.knowmore { font-size: 18px; padding-bottom: 10px; color: #0051a2; display: inline-block }
.whitebox a.knowmore:hover { font-size: 18px; border-bottom: 0 solid #0051a2; color: #0051a2; text-decoration: none }
.whitebox a.knowmore::after { background: #1954a6 none repeat scroll 0 0; content: ""; display: block; height: 1px; -webkit-transition: width .3s ease 0; transition: width .3s ease 0; width: 0; padding-bottom: 4px; margin-top: 10px }
.whitebox a.knowmore:hover::after { width: 100%; padding-bottom: 4px }
.hidebtn { color: #fff; background: #0051a2 url(../images/hideicon.png) no-repeat right 8px; padding: 5px 31px 5px 12px; display: inline-block; position: absolute; right: 100px; top: 100px; z-index: 9999; font-size: 1.2em; border-radius: 5px }
.showbtn { color: #fff; background: #0051a2 url(../images/showicon.png) no-repeat right 8px; padding: 5px 31px 5px 12px; display: inline-block; position: absolute; right: 100px; top: 100px; z-index: 9999; font-size: 1.2em; border-radius: 5px }
a.click-exp { display: inline-block; background-color: #fff; border-color: #0051a3; color: #0051a2; font-size: 14px; padding: 10px 30px; text-align: center; border-radius: 0 }
a.click-exp:hover { background: #0176ec; color: #fff; text-decoration: none }
.location-sec .form-control { /*margin:0 auto;
    max-width:100%;
    border:1px solid #aab2bd;
    background-color:transparent;
    height:44px;
    color:#333*/
max-width: 270px; color: #0051a2; border-radius: 5px; display: inline-block; height: 32px; border-color: #0051a2; background-color: transparent; margin: 0px 0 0; /*margin:-25px 0 0;*/ /*margin:10px auto 10px 20px;*/ }
.location-sec select.form-control { background: url(../images/select_arrow_blue.png) no-repeat; background-size: 35px; background-position: right 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none }
.location-sec select.form-control option { padding: 5px 0 }
.booktable-right .location-sec select.form-control { margin: -25px 0 0; }
.connectivityani { overflow: hidden }
.connectivityani img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; display: block }
.connectivityani img:hover { -webkit-transform: scale(1.1); transform: scale(1.1) }
.media-sec { margin-bottom: 50px }
.mix, .gap {  width:calc(100%/1 - (((1 - 1) * 1rem) / 1))
}
ul.tabStyle { display: inline-block; text-align: center; background: #e9e9e9; border-radius: 3px; overflow: hidden }
ul.tabStyle li { display: inline-block; margin: 0; position: relative; float: left }
ul.tabStyle li a { display: inline-block; margin: 0; padding: 17px 30px; border-left: 1px solid #bfbfbf; font-family: 'LatoRegular'; position: relative; color: #333 }
ul.tabStyle li a.last { border-left: 0 }
ul.tabStyle li a:hover { background: #0051a2; color: #FFF }
ul.tabStyle li a.active { background: #0051a2; color: #FFF }
ul.startegicList { display: block; text-align: center; padding: 30px 0; width: 100% }
ul.startegicList li { display: inline-block!important; float: inherit; width: auto; margin: 0 20px }
ul.startegicList li a { display: block; font-size: 20px; color: #004da1; font-weight: 400 }
ul.startegicList li a:hover { color: #000 }
.listIcon { display: block; text-align: center; margin-bottom: 15px; border: 1px solid #eae8e8; border-radius: 50%; overflow: hidden; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s }
ul.startegicList li a:hover .listIcon { box-shadow: 0 0 5px 3px rgba(0,0,0,0.17); border: 1px solid #FFF }
ul.startegicListBox { display: block; text-align: center; padding: 30px 0 }
ul.startegicListBox li { display: inline-block; width: 22%; height: 200px; text-align: center; border: 1px solid #999; margin: 10px; float: inherit; padding: 20px }
ul.startegicListBox li p strong { font-size: 14px; display: block; width: 100%; margin-bottom: 5px }
.career-tab p { padding-bottom: 40px; text-align: left; font-family: 'LatoRegular' }
.career-tab p span { font-family: 'LatoBold'; font-size:18px;}
.career-tabnew ul { text-align: center; margin-bottom: 0; margin-top: -30px }
.career-tabnew ul li { list-style-type: none; display: inline-block; border-right: 1px solid #004da1; font-family: 'LatoBold'; padding: 0 20px; color: #004da1 }
.career-tabnew ul li a { color: #004da1 }
.career-tabnew ul li:last-child { border-right: 0 }
.career-tab .career-box { display: block; margin: 25px auto }
.career-tab .career-table { display: block; margin-bottom: 40px }
.career-tab .career-table table tr td { background: #f2f8ff; border: 1px solid #bbc9ee; width: 25%; padding: 1%; text-align: left }
.career-tab .career-table table tr td p.careertitle { font-size: 13px; font-family: 'LatoBold'; text-align: left; margin-bottom: 9px; padding-bottom: 0 }
.career-tab .career-table table tr td p { font-size: 13px; font-family: 'LatoRegular'; text-align: left; padding-bottom: 0 }
.whyjoin { display: block }
.whyjoin ul { margin: 50px -10px 40px; padding: 0 }
.whyjoin ul li { list-style-type: none; float: left; margin: 0 15px 10px; width: 31.3333%; margin-bottom: 44px }
.whyjoin ul li:last-child { border-right: 1px solid #dadada }
.whyjoin ul li .whyjoinbox { width: 100%; border: 1px solid #dadada; height: 146px; text-align: left }
.whyjoin ul li .whyjoinbox .why-left { width: 168px; height: 168px; display: inline-block; margin: -11px 0 0 16px }
.whyjoin ul li .whyjoinbox .why-right { float: right; height: 146px; text-align: left; padding: 2%; width: 287px }
.whyjoin ul li .whyjoinbox .why-right p { text-align: left; font-family: 'LatoRegular'; padding-bottom: 0 }
.whyjoin ul li .whyjoinbox .why-right p span { font-family: 'LatoBold'; font-size:14px; }
.whatarewe { display: block }
.whatarewe p{ text-align:center;}
.whatarewe ul { margin: 0px -10px 40px; padding: 0 }
.whatarewe ul li { list-style-type: none; float: left; margin: 0 10px; width: 23.6666%; border: 1px solid #dadada; margin-bottom: 44px }
.whatarewe ul li .whatcont { padding: 0 20px; height: 204px }
.whatarewe ul li .whatcont .title { font-family: 'LatoBold'; font-size: 16px; margin-bottom: 28px; color: #004da1 }
.whatarewe ul li .whatcont p { font-family: 'LatoRegular'; font-size: 16px; padding-bottom: 0 }
.campus-box { display: block; margin: 35px auto 0 }
.campus-recruits { display: block; margin-bottom: 40px }
.campus-recruits ul { margin: 0; padding: 0 }
.campus-recruits ul li { width: 20%; display: inline-block; margin-left: -48px }
.campus-recruits ul li .camcircle { width: 218px; height: 218px; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; color: #fff; font-family: 'LatoBold'; font-size: 18px }
.campus-recruits ul li .camcircle.blue1 { background: #013975 }
.campus-recruits ul li .camcircle.blue2 { background: #004da1 }
.campus-recruits ul li .camcircle.blue3 { background: #1a6eca }
.campus-recruits ul li .camcircle.blue4 { background: #3286e1 }
.campus-recruits ul li .camcircle.blue5 { background: #4293ec }
.campus-recruits ul li:nth-child(1) { position: relative; z-index: 5; margin-left: 48px }
.campus-recruits ul li:nth-child(2) { position: relative; z-index: 4 }
.campus-recruits ul li:nth-child(3) { position: relative; z-index: 3 }
.campus-recruits ul li:nth-child(4) { position: relative; z-index: 2 }
.campus-recruits ul li:nth-child(5) { position: relative; z-index: 1 }
.campustesti-carousel { margin-bottom: 50px; margin-top: 40px; display: block }
.campustesti-carouse .owl-nav div { width: 71px; height: 140px; position: absolute; top: 50%; margin-top: -42px }
.campustesti-carouse .owl-nav .owl-prev { background: url(../images/campus-nav-left.png) no-repeat; left: -100px; border: 1px solid #fc0 }
.campustesti-carouse .owl-nav .owl-next { background: url(../images/campus-nav-right.png) no-repeat; right: 0 }
.campustestiWrap { display: block; margin: 4px }
.campustestiWrap .campustestiImg { position: relative }
.campustestiWrap .campustestiImg img { width: 100% }
.campustestiWrap .campustestiContent { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 85px; max-width: 740px }
.campustestiWrap p { color: #004da1; text-align: center; font-size: 14px; font-family: 'LatoRegular' }
.campustestiWrap h3 { color: #004da1; text-align: center; font-size: 16px; font-family: 'LatoBold' }
.campustestiWrap h3 span { font-size: 13px; display: block }
.lifetata-box { display: block; margin-bottom: 50px; margin-top: 40px }
.lifetata-carousel .item:first-child { margin-left: 30px }
.lifetata-carousel { display: block; margin: 0; padding-right: 20px }
.lifetata-carousel .life-item { position: relative; display: block; box-shadow: 14px -15px 0 1px rgba(0,81,163,1); -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.lifetata-carousel .life-item:hover { box-shadow: 14px -15px 0 1px rgba(1,118,236,1); -webkit-transition: all .4s ease-in 0; transition: all .4s ease-in 0 }
.lifetata-carousel .owl-item .item { padding-top: 20px }
.lifetata-carousel h5 { display: block; text-align: center; text-transform: capitalize; color: #004da1; font-size: 21px; font-family: 'LatoRegular'; background: #fff; padding: 20px 0 }
.success-cont { width: 100%; margin: 0 auto; text-align: center; position: relative; font-size: 22px; color: #004da1; padding: 19px 0; margin-top: 50px; margin-bottom: 50px; border: 0 solid #004da1 }
.success-cont:before { content: ''; position: absolute; width: 180px; height: 1px; left: 50%; top: 0; margin-left: -90px; background: #004da1 }
.success-cont:after { content: ''; position: absolute; width: 180px; height: 1px; left: 50%; bottom: 0; margin-left: -90px; background: #004da1 }
.apply-sec { display: block; margin: 40px 0 }
.sucess-inner { overflow: hidden; padding: 15px 50px 0; margin-top: 20px }
.sucess2-carousel { margin-top: 0; padding-left: 0; padding-right: 0 }
.sucess2-block { position: relative }
.sucess2-block img { display: block; width: 845px }
.success-outer-box { overflow: visible!important; border: 0px solid #fc0 }
.success-outer { overflow: hidden; width: 1000px; margin: 0 auto; margin-top: 20px }
.success-outer .sucess2-carousel-outer { margin: 0 150px }
.sucess2-carousel { padding: 40px 100px 0 }
.sucess2-carousel.owl-carousel .owl-stage-outer { overflow: visible }
.sucess2-carousel.owl-carousel .owl-item { -webkit-transition: all ease .4s; transition: all ease .4s; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: .6; z-index: 1 }
.sucess2-carousel.owl-carousel .owl-item.center { -webkit-transform: scale(1); transform: scale(1); opacity: 1; z-index: 2 }
.sucess2-carousel.owl-carousel .owl-item.center .sucess2-block { margin: -20px -40px 0 }
.success-outer-box .owl-nav div { width: 100px; height: 100%; position: absolute; z-index: 9999999; top: 0; margin-top: 0; background: #fff }
.success-outer-box .owl-nav .owl-prev { background: #fff url(../images/life-prev.png) no-repeat left center; left: -150px; position: absolute; z-index: 999999; overflow: visible!important }
.success-outer-box .owl-nav .owl-next { background: #fff url(../images/life-next.png) no-repeat right center; right: -150px }
.sucess2-carousel .owl-dots { display: inline-block; width: 100%; text-align: center; z-index: 99; margin-top: 20px }
.sucess2-carousel .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; background-color: #898989; border: 1px solid #898989; border-radius: 50%; -webkit-border-radius: 50%; margin: 4px; -webkit-backface-visibility: visible; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-transition: all ease .4s; transition: all ease .4s; -webkit-transform: scale(1); transform: scale(1) }
.sucess2-carousel .owl-dots .owl-dot.active { background: #0051a2; -webkit-transform: scale(1.5); transform: scale(1.5); border: 0 }
@media screen and (min-width: 541px) {
	.mix, .gap {  width:calc(100%/1 - (((1 - 1) * 1rem) / 1))}
}
@media screen and (min-width: 961px) {
	.mix, .gap {  width:calc(100%/2 - (((2 - 1) * 1rem) / 2))}
}
.your-details { background: #cbdff5; display: block; text-align: center; font-size: 24px; line-height: 66px; font-weight: 400; font-family: 'LatoLight' }
.details-steps ul { background: url(../images/line-bg.jpg) top 29px left repeat-x; text-align: center; margin-top: 40px; margin-bottom: 20px; display: block }
.details-steps ul li { display: inline-block; text-align: center; padding: 10px 0; background: #FFF }
.details-steps ul li a { font-size: 24px; line-height: 40px; color: #999; padding: 0 20px; display: block; font-family: 'LatoLight' }
.details-steps ul li a.active { color: #3c86da }
.details-steps ul li a span { height: 40px; width: 40px; background: #ccc; border-radius: 50%; color: #fff; margin-right: 10px; display: inline-block; vertical-align: top; font-weight: 700 }
.details-steps ul li a.active span { background: #3c86da }
.details-steps ul li.stp-1 { float: left }
.details-steps ul li.stp-3 { float: right }
.project-buynow { display: block; border: 0 solid #fc0; margin-bottom: 57px }
.project-buynow .frm { clear: both; display: block; overflow: hidden; background: #efefef; text-align: left }
.project-buynow .frm .col-sm-6 { padding: 0 }
.project-buynow .frm img { width: 100%; display: block }
.project-buynow .frm .lhs { margin-right: 0; padding: 139px 123px 0; position: relative }
.project-buynow .frm .rhs { margin-right: 0; height: 420px; position: relative; text-align: left; padding: 0 49px }
.project-buynow .frm .rhs h4 { font-size: 31px; color: #0051a3; font-family: 'LatoRegular'; margin-bottom: 20px; margin-top: 20px; text-align: center; }
.project-buynow .frm .rhs .bookcol1 { padding-right: 2%; border-right: 0px solid #bababa; text-align: left; padding-left: 16px }
.project-buynow .frm .rhs .bookcol1 ul { margin: 0; padding: 0; }
.project-buynow .frm .rhs .bookcol1 ul li { width: 100%; }
.project-buynow .frm .rhs .bookcol1 ul li span { color: #666; display: inline-block; margin-left: 20px; }
.project-buynow .frm .rhs .bookcol1 ul li .bookhome-left { text-align: right; padding-right: 20px; float: left; width: 50%; }
.project-buynow .frm .rhs .bookcol1 ul li .bookhome-right { text-align: left; padding-left: 20px; float: left; width: 50%; }
.drop-apartment { width: 131px; display: inherit; float: right; margin-right: 21px; color: #333 }
.project-buynow .frm .rhs .bookcol1 ul li select.form-control { background: url(../images/select_arrow_blue.png) no-repeat; background-size: 35px; background-position: right 50%; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #333; border-radius: 5px }
.project-buynow .frm .rhs .bookcol2 { padding-left: 53px; text-align: right }
.project-buynow .frm .rhs .bookcol2 ul { margin: 0; padding: 0 }
.project-buynow .frm .rhs .bookcol2 ul li { list-style-type: none; display: inline-block; font-family: 'LatoRegular'; font-size: 16px; color: #000; width: 100%; margin-bottom: 20px }
.project-buynow .frm .rhs .bookcol2 ul li span { font-size: 12px; color: #666; float: right; text-align: right }
.project-buynow .frm .rhs .bookcol2 ul li:last-child { margin-bottom: 0 }
.book-form { margin: 30px 0 40px }
.book-form .form-control::-webkit-input-placeholder { color:#828282}
.book-form .form-control::-moz-placeholder { color:#828282}
.book-form .form-control:-ms-input-placeholder { color:#828282}
.book-form .form-control::placeholder { color:#828282}
.book-form .form-control::-moz-placeholder { color:#828282}
.book-form .form-control { margin: 0 auto; max-width: 100%; border: 1px solid #aab2bd; background-color: #fff; height: 44px }
.book-form textarea.form-control { margin: 0 auto; max-width: 100%; border: 0 solid #aab2bd; background-color: #fff; height: 164px }
.book-form select.form-control { background: #fff url(../images/select_arrow_blue.png) no-repeat; background-size: 35px; background-position: right 50%; appearance:none; -moz-appearance: none;-webkit-appearance: none }
.book-form select.form-control option { padding: 5px 0 }
.book-form { width: 100%; border: 0 solid #fc0 }
.book-form p { color: #0051a2; font-size: 15px; line-height: 24px; font-family: 'LatoRegular'; text-align: left }
.book-form h4 { margin: 11px 0 21px }
.book-form .form-group{ margin-bottom:15px;}
.book-form .form-control { border: 1px solid #e2e2e2; box-shadow: inset 0 0 10px #dddcdc; border-radius: 5px; color: #828282; /*margin-bottom: 15px */}
.book-form .hasDatepicker { position: relative }
.book-form .ui-datepicker-trigger { position: absolute; right: 18px; top: 5px }
ul.bookList { display: block; text-align: right; padding: 30px 0; width: 100% }
ul.bookList li { display: inline-block!important; float: inherit; width: auto; margin: 0 20px }
ul.bookList li a { display: block; font-size: 13px; color: #666; font-weight: 400; text-align: center }
ul.bookList li a:hover { color: #000 }
.listIcon { display: block; text-align: center; margin-bottom: 15px; border: 1px solid #eae8e8; border-radius: 50%; overflow: hidden; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s }
ul.bookList li a:hover .listIcon { box-shadow: 0 0 5px 3px rgba(0,0,0,0.17); border: 1px solid #FFF }
ul.bookListBox { display: block; text-align: center; padding: 30px 0 }
ul.bookListBox li { display: inline-block; width: 22%; height: 200px; text-align: center; border: 1px solid #999; margin: 10px; float: inherit; padding: 20px }
ul.bookListBox li p strong { font-size: 14px; display: block; width: 100%; margin-bottom: 5px; text-align: center }
.bookonline-btn { margin-top: 30px }
#div_currency .cc-res.highlight { font-weight: 700; font-size: 16px }
#div_currency span .cc-res.highlight { font-weight: 700; font-size: 16px }
.booktablenew { display: block; border: 0px solid #F00; float: left; }
.booktablenew ul { margin: 8px 0 0; padding: 0; }
.booktablenew ul li { width: 100%; float: left; margin-bottom: 9px; }
.booktablenew ul li .booktable-left { width: 50%; text-align: right; padding-right: 15px; float: left; }
.booktablenew ul li .booktable-right { width: 50%; text-align: left; padding-left: 15px; float: right; }
.apcost { text-decoration: line-through; color: #999999; }
.apbluecost { color: #0051a3; font-size: 20px; }
.other { color: #666; font-size: 12px; margin-left: 3px; }

@media (max-width:1600px) {
	.cliffside-box a { padding: 0 16px; font-size: 12px }
	.connectivity .rhs { padding-top: 49px }
	.envoirment-sec .scrollbox { height: 320px }
	.green-sec .scrollbox { height: 320px }
	.media-block h3 { font-size: 15px; line-height: 20px }
	.media-block p { line-height: 18px }
	.bluebox h4 { font-size: 34px }
	.whitebox h4 { font-size: 34px }
	.connectivity .rhs { padding-top: 69px }
	.project-buynow .frm .rhs h4 { font-size: 28px; }
	.booktablenew ul li { margin-bottom: 5px; }
	.project-buynow .frm .rhs { height: 387px; }
	.booktablenew { font-size: 12px; }
}

@media (max-width:1500px) {
	.connectivity .rhs { padding-top: 19px }
	.price-box .totalsec p { font-size: 25px }
	.envoirment-sec .frm .rhs, .green-sec .frm .rhs { padding: 49px 103px 0 }
	.green-sec .frm h2 { font-size: 26px }
	.envoirment-sec .frm h2 { font-size: 26px }
	.envoirment-sec .scrollbox { height: 260px }
	.green-sec .scrollbox { height: 260px }
	.bluebox h4 { font-size: 30px }
	.whitebox h4 { font-size: 30px }
	.bluebox p { font-size: 12px; margin: 14px 0 29px }
	.whitebox p { font-size: 12px; margin: 14px 0 29px }
	.bluebox a.knowmore { font-size: 14px }
	.whitebox a.knowmore { font-size: 14px }
	.bluebox a.knowmore:hover { font-size: 14px }
	.whitebox a.knowmore:hover { font-size: 14px }
	.careers-wrap .owl-carousel { padding: 0 80px }
	.careers-carousel .owl-nav .owl-prev { left: 15px }
	.careers-carousel .owl-nav .owl-next { right: 15px }
	.connectivity .rhs { padding-top: 49px }
	.whyjoin ul li { width: 31% }
	.whyjoin ul li .whyjoinbox .why-right { width: 216px }
	.whyjoin ul li .whyjoinbox .why-right p { line-height: 21px }
	.whatarewe ul li { width: 23.46% }
	.campustestiWrap .campustestiContent { width: 760px }
	.careers-box h3 { font-size: 16px; }
}

@media (max-width:1400px) {
	.cliffside-box a { font-size: 10px }
	.buy-sec h1 { font-size: 26px }
	.price-box { width: 100%; max-width: 350px }
	.price-carousel.owl-carousel .owl-item img { width: 100% }
	.price-carousel { padding-left: 72px; padding-right: 72px }
	.mission-wrap .mission-box .overly-wrap { padding: 0 40px }
	.csr-box .csricon { width: 224px; height: 224px; left: 50%; margin-left: -112px }
	.csr-box .csricon::before { width: 200px; height: 200px }
	.csr-carousel { padding-left: 100px; padding-right: 100px }
	.csr-carousel.owl-carousel .owl-item img { height: 193px; width: 194px }
	ul.addressList li { display: inline-block; vertical-align: top; width: 31%; margin: 1% }
	.mission-wrap .mission-box .overly-wrap { padding: 0 40px }
	.careers-box { /*padding:25px 24px;*/
	padding: 21px 40px }
	.price-box { max-width: 300px; width: 100% }
	.committee-wrapper .committee { margin-top: 30px }
	.connectivity .rhs { padding-top: 42px }
	.enquiry-sec .close { right: 159px }
	.committee-wrapper .committee ul li .committee-details h3 { font-size: 16px }
	.committee-wrapper .committee ul li { margin: 30px 20px }
	.committee-wrapper .committee ul li .committee-details { padding: 55px 23px; height: 300px }
	.whyjoin ul li { width: 30.55% }
	.whyjoin ul li .whyjoinbox .why-left { width: 128px; height: 128px; margin-top: -7px }
	.whyjoin ul li .whyjoinbox .why-right { width: 186px; height: 115px }
	.whyjoin ul li .whyjoinbox .why-right p { font-size: 11px; line-height: 18px }
	.whyjoin ul li .whyjoinbox { height: 115px }
	.whatarewe ul li { width: 23.11% }
	.whatarewe ul li .whatcont { height: 244px }
	.career-tab p { padding-bottom: 10px }
	.career-tabnew ul { margin-top: 0 }
	.lifetata-carousel .life-item { width: 88% }
	.careersnew-box h4 { font-size: 21px }
	.careersnew-box h5 { font-size: 16px }
	.booktablenew ul li .booktable-left { font-size: 9px; }
	.location-sec .form-control {/*max-width:190px;*/ font-size: 11px; }
	.project-buynow .pull-right { font-size: 10px; }
	.project-buynow .frm .rhs h4 { font-size: 18px; margin: 5px 0; }
	.apbluecost { font-size: 11px; }
	.project-buynow .frm .rhs { height: 331px; }
	.careers-box h3 { padding-bottom: 14px; }
	.careers-box .scrollbox { height: 85px !important; }
}

@media (max-width:1300px) {
	.connectivity h2 { margin-bottom: 16px }
	.floorplans-box { max-width: 358px }
	.floorplans-carousel.owl-carousel .owl-item img { width: 90% }
	.buy-sec p { padding: 0 5% }
	.price-box { max-width: 320px }
	.price-carousel { padding-left: 50px; padding-right: 50px }
	.mission-wrap .mission-box .overly-wrap { padding: 0 10px }
	.mission-wrap .mission-box .overly-wrap h1 { font-size: 35px; margin: 10px 0 }
	.mission-wrap .mission-box .overly-wrap p { font-size: 12px; line-height: 20px }
	.careers-box { padding:30px }
	.careers-wrap .owl-carousel { padding: 0 45px }
	.careers-carousel .owl-nav .owl-prev { left: -22px }
	.careers-carousel .owl-nav .owl-next { right: -22px }
	.siteprocess-container .owl-item.center .siteprocess-box { box-shadow: 0 0 9px 0 #000; height: 234px; -webkit-transform: scale(1.4); transform: scale(1.4); z-index: 99 }
	.envoirment-sec .frm .rhs, .green-sec .frm .rhs { padding: 39px 73px 0 }
	.envoirment-sec .frm h2, .green-sec .frm h2 { margin: 0 0 26px; padding-bottom: 26px }
	.propert-cont { padding: 15px 0 30px }
	.whitebox h4 { font-size: 25px }
	.bluebox h4 { font-size: 25px }
	.whitebox p { padding: 0 20px }
	.bluebox p { padding: 0 20px }
	.article { max-height: 50px }
	.connectivity .rhs { padding: 54px 0 0 37px }
	.bod-wrapper .bod-pepoles .bod-content .pepole-details p { line-height: 29px }
	.project-buynow .frm .rhs { height: 320px }
	.drop-apartment { margin-right: 0 }
	.project-buynow .frm .rhs .bookcol1 ul li { font-size: 13px }
	.project-buynow .frm .rhs .bookcol2 ul li { font-size: 13px }
	.project-buynow .frm .rhs .bookcol2 { padding-left: 13px }
	.offer { font-size: 10px; height: 19px; line-height: 19px; padding: 0 10px; }
	.offer::before {left: -8px; top: -6px; background-size: 55%; }
	.careers-box h3{ min-height:50px; margin:0; padding-bottom:10px;}
}

@media (max-width:1100px) {
	.cliffside-logo { left: -62px }
	.cliffside-logo img { width: 70% }
	.sub-nav .als-item a { padding: 0 10px; font-size: 12px }
	.intro-caption h2 { font-size: 30px; line-height: 40px }
	.intro-caption p { font-size: 18px }
	a.introbtn { font-size: 12px; padding: 14px 25px }
	.project-banner .item .container .banner-copy h2 { font-size: 30px }
	.hidebtn { right: 12px }
	.showbtn { right: 12px }
	.tatamyst-banner .item .container .banner-copy h2 { font-size: 30px }
	.tatamyst-banner .item .container .banner-copy p { font-size: 24px }
	.cliffside-container { margin: 0 10px 0 176px; width: 100% }
	.cliffside-inner { padding: 0 10px }
	.cliffside-box a { padding: 0 10px }
	.connectivity .rhs { padding: 16px 0 0 33px }
	.connectivity h2 { font-size: 26px }
	.connectivity ul li { font-size: 14px }
	.price-box { max-width: 270px }
	.siteprocess-container .owl-item.center .siteprocess-box { height: 205px }
	.csr-box .csricon { width: 164px; height: 164px; left: 50%; margin-left: -82px }
	.csr-box .csricon::before { width: 140px; height: 140px }
	.envoirment-sec .scrollbox { height: 190px }
	.green-sec .scrollbox { height: 180px }
	.csr-carousel.owl-carousel .owl-item img { height: 133px; width: 134px }
	.propert-cont { padding: 10px 0 20px }
	.whitebox h4 { font-size: 20px }
	.bluebox h4 { font-size: 20px }
	.whitebox p { padding: 0 15px; line-height: inherit }
	.bluebox p { padding: 0 15px; line-height: inherit }
	.bluebox a.knowmore { font-size: 12px }
	.whitebox a.knowmore { font-size: 12px }
	.bluebox a.knowmore:hover { font-size: 12px }
	.whitebox a.knowmore:hover { font-size: 12px }
	.mission-wrap .mission-box .overly-wrap h1 { margin: 5px 0 0; font-size: 3.2em }
	.mission-wrap .mission-box .overly-wrap p { font-size: 1.1em; line-height: 14px; margin-bottom: 0 }
	.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { top: 26%; left: 36% }
	.committee-wrapper .committee ul li { width: 40% }
	.careers-wrap .owl-carousel { padding: 0 80px }
	.careers-carousel .owl-nav .owl-prev { left: 10px }
	.careers-carousel .owl-nav .owl-next { right: 10px }
	.whyjoin ul li .whyjoinbox .why-left { width: 100px; height: 100px }
	.whyjoin ul li { width: 30% }
	.whyjoin ul li .whyjoinbox .why-right { width: 155px }
	.whyjoin ul li .whyjoinbox .why-right p { font-size: 10px; line-height: 16px }
	.whyjoin ul li .whyjoinbox .why-left { margin-top: 7px }
	.whatarewe ul li { width: 31.11% }
	.campustestiWrap p { font-size: 11px }
	.project-buynow .frm .rhs { padding: 0 30px; height: 274px }
	.careersnew-box { padding: 0 24px }
	.careersnew-box h4 { font-size: 20px }
}

@media (max-width: 1024px) {
	.mission-wrap .mission-box .overly-wrap h1 { margin: 5px 0 0; font-size: 32px }
	.mission-wrap .mission-box .overly-wrap p { font-size: 11px; line-height: 14px; margin-bottom: 0 }
}

@media (max-width:992px) {
.header { background: #0051a2 }
.th-contetnt { padding-top: 96px }
.nav-inner .sm-th a { color: #fff }
.sm-th a:hover, .sm-th a:focus, .sm-th a:active, .sm-th a.highlighted { color: #0051a3 }
.nav-inner .sm-th ul a:hover, .nav-inner.sm-th ul a:focus, .nav-inner .sm-th ul a:active, .nav-inner .sm-th ul a.highlighted { color: #0051a3 }
.sm-th li.ico-search, .sm-th li.ico-login { display: none }
.form-container li { width: 45% }
.th-search { top: 54px; visibility: visible; opacity: 1; background: #fff; padding: 6px 0; position: fixed }
.th-search .search-wrap { padding: 0 46px 0 0 }
.th-search .form-control { border-radius: 4px 0 0 4px; border: none; height: 30px; font-size: 14px; background: #e1e1e1; color: #333; box-shadow: none; text-align: left }
 .th-search .form-control::-moz-placeholder {
 color:#333
}
 .th-search .form-control:-ms-input-placeholder {
 color:#333
}
 .th-search .form-control::-webkit-input-placeholder {
 color:#333
}
.th-search.search-scrolled { top:60px }
.booking-steps { text-align: center }
.booking-steps ul { width: 80% }
.booking-steps li { width: 100% }
.form-sec .btn { margin-bottom: 10px }
.enquiry-sec .close { right: 110px }
.arrowcont-top { bottom: -36px; left: inherit; position: absolute; right: 44px; top: inherit!important }
.white-arrowdown { -webkit-transform: rotate(360deg)!important; transform: rotate(360deg)!important }
.cliffside-logo img { display: none!important }
.intro-caption h2 { font-size: 23px; line-height: 28px }
.projectgallery-carousel .item { padding: 0; width: 50%; float: left }
.location-carousel .owl-nav div { width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -7px }
.location-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.location-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
.cliff-mblogo { display: inline-block }
.cliff-mblogo img { width: auto; opacity: 0; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards }
.cliff-project-logo { display: inline-block; margin-bottom: 20px }
.liff-project-logo img { width: auto }
.project-banner .item .container .banner-copy h2 { font-size: 20px }
.project-banner .item .container .banner-copy h2 span { text-wrap: normal; font-size: 15px }
.connectivity .col-sm-6 { width: 100% }
.connectivity .rhs { padding: 10px 30px 30px }
.cliffside-carousel { padding-left: 0; padding-right: 0 }
.cliffside-carousel .owl-item { opacity: .3; cursor: default }
.cliffside-carousel .owl-item.active.center { opacity: 1 }
.cliffside-box a:hover { background-color: transparent }
.cliffside-inner { margin: 0 -300px }
.cliffside-container { margin: 0; width: 100% }
.cliffside-logo { display: none }
.cliffside-container .cliffside-box { -webkit-transform: scale(0.8); transform: scale(0.8) }
.cliffside-container .owl-item.center .cliffside-box { -webkit-transform: scale(1); transform: scale(1) }
.cliffside-container .cliffside-box h4, .cliffside-container .project-box p { opacity: 0 }
.cliffside-container .owl-item.center .cliffside-box h4, .cliffside-container .owl-item.center .cliffside-box p { opacity: 1 }
.cliffside-carousel .owl-nav .owl-prev { background: #afafaf url(../images/white-arrowleft.png) no-repeat center center!important; height: 27px; left: 278px; margin-top: -14px; position: absolute; top: 50%; width: 8px; z-index: 9999; padding: 6px 10px; border-radius: 5px }
.cliffside-carousel .owl-nav .owl-next { background: #afafaf url(../images/white-arrowright.png) no-repeat center center!important; height: 27px; right: 278px; margin-top: -14px; position: absolute; top: 50%; width: 8px; z-index: 9999; padding: 6px 10px; border-radius: 5px; text-align: right }
.cliffside-box a { font-size: 12px }
.location-sec { padding: 32px 0 }
.floorplans-inner { margin: 22px 0 0 }
.buy-sec { padding: 13px 0 }
.buy-sec p { margin-bottom: 8px }
.price-box { max-width: 390px }
.price-box p { margin-bottom: 36px }
.price-box .totalsec p { margin-bottom: 10px }
.hidebtn { background: #cecece url(../images/hideicon-mb.png) no-repeat right center!important; color: #333!important; display: block; position: inherit!important; width: 100%; height: 49px; line-height: 39px; font-size: 14px }
.showbtn { background: #cecece url(../images/showicon-mb.png) no-repeat right center!important; color: #333!important; display: block; position: inherit!important; width: 100%; height: 49px; line-height: 39px; font-size: 14px }
.siteprocess-container .owl-item.center .siteprocess-box { height: 144px }
.siteprocess-carousel .owl-nav div { width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -82px }
.siteprocess-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.siteprocess-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
.price-inner { margin-top: 0 0 27px }
.gallery-carousel { margin-top: 38px }
.become-carousel .owl-nav div { height: 13px; margin-top: -57px; position: absolute; top: 50%; width: 8px; z-index: 99 }
.become-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.become-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
.envoirment-sec .frm .col-sm-6, .green-sec .frm .col-sm-6 { width: 100% }
.envoirment-sec .frm .lhs { padding: 20px 32px }
.envoirment-sec .scrollbox { height: 380px }
.green-sec .scrollbox { height: 530px }
.csr-carousel .owl-nav div { margin-top: -6px; position: absolute; top: 50%; width: 8px; height: 13px; z-index: 99 }
.csr-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
.csr-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0; text-align: right }
.csr-inner { margin: 0 }
ul.addressList li { width: 47% }
.banner-wrapper { margin-top: 54px }
.properties-sec2 ul li .property-column1, .properties-sec2 ul li .property-column2, .properties-sec2 ul li .property-column3, .properties-sec2 ul li .property-column4, .properties-sec2 ul li .property-column5, .properties-sec2 ul li .property-column6, .properties-sec2 ul li .property-column7 { width: 100% }
.propertybox img { width: 100% }
.property-bottom { top: 0; bottom: inherit }
.arrowcont-top { left: inherit; position: absolute; right: 44px; top: 129px }
.blue-arrowup { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.sub-nav { background: #0051a3 none repeat scroll 0 0 }
.amenities-carousel { padding-left: 0; padding-right: 0 }
.bod-wrapper .bod-pepoles li { padding: 23px 20px }
.careers-wrap .container { width: 90%; padding: 0 5% }
.careers-box { margin-right: 0 }
.codeOfconduct ul li { width: 30% }
.codeOfconduct ul li .language-inner { margin-bottom: 20px }
.currency-wrapper label { width: 100%; padding-bottom: 10px }
.currency-inner .form-control { width: 100% }
.currency-inner select.form-control { width: 100% }
.mission-wrap .mission-box .overly-wrap h1 { font-size: 25px; margin: 10px 0 0 }
.mission-wrap .mission-box .overly-wrap p { font-size: 10px; line-height: 13px }
.committee-wrapper .committee ul li { margin: 30px 20px }
ul.contactList li { display: block }
.contact-sec { margin: 19px 0 16px }
.blue { padding: 12px 0 5px }
.committee-wrapper .committee ul li .committee-details { padding: 30px 23px }
.committee-wrapper .committee ul li .committee-details p { margin: 20px 0 0!important }
.awards-wrapper .awards-years { margin: 0 }
.default-sec { padding: 32px 0 }
.controls ul { margin-bottom: 16px }
.propert-cont { padding: 29px 0 45px }
.connectivity .rhs { padding: 32px 30px }
.buy-sec { padding: 32px 0 }
.siteprocess-container .owl-item.center .siteprocess-box { height: 134px }
.price-box { margin-bottom: 0 }
.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { top: 22%; left: 32% }
.nri-sec { display: block; padding: 7px 0 23px }
.header.scrolled .logotata polygon, .header.scrolled .logotata path { fill: #0051a3 }
.header.scrolled .logo-brand polygon, .header.scrolled .logo-brand path { fill: #0051a3 }
.header.scrolled .main-menu-btn-icon, .header.scrolled .main-menu-btn-icon:before, .header.scrolled .main-menu-btn-icon:after { background: #0051a3 }
.whyjoin ul li { width: 45% }
.whyjoin ul li .whyjoinbox .why-right { width: 182px }
.whatarewe ul li { width: 47% }
ul.startegicListBox li { width: 45%; }
.contactList ul li { width: auto; }
.campus-recruits ul li { width: auto; }
.campus-recruits ul li:nth-child(1) { margin-left: 0px; }
.campustestiWrap p { line-height: 11px; }
.success-outer { width: 660px; }
.success-outer-box .owl-nav .owl-prev { left: -151px; }
.success-outer-box .owl-nav .owl-next { right: -151px; }
.currency-inner .col-sm-6 .col-sm-3 { display: none; }
.awards-wrapper ul.awards-details li { width: 25%; }
}

@media (max-width:767px) {
	.bod-wrapper .bod-pepoles .bod-content .pepole-details p { line-height: 33px }
	.contactList ul li { display: block; margin: 20px 10px 0; width: 100% }
	.form-container .form-control { background: #e1e1e1; color: #0568cd; border-color: #e1e1e1 }
	 .form-container .form-control::-moz-placeholder {
	 color:#0568cd
	}
	 .form-container .form-control:-ms-input-placeholder {
	 color:#0568cd
	}
	 .form-container .form-control::-webkit-input-placeholder {
	 color:#0568cd
	}
	.form-container .form-control.tel-code { background: #074180; border-color: #074180; color: #fff }
	 .form-container .form-control.tel-code::-moz-placeholder {
	 color:#fff
	}
	 .form-container .form-control.tel-code:-ms-input-placeholder {
	 color:#fff
	}
	 .form-container .form-control.tel-code::-webkit-input-placeholder {
	 color:#fff
	}
	.project-banner .item .container .banner-copy h2 { padding: 0 5% }
	.enquiry-sec .close { margin-top: 15px; right: 0 }
	.projectgallery-carousel .item { padding: 0; width: 100% }
	.intro-caption h2 { font-size: 18px; line-height: 24px; font-weight: 600 }
	.intro-caption p { font-size: 14px; line-height: 18px; margin: 10px!important }
	.intro-caption br { display: none }
	.project-banner .item .container .banner-copy h2 { font-size: 20px; margin-bottom: 20px }
	.project-banner .item .container .banner-copy h2 span { font-size: 8px; padding: 0 10px }
	.project-banner .owl-nav .owl-prev { left: 0 }
	.project-banner .owl-nav .owl-next { right: 0 }
	.project-container { overflow: hidden }
	.project-carousel.owl-carousel .owl-item img { padding: 4px; border-width: 1px }
	.pr-inner { margin: 0 -100px }
	.sub-nav { margin-top: -5px }
	/* .main-cont{
			padding-top:10px!important
		}*/
	.connectivity ul { padding-bottom: 50px }
	.mission-wrap .mission-box { width: 100% }
	.mission-wrap .mission-box .overly-wrap { padding: 0 26px }
	.mission-wrap .mission-box .overly-wrap h1 { margin: 5px 0 10px }
	.mission-wrap .mission-box .overly-wrap p { font-size: 13px; line-height: 20px; margin-bottom: 0 }
	.gallery-carousel .owl-dots { margin-bottom: 58px }
	.gallery-carousel .owl-nav div { width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -38px }
	.gallery-carousel .owl-nav .owl-prev { background: url(../images/prev-mb.png) no-repeat; left: 0 }
	.gallery-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: 0 }
	.siteprocess-carousel .owl-nav div { margin-top: -4px }
	.siteprocess-container .siteprocess-box h4 { opacity: 1 }
	.siteprocess-carousel { padding: 0; margin-top: 0 }
	.csr-carousel { padding-left: 0; padding-right: 0 }
	ul.addressList li { width: 100%; margin: 1% 0 }
	.mediaContent { padding: 20px!important }
	.btn-campnign { top: 0; right: 0; font-size: 12px; font-weight: 600; padding: 5px 10px }
	.inner-carousel .item.is-expanded { height: 160px!important }
	.inner-carousel .item.is-expanded .intro-caption { display: none }
	.bod-wrapper .bod-pepoles li { width: 100%; padding: 25px 10px }
	.careers-carousel .owl-nav .owl-prev { left: -20px; background: url(../images/prev-mb.png) no-repeat }
	.careers-carousel .owl-nav .owl-next { background: url(../images/next-mb.png) no-repeat; right: -87px }
	.committee-wrapper .committee ul li { width: 100%; margin: 30px 0 0 -10px }
	.codeOfconduct ul li { width: 100%; margin: 0 }
	.careers-wrap .owl-carousel { padding: 0; margin-bottom: 50px }
	.bod-wrapper .bod-pepoles a.mrgn-btm { margin: 0 }
	.committee-wrapper .committee { margin-top: 25px; margin-bottom: 25px }
	.awards-wrapper .awards-years label { width: 100%; margin-bottom: 8px }
	.codeOfconduct ul { margin-top: 32px }
	.location-sec h2 { font-size: 26px }
	.banner-wrapper h2 { font-size: 35px }
	.strategic-wrap ul { margin: 20px auto }
	.strategic-wrap ul li { margin: 10px; font-size: 15px }
	.logo-brand polygon, .logo-brand path, .logo-brand polyline {fill:#fff;}
	.addressBlock{min-height: inherit;}
}

@media (max-width:640px) {
	.gallery-carousel { padding-left: 0; padding-right: 0 }
	.envoirment-sec .frm .rhs, .green-sec .frm .rhs { padding-bottom: 50px; padding-left: 25px; padding-right: 25px }
	.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { top: 39%; left: 43% }
}

@media only screen and (max-width : 480px) {
	.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { top: 26%; left: 35% }
}

@media only screen and (max-width : 320px) {
	.price-box .totalsec p { font-size: 18px }
	.price-box p { margin-bottom: 16px }
	.siteprocess-carousel .owl-nav div { margin-top: -18px }
	.become-carousel { padding-left: 30px; padding-right: 30px }
	.siteprocess-container .siteprocess-box { height: 235px }
	.floorplans-carousel .owl-nav div { margin-top: -48px }
	.mission-wrap .mission-box .overly-wrap p { font-size: 12px; line-height: 19px }
	.bod-wrapper .bod-pepoles .bod-content .img-div i.video-icon { top: 20%; left: 30% }
}