.accordion_tabs{display:none}

/*  == tab heading */
.tabs { overflow:hidden;}
.tabs li{display:inline-block;  border-bottom:3px solid #e7e7e7}
.tabs li a{ color:#464646; display:block; font-weight:600; font-size:20px; padding: 15px 20px}
.tabs li:first-child a{ border-left: none; }
.tabs li a:hover, .tabs li a:focus{ color:#094da2;}
.tabs li::before {content: "";position: absolute;bottom: -5px;left: 5px;right: 5px;height: 5px;background-color: #094da2;opacity: 0;transition: all 0.25s ease-in-out;}
.tabs .active::before {content: "";position: absolute;bottom: -5px;left: 5px;right: 5px;height: 5px;background-color: #094da2;opacity: 0;transition: all 0.25s ease-in-out;}
.tabs .active a{ color: #094da2; border-bottom:3px solid #094da2}

/*  == tab content  */
.tab_content_wrapper{ overflow:hidden;  position:relative; transition: all .3s ease-in-out .3s; }
.tab_content{ transition: all .6s ease-in-out; padding:15px; background:#fff;}
.toggle_display{text-align:center}
.toggle_position{ position:absolute; }
.toggle_border{}
.invert_border{}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {
  .accordion_tabs{ display:block; }
  .tab_content_wrapper{ height:auto !important;}
  .tab_content{ transition:none; padding:10px;}
  .toggle_display{display:none;}
  .toggle_position{ position:relative; }
  .toggle_border{ border-width: 1px; }
}