@font-face {
    font-family: 'roboto.light';
    src: url('../fonts/roboto.light.ttf');
}
@font-face {
    font-family: 'roboto.regular';
    src: url('../fonts/roboto.regular.ttf');
}
.index-page {
    overflow: hidden;
}
.mobile_txt
{
    display:none;
}
* {
    box-sizing: border-box;
}
body {
	font-family: 'roboto.regular', sans-serif;
margin: 0;	
    outline: 0;
   
}
h1
{
    text-transform: uppercase;
}
/*header styling*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header ul li
{
    padding-left:1vw;
    font-size:11px;
}
.header img
{
   
    width: 84px;
    height: 33.3px;
}
a {
	text-decoration: none;
}

.header
.logo a,
.main-nav a {
	padding: 10px 15px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.main-nav a {
	color:white;
	font-size: .99em;
    font-family:'roboto';
    letter-spacing:2px;
    font-weight: 600;
}
.main-nav a:last-child
{
    padding-right:0px;
}
.main-nav a.active {
	color: #707070;
   
}

.main-nav a:hover {
	color: #707070;
    text-decoration: none;
}
.header,
	.main-nav {
		display: flex;
        
	}
.header {
    /* margin-top:-50px; */
    top: 0;
	padding-top:12px;
	padding-bottom:12px;
    padding-left:4.25vw;
    padding-right:4.25vw;
   z-index: 100;
    width: 100%;
    height: 55px;
    position: fixed;
	background-color: #0d0d0d;
	flex-direction: row;
		justify-content: space-between;
}
.scroll
{
   background:rgba(0,0,0, 0.8); 
    
}
.hamburger-menu
{
    display:none;
}

/*end of header styling */





/*slider styling*/

#slideshow .slick-prev, #slideshow .slick-next {
    display: none !important;
}


.slide_wrapper
{
    height:100vh;
    
}
.row h1
{
    text-align: left;
    margin-left: 10px;
    margin-top:-8px;
    margin-bottom:-8px;
}
.border
{
    border-left: 6px solid #c89e6c;
    height:60px;
}

.row
{
    position:absolute;
       left: 0;
    right: 0;
     bottom:100px;
     display:flex;
     padding-left:10vw;
    padding-right:10vw;

}
.slider_container
{
    position:relative;
}
.subrow
{
    flex-basis:50%;
    display: flex;
}
.slide-image {
    height:96vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/sss-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}
.slide-image2 {
    height:96vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/svasahomes-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}
.slide-image3 {
    height:96vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/sssdefence-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}
.slide-image4 {
    height:96vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/indivillage-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}
.slide-image5 {
    height:96vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/xarpielabs-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
}
/* 11/11/2019 added a slider image TamarundTree */

.slide-image6 {
     height:96vh;
     background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("../media/tamarindTree_carousel_image.jpg");
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     position:relative;
 }
/*****************end of slides**********/


.paragraph-1 {
    flex-basis: 50%;
    color: #ffffff;
    font-size: 17px;
}
.paragraph-2 {
    flex-basis: 50%;
    color: #ffffff;
    font-size: 17px;
}
.paragraph-3 {
   flex-basis: 50%;
    color: #ffffff;
    font-size: 17px;
}
.paragraph-4 {
    flex-basis: 50%;
    color: #ffffff;
    font-size: 17px;
}
.paragraph-5 {
    flex-basis: 50%;
    color: #ffffff;
    font-size:17px;
}

.row p {
    margin-top: -10px;
}
/*dots styling*/
.slick-dots {
  position: absolute;
  bottom: 37%;
  right:0px;
  display: block;
  padding-right:5vw;
  list-style: none;
  text-align: right;
}
.slick-dots li {
  position: relative;
  display:block;
  width: 10px;
  height: 10px;
  margin:0px 0px 30px 0px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 11px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  margin-left: 2.1px;
}
.slick-active li{
    margin-left:2.5px;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 35px;
    display: flex;
    align-items: center;
    width: 11px;
    height: 11px;
    content: '•';
    text-align: center;
    color: #959595;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color:transparent;
    border: 1px solid #ffffff;
    -webkit-border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 7px;
    width: 7px;
    margin-left:2.1px;
}

