@-webkit-keyframes showTab{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showTab{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

.tabsy>button{width:100%;font-family:inherit;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;background:0 0}
.tabsy>.tabButton{display:block;margin-top:1px;background:#fff;color:#000;text-align:center;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out; border-right: 1px solid #aaa; }
.tabsy>input{display:none}

@media screen and (min-width: 990px) {
   .tabsy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
   .tabsy>.tabButton{font-family: 'Open Sans', sans-serif, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; background-color:#e5e7ea; color:#626262; -webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;cursor:pointer;margin:10px; margin-right:0px;}
   .tabsy>input:checked+label{background:#e5e7ea ;color:#fff; font-family: 'Open Sans', sans-serif, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px;}
   .tabsy>input:hover+label{color:black; border-bottom:0;}
   .tabsy>.tab{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2; }
   .tabsy>.RadioTab:checked+label+.tab{display:block;}
   .tabsy>.RadioTab:checked+label+.tab>.content{-webkit-animation:showTab 250ms ease-in-out;animation:showTab 250ms ease-in-out}
   .tabsy>.tab{background:#fff;display:none}
   .tabsy>.RadioTab:checked+label{color:black;}
   .tabsy>.hidedtab{   display:none;  }
}

.tabButton{font-family:'Open Sans', sans-serif; font-size:15px;font-weight:600;padding:12px 25px 12px 25px;}
.tab{font-family:'Open Sans', sans-serif; padding:20px;text-align:left;border:0px solid #d8d8d8;width:100%}
@media screen and (min-width:990px){
	.main{max-width:700px}
}
@media screen and (min-width:990px){
	.main{width:100%}
}
@media screen and (max-width: 990px) {
	.tabButton {padding: 10px 20px;font-size:16px !important;}
	.tabsy>.checkTab:checked+label+.RadioTab+label+.tab {display: block}
	.tabsy>.checkTab:checked+label+.RadioTab+label+.tab>.content {-webkit-animation: showTab 250ms ease-in-out;animation: showTab 250ms ease-in-out}
	.tabsy>.tab {background: #fff;display: none}
	.tabsy>.checkTab:checked+label {font-family: 'Open Sans', sans-serif, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; background: white; color: black; font-weight:bold;}
	.tab {width:auto}
	.main label{position:relative;}
	
	.main label:after{ position:absolute;top:16px;right:15px;transform:translateY(-50%);width:20px;opacity:.5;transition:.2s ease;}

	.tabsy>.checkTab:checked+label:after{position:absolute;top:16px;right:-100px;transform:translateY(-50%);width:20px;opacity:.5;transition:.2s ease;}
	.tabsy>.tabButton{background-color:#e5e7ea; color:#626262;}

}
.content table td{padding-right:10px;}
.content {font-size:14px}
.tabsy{
	justify-content: center; 
	background: #e5e7ea none repeat scroll 0 0;
}