/*!---------- PLACE YOUR CUSTOM STYLES AND OVERRIDES HERE ----------*/


h1, h2, h3, h4, h5, h6
{
    color:#232D3C;
    font-family: 'Montserrat', sans-serif !important;
}

p, li, input, select, textarea
{
     font-family: 'Montserrat', sans-serif !important;
}

.stretchBg
{
    background-image:url("/assets/img/stretch.jpg");   
    background-size:cover
}
.webp .stretchBg
{
    background-image:url("/assets/img/stretch.webp");   
}

.header
{
    background-image:url("/assets/img/run.jpg"); 
    background-size:cover
}
.webp .header
{
    background-image:url("/assets/img/run.webp");   
}

.shoe
{
    background-image:url("/assets/img/shoe2.jpg");
    background-size:cover
}
.webp .shoe
{
    background-image:url("/assets/img/shoe2.webp");   
}
    
#igram .py-4
{
    padding-bottom:25px;
}

h1
{
    font-weight:bold;
    margin-bottom:30px;
}

.header-1 p.tagline
{
    font-weight:bold;
    font-size:38px;
    line-height:64px;
}

h2, h3, h4
{
    font-weight:bold;
}

h5
{
    font-size:18px;
}

#features ul.nav-pills li
{
    font-weight:bold;
}

#foundations h1
{
    font-size:54px
}
#foundations h2
{
    font-size:20px;
    line-height:26px;
}
#foundations h5, #loading h5, .faq h5
{
    font-weight:bold;
}

.text-white a
{
    color:#fff;
}

.text-white a:hover
{
    text-decoration:underline;
}

picture.logo
{
    margin:20px 0 20px -35px;
}

.col-md-6.intro h5
{
    width:90%;
}

.col-md-6.intro p
{
    color:#fff;
}

p.errors
{
    color:#fff;
    background:#e24548;
    padding:10px;
}
p.errors.pad
{
    margin-bottom:10px;
}
p.text-white.large
{
    font-size:24px;
    padding:7px 0 20px;
}
.fbIframe
{
    margin-right:25px;
}
.inner
{
    margin-top:40px;
}

.intro .inner
{
    float:none;
    max-width:100%;
    margin-top:10px;
    padding:30px;
}

.inner h4
{
    color:#fff;
    text-align:center;
    margin:0 0 10px;
    padding-top:20px;
}
.inner h4.hr
{
    padding-top:30px;
    border-top:1px solid #fff;
}
.inner i
{
    color:#fff;
    text-align:center;
    margin-right:20px
}

.inner ul li
{
    text-align:left;
}

.inner p
{
    color:#fff;
    margin:0;
}

.inner input
{
    margin:20px 0;
}

