/*##################################################################
# Responsive Tabs
#####################################################################*/
.responsive-tabs {
	max-width: 100%;
}
/* REQUIRED for core functionality 
NOTE: Taken from CSS from Script. Update upon script update */
.responsive-tabs__heading {
	display: none;
}
.responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

@media (max-width: 767px) {
.responsive-tabs__list {
	display: none;
}
.responsive-tabs__heading {
	display: block;
	cursor: pointer;
}
.responsive-tabs__panel--closed-accordion-only {
	display: none;
}
}

@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only {
	display: block !important;
}
}
/* END - Required for core functionality */
/* OPTIONAL - Basic Skin */
.responsive-tabs-wrapper {
	clear: both;
	zoom: 1;
}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
	content: "";
	display: table;
}
.responsive-tabs-wrapper:after {
	clear: both;
}
/*div.responsive-tabs-wrapper h2.responsive-tabs__heading--active {
	display: block;
	text-align: left;
	margin: 2% 0 0% 0;
}*/
.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
	outline: none !important;
}
.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
	outline: none !important;
}
.responsive-tabs__list {
	width: 100%;
	margin: 20px 0 0px 0;
	/*padding: 0;*/
	/*border-bottom: 1px solid #bbbbbb;*/
	border: none;
	padding: 0 0% 0em 0%;
	border-bottom: 12px solid #0173af;
}
.responsive-tabs__list__item {
	background-color: white;
	color: #0173af;
	padding: 10px 20px 10px 20px;
	margin-right: 0em;
	border: none;
	font-size: 20px;
	font-weight: normal;
}
.responsive-tabs__list__item:hover {
	background: #0173af;
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background-color: #0173af;
	border:none;
}

.responsive-tabs__panel {
	margin: 0% 0 2% 0;
	text-align: left;
	border: 1.75em solid #e6e6e6;
	padding: 1em 3em 1em 3em;
}
div.responsive-tabs-wrapper div.responsive-tabs__panel p {
	text-align: left;
}

@media (max-width: 767px) {
.responsive-tabs__heading {
	padding: 0.5em;
	border-radius: 0px;
	border: none;
	
	background-color: white;
	position: relative;
	font-size: 16px;
	font-family: Arial, sans-serif;
}
.responsive-tabs__heading--active {
	color: white !important;
	
	background-color: #0173af;
}
.responsive-tabs__heading:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 40%;
	width: 0;
	height: 0;
	border:none;
}
.responsive-tabs__heading:hover {
	
	background-color: #0173af;
}
/*.responsive-tabs__heading--active:hover {
	background-color: #eaeaea;
}*/
div.responsive-tabs-wrapper h2.responsive-tabs__heading {
	color: white;
	font-weight: normal;
	font-size: 23px;
	background-color: #0173af;
	margin: .5em 0 0em 0;
}
div.responsive-tabs-wrapper h2.responsive-tabs__heading--active {
/*	background: white;
	display: block;
	text-align: center;
	margin: 1% 0 0% 0;*/
	color: white;
}
.responsive-tabs__heading--active:after {
	border:none;
}
}

@media (min-width: 768px) {
/*.responsive-tabs__list:before {
	border-bottom: 1px solid #bbbbbb;
	content: "";
	min-width: 50px !important;
	max-width: 100px !important;
	display: inline-block;
	margin: 0px -1px -15px 0px;
}
.responsive-tabs__list:after {
	border-bottom: 1px solid #bbbbbb;
	content: "";
	min-width: 50px !important;
	max-width: 100px !important;	
	display: inline-block;
	margin: 0px 0px -13px -1px;
}*/

/*.responsive-tabs__list__item {
	background-color: white;
	color: #0173af;
	padding: .5em 2em .44em 2em;
	margin: 0px;
	border: none;
	font-size: 18px;
	font-weight: normal;
}	*/
.responsive-tabs__list__item {
	background-color: white;
	color: #0173af;
	padding: .75em 0em .5em 0em;
	margin: 0px;
	border: none;
	font-size: 1.5rem;
	font-weight: normal;
	width: 50%;
	display: inline-block;
	text-align: center;
}
.responsive-tabs__list__item:hover {
	background-color: #0173af;
	border:none;
	color:white;
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background-color: #0173af;
	border: none;
	color: white;
}
}
/* END - Optional - Basic Skin */
/*##################################################################
# END - Responsive Tabs
#####################################################################*/