@charset "utf-8";
/* CSS Document */


.tab {
	display:inline-block;
	float:left;
	text-decoration: none;
	margin:0;
	margin-right: 5px;
	padding: 0 9px;
   border: 1px solid black;
   background-color: #eeeeee;
	line-height: 28px;
	cursor: pointer !important;
}

.tabBody {
	width: auto;
   padding: 8px 12px 12px 12px;
   border: 1px solid black;
   background-color: #f7f7f7;
   
}

div.tabs {
   cursor: pointer !important;
   font-size: 14px;
   display:block;
   height:29px;
   margin:0;
}

.tabHover {
	z-index: 300;
   border-bottom-width: 0;
   background-color: #cccccc;
}

.tabActive {
   background-color: #f7f7f7;
   border-bottom:1px solid #f7f7f7;
}

.tabs .button {height:28px;}

/********* product page ********/

.tabsContainer {
	
display : flex;
  justify-content : center;
	
	
	
}

.tabs2 .tab {
	display: block;
	text-decoration: none;
	margin:0;
	margin-right: 5px;
	padding: 0 20px;
   border: 1px solid #dbdbdb;
	line-height: 33px;
   font-size:1em;
   font-weight:bold;
   colour:#777;
	font-family: 'FreightSansProLight-Regular';
	background-color: #53b0e9;;
	color:#ffffff;
}

.tabs2 .tab:first-child {margin-left:0px;}

.tabBody2 {
	width: auto;
   padding: 38px 12px 12px 12px;
   border-top: 1px solid #dbdbdb;
  /* border-bottom: 1px dashed #dbdbdb;*/
   background-color: #ffffff;
}

.tabs2 .tabHover {
	z-index: 300;
   border-bottom-width: 0;
   background-color: #ffffff;
   color:#777;
}

.tabs2 .tabActive {
   background-color: #ffffff;
   border-bottom:1px solid #ffffff;
   color:#777;
}

.tabs2 .button {height:28px;}

@media(min-width:721px) and (max-width:818px){.tabs2 .tab {padding: 0 10px;}}
@media(min-width:641px) and (max-width:720px){.tabs2 .tab {padding: 0 5px; font-size:0.938em;}}
@media(min-width:436px) and (max-width:640px){.tabs2 .tab {padding: 0 10px;}}
@media(min-width:371px) and (max-width:435px){.tabs2 .tab {padding: 0 8px; font-size:0.938em;}.tabs2 .tab:first-child {margin-left:2px;}}
@media(min-width:355px) and (max-width:370px){.tabs2 .tab {padding: 0 8px; font-size:0.875em;}.tabs2 .tab:first-child {margin-left:2px;}}
@media(min-width:0px) and (max-width:355px){.tabs2 .tab span {display:none;} .tabs2 .tab {padding: 0 8px; font-size:0.938em;}.tabs2 .tab:first-child {margin-left:2px;}}