/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
.accordion h4{ margin-bottom:0; font-size:18px;font-weight:500;}
.tab-content {padding:1em;border: 1px solid #6E95C2;border-bottom: 3px solid #6E95C2; border-top:none}
h4.expand a {padding:.7em; font-size:1.3em!important;margin-top: 0.75em;}
.expand a {display:block;}
.expand a:link, .expand a:visited {color: #E50051!important; text-decoration: none!important; position: relative; padding-left: 65px; background:#fff; border:1px solid #6E95C2; border-bottom:3px solid #6E95C2;
}
.expand a:hover, .expand a:active, .expand a:focus {color:#3BAF72;}
.expand a.open:link, .expand a.open:visited {color:#E50051; position: relative; padding-left: 65px;border-bottom: 0px;}
.expand a:before {content: '\e936';font-family: 'icomoon';speak: none;float: right; width:30px;height:31px;padding: .50em;position: absolute;left: 5px;top: 6px;color: #E50051;}
.expand a.open:before {content:'\e935';font-family:'icomoon';speak: none;padding-right:.5em;float: right;width:30px;height:31px;}
/*tabbed accordion*/
ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}
.tab-content p {-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}

@media screen and (max-width:575px){
.accordion h4 {font-size: 16px;}
}