@charset "utf-8";
/*  mTab: Responsive Tabbing/Accordion Plugin */

.mResAccordion .mResTabNav {display:none;}
.tabNav:before, .tabNav:after { content: " "; display: table; }
.tabNav:after { clear: both; }
.tabNav { list-style:none; padding:0; margin:0 }
.tabNav li { float:left; padding:0 }
.mResTabAccordA { display: inline-block;
    text-decoration: none;
    padding: 10px 10px;
    color: #444444;
    border-bottom: 3px solid rgba(97, 87, 87, 0);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    /* background: #333; */
    margin-right: 0px; }
.tabNav li.active > .mResTabAccordA, .mResTabAccordA.active {      color: #fff;
    text-decoration: none;
    background: #fe8a10;
    border-bottom: solid 3px #fe7310; }
.tabContainer .tabContent {border-top:1px solid #ddd;}
.tabContainer .tabContent {opacity:0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.tabContainer .tabContent.mTabActive {opacity:1;  display:block; }
.mResTabbing .mResAccordAnchor { display:none; }
.mResAccordAnchor { display:block; margin-bottom:1px;  position:relative;}
.mResAccordAnchor > span { display:block; }
.mResAccordAnchor > span:after { display:block; position:absolute; right:0; top:0; bottom:0; width:30px; padding:5px; text-align:center; font-size:20px; content:'+' }
.mResAccordAnchor.active > span:after {content:'--';}
.mTabAnimated .tabContainer {position:relative;}
.mTabSimple .tabContent, .mTabAnimated .hideAfterAnim {display:none;}
.defaultState {position:absolute; left:0; top:0;}

.animBlock {-webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -ms-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; transition: all 600ms ease-in;}
.mTabAnimated .hideAfterAnim {
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);}

.mTabAnimated .defaultState { -moz-transform: translateY(100px);
-webkit-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);}

.mTabAnimated .mTabActive { -moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);}