/**@keyframes main-row{

From{Bottom: -120px;}    
To{Bottom: 0px;}


}**/

body{background-color: #F5F4F1!important;}
.container-fluid{
width: 80%;

border: none;    
background-color: white;
height: 100%;
}



.container-fluid .main-section{
margin-bottom: 5em;

}




.container-fluid .main-section .main-row .col-one{border: none;

background-image: url('images/homepage/compressed/s-homeloan-min.jpg');
background-size: 100% 100%;
height: 350px;
width: 50%;


}
.container-fluid .main-section .main-row .col-one h2{border: none;
color: white;
text-align: center;
margin-top: 15px;
}

.container-fluid .main-section .main-row .col-one #col-one-overlay{

border: none;    
width:50%;
height: 100%;

left: 0px;
bottom: -1px;
position: absolute;
font-weight: bold;
background-color: #034EA2;
color: white;
}

.container-fluid .main-section .main-row .col-one #col-one-overlay .credit-list ul{border: none;
padding-top: 1em;
padding-bottom:1em;
}

.container-fluid .main-section .main-row .col-one #col-one-overlay .credit-list ul li{border: none;
margin: 0px;
list-style: none;
padding: 0px;
font-size: 0.94em;
margin-bottom: 13px;
}


.container-fluid .main-section .main-row .col-one #col-one-overlay .credit-list a{color: white;
border: none;

}


.container-fluid .main-section .main-row .col-two #col-two-overlay{
border: none;    
padding: 2em;
width:49.8%;
height: 100%;

bottom: -1px;
position: absolute;
font-weight: bold;
background-color: #034EA2;
color: white;
z-index: 999;
}


.container-fluid .main-section .main-row .col-two #col-two-overlay ul li{border-bottom: solid 1pt lightgray;
color: black;
margin: 1em;
}


.container-fluid .main-section .main-row .col-two #col-two-overlay .overlay-popup{border: solid 2pt lightgray;
    border-radius: 5px;
position: absolute;
    right: 420px;
    top: -40px;
    width: 130%;
    text-align: center;
    background-color: white;
    color: black;padding: 1em;
}


.container-fluid .main-section .main-row .col-two #col-two-overlay .overlay-popup button a {color: white;
text-decoration: none;
}



.container-fluid .main-section .main-row .col-one #col-one-overlay ul li{list-style: disc;
margin: 1em;
height: auto;
border: none;
width: auto;
font-size: 12px;
line-height: 1em;
padding: .5rem 1rem;
}


.container-fluid .main-section .main-row .col-two #col-two-overlay ul li{list-style: none;}


.container-fluid .main-section .main-row .col-two #col-two-overlay ul li a{color: white;

}
.container-fluid .main-section .main-row .col-two{border: none;

background-image: url('images/homepage/compressed/s-startup-min.jpg');
background-size: 100% 100%;
height: 350px;
width: 50%;


box-shadow: 2px 2px 4px 2px lightgray;

}







.container-fluid .main-section .main-row {display: flex;
animation-name: main-row;
animation-duration: 800ms;
position: relative;
animation-delay: 0.15s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-webkit-animation-name: main-row;
-webkit-animation-duration: 800ms;
-webkit-animation-delay: 0.15s;
}



.container-fluid .main-section .second-row{
border: none;
width: 100%;
display: flex;

animation-name: main-row;
animation-duration: 800ms;
position: relative;
animation-delay: 0.3s;
-webkit-animation-name: main-row;
-webkit-animation-duration: 800ms;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 0.3s;

}


.container-fluid .main-section .second-row .col-left{width: 50%;


}


.container-fluid .main-section .second-row .col-right{width: 50%;
border: none;
background-image: url('images/homepage/investor_corner_Bg_01.jpg');

background-size: cover;
background-repeat: no-repeat;
}



.container-fluid .main-section .second-row #inv-rel-overlay{
background-color:#034EA2;
height: 100%;

position: absolute;
bottom: -1px;
width: 49.5%;
display: flex;
padding: 1em;

}

#inv-rel-head{border: none;
color: white;
}

.container-fluid .main-section .second-row #inv-rel-overlay ul{border: none;
padding-top: 30px;
text-align: justify;
width: 100%;

}



.container-fluid .main-section .second-row #inv-rel-overlay a{color: white;


}
.container-fluid .main-section .second-row #inv-rel-overlay ul li{border: none;
border-bottom: solid;

color: white;
padding: 5px;
list-style: none;

}


.container-fluid .main-section .third-row{border: none;
display: grid;
grid-template-columns: 33% 33% 33.6%;
grid-column-gap: 1pt;
display: -webkit-grid;
display: -moz-grid;
display: -o-grid;
-webkit-grid-template-columns: 33% 33% 33%;
-o-grid-template-columns: 33% 33% 33%;
-moz-grid-template-columns: 33% 33% 33%;

animation-name: main-row;
animation-duration: 1500ms;
position: relative;
animation-delay: 0.3s;
-webkit-animation-name: main-row;
-webkit-animation-duration: 1500ms;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
}

.container-fluid .main-section .third-row .col {
width: 100%;
height: 285px;

}

.container-fluid .main-section .third-row a .col h2{font-weight: 600;text-align: center;border: solid;
width: auto;
color: white;
}


#credit-list-one .overlay-popup{border: solid 2pt lightgray;
border-radius: 5px;
position: absolute;
top: -110px;
left: 160px;
width: 160%;
height: auto;
background-color: white;
color: black;
text-align: center;
z-index: 99999;
padding: 1em;


}

.overlay-popup p{text-align: justify;
display: grid;
font-weight: 500!important;
padding: 20px;
padding-bottom: 0px;
}

.overlay-popup img{width: 50%;
}



.overlay-popup h3{border: none;
font-weight: 700;
text-transform: uppercase;
}



#credit-list-two .overlay-popup{border: solid 2pt lightgray;
border-radius: 5px;
position: absolute;
top: -110px;
left: 330px;
width: 150%;
height: auto;
background-color: white;
color: black;
text-align: center;
z-index: 99999;
padding: 1em;
}




footer{border: none;
color: gray;


}


/** MEDIA  QUERIES **/
@media (max-width: 1100px){


.container-fluid {
    padding-left: 4em!important;
    padding-right: 4em!important;
}



.container-fluid .main-section .main-row {display: block;

}
.container-fluid .main-section .main-row .col-one, .container-fluid .main-section .main-row .col-two{width: 100%;}
.container-fluid .main-section .main-row .col-one #col-one-overlay{width: 100%;



}  
.container-fluid .main-section .second-row {display: block;
height: 100%;
}  
.container-fluid .main-section .second-row .col-left, .container-fluid .main-section .second-row .col-right{width: 100%;}

.container-fluid .main-section .second-row #inv-rel-col{border: none;
height: 250px;
background-size: cover;

}

.container-fluid .main-section .second-row .col-left .our-vision-carousel{border: none;
height: 200px;

margin-bottom: 3.75em;
}
.container-fluid .main-section .second-row .col-left .our-vision-carousel #myCarousel img{border: none;
height: 250px;
}


.container-fluid .main-section .third-row{display: block;


}




}