input.ohnohoney
{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.inner.yellow
{
    background-color: rgba(221,180,38, 0.498039);
}

.inner .btn
{
    background:#DDB429;
    border:2px solid #DDB429;
    color:#fff;
    width:50%;
    float:right;
    margin:20px 0 10px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif !important;
}
.inner .btn:hover
{
    background:#DDB429;
}

.inner p.checkoutLinks
{
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif !important;
}
.inner p.checkoutLinks a
{
    color:#DDB429;
}
.inner p.checkoutLinks a:hover
{
    text-decoration:underline;
}

.inner .btn:hover
{
    border:2px solid #fff;
    color:#fff;
}

.interested
{
    margin:10px 0 0;
}

.interested a
{
    background:#E24548;
    padding:20px;
    color:#fff;
    border-radius: 5px;
    display:block;
}

.interested a span
{
    text-decoration:underline;
}
.interested a:hover
{
    background:#DF2F32;
}
.cta-7 h5
{
    margin-bottom:20px;
}

.captcha
{
    margin:0 0 10px 0;
}
.banner
{
    text-align:center;
}

.banner p
{
    font-size:14px;
    padding:10px;
    color:#360e0c;
}

.footer p
{
    margin:0 !important;
    font-size:12px;  
}
.members .header h3
{
    color:#fff;
}
.members .header h4
{
    color:#fff;
}
.members .header p
{
    color:#fff;
}
.members .header ul
{
    color:#fff;
}
.members .header li
{
    margin:0;
    padding:0;
}

.members .bg
{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding: 40px;
    width: 100%;
}

.members .bg p
{
    margin:0;
}

.ajaxRenewalStatus input
{
    height:20px;
    border:1px solid #fff;
    padding:20px;
    margin: 10px 10px 0 0;
    width:20px !important;
    -webkit-appearance: checkbox !important;
}

.ajaxRenewalStatus p
{
    margin:5px 0;
}
.ajaxRenewalStatus label
{
    margin:0;
    color:#fff;
    font-weight:normal;
}
.ajaxRenewalStatus label a
{
    text-decoration:underline;
    font-weight:normal;
}
.ajaxRenewalStatus label a:hover
{
    text-decoration:none;
}

.ajaxRenewalStatus h4
{
    margin:30px 0 10px 0;
}

.ajaxRenewalStatus h5.active
{
    margin: 0px 0 5px;
    padding:10px 20px;
    text-align:center;
    color:#fff;
    width:100%;
    background: #10C669;
    border-radius:5px;
}
.ajaxRenewalStatus h5.expired
{
    margin: 0px 0 5px;
    padding:10px 20px;
    text-align:center;
    color:#fff;
    width:100%;
    background: #E3667B;
    border-radius:5px;
}

.renewNow
{
    margin:10px 0;
}
.renewNow button
{
    margin:10px 0 20px;
    background-color:#DDB429;
    border:none;
    padding:10px 20px;
    color:#fff;
    border-radius:5px;
    width:100%;
}
.renewNow button:disabled {
    background: #f0d26c;
}

.renewNow button:hover
{
    text-decoration:underline;
}
.renewNow button:disabled:hover
{
    text-decoration:none;
}
.standard h4
{
    margin: 20px 0 5px;
}


.standard p
{
    text-align:left;
    padding:0;
    margin:0;
}

.paymentHistory .paymentRow
{
    display:none;
}

.loginbtn
{
    background:#D3AE32;
    position:absolute;
    top:0;
    right:0;
    padding:10px 20px;
    z-index:1000;
    border-radius: 0 0 0 10px;
    text-transform:uppercase;
    font-size:12px;
}


.loginbtn a
{
    color:#fff;
    display:block;
}
.loginbtn a:hover
{
    text-decoration:underline;
}

.banner img.fb
{
    font-size:20px;
    float:right;
    color:#e24548;
    padding:8px 20px;
}

#footer
{
}
#footer img
{
    margin:10px 10px 20px -20px;
}

#footer p
{
    font-size:11px;
}

#footer ul
{

}
#footer ul li
{
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
#footer ul li.head
{
    font-size:14px;
    margin:5px 0 10px;
}

#footer ul li a
{
    color:#231F20;
}
#footer ul li a:hover
{
    text-decoration:underline;
}

#legals p
{
    font-size:11px;
    text-align:center;
    margin:0;
    padding:0;
}
#legals p a:hover
{
    text-decoration:underline;
}

section.bg-dark, footer.bg-dark
{
    background:#232D3C;
}

#nav
{
    background:#232D3C;
}


#nav .container .container-fluid
{
    padding:0;

}
#nav .navbar-collapse
{
    padding:0;

}

#nav .navbar-default
{
    background:#232D3C;
    border:none;
    border-bottom:3px solid #DDB429;
    margin:0;
    padding:0 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    z-index: 1000;
}

#nav ul
{
    margin:10px 0 10px;

}
#nav ul li
{
    font-size:16px;
    font-weight:normal;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif !important;
    margin-right:15px;
}


#nav ul.subNav li
{
    font-size:12px;
    margin:5px 0 0 15px;
    font-weight:bold;
}

#nav ul.subNav li.login
{
    background:#DDB429;
    border-radius:10px;
    padding:0px;
}

#nav ul li a
{
    color:#fff;
}
#nav ul.subNav li a
{
    padding:10px 15px;
}
#nav ul.subNav li.login a
{
    padding:10px 15px;
}
#nav ul li.active a
{
    background:none;
    color:#DDB429;
}
#nav ul li a:hover
{
    color:#DDB429;
}
#nav ul.subNav li.login a:hover
{
    color:#222222;
    font-weight:bold;
}

.features-2 h4, .features-2 h5
{
    text-transform:uppercase;
}


#pricingTable
{
    color:#fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding:40px;
    font-family: 'Montserrat', sans-serif !important;
}

#pricingTable td
{
    font-size:14px;
}

#pricingTable .price
{
    font-size:90px;
}
#pricingTable h4
{
    font-size:14px;
    color:#fff;
    text-align:center;
}
#pricingTable h6
{
    font-size:18px;
    color:#fff;
    text-align:center;

}

#pricingTable p.smallprint
{
    font-size:12px;
    margin:0;
}
#pricingTable p.local
{
    font-size:13px;
    margin:0;
}


#pricingTable tbody tr td + td
{
    text-align:center;
}
#pricingTable .price-container
{
    text-align:center;
    margin:0;
}

#pricingTable .getStarted a.btn
{
    background:#DDB429;
    color:#fff;
    border:2px solid #DDB429;
    text-transform:uppercase;
    margin:5px;
    padding:4px 15px;
    border-radius:15px;
    height:40px;
    line-height:30px;
}
#pricingTable .getStarted .btn:hover
{
    border:2px solid #fff;
}
div.tooltip-inner {
    max-width: 450px;
}

#dashboardTabs
{

}
#dashboardTabs ul
{
    margin: 0 0 40px;
}

#dashboardTabs ul li
{
}

#dashboardTabs ul li a
{
    background:none;
    color:#222;
    text-transform:uppercase;
    border:1px solid #fff
}

#dashboardTabs ul li.active a
{
    border:1px solid #222
}
#dashboardTabs h3
{
    margin-bottom:40px;
}
#dashboardTabs h6
{
    text-transform:none;
    text-align:center;
    font-size:22px;
    margin:10px 0;
}
#dashboardTabs .tab-pane ul
{
    margin:30px 0 10px;
}

#dashboardTabs .tab-pane ul li
{
    font-size:14px;
    color:#6d6d6d;
    background: url('/assets/img/darkTick.png') no-repeat left;
    padding: 5px 0 5px 40px;
}

#legalPage
{
}

#legalPage h1
{
    font-size:30px;
    margin:0 0 10px;
    line-height:normal;

}
#legalPage h2
{
    font-size:20px;
    line-height:normal;
    margin: 20px 0 10px 0;
}

#legalPage p, #legalPage li , #legalPage a
{
    font-size:13px;
    line-height:normal;
    margin:0;
    padding:5px 0;
    color:#222;
}

#legalPage .footerHeader
{
    background:url('/assets/img/footerTop.jpg') no-repeat left;
    margin:0px 0 0;
    padding:50px 0 20px;
    border-bottom:3px solid #D3AE32;
}
#legalPage .footerContent
{
    margin:40px auto;
}

#legalPage .footerContent ul, #legalPage .footerContent ol
{
    margin-left:20px;
}
#legalPage .footerContent li
{
    list-style:initial;
}

#legalPage .footerContent  #register
{
    margin:40px 0;
}
#legalPage .footerContent  #register input
{
    width:300px;
}
#legalPage .footerContent  #register input
{
    margin:0;
}

#legalPage .footerContent  #register p.smallPrint
{
    text-align:left;
    font-size:11px;
    margin:10px 0 0;
}

#legalPage .footerContent  #register input.submit
{
    font-family: 'Questrial',"Helvetica Neue",'Arimo', Helvetica, Arial, sans-serif;
}
#legalPage .footerContent  .errors
{
    padding:10px;
    margin:10px 0 0;
    color:#fff;

}



#mobileNavToggle
{
  display: block;
  position: relative;
  top: -60px;
  left: 20px;
  z-index: 1000000;
  -webkit-user-select: none;
  user-select: none;
}
.subMobileNav
{
    background:#222;
    padding:20px 0 15px;
}

.subMobileNav #mobileNavToggle
{
    top:0;
}

#mobileNavToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#mobileNavToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#mobileNavToggle span:first-child
{
  transform-origin: 0% 0%;
}

#mobileNavToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#mobileNavToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

#mobileNavToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#mobileNavToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}
#mobileNavToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}

#mobileMenu
{
  position: absolute;
  width: 280px;
  margin: -100px 0 0 -50px;
  padding: 50px 50px 50px 50px;
  padding-top: 125px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#mobileMenu li
{
  padding: 5px 0;
  margin:0;
  font-size: 18px;
  text-transform:uppercase;
  text-align:left;
  font-family: 'Questrial',"Helvetica Neue",'Arimo', Helvetica, Arial, sans-serif;
}

#mobilePricingTable
{
    color:#fff;
    text-align:center;
}
#mobilePricingTable  h4
{
    color:#fff;
    font-size:20px;
    margin:0px 0 0;
    padding:20px 0 20px;
}
#mobilePricingTable  h6
{
    color:#fff;
    font-size:30px;
    margin:20px 0 0;
    padding:30px 0 0;
    border-top:2px solid #fff
}

#mobilePricingTable table
{
    margin:auto;
    font-family: 'Questrial',"Helvetica Neue",'Arimo', Helvetica, Arial, sans-serif;
}
#mobilePricingTable tbody tr
{
    height:60px;
}
#mobilePricingTable tbody td
{
    text-align:left;
    text-transform:uppercase;
}
#mobilePricingTable tbody td + td
{
    text-align:center;
}
#mobilePricingTable a.btn
{
    background:#DDB429;
    color:#fff;
    border:2px solid #DDB429;
    text-transform:uppercase;
    margin:5px;
    font-size:26px;
    padding:6px 15px;
    border-radius:15px;
    height:48px;
    line-height:30px;
    width:100%
}
#mobilePricingTable .btn:hover
{
    border:2px solid #fff;
}

#blogPage .blogHeader
{
    background:url('/assets/img/footerTop.jpg') no-repeat left;
    margin:0px 0 0;
    padding:50px 0 20px;
    border-bottom:3px solid #D3AE32;
}
#blogPage h1
{
    font-size:50px;
    margin:10px 0 10px;
    line-height:normal;

}
#blogPage h2
{
    font-size:20px;
    line-height:normal;
    margin: 20px 0 10px 0;
}

#blogPage p, #blogPage li
{
    font-size:13px;
    line-height:normal;
    margin:0;
    padding:5px 0;
    color:#222;
}
#blogPage .blog
{
    margin:30px auto;
}

#blogPage .blog .article
{
    background:#fff;
    padding: 0 0 20px 0;
    margin:0 0 30px;
}

#blogPage .blog .article img
{
    margin:0 0 30px;
}

#blogPage .blog .article  h3
{
    padding:5px 25px;
    text-transform:uppercase;
    font-size:22px;
    font-weight:bold;
    line-height:inherit;
}
#blogPage .blog .article  h3 a
{
    color:#222;
}

#blogPage .blog .article  h3 a:hover
{
    color:#383838;
}


#blogPage .blog .article p
{
    padding:5px 25px;
    font-size:15px;
}

#blogPage .blog .article p.date
{
    font-size:12px;
    text-align:right;
    margin-top:10px;
}
#blogPage .blog .article p.category
{
    font-size:12px;
    text-transform:uppercase;
    margin-top:10px;
}

#blogPage .blog .article p.category a
{
    background:#EEEEEE;
    padding:5px 10px;
}
#blogPage .blog .article p.category a:hover
{
    background:#ccc;
}
#blogPage .blog .article.detail h2
{
    padding: 30px 20px 20px;
    font-size:26px;
    text-transform:uppercase;
    font-weight:bold;
}
#blogPage .blog .article.detail h3
{
    padding: 40px 25px 10px;
    font-size:20px;
    text-transform:none;
    font-weight:bold;
}

#blogPage .blog .article.detail ul
{
    margin:0px 20px 0 50px;
}
#blogPage .blog .article.detail ul li
{
    list-style:disc;
    font-size:15px;
}

#blogPage .blog .article.detail p
{
    line-height:20px;
}

#blogPage .blog .article.detail .bottom
{
    margin-top:20px;
}

#blogPage .blog .article.detail blockquote
{
    font-style:italic;
    border-left:8px solid #DDB429;
    margin: 10px 30px;
    background:#EEEEEE;
}

#blogPage .blog .article.detail blockquote p
{
    padding:5px 10px;
}

#blogPage .blog .latestFeatures h6
{
    font-size:26px;
    line-height:inherit;
    padding:60px 0;
    text-align:center;
    background:url("/assets/img/blogFeatures.jpg");
    background-size: cover;
    color:#fff;
    text-transform:none;
    margin: 0 0 30px;
}

#blogPage p.allPosts
{
    text-align:right;
    margin: 45px 0 0;
}

#blogPage .article.detail p.allPosts
{
    text-align:right;
    margin: 25px 0 0;
}


#blogPage p.allPosts a
{
    background:#222;
    border-radius:5px;
    padding:5px 10px;
    color:#fff;
}

#blogPage .blogRight
{
    background:#fff;
    margin:50px auto;
}

#blogPage .blogRight .recent
{
    margin:15px 20px;
}
#blogPage .blogRight .recent h4
{
    text-transform:uppercase;
    font-size:18px;
    font-weight:bold;
}

#blogPage .blogRight .recent ol
{

}

#blogPage .blogRight .recent li
{
    color:#222;
    font-size:24px;
    font-weight:bold;
    line-height:18px;
    padding:0px 0;
    margin:10px 0 20px;
}
#blogPage .blogRight .recent li span.name a
{
    font-size:14px;
    color:#222;
}

#blogPage .blogRight .recent li span.name a:hover
{
    color:#e24548;
}

#blogPage .blogRight .recent li span.name a:hover
{
    color:#e24548;
}

#blogPage .blogRight .recent li span.cat
{
    font-size:12px;
    display:block;
    font-weight:normal;
    margin:10px 0 0;
    text-transform:uppercase;
}
#blogPage .blogRight .recent li span.cat a
{
    background: #eee;
    padding:5px 10px;
    color:#e24548;
    font-weight:bold;
}
#blogPage .blogRight .recent li span.cat a:hover
{
    background:#ccc;
}

#blogPage .video
{
    margin:20px auto;
    width:640px;
    height:360px;
}
#blogPage .video iframe
{
    margin:0 auto;
    width:100%;
    height:100%;
}

#igram
{
    padding:0;
    padding-top:30px;
}

#igram .row
{

}
img.instagramLogo
{
    margin:20px 20px 40px;
}

#instafeed .igImage .canx
{
    margin:0!important;
    padding:0!important
}

#instafeed .square {
    float:left;
    position: relative;
    width: 100%;
    padding-bottom : 100%; /* = width for a 1:1 aspect ratio */
    margin:0%;
    margin-bottom:25px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}
#instafeed .square a
{
    display:block;
}

#mauaoEntry select
{
    width:100%;
    padding:15px 10px;
    margin:20px 0;
    border-radius:5px;
}

#support p.questions
{
    font-size:56px;
    font-weight:bold;
    line-height:64px;
}



@media (max-width:1376px)
{
#nav ul li
{
    font-size:14px;
    margin-right:10px;
}

#nav ul li span
{
    display:none;
}
}

@media (max-width:1116px)
{
    #nav ul li.supportNav
    {
        display:none
    }

  }

@media (max-width:768px)
{
    #blogPage .blog .article p.date
    {
        text-align:left;
    }
    #blogPage .video
    {
        margin:20px auto;
        width:426px;
        height:240px;
    }
    .header-1 .inner
    {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 6px;
        padding: 40px;
        width: 100%;
    }

}

@media (max-width:600px)
{
    #blogPage .video
    {
        width:272px;
        height:153px;
    }
    .intro img.logo
    {
        width:90%;
        margin-top:-20px;
        margin-left:-10px
    }

}