.background-wrapper
{
    height:44.3vw;
    margin-top:50px;
}
.bg_text
{
    display: flex;
  align-items: center;
  justify-content: center;
  height:44.3vw; 
     background:rgba(0,0,0, 0.75); 
}


 h1
{
    color:white;
    font-weight:400;
    text-align:center;
   line-height:40px;
    font-size:32px;
    }
a:hover
{
    text-decoration:underline;
    color:#c89e6c;
}
.bg_text a
{
color:#c89e6c;
    font-size:14px;
    line-height:40px;
}
.card_text a
{
color:#c89e6c;
    font-size:14px;
    line-height:40px;
}

.background_div
{
    background-color: black;
}

/*end of header style*/

/*text columns style */
.textrow
{
        padding-left: 10vw;
    padding-right: 10vw;
}
.textcolumn {
       float: left;
    width: 49.16%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.textcolumn:nth-child(odd) {
    margin-right: 1.68%;
}
.firstcol_text
{
    font-size:21px;
    padding-right:7vw;
    font-family:'roboto.light';
    line-height:29px;
}
.secondcol_text
{
    text-align:justify;
    padding-left:0.2vw;
    font-size:14px;
    line-height: 22px;
    font-family:'roboto.light';
    margin-top: 24px;
}

.textrow:after {
    content: "";
    display: table;
    clear: both;
}

/*card styling */

.cardrow
{   

    padding:1.26vw;
    padding-bottom:0vw;
}
.cardcol{
    float: left;
    width: 49.16%;
    height:47.3vw;
    margin-bottom:1.68vw;
    background-size:cover;
    background-repeat: no-repeat; 
}

.card_text
{
    height:47.3vw;
   background:rgba(0,0,0, 0.75); 
 display: flex;
    flex-direction: column;
  align-items: center;
  justify-content: center;
   
}
.card_text h1
{
color:white;
    font-weight:100;
    text-align:center;
   line-height:40px; 
    font-size:32px;
}

.cardcol:nth-child(odd)
{
    margin-right:1.68%;
}

.cardrow:after {
    content: "";
    display: table;
    clear: both;
}



.bottom-background
{
    height:35vw;
}

.bottombg_text
{
    display: flex;
  align-items: center;
  justify-content: center;
    height:35vw;
   background:rgba(0,0,0, 0.75); 
}
.bottombg_text a
{
color:#c89e6c;
    font-size:14px;
}
.others_background
{
    height:0vw !important;
}
/*footer styling */
.footer
{
  padding:10vw;
    padding-top:50px;
    padding-bottom:50px;
  text-align:left;
    font-size:10px;
    color:#707070;
}





  

/*automotive page styling*/
.automotive_bg
{
   
    background-image: url('../media/automtivebg.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
   
}

/* .bg-effect {
    position: relative;
    overflow: hidden; 
    height: 44.3vw;
    cursor: pointer;
}
.automotive_bg {
   
   -ms-transition: all 1s;
   -webkit-transition: all 1s;
    transition: all 1s;
    
}

.bg-effect:hover .automotive_bg {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform:scale(1.2);
    
} */




.ma_col
{
      background-image: url('../media/motors%20&%20auto.jpg');
   
}
.ma_col .card_text  h1,.s_col .card_text  h1
{
    margin-top:70px;
}
.auto_suspension
{
    background-image: url('../media/autosuspension.jpg');
   
}
.sw_col{
    background-image: url('../media/spring&wire.jpg'); 
}
.s_col{
    background-image: url('../media/spring.jpg'); 
}

.rsw_bg
{
    
    background-color:black;
     background-image: url('../media/automotivebottombg.jpg'); 
    background-size:cover;
    background-repeat: no-repeat; 
}
/*defence page styling */
.defence_background
{
    
    background-image: url('../media/defencebg.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
   
}
.slm_background
{
    
    background-color:black;
     background-image: url('../media/defencebottombg.jpg'); 
    background-size:cover;
    background-repeat: no-repeat; 
}

/*realestate page styling*/
.realestate_bg
{
   background-image: url('../media/realestate.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
   
}
.kcol
{
  background-image: url('../media/Koramangala%20Project.jpg');  
}
.macol
{
    background-image: url('../media/MGB%20Real%20Estate.jpg');
}










/*others page styling */



.img_txt p
{
    font-family:'roboto.regular';
    font-size:18px;
    line-height:24px;
    
}
.img_txt
{
    width:100%;
}
.img_txt span
{
    color:#ffffff;
    opacity:0.5;
    font-size:12px;
    line-height:24px;
}
.imgrow
{
    padding-left:10vw;
    padding-right:9vw;
    padding-bottom:0%;
    padding-top:5vw;
}
.imgcol{
    float: left;
    width: 32%;
    
    height: 25vw;
    background-color:lightgrey;
    margin-bottom:1vw;
    margin-right:1vw;
    position:relative;
    
}

.imgcol img
{
    width:100%;
    height:25vw;
    position:absolute;
}


.imgrow:after {
    content: "";
    display: table;
    clear: both;
}  



.imgcol:hover img {
  
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
  }


.overlay {
 position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;

  opacity: 0;
  transition: .5s ease;
 
}
.imgcol:hover .overlay {
   background:rgba(0,0,0, 0.70); 
    opacity:1;
   box-shadow: 0 3px 7px rgba(0,0,0,0.65);
}
.imgcol:hover .nooverlay {
   box-shadow: none;
    opacity:1;
}
.img_txt
{

 color:white;
     color: white;
  font-size:1.2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


/*contact page styling */


  ::placeholder {
    color:black;
    opacity: 0.5; /* Firefox */
 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: black;
    opacity:0.5;
    line-height: 0px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
    opacity:0.5;
}


.contact-text
{
    background-color:transparent;
    float:left;
    padding-left:10vw;
   height:20vw;
}
.textwrapper
{
    height:20vw;
}
.contact-text h1
{
    text-align:left;
    color:black;
    text-transform:none;
    font-family: 'roboto.light'
}
span
{
    color:#c89e6c;
}
.form
{
    padding-left:10vw;
    width:64%;
    margin-top:-19px;
}
form
{
    margin-top:40px;
}
.form h2
{
    font-family: 'roboto';
    font-weight:400;
    color:#000000;
    opacity:0.75;
}
input
{
    border:none;
    width:100%;
    border-bottom:1px solid #D4D4D4;
    padding-top:2vw;
    outline:none;
    line-height:30px;
    font-weight: 600;
}
input[type="submit"]
{
    border:none;
    background-color:transparent;
    text-transform: uppercase;
    color:#c89e6c;
    opacity:1;
    cursor: pointer;
    font-weight:300;
    width: auto;
    float: right;
    padding-right: 0px;
}
input[type="submit"]:hover
{
    text-decoration: underline;
}
.maillink
{
    font-size:32px !important;
}
.contactrow
{
    width:50%;
    padding-left:10vw;
    padding-top:5vw;
}
.contactcol
{
    width:50%;
    opacity:0.8;
    float:left;
  
}


.coltxt
    {
        border-left:4px solid #DADADA;
    }
.coltxt p
{
    line-height:22px;
    padding-left:20px;
}
.contact_footer
{
    padding-top:200px;
    float:none;
}




/* media queries */
@media(max-width:567px)
{
    .header img {
    
    margin-left: 20px;
}
    .cardcol
    {
        height:70vw;
    }
    .card_text
    {
        height:70vw;
    }
    .hamburger-menu
    {
        display:block;
        float:right;
        margin-top:5px;
        margin-right:20px;
    }
  .hamburger-menu  div {
    width:30px;
    height: 2px;
    background-color:#c89e6c;
    margin:4px 0;
     
}
    .footer
    {
       padding:0px; 
        font-size:10px;
    }
    .header,.main-nav
    {
        display:block;
    }
    .header
    {
        padding-left:0px;
        padding-right:0px;
        
    }
    .main-nav  li a
    {
        font-size:3.62vw !important;
    }
    .main-nav li
    {
        height:26vw;
        border-bottom:2px solid black;
    }
    .main-nav li:last-child
    {
       border-bottom:none; 
    }
    .main-nav
    {
    display:none;  
    float: right;
    background:rgb(13,13,13); 
        
    position: absolute;
    right: 0;
    padding-left:20px;
    padding-right:20px;
    width: 100%;
    height:164vw;
    }
    input[type="submit"]
    {
     margin-right:10%;
    }

    .background-wrapper
    {
        height:65vw;
    }
    
    h1
    {
        font-size:5vw !important;
        line-height:8vw !important;
    }
    a
    {
        font-size:12px !important;
    }
    .textcolumn {
    float:left;
width:100%;
    padding:0px;
        padding-left:20px;
        padding-right:20px;
}
    .firstcol_text {
   
   font-size:4vw;
    padding-left: 0px;
    padding-right: 50px;
        line-height:5.2vw;
}
    .secondcol_text {
    text-align: justify;
   
    padding-left: 0px;
        font-size:2.8vw;
        font-weight:300;
        line-height:4.2vw;
}
    
    
    .header ul li a
    {
        float:right;
        padding-top:10vw;
        padding-right:0px;
    }
    .cardrow
    {
        padding:0px;
    }
    .cardcol
    {
        margin-right:0px;
        float:none;
        width:100%;
        padding:0px;
    }
    .cardcol:nth-child(odd) {
    margin-right: 0%;
}
    .bg_text {
   
    height: 65vw;
}
    
    .bottom-background
{
    height:60vw;
    }
   .bottombg_text { 
       height:60vw;
}
  
    }
    @media (min-width:568px) and (max-width:767px)
    {
    .header img {
    
    margin-left: 20px;
}
    .cardcol
    {
        height:70vw;
    }
    input[type="submit"]
    {
     margin-right:10%;
    }
    .card_text
    {
        height:70vw;
    }
    .hamburger-menu
    {
        display:block;
        float:right;
        margin-top:7px;
         margin-right:20px;
    }
  .hamburger-menu  div {
    width:30px;
    height: 2px;
    background-color:#c89e6c;
    margin:4px 0;
     
}
    .footer
    {
       padding:0px; 
        font-size:10px;
    }
    .header,.main-nav
    {
        display:block;
    }
    .header
    {
        padding-left:0px;
        padding-right:0px;
        
    }
    .main-nav  li a
    {
        font-size:2vw !important;
    }
    .main-nav li
    {
        height:8vw;
        border-bottom:2px solid black;
    }
    .main-nav li:last-child
    {
       border-bottom:none; 
    }
    .main-nav
    {
     display:none;  
    float: right;
    background:rgb(13,13,13);
    position: absolute;
    right: 0;
    padding-left:20px;
    padding-right:20px;
    width: 100%;
    height:49vw;
    }
    .background-wrapper
    {
        height:45vw;
    }
      .bg_text {
   
    height: 45vw;
}
    h1
    {
        font-size:5vw !important;
    }
    a
    {
        font-size:12px !important;
    }
    .textcolumn {
    float:left;
width:100%;
    padding:0px;
        padding-left:20px;
        padding-right:20px;
}
    .firstcol_text {
   
   font-size: 3vw;
    padding-left: 0px;
    padding-right: 50px;
}
    .secondcol_text {
    text-align: justify;
    
    padding-left: 0px;
        font-size:2vw;
       
}
    
    
    .header ul li a
    {
        float:right;
        padding-top:2.6vw;
        padding-right:0px;
    }
    .cardrow
    {
        padding:0px;
    }
    .cardcol
    {
        margin-right:0px;
        float:none;
        width:100%;
        padding:0px;
    }
    .cardcol:nth-child(odd) {
    margin-right: 0%;
}
  
    
    .bottom-background
{
    height:60vw;
    }
   .bottombg_text { 
       height:60vw;
}
}

@media(max-width:479px) {

.row{
  height: 21vh;

}
}

@media(max-width:767px)
{
    .index-page {
        overflow: visible;
    }
    .slide_wrapper
    {
    height:50vh;
    }
.bg_text {
background:rgba(0,0,0, 0.5); 
}
    .automotive_bg, .defence_background, .realestate_bg {
        background-attachment: initial;
 }

    .row
    {
        position:static;
        padding-left:25px;
        padding-right:25px;
        display:block;
        padding-top: 3vh;
        /* height: 21vh; */
    }
.slick-dots li.slick-active button:before {
    color: black;
    border:none;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    margin-left: 0px;
}
    .slick-dots li:not(:first-child)
    {
        margin-left:9px;
    }
    .slick-dots li button:before {
        font-size:25px; 
    }
    .slide-image
    {
        height:55vh;
    }
     .slide-image2
    {
        height:55vh;
        background-position:25%;
    }
     .slide-image3
    {
        height:55vh;
    }
     .slide-image4
    {
        height:55vh;
    }
     .slide-image5
    {
        height:55vh;
    }
    .slide-image6{
        height:55vh;
    }
    .row h1
    {
        color:black;
        margin-left: 0px;
        line-height:inherit;
        font-weight: 50;
    }
    .border
    {
        display: none;
    }
    .row p
    {
        color:black;
        padding-top: 4.5vh;
        font-size: 12px;
        height: 21vh;
    }
    .slick-dots
    {
        position:static;
        display:flex;
        align-items:center;
        justify-content:center;
/*
        height: 20vh;
        padding-top: 30px;
*/
    }
    .space{
        margin-top: -1.5vh;
    }


    .textwrapper
    {
        height:50vw;
    }   
        .contact-text
    {
        background-color:transparent;
        float:left;
        padding-left:20px;
       height:50vw;
    }
      .maillink
    {
        font-size:5vw !important;
    }
     .form
    {
        padding-left:20px;
        width:100%;
    }  
        input
    {
       
        width:90%;
        
    }
        .contactrow
    {
        width:100%;
        padding-left:20px;
        padding-top:15vw;
    }
        .contactcol
    {
        width:50%;
        padding-left:0px;
        opacity:0.8;
        float:left;
      
    }
        .coltxt
        {
            border-left:4px solid #DADADA;
        }
        .coltxt p
    {
            font-size: 2.4vw;
            line-height: 3.5vw;
        padding-left:10px;
    }
    
   .img_txt p {
    font-family: 'roboto.regular';
    font-size: 2.2vw;
    line-height: 1px;
}
    .img_txt span {
    color: #ffffff;
    opacity: 0.5;
    font-size: 1.5vw;
    line-height: 1px;
}
    .textrow
{
        padding-left: 0vw;
    padding-right: 0vw;
    padding-top: 20px;
    padding-bottom: 20px;
}
    .cardcol
{
margin-bottom:3vw;
}
    .footer
{
padding:20px !important;
text-align:center;
padding: 5vw;
}
    .main-nav{
        border-top: 1px solid black; 
    }
    .contact_footer
{
padding-top:27vw !important;
}
.imgrow {
    padding-left: 20px;
     padding-right:20px;
    }
    
   .imgcol {
    float: left;
    width: 48%;
    height: 45vw;
    background-color: lightgrey;
    margin-bottom: 20%;
    margin-right: 4%;
    position: relative;
} 
    .imgcol:nth-child(2n){
        margin-right: 0% !important;
    }
  .imgcol img {
    width: 100%;
    height: 45vw;
/*
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: grayscale(100%); 
*/
    }
    .mobile_txt
{  
   display:block;
    }
    .text
    {
        display:none;
    }
  .overlay
    {
        opacity:1;
    }
    .img_txt {
    color: white;
    color: black;
    font-size: 1.2vw;
    position: absolute;
    top: 120%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    }
    .img_txt span {
    color:black;
    opacity: 0.5;
}
    
}
/* @media(max-width:767px)
{

} */
@media (max-width:1200px) and (min-width:768px)
{
 .textwrapper
{
    height:40vw;
}   
    .contact-text
{
    background-color:transparent;
    float:left;
    padding-left:10vw;
   height:40vw;
}
    input[type="submit"]
    {
     margin-right:10%;
    }    
  
 .form
{
    padding-left:10vw;
    width:70%;
}  
    input
{
    border:none;
    width:90%;
    border-bottom:1px solid black;
    padding-top:4vw;
    outline:none;
    
}
  
    .contactrow
{
    width:90%;
    padding-left:10vw;
    padding-top:15vw;
}
    .contactcol
{
    width:40%;
    opacity:0.8;
    float:left;
  
}
   .coltxt
    {
        border-left:4px solid #DADADA;
    }
  
   
}

@media (min-width:768px) and (max-width:990px) {
    h1 {
        font-size: 25px;
    }
    .space{
        margin-top: -9px;
    }
    .slide-image2
    {
        background-position:30%;
    }
    
}

.slide_wrapper {
outline: none;
}

@media (min-width:768px) and (max-width:990px) and (orientation: landscape){
    .slick-dots{
        top: 15vh;
    }
   
}