@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;border: 1px solid #fbf5f5; }
.mResTabAccordA { display:inline-block; text-decoration:none; text-transform:uppercase; padding:8px 40px; color:#fff; background-color:#bb8f0a; font-size:25px;}
.tabNav li.active > .mResTabAccordA,  .mResTabAccordA.active { background-color:#0b6dd7; color:#fff; text-decoration:none; }
.mResTabAccordA:hover{ background-color:#e3af10; color:#fff; text-decoration:none; }
.tabContainer .tabContent {border:1px solid #ccc; padding:20px; 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; }
.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; background-color: white; box-shadow: 7px 7px #e0edf1;}
.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);}

#content .heading{font-size:45px; text-align: center;color: #1352e7;padding: 10px;background-color: white;margin-bottom: 50px;font-weight: 600;font-family: cursive; margin-top:20px;  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);}
#content .sub-h{
    color: #b50b25;
    font-weight: 500;
}
h1 .logo {
    color: #efe209;
    font-size:30px;
    font-weight: 500;
}
.r-title{
    float:none;margin:auto;text-align:center;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #content .heading{
        font-size:26px;
    }
    h1 .logo {
        font-size:18px;
    }
    
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    #content .heading{
        font-size:30px;
    }
    h1 .logo {
        font-size:20px;
    }
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    #content .heading{
        font-size:32px;
    }
    h1 .logo {
        font-size:24px;
    }
}
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    #content .heading{
        font-size:35px;
    }
    h1 .logo {
        font-size:28px;
    }
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    #content .heading{
        font-size:40px;
    }
  }
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #efefef;
      text-align: center;
  }
  .footer p {
    color: rgba(75, 74, 74);
    font-size: 14px;
margin: 2px; }