.tri-container{position:relative;width:100%;height:600px;display:none;}
.tri-container-top, .tri-container-bottom{position:absolute;top:0;left:0;width:100%;height:50%;overflow:hidden;}
.tri-container-bottom{top:auto;bottom:0;left:0;}
.white-div{width:100%;height:47px;position:absolute;bottom:0;left:0;background-color:#FFF;z-index:3;}
.tri-overlay{width:100%;position:absolute;height:100%;top:0;background-color:rgba(0,0,0,.5);transition:all .5s linear;-webkit-transition:all .5s linear;}
.tri-overlay:hover{transition:all .5s linear;-webkit-transition:all .5s linear;background-color:transparent;}
.hori-tri-container{position:relative;width:100%;height:300px;overflow:hidden;display:none;}
.tri{width:92%;height:300px;overflow:hidden;cursor:pointer;}
.tri-even, .tri-odd{transform:rotate(27deg) skew(0deg,35deg);margin-top:62%;margin-left:4%;}
.tri-odd{margin-top:-44%;}
.margin-one{margin-left:85.7%;}
.margin-one img{width:35%;transform:rotate(-50deg) skew(-14deg, 0deg) scale(4.5);margin-top:100px;margin-left:70px;}
.margin-two{margin-left:25%;}
.margin-two img{width:35%;transform:rotate(-50deg) skew(-12deg,0deg) scale(4.5);margin-top:103px;margin-left:101px;}
.margin-three{margin-left:-36%;}
.margin-three img{width:35%;transform:rotate(-50deg) skew(-14deg, 0deg) scale(4.5);margin-top:113px;margin-left:70px;}
.margin-four{margin-left:-96.5%;}
.margin-four img{width:35%;transform:rotate(-50deg) skew(-14deg, 0deg) scale(4.5);margin-top:100px;margin-left:85px;}
.nature-one img{width:33%;margin-top:25px;margin-left:22px;}
.nature-two img{margin-top:138px;margin-left:111px;transform:rotate(-23deg) skew(16deg, -26deg) scale(4.0);}
.nature-three img{width:40%;margin-top:115px;margin-left:44px;}
.nature-four img{width:35%;margin-top:208px;margin-left:160px;}
.vastu-table{display:table;height:330px;width:100%;}
.outer-box{display:table-cell;vertical-align:middle;border:1px solid gray;overflow:hidden;border-radius:2px;}
.inner-box{height:300px;overflow:hidden;width:90%;margin:0 auto;position:relative;}
.inner-box img{width:100%;transform:scale(2.5);}
.overlay-text{width:100%;position:absolute;height:100%;top:0;background-color:rgba(0,0,0,.30);transition:background-color .5s linear;}
.overlay-text:hover{transition:background-color .5s linear;background-color:transparent;}
.overlay-text span{color:#FFF;font-family:'Gotham-Book';font-size:25px;position:absolute;bottom:10px;left:10px;text-transform:capitalize;}
.infra-image{width:100%;}
.infra-image img{width:100%;}
.infra-image .infra-padding{padding:10px;}
.tri-mobile{display:none;}
.map-container{margin-top:20px;margin-bottom:20px;}
.map-container .location-search{display:none;}
.map-container .store .action{display:none;}
.map-container .store .title, .map-container .store .address{font-family:'Gotham-Book';}
.map-container .store .address{margin:7px 0px;}
.map-container .storelocator-panel .store-list li{padding:15px;}
.arrow{position:absolute;bottom:15px;left:50%;margin-left:-20px;}
.arrow img{width:40px;height:40px;}
.bounce{animation-name:bounce;}
.animated{animation-fill-mode:both;animation-iteration-count:infinite;animation-duration:2s;}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
40%{transform:translateY(-30px);}
60%{transform:translateY(-15px);}
}
@media screen and (min-width:769px){.tri-container{display:block;}
.hori-tri-container{display:block;}
}
@media screen and (max-width:768px){.tri-mobile{display:block;}
.tri-mobile img{width:100%;}
}
@media screen and (min-width:992px) and (max-width:1200px){.white-div{height:90px;}
.tri-even{margin-top:84%}
.tri-odd{margin-top:-42%;}
.margin-one{margin-left:97%;}
.margin-one img{margin-top:83px;}
.margin-two{margin-left:48%;}
.margin-two img{margin-top:138px;margin-left:68px;}
.margin-three{margin-left:-26%;}
.margin-three img{margin-top:90px;margin-left:59px;}
.margin-four{margin-left:-74.5%;}
.margin-four img{margin-top:190px;}
.nature-one img{width:37%;margin-top:9px;margin-left:13px;}
.nature-two img{margin-top:175px;margin-left:85px;}
.nature-four img{width:35%;margin-top:233px;margin-left:118px;}
}
@media screen and (min-width:768px) and (max-width:992px){.tri-even{margin-top:131%;}
.margin-one{margin-left:105.7%;}
.margin-one img{margin-top:62px;margin-left:32px;}
.margin-two{margin-left:75%;}
.margin-two img{margin-top:181px;margin-left:59px;}
.margin-three{margin-left:-26%;}
.margin-three img{margin-top:72px;margin-left:38px;}
.margin-four{margin-left:-56.5%;}
.margin-four img{margin-top:198px;margin-left:56px;}
.nature-one img{width:34%;margin-top:8px;margin-left:9px;}
.nature-two img{margin-top:217px;margin-left:70px;}
.nature-four img{margin-top:248px;margin-left:93px;}
.tri-odd{margin-top:-39%;}
.white-div{height:144px;}
}