
/**********************************************/
/**********************
 * 
 * Sign up page
 * 
 * *********************

/*******************************/
/*
Sign up page tabs
***********************************/


/* Tabs */

  .tabssignup .single-tabsignup {
    /* Width is calculated for 6 tabs (100/6 = 16.6666666667). If you'll use more or less tabs just divide 100 with number of tabs and replace 16% in every line) */
    -ms-flex: 0 0 30;
    -webkit-box-flex: 0;
    flex: 0 0 30;
    max-width: calc(30- 10px);
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0 !important;
    cursor: pointer;
  }
.tabssignup .single-tabsignup:hover .et_pb_main_blurb_image, .tabssignup .single-tabsignup.current  .et_pb_main_blurb_image {
    filter: contrast(0) brightness(2);
}
  
  .tabssignup .single-tabsignup {

    border: 1px solid #d3dce8;
  }
  .tabssignup .single-tabsignup:hover, .tabssignup .single-tabsignup.current { border: 1px solid transparent;}
  
  .tabssignup .single-tabsignup:hover, .tabssignup .single-tabsignup.current {
    /* Set tab background color for hover and active state */
    background: #0021da!important;
       transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
.tabssignup .single-tabsignup.tootlipsignup:hover:after {
    top: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,33,8,0);
    border-top-color: #0021da;
    border-width: 15px;
    margin-left: -15px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;    
  }
.tabssignup .single-tabsignup.tootlipsignup.current:after {
    top: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,33,8,0);
    border-top-color: #0021da;
    border-width: 15px;
    margin-left: -15px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    
    
  }
  
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
.tabssignup .single-tabsignup.tootlipsignup:hover:after {
    top: 76%!important;
  
  }
.tabssignup .single-tabsignup.tootlipsignup.current:after {
    top: 76%!important;
 
    
    
  }
}




  
  .tabssignup .single-tabsignup:hover h4, .tabssignup .single-tabsignup.current h4 {
      /* You can set title hover color here */
    color: #fff;
  }
  .tabssignup .single-tabsignup:hover .et-pb-icon, .tabssignup .single-tabsignup.current .et-pb-icon {
    /* Set icon color for hover and active tab state */
    color: #0021da !important;
  }
  .tab_contentsignup .tabs_itemsignup {
    display: none;
  }

  .tab_contentsignup .tabs_itemsignup:first-child, .et-fb-root-ancestor .tab_contentsignup .tabs_itemsignup {
    display: block;
  }

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


    .tabssignup .single-tabsignup {
      -ms-flex: 0 0 50%; /* Two tabs in a row on mobile */
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: calc(50% - 10px);
      margin-top: 10px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    .tabssignup .single-tabsignup {
    -ms-flex: 0 0 25%; /* Three tabs in a row on tablet */
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    margin-top: 10px;
    }
  }




