html,body{user-select: none;}
svg {width: 30px;max-height: 40px;display: inline-block;}
.arrow-down path {stroke: white;fill: transparent;stroke-width: 3px;animation: arrow 2s infinite;-webkit-animation: arrow 2s infinite;}
.navigation{overflow: hidden;}
@keyframes arrow{0% {opacity:0}40% {opacity:.8}80% {opacity:0}100% {opacity:0}}
@-webkit-keyframes arrow {0% {opacity:0}40% {opacity:.8}80% {opacity:0}100% {opacity:0}}
.arrow-down path.a1 {animation-delay:-1s;-webkit-animation-delay:-1s;}
.arrow-down path.a2 {animation-delay:-0.5s;-webkit-animation-delay:-0.5s;}
.arrow-down path.a3 {animation-delay:0s;-webkit-animation-delay:0s; }
.down-arrow-animation{display: block;position: absolute;bottom: 0;left: 50%;}
video.banner-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 0;}
.main-banner-video{}
.arpana{overflow-x: hidden;}
.main-banner-video .video-banner{height: 100vh;display: block;position: relative;overflow: hidden;}
.right-dot-nav{ height: 100vh;display: block;width: 2%;position: absolute;right: 0;}
.sticky-contact{
background: #f6f7f9;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
}
#dot-nav{
position: fixed;
margin-top: -50px;
z-index: 999;
display: block;
height: 100vh;
top: 5%;
cursor: pointer;
width: 2%;
right: 0;
}
#dot-nav ul {
list-style: none;
margin: 0;
padding: 0;
top: 30%;
position: relative;
}
#dot-nav li {
position: relative;
border: 1px solid #6a6a6a;
border-radius: 50%;
cursor: pointer;
padding: 3px;
height: 10px;
margin: 20px 10px 0px 0px;
width: 10px;
vertical-align: bottom;
transition: 0.4s
}
#dot-nav.Fist-page-dots li{
border: 1px solid #fff;
}
#dot-nav.Fist-page-dots li.active, #dot-nav.Fist-page-dots li:hover {
background-color: #fff;
}
#dot-nav li:before{
content: '';
color: #6a6a6a;
position: relative;
display: block;
width: 103px;
text-align: right;
right: 115px;
top: -8px;
transition: .4s;
font-family: 'Josefin Sans', sans-serif;
opacity: 0;
pointer-events: none;
font-size: 13px;
}
#dot-nav li:nth-child(1):before{
content: 'Home';
}
#dot-nav li:nth-child(2):before{
content: 'About';
}
#dot-nav li:nth-child(3):before{
content: 'Features';
}
#dot-nav li:nth-child(4):before{
content: 'Key Plan';
}
#dot-nav li:nth-child(5):before{
content: 'Location';
}
#dot-nav li:nth-child(6):before{
content: 'Types of Houses';
}
#dot-nav li:nth-child(7):before{
content: 'Floor Plans';
}
#dot-nav li:nth-child(8):before {
content: 'Construction Progress';
}
#dot-nav li:nth-child(9):before {
content: 'Specifications';
}
#dot-nav li:nth-child(10):before {
content: 'Gallery';
}
#dot-nav li:nth-child(11):before {
content: 'Videos';
}
#dot-nav li:nth-child(12):before {
content: 'E Brochure';
}
#dot-nav li:nth-child(13):before {
content: 'Testimonial';
}
/*#dot-nav li:nth-child(14):before {
content: 'Testimonial';
}*/
#dot-nav li.active, #dot-nav li:hover {
background-color: #6a6a6a;
}
#dot-nav.Fist-page-dots li:before{
color:#fff;
}
#dot-nav li:hover:before,#dot-nav li:hover:after,#dot-nav li.active:before{
opacity: 1;
}
#dot-nav li:after,#dot-nav li.active:after{
content: '';
height: 16px;
width: 16px;
border: 1px solid #6a6a6a;
border-radius: 50%;
position: absolute;
top: -4px;
left: -4px;
opacity: 0;
transition: 0.4s;
}
#dot-nav.Fist-page-dots li:after, #dot-nav.Fist-page-dots li.active:after{
border: 1px solid #fff;
}
#dot-nav li.active:after{
opacity: 1;
}
#dot-nav a {
outline: 0;
vertical-align:top;
margin: 0px 0px 0px 25px;
position: relative;
top:-5px;
}
/* #dot-nav:hover li.dotted-nav{ */
/* padding: 5px; */
/* margin: 20px 10px 0px 0px; */
/* width: 10px; */
/* height: 10px; */
/* } */
/* #dot-nav:hover li.dotted-nav:after{ */
/* height: 18px; */
/* width: 18px; */
/* } */
.hamburger-menu{
display: none;
position: fixed;
top: 20px;
right: 20px;
z-index: 99999;
cursor: pointer;
}
.menu-line{
height: 3px;
width: 30px;
background-color: #6a6a6a;
margin: 7px;
display: block;
border-radius: 5px;
transition: 0.4s;
}
.hamburger-list{
position: fixed;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.9);
display: block;
width: 0;
transition: 0.5s;
}
.hamburger-list.acitve-menu{
width: 250px;
}
.hamburger-list ul{
width: 100%;
position: relative;
text-align: center;
}
.hamburger-list ul li a{
display: block;
width: 100%;
position: relative;
padding: 10px 15px;
color: #a99b9b;
font-family: 'Josefin Sans', sans-serif;
font-size: 1.1em;
text-align: left;
}
.line1.active-menu-line{
transform: rotate(45deg);
}
.line2.active-menu-line{
transform: rotate(-45deg) translate(7px,-7px);
}
.line3.active-menu-line{
opacity: 0;
}
.video-banner h1{
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
text-align: center;
font-size: 7em;
text-transform: uppercase;
font-family: 'Josefin Sans', sans-serif;
font-weight: 600;
width: 100%;
}
.video-banner.alakka-banner h1{color:#fff;}
.video-banner h1 span{
color: #d2d2d2;
font-family: 'Kodchasan', sans-serif;
font-weight: 400;
font-size: 90px;
}
.video-banner.alakka-banner h1 span{color:#fff;}
.More-projects{
position: absolute;
bottom: -50px;
right: 50px;
z-index: 9; text-align:center;
}
.More-projects span.more-pro{
width: 16px;
height: 21px;
background: url(../images/sreearpana/ArpanaSlice.png) 241px -226px;
display: inline-block;
position: relative;
top:2px;
}
.More-projects a{
position: relative;
text-align: center;
display: inline-block;
width:180px;
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;color: #fff;
right: 0;
bottom: 0;
}
.More-projects .construction-icon{
width: 220px;
height: 95px;
background: url(../images/sreearpana/ArpanaSlice.png) 300px -79px;
display: block;
margin-right: 6px;
position: relative;
top: 0;
}
.AboutUs{
display: block;
width: 100%;
position: relative;
margin: 0px;
padding:0px;
}
.AboutUs h2,.Features h2,.KeyPlan h2,.Types-of-houses h2,.ProgressTimeline h2,.Floor-plans h2,.Amenities h2,.location h2,.Gallery h2,.Videos h2,.specification h2,.Testimonial h2{
position: relative;
text-align: left;
color: #095ca8;
display: block;
font-family: 'Josefin Sans', sans-serif;
margin: 50px 0px 20px;
font-weight: 800;
font-size: 35px;
}
.AboutUs p,.Features p{
font-family: 'Josefin Sans', sans-serif;
text-align: justify;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.88em;
letter-spacing: normal;
color: #6a6a6a;
}
.Features .feaures-part ul{padding-left:20px;}
.Features .feaures-part li{font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight:400; line-height: 1.88em; color: #6a6a6a; word-break: break-word; list-style:disc;}
.AboutUs .about-img,.Features .about-img{
width: 100%;
margin: 70px auto;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.feaures-part img.img-responsive{
margin:70px auto 30px;
width: 95%;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.feaures-part p{
font-size: 16px;
}
.feaures-part-p{
margin-top: 100px;
margin-bottom: 50px;
}
.Amenities-list{
position: relative;
margin:80px auto 0px;
display: flex;
flex-direction: row ;
flex-wrap:wrap ;
}
.Amenities-list li{
width: 25%;
position: relative;
display: block;
margin: 0px auto;
float: right;
flex-grow: 4;
text-align: center;
min-height: 200px;
transition: .2s;
}
.Amenities-list li .Amenities-list-content{
height: 48px;
font-family: 'Josefin Sans', sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #085ca8;
padding: 30px 30px 20px;
}
.Amenities-list li img{
height: 50px;
}
.view-more-arrow{
width: 22px;
height: 22px;
background: url(../images/sreearpana/ArpanaSlice.png) 157px -300px;
display: inline-block;
margin-right: 6px;
position: relative;
top: 0;
}
.view-more-button.active-list .view-more-arrow,.accordion__control.accordion__control--active .view-more-arrow{
background: url(../images/sreearpana/ArpanaSlice.png) 240px -300px;
}
.view-more-button{
display: block;
text-align: center;
font-size: 1.2em;
font-weight: 800;
color: #085ca8;
cursor: pointer;
margin: 0px auto;
}
.keyplan-image{
position: relative;
display: block;
width: 100%;
margin: 70px auto 20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow:0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
border-radius: 10px;
}
.slide-popup {
margin: 0 auto;
position: relative;
max-width: 80%;
}
.slide-popup img{
width:100%;
}
.mfp-arrow-left{
left: 10%;
}
.mfp-arrow-right
{
right: 10%;
}
.mfp-arrow-right:before{
content: none;
border-left: 0;
}
.mfp-arrow-left:before{
content: none;
border-right:0;
}
.mfp-arrow-right:after{
border-left:none;
margin-left: 39px;
width: 22px;
height: 22px;
background: url(../images/sreearpana/ArpanaSlice.png) 157px -840px;
display: inline-block;
margin-right: 6px;
position: relative;
top: 0;
}
.mfp-arrow-left:after{
border-right: none;
width: 22px;
height: 22px;
background: url(../images/sreearpana/ArpanaSlice.png) 240px -840px;
display: inline-block;
margin-right: 39px;
position: relative;
top: 0;
}
.location-image{
width: 100%;
display: block;
margin: 70px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow:0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
border-radius: 10px;
position: relative;
z-index: 1;
}
.location-inside{
background-color: #fff;
position: relative;
display: block;
width: 100%;
z-index: 3;
border-radius: 10px;
}
.keyplan-image img{
position: relative;
width: 100%;
display: block;
border-radius: 20px;
}
.location-image img{
display: block;
border-radius: 20px;
position: relative;
width: auto;
text-align: center;
margin: 0px auto;
padding: 20px;
}
.location{
position: relative;
}
.KeyPlan .container{
position: relative;
}
.Keyplan-content{
position: absolute;
bottom: 0px;
right: 0px;
color: #6a6a6a;
width: auto;
}
.product-slider { width: 90%;margin:70px auto 40px;}
.product-slider #carousel,.product-slider #Galler-image { margin: 0; width: 100%; max-height: 550px; overflow: hidden;}
.product-slider #thumbcarousel ,.product-slider #thumbcarousel1 { margin: 12px 0 0; padding: 0 45px; margin-top: -50px;width: 100%;position: relative;}
.product-slider #thumbcarousel .item,.product-slider #thumbcarousel1 .item { text-align: center; width: 100%;}
.product-slider #thumbcarousel .item .thumb ,.product-slider #thumbcarousel1 .item .thumb {
display: inline-block;
vertical-align: middle;
cursor: pointer;
max-width: 120px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.product-slider .item img { width: 100%; height: auto; }
.carousel-control { color: #353535;text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption, .carousel-control .fa {
font: normal normal normal 30px/26px FontAwesome;
top: 45%;
position: relative;
color: #fff;
background-color: rgba(255,255,255,0.3);
padding: 10px;
border-radius: 7px;
}
/*.carousel-inner{
width: 100%;
overflow: inherit;
}*/
.carousel-control {
background-color: rgba(0, 0, 0, 0);
bottom: auto;
font-size: 20px;
left: 0;
position: absolute;
top: 30%;
width: auto;
height: 100%;
top: 0;
width: 2%;}
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none;opacity: 1 }
.carousel-control.left{
left: -5px;
}
#thumbcarousel .carousel-control.right,#thumbcarousel1 .carousel-control.right{
right: 5%;
top: -20%;
}
#thumbcarousel .carousel-control.left,#thumbcarousel1 .carousel-control.left{
left: 4%;
top: -20%;
}
#thumbcarousel .carousel-control.right i,#thumbcarousel .carousel-control.left i,#thumbcarousel1 .carousel-control.right i, #thumbcarousel1 .carousel-control.left i{
background-color: transparent;
opacity: 1;
color:#3e3d3d;
}
.product-slider #thumbcarousel .item .thumb img,.product-slider #thumbcarousel1 .item .thumb img{
width: 110px;
height: 110px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
vertical-align: inherit;
}
#carousel .inner-slider,#Galler-image .inner-slider {
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
z-index: 999;
}
#carousel .inner-slider h3,#Galler-image .inner-slider h3{
position: relative;
font-weight: 800;
color: #fff;
font-size: 1.7em;
margin: 50px 0px 0px 50px;
}
#carousel .inner-slider p,#Galler-image .inner-slider p{
position: relative;
font-weight: 200;
color: #fff;
margin: 10px 0px 0px 50px;
width: 50%;
font-size: 1.2em;
line-height: 1.6em;
display: inline-block;
}
.floor-plan-box{
position: relative;
display: block;
width: 100%;
background-color: #fff;
min-height: 700px;
margin: 20px auto;
}
.Floor-plans ul.tabs,.Floor-plans ul.tabs2,.Floor-plans ul.tabs3 {
display: block;
text-align: center;
}
.Floor-plans ul.tabs li,.Floor-plans ul.tabs2 li,.Floor-plans ul.tabs3 li,.EMENVilla .threeD-page button {
cursor: pointer;
padding: 7px 0px 5px;
overflow: hidden;
position: relative;
display: inline-block;
text-align: center;
margin: 20px auto 20px 30px;
width: 200px;
background-color: #fff;
color: #6a6a6a;
font-size: 1.2em;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
border-radius: 30px;
font-family: 'Josefin Sans', sans-serif;
}
.Floor-plans ul.tabs2 li,.Floor-plans ul.tabs3 li{
width: auto;
padding: 7px 20px;
}
.Floor-plans ul.tabs li,.EMENVilla .threeD-page button{
margin: 0px auto 0px 20px;
}
.Floor-plans ul.tabs li:hover ,.Floor-plans ul.tabs2 li:hover,.Floor-plans ul.tabs3 li:hover {
background-color: #085ca8;
color: #fff;
}
.inside_tab_content,.inside1_tab_content{
display: flex;
padding-bottom: 30px;
position: relative;
}
.inside_tab_content img,.inside1_tab_content img{
width: 100%;
padding: 20px 20px 0px;
text-align: center;
display: block;
border-right: 1px solid #cccccc6e;
background-color: #fff;
z-index: 6;
}
.inside_tab_content img:first-child,.inside1_tab_content img:first-child{
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.inside_tab_content img:last-child,.inside1_tab_content img:last-child{
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.Floor-plans ul.tabs li.active,.Floor-plans ul.tabs2 li.active ,.Floor-plans ul.tabs3 li.active {
background-color: #085ca8;
color: #fff;
}
.floor-plan-design img{
width: 50%;
display: block;
}
.Floor-plans .tab_container {
clear: both;
width: 100%;
background: #fff;
overflow: auto;
border-radius: 20px;
margin-bottom: 20px;
}
#tab1 .tab_container,#tab2 .tab_container{
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
position: relative;
z-index: 9;
}
.Floor-plans .tab_content {
padding: 0 20px;
display: none;
}
.location .Keyplan-content{
right: 7%;
bottom: 5%
}
.location-types{
width: 30px;
height: 30px;
display: inline-block;
margin-right: 6px;
position: relative;
top: 0;
}
.location-0{
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -217px -992px;
}
.location-1{
background: url(../images/sreearpana/ArpanaSlice.png) 245px -997px;
}
.location-2{
background: url(../images/sreearpana/ArpanaSlice.png) 157px -997px;
}
.location-3{
background: url(../images/sreearpana/ArpanaSlice.png) 245px -1077px;
}
.location table td{
padding:10px;
}
.location h4{
font-family: 'Josefin Sans', sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.27;
letter-spacing: normal;
text-align: center;
color: #6a6a6a;
}
.Floor-plans .tab_drawer_heading { display: none; }
#carousel-pager .carousel-control.left {
bottom: initial;
width: 100%;
margin: 0px auto;
text-align: center;
position: absolute;
top: 60px;
left: 0;
right: 0;
}
#carousel-pager .carousel-control.right {
top: initial;
width: 100%;
margin: 0px auto;
text-align: center;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
}
.house-interior{
position: absolute;
top: 0;
right: 3%;
}
.house-interior h4,.house-interior-mobile h4{
display: block;
position: relative;
width: 100%;
color: #fff;
background-color: rgba(255,255,255,0.3);
padding: 10px;
border-radius: 20px;
width: 100px;
text-align: center;
font-weight: 600;
margin: 20px auto;
}
.house-interior-mobile{
display: none;
}
.house-interior-mobile h4{
margin: 0px;
margin-left: 40px;
background-color: #085ca8;
margin-top: 10px;
}
.interior-slider {
width: 110px;
color: #FFF;
position: relative;
float: right;
right: 3%;
}
::-webkit-scrollbar {
width: 10px;
border-radius: 8px;
background-color: #e4edf5;
}
::-webkit-scrollbar-thumb {
background-color: #085ca8;
outline: 1px solid slategrey;
border-radius: 8px;
}
.rsOverflow {
width: 100%!important;
height: 300px!important;
background-color: rgba(255,255,255,0.3);
border-radius: 10px;
padding: 10px;
}
.rsDefault .rsArrowIcn {
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
position: absolute;
cursor: pointer;
background: url(../images/sreearpana/rs-default.png);
background-color: rgba(255, 255, 255, 0.28);
border-radius: 2px;
}
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
background-position: -96px -32px;
top:10px;
}
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
background-position: -96px -64px;
top:290px;
}
.blockSample {
left: 20px;
top: 20px;
padding: 6px 8px;
background: #FFF;
color:#000;
}
#carousel-pager{
width: 15%;
position: relative;
float: right;
right: 2%;
top: 0;
}
.open-gallery-link{
cursor: pointer;
}
#carousel-pager a.carousel-control {
background-color: rgba(255,255,255,0.3);
padding: 4px 0px;
color: #fff;
height: 30px;
width: 30px !important;
border-radius: 5px;
}
.video-part{
width:90%;
position: relative;
margin: 50px auto;
display: block;
}
.snip1566>div img{
margin: 0px auto;
display: block;
}
.snip1566{
overflow-x: scroll;
}
.snip1566>div{
display: flex;
padding-bottom: 40px;
}
.jtline .events-content em{
display: none !important;
}
.events ol li:first-child a{
left: 0!important;
}
.Timeline-part,.Specification-part{
display: block;
width: 100%;
position: relative;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 10px;
z-index: 9;
background-color: #fff;
margin: 50px 0px 10px;
transition: max-height 0.2s ease-out;
}
.Specification-part{
margin: 0px;
margin-bottom: 20px;
}
.Timeline-part:before, .Specification-part:before, .location-image:before, #tab2 .tab_container:before, #tab1 .tab_container:before{
content: '';
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 60px;
z-index: 2;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
transform: rotate(45deg) translate(0px,-14px);
background-color: #fff;
}
.inside-tab{
position: relative;
display: block;
width: 100%;
z-index: 9;
background-color: #fff;
border-radius: 20px;
}
.myjtline{
background-color: #fff;
padding: 20px;
display: block;
width: 100%;
z-index: 99;
position: relative;
border-radius: 20px;
}
.specification h2{
cursor: pointer;
}
.Specification-part table{
background-color: #fff;
z-index: 99;
position: relative;
padding:20px;
border-radius: 20px;
width: 100%;
}
.Specification-part table tr td{
padding:30px;
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
text-align: right;
}
.Specification-part table tr{
border-bottom:1px solid #cccccc4f;
}
.Specification-part table tr:last-child{
border-bottom: 0;
}
.Specification-part table tr td:last-child{
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.28;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
}
.Specification-part table tr td h4{
margin: 0px;
color: #6a6a6a;
font-weight: 600;
margin-bottom: 10px;
}
.accordion {text-align: right;width:100%;}
.accordion__control {position: relative;padding: 10px 0px;}
.accordion__control:hover {cursor: pointer;}
.E-browcher{
position: relative;
display: block;
width: 100%;
padding:50px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #e4edf5;
text-align: center;
margin: 20px auto;
}
.E-browcher a{
width: 226px;
padding: 10px;
border-radius: 10px;
background-color: #085ca8e3;
color: #fff;
transition: .2s;
border: none;
display: block;
text-align: center;
margin: 0px auto;
}
.download-button{
width: 25px;
height: 13px;
display: inline-block;
position: relative;
top: 2px;
background: url(../images/sreearpana/ArpanaSlice.png) 245px -1421px;
}
.E-browcher a:active,.E-browcher a:focus{
outline: none;
border:none;
}
.E-browcher a:hover{
background-color: #085ca8;
}
/* Slideshow container */
.slideshow-container {
max-width: 80%;
position: relative;
margin: auto;
min-height: 200px;
}
/* Next & previous buttons */
.prev-slide, .next-slide {
cursor: pointer;
position: absolute;
top: 50%;
/* padding: 16px; */
margin-top: -22px;
/*transition: 0.2s ease;*/
user-select: none;
width: 35px;
height: 52px;
display: inline-block;
}
.mySlides{
display: block;
text-align: center;
position: relative;
font-family: 'Josefin Sans', sans-serif;
margin: 50px auto 80px;
width: 90%;
}
.mySlides .nxt-proj{
position: relative;
display: block;
font-family: 'Josefin Sans', sans-serif;
font-size: 50px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.22;
letter-spacing: normal;
color: #085ca8;
}
.mySlides .Proj-Title{
position: relative;
display: block;
font-family: 'Josefin Sans', sans-serif;
font-size: 100px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #085ca8;
text-transform: uppercase;
}
.mySlides .pro-status{
display: inline-block;
font-size: 25px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #085ca8;
text-transform: capitalize;
float: right;
right: 20%;
position: relative;
top: -20px;
}
.slideshow-container.owl-carousel .owl-nav{
position: absolute;
top: 37%;
width: 100%;
z-index: 1;
}
.slideshow-container.owl-carousel .owl-nav .owl-prev{
text-align: left;
position: absolute;
left: -29px;
font-size: 0px;
background: url(../images/sreearpana/ArpanaSlice.png) 269px -1295px;
width: 50px;
height: 60px;
}
.slideshow-container.owl-carousel .owl-nav .owl-next{
text-align: right;
position: absolute;
right: -29px;
font-size: 0px;
background:url(../images/sreearpana/ArpanaSlice.png) 166px -1295px;
width: 50px;
height: 60px;
}
.slideshow-container.owl-carousel .owl-nav .owl-prev:hover{
background: url(../images/sreearpana/ArpanaSlice.png) 269px -1174px;
}
.slideshow-container.owl-carousel .owl-nav .owl-next:hover{
background: url(../images/sreearpana/ArpanaSlice.png) 166px -1174px;
}
.mySlides{
opacity: .5;
}
.mySlides:hover{
opacity: 1;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
opacity: .5;
}
#GetFile{
cursor: pointer;
}
/* Sri Saraswathi at salem*/
.sri-saraswathi {
overflow-x: hidden;
}
.sri-saraswathi #dot-nav li:nth-child(1):before{
content: 'Home';
}
.sri-saraswathi #dot-nav li:nth-child(2):before{
content: 'About';
}
.sri-saraswathi #dot-nav li:nth-child(3):before{
content: 'Features';
}
.sri-saraswathi #dot-nav li:nth-child(4):before{
content: 'Key Plan';
}
.sri-saraswathi #dot-nav li:nth-child(5):before{
content: 'Types of Houses';
}
.sri-saraswathi #dot-nav li:nth-child(6):before{
content: 'Floor Plans';
}
.sri-saraswathi #dot-nav li:nth-child(7):before {
content: 'Progress Timeline';
}
.sri-saraswathi #dot-nav li:nth-child(8):before {
content: 'Specifications';
}
.sri-saraswathi #dot-nav li:nth-child(9):before {
content: 'Location';
}
.sri-saraswathi #dot-nav li:nth-child(10):before {
content: 'Gallery';
}
.sri-saraswathi #dot-nav li:nth-child(11):before {
content: 'Videos';
}
.sri-saraswathi #dot-nav li:nth-child(12):before {
content: 'E Brochure';
}
.sri-saraswathi #dot-nav li:nth-child(13):before {
content: 'Testimonial';
}
.sri-saraswathi .keyplan-image img{
padding: 20px;
background-color: #fff;
z-index: 10;
}
.sri-saraswathi .keyplan-button:focus,.sri-saraswathi .keyplan-button:hover{
outline: none;
}
.sri-saraswathi.AboutUs .about-img:hover,.sri-saraswathi .feaures-part img.img-responsive:hover{
transform: scale(1);
overflow: hidden;
opacity: 1;
}
.sri-saraswathi .More-projects .construction-icon{background:url(../images/arunodhaya/ArunothayaSlices.png) -68px -73px !important; width: 220px;}
.alakkapalazzo-block2.alakkapalazzo .More-projects .construction-icon {
background: url(../images/srisaraswathi/srisaraswathi.png) -120px -79px;
width: 136px;
}
.alakkapalazzo .More-projects .construction-icon {
background: url(../images/arunodhaya/ArunothayaSlices.png) -68px -73px;
width: 220px;
}
.vt-arasu .More-projects .construction-icon{background:url(../images/arunodhaya/ArunothayaSlices.png) -68px -73px !important; width: 220px;}
.sri-saraswathi .More-projects,.alakkapalazzo .More-projects{
right: 100px;
}
.sri-saraswathi .keyplan-button{
background-color: #fff;
border-radius: 25px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 6px 0px rgba(138, 138, 138, 0.5);
margin: 10px 0px 0px;
padding: 10px 20px;
width: 150px;
border: none;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #085ca8;
border: none;
}
.sri-saraswathi .keyplan-image{
margin:30px auto 60px;
}
.sri-saraswathi .keyplan-image:after{
content: '';
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 60px;
z-index: 2;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
transform: rotate(45deg) translate(0px,-14px);
background-color: #fff;
}
.sri-saraswathi #dot-nav ul{
top: 28%;
}
.sri-saraswathi.Floor-plans .tab_container{
position: relative;
display: block;
width: 100%;
margin: 20px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
border-radius: 10px;
overflow: auto;
}
.sri-saraswathi.Floor-plans ul.tabs li{
width: auto;
padding: 7px 10px;
}
.sri-saraswathi .floor-plan-box{
min-height: auto;
}
.sri-saraswathi .location-image{
box-shadow: none;
}
.sri-saraswathi .location-div{
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
height: 100%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 80%;
}
.sri-saraswathi .location-div:last-child{
border-radius: 10px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
height: auto;
width: 20%;
}
.sri-saraswathi .location-inside{
display: flex;
}
.sri-saraswathi .location-inside:before,.sri-saraswathi.Floor-plans .tab_container:before {
content: '';
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 62px;
z-index: 2;
-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow:0 0 0px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.16);
transform: rotate(45deg) translate(0px,-14px);
background-color: #fff;
}
/*.sri-saraswathi .keyplan-span{
position: absolute;
height: 80px;
width: 50px;
background: url(../images/srisaraswathi/srisaraswathi.png) -423px -280px;
top: 20%;
right: 0;
z-index: 1;
display: block;
}*/
.sri-saraswathi .Keyplan-content{
position: absolute;
display: block;
width: 20%;
right: 0;
bottom: 30px;
}
.sri-saraswathi .Keyplan-content h5{
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.9;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
padding: 10px 20px;
}
.sri-saraswathi .location-address,.EMENVilla .location-address,.alakkapalazzo .location-address{
display: flex;
position: relative;
}
.sri-saraswathi .location-icon,.EMENVilla .location-icon {
height: 20px;
width: 50px;
background: url(../images/srisaraswathi/srisaraswathi.png) -122px -999px;
display: block;
}
.sri-saraswathi .address,.EMENVilla .address,.alakkapalazzo .address{
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
padding-right: 10px;
}
.sri-saraswathi .testimonials-section{
border-bottom: 6px solid #085ca8;
padding-bottom: 50px;
}
/*Sri Saraswathi*/
/*EM EN Villa*/
.EMENVilla {
overflow-x: hidden;
}
.EMENVilla .video-banner h1 span{
font-size: 70px;
}
.EMENVilla #dot-nav li:nth-child(1):before{
content: 'Home';
}
.EMENVilla #dot-nav li:nth-child(2):before{
content: 'About';
}
.EMENVilla #dot-nav li:nth-child(3):before{
content: 'Anemities';
}
.EMENVilla #dot-nav li:nth-child(4):before{
content: 'Key Plan';
}
.EMENVilla #dot-nav li:nth-child(5):before{
content: 'Types of Houses';
}
.EMENVilla #dot-nav li:nth-child(6):before{
content: 'Floor Plans';
}
.EMENVilla #dot-nav li:nth-child(7):before {
content: 'Progress Timeline';
}
.EMENVilla #dot-nav li:nth-child(8):before {
content: 'Specifications';
}
.EMENVilla #dot-nav li:nth-child(9):before {
content: 'Location';
}
.EMENVilla #dot-nav li:nth-child(10):before {
content: 'Gallery';
}
.EMENVilla #dot-nav li:nth-child(11):before {
content: 'Videos';
}
.EMENVilla #dot-nav li:nth-child(12):before {
content: 'E Brochure';
}
.EMENVilla .keyplan-image img{
padding: 20px;
background-color: #fff;
z-index: 10;
}
.EMENVilla .keyplan-button:focus,.EMENVilla .keyplan-button:hover,.EMENVilla .threeD-page button:hover,.EMENVilla .threeD-page button:focus,.alakkapalazzo .keyplan-button:focus{
outline: none;
}
.EMENVilla .keyplan-button,.EMENVilla .threeD-page button,.alakkapalazzo .keyplan-button,.vtarasu .keyplan-button{
background-color: #fff;
border-radius: 25px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 6px 0px rgba(138, 138, 138, 0.5);
margin: 10px 0px 0px;
padding: 10px 20px;
width: 200px;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #085ca8;
border: none;
transition: 0.3s;
}
.EMENVilla .keyplan-image{
margin:30px auto 20px;
}
.EMENVilla .keyplan-image:after,.alakkapalazzo .keyplan-image:after{
content: '';
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 60px;
z-index: 2;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
transform: rotate(45deg) translate(0px,-14px);
background-color: #fff;
}
.EMENVilla.Floor-plans .tab_container,.alakkapalazzo.Floor-plans .tab_container{
position: relative;
display: block;
width: 100%;
margin: 20px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
border-radius: 10px;
overflow: auto;
}
.EMENVilla.Floor-plans ul.tabs li,.alakkapalazzo.Floor-plans ul.tabs li{
width: auto;
padding: 7px 15px;
}
.EMENVilla .floor-plan-box,.alakkapalazzo .floor-plan-box{
min-height: auto;
}
.EMENVilla .location-image{
box-shadow: none;
}
.EMENVilla .location-div,.alakkapalazzo .location-div{
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
height: 100%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 100%;
padding-bottom: 170px;
}
.EMENVilla .location-div:last-child,.alakkapalazzo .location-div:last-child{
border-radius: 10px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 3px 0px 10px 0px rgba(138, 138, 138, 0.5);
height: auto;
padding-bottom: 0;
}
.EMENVilla .location-inside,.alakkapalazzo .location-inside{
display: flex;
}
.EMENVilla .location-inside:before,.EMENVilla.Floor-plans .tab_container:before,.alakkapalazzo .location-inside:before,.alakkapalazzo.Floor-plans .tab_container:before {
content: '';
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 62px;
z-index: 2;
-webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow:0 0 0px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.16);
transform: rotate(45deg) translate(0px,-14px);
background-color: #fff;
}
.EMENVilla .tab_content img{
position: relative;
margin: 20px auto;
top: 0;
transition: .3s;
}
.EMENVilla .sq-ft{
height: 120px;
width: 120px;
background: url(../images/emenvilla/emenvillaslice.png) -395px -70px;
display: block;
margin: 0px auto;
position: relative;
top: 150px;
}
.EMENVilla .threeD-page button{
padding: 10px;
color: #7b7b7b;
}
.EMENVilla .threeD-page button:hover{
background-color: #085ca8;
color: #fff;
}
.EMENVilla .direction-span{
height: 35px;
width: 58px;
background: url(../images/emenvilla/emenvillaslice.png) -417px -299px;
display: block;
position: relative;
top: 250px;
float: right;
}
.EMENVilla .direction-span.hide-image{
display: none;
}
.EMENVilla .threeD-page{
position: absolute;
top: 50px;
right: 20px;
z-index: 2;
}
.EMENVilla img.hide-image{
display: none;
}
.EMENVilla img.show-image{
display: block;
}
.EMENVilla .sq-ft.hide-image{
display: none;
}
.EMENVilla.location .Keyplan-content{
right: auto;
top:0;
bottom: auto;
position: relative;
padding: 15px;
}
.EMENVilla .location-icon{
width: 35px;
display: inline-block;
position: relative;
top: 3px;
}
.EMENVilla .Keyplan-content h5{
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.9;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
padding: 10px 0px;
display: inline-block;
margin: 0;
}
.EMENVilla .Keyplan-content ul li{
padding: 7px 40px;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5em;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
padding: 3px 40px;
}
.EMENVilla.location .Keyplan-content .location-icon1{
background: url(../images/emenvilla/emenvillaslice.png) -122px -1163px;
}
.EMENVilla.location .Keyplan-content .location-icon2{
background: url(../images/emenvilla/emenvillaslice.png) -205px -998px;
}
.EMENVilla.location .Keyplan-content .location-icon3{
background: url(../images/emenvilla/emenvillaslice.png) -120px -1080px;
}
.EMENVilla.location .Keyplan-content .location-icon4{
background: url(../images/emenvilla/emenvillaslice.png) -204px -1080px;
}
.EMENVilla.location .Keyplan-content .location-icon5{
background: url(../images/emenvilla/emenvillaslice.png) -122px -1163px;
}
.EMENVilla.location .Keyplan-content .location-icon6{
background: url(../images/emenvilla/emenvillaslice.png) -205px -1163px;
}
.EMENVilla.location .Keyplan-content .location-icon7{
background: url(../images/emenvilla/emenvillaslice.png) -116px -1248px;
}
.EMENVilla.location .Keyplan-content .location-icon8{
background: url(../images/emenvilla/emenvillaslice.png) -204px -1248px;
}
.EMENVilla.location table td{
padding:3px;
}
/*EM EN Villa*/
/*ALAKKA PALAZZO */
.alakkapalazzo .Amenities-list li img{
width: 40px;
}
.alakkapalazzo .keyplan-image{
margin: 30px auto;
}
.alakkapalazzo .keyplan-image img{
position: relative;
width: 100%;
display: block;
border-radius: 20px;
padding: 20px;
background-color: #fff;
z-index: 9;
}
.alakkapalazzo .tab_content .item img{
max-width: 50%;
}
.alakkapalazzo .tab_content .item{
width: 100%;
display: block;
}
.alakkapalazzo.Floor-plans ul.tabs li{
width: 150px;
}
.alakkapalazzo #Flat-A .owl-nav,.alakkapalazzo #Flat-B .owl-nav,.alakkapalazzo #Flat-C .owl-nav,.alakkapalazzo #Flat-D .owl-nav{
position:absolute;
top:50%;
width:100%;
z-index:9;
}
.alakkapalazzo #Flat-A .owl-nav .owl-prev ,.alakkapalazzo #Flat-B .owl-nav .owl-prev ,.alakkapalazzo #Flat-C .owl-nav .owl-prev ,.alakkapalazzo #Flat-D .owl-nav .owl-prev {
text-align: left;
position: absolute;
left: 0px;
font-size: 0px;
background: url(../images/sreearpana/ArpanaSlice.png) 252px -904px;
width: 32px;
height: 32px;
}
.alakkapalazzo #Flat-A .owl-nav .owl-next,.alakkapalazzo #Flat-B .owl-nav .owl-next,.alakkapalazzo #Flat-C .owl-nav .owl-next,.alakkapalazzo #Flat-D .owl-nav .owl-next {
text-align: right;
position: absolute;
right: 0px;
font-size: 0px;
background: url(../images/sreearpana/ArpanaSlice.png) 166px -900px;
width: 32px;
height: 33px;
}
.alakkapalazzo.Floor-plans .tab_container,.alakkapalazzo{
overflow: hidden;
}
.alakkapalazzo .tab_content h3{
font-size: 30px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
color: #085ca8;
}
.alakkapalazzo .specification-inside-table table tr{
border-bottom: none!important;
}
.alakkapalazzo .specification-inside-table table tr td{
position: relative;
padding:3px 0;font-weight: normal;
text-align: left;
}
.alakkapalazzo .specification-inside-table table tr td:first-child{
width: 120px;
}
.alakkapalazzo .location-div{
padding-bottom: 0;
}
.alakkapalazzo.location .Keyplan-content{
position: relative;
bottom: 0;
right: 0;
padding: 20px;
}
.alakkapalazzo.location .Keyplan-content h5{
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.9;
letter-spacing: normal;
text-align: left;
color: #6a6a6a;
padding: 10px 0px;
display: inline-block;
margin: 0;
}
.alakkapalazzo.location .Keyplan-content .location-icon1{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -117px -1248px;
}
.alakkapalazzo.location .Keyplan-content .location-icon2{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -205px -998px;
}
.alakkapalazzo.location .Keyplan-content .location-icon3{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -120px -1080px;
}
.alakkapalazzo.location .Keyplan-content .location-icon4{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -204px -1080px;
}
.alakkapalazzo.location .Keyplan-content .location-icon5{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -116px -1162px;
}
.alakkapalazzo.location .Keyplan-content .location-icon6{
width: 35px;
background: url(../images/alakkapalazzo/alakkapalazzoslices.png) -205px -1163px;
}
.alakkapalazzo.location .location-icon{
height: 20px;
width: 50px;
display: inline-block;
background: url(../images/srisaraswathi/srisaraswathi.png) -133px -999px;
position: relative;
top: 3px;
}
.alakkapalazzo .location-image{
box-shadow: none;
}
.alakkapalazzo .key-plan-content{
position: absolute;
bottom: 2%;
z-index: 9;
right: 2%;
}
.alakkapalazzo .key-plan-content ul li{
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.94;
letter-spacing: normal;
text-align: left;
color: #1a1818;
}
/*ALAKKA PALAZZO */
/*VT ARASU*/
.vtarasu.Floor-plans ul.tabs li{
width: 200px;
}
.vtarasu.Floor-plans .tab_content img{
margin:20px auto;
}
/*VT ARASU*/
/*Arunothaya*/
.alakkapalazzo .More-projects .construction-icon.sold-out{
width: 220px;
height: 95px;
background:url(../images/arunodhaya/ArunothayaSlices.png) -68px -73px !important;
display: block;
margin-right: 6px;
position: relative;
top: 0;
}
/*Arunothaya*/
/*VT ARASU*/
.vtarasu .keyplan-button{
float: right;
color: #6a6a6a;
}
/*VT ARASU*/
@-webkit-keyframes fade {from {opacity: .4}to {opacity: 0.5}}
@keyframes fade {from {opacity: .4}to {opacity: 0.5}}
/* Hide progress css */
.alakkapalazzo #dot-nav li:nth-child(8):before{content:'Specifications';}
.alakkapalazzo #dot-nav li:nth-child(9):before{content:'Location';}
.alakkapalazzo #dot-nav li:nth-child(10):before{content:'Gallery';}
.alakkapalazzo #dot-nav li:nth-child(11):before{content:'Videos';}
.alakkapalazzo #dot-nav li:nth-child(12):before{content:'E Brochure';}
.alakkapalazzo #dot-nav li:nth-child(13):before{content:'Testimonial';}
.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(6):before{content:'Types of Houses';}
.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(7):before{content:'Floor Plans';}
.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(8):before{content:'Specifications';}
.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(9):before{content:'Gallery';}
.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(10):before{content:'E Brochure';}
/*.alakkapalazzo-nano.alakkapalazzo #dot-nav li:nth-child(11):before{content:'E Brochure';}*/
.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(6):before{content:'Types of Houses';}
.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(7):before{content:'Floor Plans';}
.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(8):before{content:'Specifications';}
.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(9):before{content:'Gallery';}
.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(10):before{content:'E Brochure';}
/*.alakkapalazzo-block2.alakkapalazzo #dot-nav li:nth-child(11):before{content:'E Brochure';}*/
.sri-saraswathi #dot-nav li:nth-child(4):before{content:'Location';}
.sri-saraswathi #dot-nav li:nth-child(5):before{content:'Floor Plans';}
.sri-saraswathi #dot-nav li:nth-child(6):before{content:'Specifications';}
.sri-saraswathi #dot-nav li:nth-child(7):before{content:'E Brochure';}
.vt-arasu #dot-nav li:nth-child(7):before{content:'Gallery';}
.vt-arasu #dot-nav li:nth-child(8):before{content:'E Brochure';}
.arunothaya #dot-nav li:nth-child(5):before{content:'Location';}
.arunothaya #dot-nav li:nth-child(6):before{content:'Floor Plans';}
.arunothaya #dot-nav li:nth-child(7):before{content:'Specifications';}
.arunothaya #dot-nav li:nth-child(8):before{content:'E Brochure';}
/* .arunothaya #dot-nav li:nth-child(9):before{content:'E Brochure';} */
/* .arunothaya #dot-nav li:nth-child(13):before{content:'Testimonial';} */
.sreearpana #dot-nav li:nth-child(8):before{width:90px; right:102px;}
.sreearpana #dot-nav li:nth-child(6):before{width:90px; right:102px;}
.EMENVilla #dot-nav li:nth-child(5):before{width:90px; right:102px;}
.EMENVilla #dot-nav li:nth-child(7):before{width:90px; right:102px;}
.sri-saraswathi #dot-nav li:nth-child(5):before{width:90px; right:102px;}
.alakkapalazzo #dot-nav li:nth-child(6):before{width:90px; right:102px;}
.sree-kalyanam #dot-nav li:nth-child(3):before{content:'Features';}
.sree-kalyanam #dot-nav li:nth-child(4):before{content:'Specifications';}
.sree-kalyanam #dot-nav li:nth-child(5):before{content:'Gallery';}
.sree-kalyanam #dot-nav li:nth-child(6):before{content:'Videos';}
.arunothaya #dot-nav li:nth-child(4):before{content:'Location';}
.arunothaya #dot-nav li:nth-child(5):before{content:'Floor Plans';}
.arunothaya #dot-nav li:nth-child(6):before{content:'Specifications';}
.arunothaya #dot-nav li:nth-child(7):before{content:'E Brochure';}
.More-projects{bottom:inherit; margin-top:-55px;}
.alakkapalazzo-block2 .feaures-part p span{width:100%; display:block; padding-bottom:8px;}
/*Media Query*/
@media(max-width: 1500px){
.video-banner h1{
font-size:5em;
}
.video-banner h1 span{
font-size:60px;
}
}
@media(max-width: 1250px){
.product-slider #thumbcarousel .item .thumb img, .product-slider #thumbcarousel1 .item .thumb img{
width: 102px;
height: 102px;
}
.product-slider #thumbcarousel, .product-slider #thumbcarousel1{
padding:0px;
margin: 6px 0px 0px;
margin-top: -50px;
}
#thumbcarousel .carousel-control.right,#thumbcarousel1 .carousel-control.right{
right: 1%;
top: -20%;
}
#thumbcarousel .carousel-control.left,#thumbcarousel1 .carousel-control.left{
left: 0%;
top: -20%;
}
.EMENVilla .tab_content img{
margin:0px;
float: left;
}
.EMENVilla .location-inside,.alakkapalazzo .location-inside{
display: block;
}
.EMENVilla .location-div,.alakkapalazzo .location-div{
border-radius: 10px;
padding-bottom: 0;
}
.EMENVilla .location-div:last-child,.alakkapalazzo .location-div:last-child{
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
border-radius: 10px;
margin-top: 10px;
}
.EMENVilla .location-image img,.alakkapalazzo .location-image img{
width: 100%;
padding: 10px;
}
.EMENVilla .Keyplan-content{
display: flex;
}
.inside-location-part{
width: 50%;
border-right: 1px solid #ccc;
}
.alakkapalazzo .inside-location-part{
width: 100%;
border-right: 0;
}
.alakkapalazzo .location table td{
padding: 1px 10px;
}
.mySlides .Proj-Title{
font-size: 60px;
}
}
@media(max-width:1200px){
.arpana .Keyplan-content{
font-size: 11px;
}
.arpana.location .Keyplan-content{
font-size: 13px;
}
.product-slider #thumbcarousel .item .thumb img, .product-slider #thumbcarousel1 .item .thumb img{
width: 96px;
height: 96px;
}
.bird-view{
margin-top: 0px!important;
}
.carousel-control.right{
right: 15px;
}
.AboutUs h2,.location h2 ,.Features h2, .KeyPlan h2, .Types-of-houses h2, .ProgressTimeline h2, .Floor-plans h2, .Amenities h2, .Gallery h2, .Videos h2, .specification h2,.Testimonial h2{
font-size: 1.4em;
}
.testimonials-section h4{
font-size: 20px;
padding:0;
margin: 0px;
}
.feaures-part-p{
margin-top:0px;
}
.product-slider #thumbcarousel, .product-slider #thumbcarousel1{
padding: 0px 30px;
}
.arpana.location .Keyplan-content{
right: 0;
bottom: 0;
}
.alakkapalazzo .tab_content .item img{
max-width: 70%;
}
.slideshow-container.owl-carousel .owl-nav .owl-prev{
left: 0px;
}
.slideshow-container.owl-carousel .owl-nav .owl-next{
right:0;
}
}
@media(max-width:1024px){
.AboutUs p, .Features p{
line-height: 1.3em;
}
.product-slider #carousel, .product-slider #Galler-image{
max-height: 400px;
}
.product-slider #thumbcarousel, .product-slider #thumbcarousel1{
display: none;
}
.house-interior{
display: none;
}
.house-interior-mobile{
display: block;
}
#carousel .inner-slider p, #Galler-image .inner-slider p{
width: 40%;
font-size: 14px;
line-height: 1.4em;
}
#carousel .inner-slider h3, #Galler-image .inner-slider h3{
font-size: 1.3em;
margin: 30px 0px 0px 50px;
}
.house-interior h4{
font-size: 1em;
padding:5px;
margin:5px auto;
}
.sri-saraswathi .location-div,.sri-saraswathi .location-div:last-child{
width: 100%;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 0.5);
height: auto;
}
.sri-saraswathi .location-inside{
display: block;
}
.sri-saraswathi .keyplan-image img{
padding:5px;
}
.sri-saraswathi .keyplan-image{
margin:30px auto 0px;
}
.sri-saraswathi.location .Keyplan-content{
right: 0;
margin: 0px auto 20px;
display: block;
position: relative;
bottom: auto;
width: 100%;
}
.EMENVilla .threeD-page{
position: relative;
margin: 0px auto;
display: block;
width: 100%;
top: 0;
right: 0;
text-align: center;
}
.EMENVilla .sq-ft{
top:0;
float: left;
}
.EMENVilla .direction-span{
top: 50px;
}
.alakkapalazzo .tab_content h3{
font-size: 15px;
}
}
@media(max-width:990px){
.right-dot-nav{
display: none;
}
.hamburger-menu{
display: inline-block;
}
.product-slider{
width: 100%;
margin: 20px auto;
}
.Keyplan-content{
font-size: 14px;
right: 0px;
bottom: 0px;
position: relative;
margin-bottom: 20px;
margin-top: 20px;
}
.Keyplan-content ol li{
padding:5px;
}
.Keyplan-content table td{
padding:5px;
}
.feaures-part img.img-responsive{
margin: 10px auto;
}
.Specification-part table tr td,.Specification-part table tr td:last-child{
padding:10px;
font-size: 14px;
}
.Amenities-list li{
width: 33.333%;
min-height: 150px;
}
.view-more-button{
margin:10px auto;
}
.location-image{
margin: 20px auto;
}
.Floor-plans ul.tabs li, .Floor-plans ul.tabs2 li, .Floor-plans ul.tabs3 li,.EMENVilla .threeD-page button{
padding:5px 20px;
width: 150px;
line-height: inherit;
margin: 10px;
font-size: 1em;
}
.Floor-plans ul.tabs2 li, .Floor-plans ul.tabs3 li{
width: auto;
}
.Floor-plans .tab_content{
padding:0px 20px;
}
.inside_tab_content img, .inside1_tab_content img{
width: auto;
}
.snip1566 img{
width: auto;
}
.Amenities-list li .Amenities-list-content{
padding:30px 10px 20px;
font-size: 13px
}
.location-image img{
padding:0px;
width: 90%;
}
.sri-saraswathi .location-image img {
padding: 20px;
width: 90%;
}
.mySlides{
margin: 40px auto;
}
.prev-slide, .next-slide{
top:30%;
}
.mySlides .nxt-proj{
font-size: 30px;
}
.mySlides .Proj-Title{
font-size: 60px;
}
.mySlides .pro-status{
font-size: 15px;
right: 22%;
top:0;
}
.location table td{
padding:5px;
}
.Amenities-list{
margin: 0px auto 0px;
}
.video-banner h1{
font-size: 3em;
}
.video-banner h1 span{
font-size: 40px;
}
.EMENVilla .video-banner h1 span {
font-size: 30px;
}
.More-projects{
bottom: 60px;
right: 0px;
z-index: 9;
}
.AboutUs .about-img, .Features .about-img{
margin: 20px auto 0;
}
.bird-view2{
margin-top: 70px!important;
}
}
@media(max-width:768px){
.bird-view2{
margin-top: 20px!important;
}
.Floor-plans ul.tabs2 li, .Floor-plans ul.tabs3 li{
padding:7px 10px;
margin: 5px;
}
.feaures-part img.img-responsive,.AboutUs .about-img{
width: 75%;
}
.alakkapalazzo.Floor-plans ul.tabs li{
width: 120px;
}
.alakkapalazzo.location table td{
padding:5px 0;
}
.alakkapalazzo .key-plan-content ul li{
font-size: 12px;
line-height: 1.2em;
}
.mySlides .Proj-Title {
font-size: 36px;
}
.slideshow-container{
max-width: 90%;
}
.EMENVilla .keyplan-button, .EMENVilla .threeD-page button, .alakkapalazzo .keyplan-button, .vtarasu .keyplan-button{padding:6px 20px; margin:10px 0px 10px 0px; width:170px;}
}
@media(max-width :660px){
.EMENVilla .Keyplan-content{
display: block;
}
.inside-location-part{
width: 100%;
border-right: none;
}
}
@media(max-width: 600px){
.Amenities-list li{
width: 50%;
}
.mySlides .nxt-proj{
font-size: 15px;
}
.mySlides .Proj-Title{
font-size: 25px;
}
.mySlides .pro-status{
font-size: 10px;
}
.slideshow-container.owl-carousel .owl-nav{
top:20%;
}
.Amenities-list li img {
height: 35px;
}
.slideshow-container{
max-width: 100%;
}
#carousel .inner-slider p{
width: 60%;
font-size: 13px;
line-height: 1em;
}
.Keyplan-content{
font-size: 12px;
}
.Floor-plans ul.tabs li{
width: 100px;
font-size: 12px;
}
.Floor-plans ul.tabs2 li, .Floor-plans ul.tabs3 li{
width: auto;
font-size: 12px;
}
.AboutUs .about-img, .Features .about-img{
margin:0px auto;
}
#tab2,#tab1{
border-top: 1px solid #cccccc9c;
padding-top: 20px;
}
.EMENVilla .keyplan-button, .EMENVilla .threeD-page button, .alakkapalazzo .keyplan-button, .vtarasu .keyplan-button{padding:6px 20px; margin:0px 0px 15px 0px;}
}
@media(max-width:400px){
.alakkapalazzo .key-plan-content ul li {
font-size: 9px;
line-height: 1.2em;
}
}