@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;
    text-transform: uppercase; 
    /* padding:8px 20px;  */
    color: #fff; 
    /* background-color:#017260;  */
    width: 100%;
}
.tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
    /* background-color:#017260;  */
    color: #fff;
    text-decoration: none;
}
.tabContainer .tabContent {
    border: 1px solid #ccc;
    padding: 0px;
    background-color: #efefef;
}
.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;
    transition: visibility 0s, opacity 0.5s linear;
}
.mResTabbing .mResAccordAnchor {
    display: none;
}
.mResAccordAnchor {
    display: block;
    margin-bottom: 1px; 
    position:relative;
}
.mResAccordAnchor > span {
    display: block;
    font-size: 18px;
}
.mResAccordAnchor > span:after {
    display: block;
    position: absolute;
    right: 0; 
    top: 0;
    bottom: 0; 
    width: 40px;
    padding: 5px;
    text-align: center;
    font-size: 28px;
    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);
}

.tabbing{
    width: 100%;
}

/* Very Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 411px) {
        .mResTabAccordA {
            display: inline-block;
            text-decoration: none;
            text-transform: uppercase; 
            padding: 15px 20px; 
            color: #fff; 
            background-color: #017260; 
        }
        .tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
            background-color: #eab738; 
            color:#fff; text-decoration: none;
            padding: 15px; 
        }
    }
/* Extra small devices (phones, 600px and down) */
  @media only screen and (min-width: 411px) and (max-width: 600px) {
    .mResTabAccordA { 
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase; 
        padding: 15px 20px; 
        color: #fff; 
        background-color: #017260; 
    }
    .tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
        background-color: #eab738; 
        color:#fff; text-decoration: none; 
        padding: 15px;
    }
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) and (max-width: 768px) {
    .mResTabAccordA { 
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase; 
        padding: 15px 20px; 
        color: #fff; 
        background-color: #017260; 
    }
    .tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
        background-color: #eab738; 
        color: #fff;
        text-decoration: none; 
        padding: 15px;
    }
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width: 992) {
    .mResTabAccordA {
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase; 
        padding: 15px 20px; 
        color: #fff; 
        background-color: #017260; 
    }
    .tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
        background-color: #eab738; 
        color: #fff;
        text-decoration: none; 
        padding: 15px;
    }
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .example {
        background: orange;
    }
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    .example {
        background: pink;
    }
  }