@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:100,300,400,500,700,900');

/* Responsive Tabs - menucool.com/jquery-tabs */

.container1{ position: relative; min-height:435px; overflow: hidden; }

ul.rtabs
{
    text-align:left; /*set to left, center, or right to align the tabs as desired*/    
    font-size:0;
    margin:0;
    padding:0;
    list-style-type:none;
    position: absolute; 
    width: 100%;
    top:240px;
}
        
ul.rtabs li
{
    margin:0;
    margin-right:4px; /*gap between tabs. Set it to -1px for no gap.*/
    padding:0;
    display:inline;
    position: relative;
    z-index: 9000;
    
}
        
ul.rtabs li a
{
    padding:0 16px; /* It determines tab width */
    display:inline-block;   
    font-weight:normal;
    font-size:12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:34px;/* height of tabs */
    text-decoration: none;
    color:#222;
    background-color:#F5F5F5;
    background-image: linear-gradient(#f4f4f4, #eee 50%, #d9d9d9 50%, #f4f4f4);
    outline:none;
    position:relative;
    height: 170px;
    width: 20.11111%;
    margin-left: 1.6222222%;
}

.retail_deposts{ 
    background-image: url(../content/11-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.retail_loans{ 
    background-image: url(../content/12-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.payroll_banking{ 
    background-image: url(../content/13-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.student_banking{ 
    background-image: url(../content/14-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }




.corporate_deposts{ 
    background-image: url(../content/21-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.trade_finance{ 
    background-image: url(../content/22-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.sme_banking{ 
    background-image: url(../content/23-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }

.entrepre{ 
    background-image: url(../content/24-sh.jpg)  !important;   
    background-repeat:no-repeat !important; 
    background-position: center top !important; 
    background-size: 100% 100% !important;  }




.new_red{ font-size: 30px; color: #981217; font-family: 'Roboto', sans-serif; padding:20px 10px 5px; z-index: 9000; position: absolute; top: 20%; left: 5%; font-weight:300; }

.new_head{ font-size: 30px; color: #333; font-family: 'Roboto', sans-serif; padding:20px 10px; z-index: 9000;  position: absolute; top: 45%; left: 5%; font-weight:300; }


.overlay_rz{ position: absolute; height: 100%; width: 100%; background-color:#9c3836; opacity: 0; left:0; }
        
ul.rtabs li a:link, ul.rtabs li a:visited
{
    color:#222;
}
        
ul.rtabs li a:hover
{
    border-color: #DDD; /*color #1*/
    background-color:#eee;
    background-image: linear-gradient(#fcfcfc, #f9f9f9 50%, #e9e9e9 50%, #fcfcfc);
}
  
/*selected tab style */
ul.rtabs li.selected a
{
    color:#FFF !important;
    font-weight:normal;
    z-index:3;
}  

ul.rtabs li.selected a .overlay_rz
{
    opacity: 0.65;
}  

ul.rtabs li.selected a .new_red{ color:#FFF !important; }

ul.rtabs li.selected a .new_head{ color:#FFF !important; }
        
/*selected tab style on hover */
ul.rtabs li.selected a:hover
{
    text-decoration:none;
}

/* container of content panels */
div.panel-container
{
    border:none; /*color #1*/ 
    border-radius:0 4px 4px 4px;
    background-color:white; /*color #2*/
    position:relative;    
    padding:0px; margin:0px;
    outline:none;
    margin-top:-2px;
}

/* content panel */       
div.panel-container > div
{
    padding:0;
    
    /* The two settings below should not be changed. */
    display: block;
    margin:0px;
}  
div.panel-container div.inactive
{
    display: none;
}

/* loading image before ajax content is retrieved. Only applicable when Ajax is used.*/
div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; width:20px; font-size:0;padding:0; margin:0 auto; }


.left_div{ width: 73%; float: left; }
.left_div img{ width: 100%; }

.right_div{ width:23%; float: right; padding:2%; }


.left_div2{ width: 74%; float: right; }
.left_div2 img{ width: 100%; }

.right_div2{ width:22%; float: left; padding:2%; }



/* For mobiles */
@media only screen and (max-width:560px){
    ul.rtabs{
        box-sizing:border-box;
        border-left:1px solid #ccc;
        border-top:1px solid #ccc;
        min-width:260px;
    }

    ul.rtabs li{
        display:inline-block;
        box-sizing:border-box;
        margin-right:0;
        width:50%; /* set it to 100% for one column, 33.33% for three-column */
    }

    ul.rtabs li:last-child:nth-child(odd){
        width:100%;
    }

    ul.rtabs li a {
        border:none;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        display:block;
        padding:0;
        text-align:center;
        border-radius:0;
    }

    ul.rtabs li.selected a {
        background-color:#fff;
        background-image: linear-gradient(#fff, #fff 50%, #f4f4f4 50%, #fafafa);
    }

    div.panel-container {
        border-radius:0;
        min-width:260px;
        box-sizing:border-box;
    }
}

@media only screen and (max-width:1280px){
ul.rtabs li a
{
    width: 18%;
    margin-left: 1.6222222%;
}
}