/* Tab Content - menucool.com */

div.tabs
{
    padding: 0;
    line-height: 32px;
    font-size: 0;
    margin:0;
    text-align:center !important;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to adivgn the tabs as desired*/
}
        
div.tabs div
{
    display: inline-block;
    margin: 0;
    margin-right:0px; /*distance between tabs*/
    min-height:35px;
    background-color: #0e76bc;    
    display: inline-block;
        border-bottom: 4px solid #0e76bc;
}
        
div.tabs div a
{
    font-size: 1rem;
    text-decoration: none;
    position: relative;
    
    /*border: 1px sodivd #CCC;
    border-bottom-color:#B7B7B7;*/
    color: #fff;
    background-color:none;
    cursor:pointer;
    outline:none;
    display:block;
}
        
div.tabs div a:visited
{
    color: #fff;

}
        
div.tabs div a:hover
{
    /*border: 1px sodivd #B7B7B7;*/
    
    background-color: rgba(28, 120, 167, 0.92)
}

div.selected{
    background-color: #074D7B !important;
        border-bottom: 4px solid #BD3105 !important;
}

 /*div.selected::after {*/
  /* creating the triangle in css */
  /*content: '';
  position: absolute;
  top: 98%;
  left: 2em;
  height: 0;
  
  border: 8px solid transparent;
  border-top-color: #074D7B !important;
}*/
        
div.tabs div.selected a, div.tabs div.selected a:hover
{
    position: relative;
    top: 0px;
    /*font-weight:bold;*/
    /*background: white;*/
    /*border: 1px sodivd #B7B7B7;
    border-bottom-color: white;*/
}
        
        
div.tabs div.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
    border: 1px solid #B7B7B7; 
    padding: 30px;
    background-color:#FFF;
    
    height:375px;   
    border: 1px solid #CCC;
    /*border-radius: 0 3px 3px 3px;*/
}
.tabcontents div:first-child{
    display:block;
}
.tabcontents div{
    display:none;
    
}

@media only screen and (max-width:1366px) {

    div.tabcontents {
       
        height:291px;
    }
}
/*@media only screen and (max-width:842px) {
    div.tabs div a
{
    
        padding: 8px 313px;
   
}
    div.tabcontents {
        width:87%;
    }
}*/
@media only screen and (max-width:842px) {
    div.tabs div a
{
    
       
   
}
    div.tabcontents {
       
    }
}