/* ==========================================================================
   CSS Reset
   ========================================================================== */

html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}

/* ==========================================================================
   Global CSS
   ========================================================================== */
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

body{color: #333333;font-size: 18px; font-family: 'Roboto', sans-serif; background: #e7e7e7;}

.right{float: right !important;}
.left{float: left !important;}

.clear{}
.clear:before, .clear:after {display: table;content: "";line-height: 0;}
.clear:after {clear: both;}

a > img{border: none;}

.inner{width: 1048px;margin: 0 auto;position: relative;}
.inner:before, .inner:after {display: table;content: "";line-height: 0;}
.inner:after {clear: both;}
.mobile_show{ display: none;}
.mobile-menu, #undefined-sticky-wrapper{ display: none;}
#mobile_nav, #mobile_nav-sticky-wrapper{ display: none;}


/* ==========================================================================
   Slider
   ========================================================================== */
#slider{height: 400px;position: relative;overflow: hidden; padding-top: 30px;}
    .bg-slider{
        background-image: url('../images/slide_bg.jpg');
        background-position: center center;
        background-size: cover;
    }
    .bg-slider .gallery_li{
         margin: 0 auto;}
        .bg-slider .gallery_li img{
            
        }
    .slider_nav, .bx-controls-direction a {
        position: absolute !important;
        cursor: pointer !important;
        
        top: 50% !important;
        width: 50px !important;
        height: 50px !important;
        margin-top: -25px !important;
        
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        z-index: 200 !important;
        text-indent: -9999px !important;
    }
    .slider_nav#prev, .bx-prev{ left: 5px;  background: url('../images/arrow-left.png') !important; }
    .slider_nav#next, .bx-next{ right: 5px; background: url('../images/arrow-right.png') !important;}
    
    .slide-pager {
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        list-style: none; 
        
        bottom: 22px;
        
        display:block;
        text-align: center;
    }
    .slide-pager span, .bx-wrapper .bx-pager.bx-default-pager a { 
        float: none !important;
        display: inline-block !important;   
        cursor: pointer !important;
        background: #cddaec !important; 
        overflow: hidden !important;
        border-radius: 5px !important;
        width: 10px !important; 
        height: 10px !important; 
        margin: 0 2px !important;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #4c6989 !important;}
    .bx-wrapper .bx-viewport{
        background: none !important;
        border: none !important;
        box-shadow: 0 0 0 #000 !important;
        left: 0 !important;
    }
    #slider .inner{
        width: 1012px;
    }

/* ==========================================================================
   Nav
   ========================================================================== */
#nav{background: url(../images/nav-bg.png) repeat-x; text-align: center; height: 72px; line-height: 72px}
    #nav .root_menu{}
        #nav .root_menu li{display: inline-block;font-size: 20px;text-transform: uppercase;position: relative;
        margin: 0 17px;}
            #nav .root_menu li a{text-decoration: none;color: #fff;display: block; font-weight: 500; padding: 0 20px;}
            #nav .root_menu li a:hover, #nav .root_menu li a.active{background: url(../images/nav-list-item-hover.png) repeat-x;}

/* ==========================================================================
   Article
   ========================================================================== */

.ArticleBody{ }
    .ArticleBody, #content{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #feffff; padding: 0 45px 40px; 
    margin: 43px auto 53px;}
        .ArticleBody h1{font-size: 40px; line-height: 44px; font-weight: 700; padding-bottom: 35px;}
        .ArticleBody p{ font-size: 18px; color: #434242; line-height: 26px; padding-bottom: 30px;}
        .ArticleBody p.featured_paragraph{ font-size: 22px; line-height: 30px;}
        .ArticleBody a.btn{ display: inline-block; line-height: 54px; width: 190px; color: #fff; text-decoration: none; text-align: center; 
        font-size: 20px; margin: 10px 15px 40px; height: 54px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
        .ArticleBody a.btn:hover{
            opacity: 0.75;
        }
        .ArticleBody a.btn.blue{
          	background-image: -ms-linear-gradient(bottom, #45a9e1 0%, #56bff8 100%);
            background-image: -moz-linear-gradient(bottom, #45a9e1 0%, #56bff8 100%);
            background-image: -o-linear-gradient(bottom, #45a9e1 0%, #56bff8 100%);
            background-image: -webkit-linear-gradient(bottom, #45a9e1 0%, #56bff8 100%);
            background-image: linear-gradient(bottom, #45a9e1 0%, #56bff8 100%);
        }
        .ArticleBody a.btn.purple{
            background-image: -ms-linear-gradient(bottom, #6b2d61 0%, #933f84 100%);
            background-image: -moz-linear-gradient(bottom, #6b2d61 0%, #933f84 100%);
            background-image: -o-linear-gradient(bottom, #6b2d61 0%, #933f84 100%);
            background-image: -webkit-linear-gradient(bottom, #6b2d61 0%, #933f84 100%);
            background-image: linear-gradient(bottom, #6b2d61 0%, #933f84 100%);
        }
        .ArticleBody .vimeo_video{ margin-bottom: 30px;-moz-box-shadow: 0 0 15px rgba(3,3,3,.2); -webkit-box-shadow: 0 0 15px rgba(3,3,3,.2);
        box-shadow: 0 0 15px rgba(3,3,3,.2);}


/* ==========================================================================
   Footer Primary
   ========================================================================== */
#primary_footer{ background: #f0f0f0; padding: 43px 0 48px 40px;}
    #primary_footer p{color: #434242;font-size: 12px; line-height:22px; float: right; margin: 15px 0 0 ; width: 555px;}
        #primary_footer p strong{ font-weight: bold; }
    #primary_footer img{ display: inline-block; vertical-align: middle; margin-left: 55px;}
            
/* ==========================================================================
   Footer
   ========================================================================== */
#footer{background: #434242; font-size: 11px;line-height: 46px;text-align: center; font-family: Arial, sans-serif;}
    #footer a{color: #f3f3f4;text-decoration: none;padding-right: 5px;border-right: 1px solid #f3f3f4;
    line-height: 10px;float: left;margin: 18px 3px 18px;}
    #footer #footer_mobile{margin-left: 400px;}
    #footer #footer_help{border-right: none;}
    #footer a.footer{float: left;border: none;line-height: 46px;margin: 0;}
    #footer_charity{float: right;color: #bdc3c7; display:none;}
    #footer .footer_partner_box{ display: block; width: 434px; height: 48px; float: none; background: url(../images/ci-box-bg.png) no-repeat; 
    margin: 38px auto 0;}
    #footer .footer_partner_link{ display: block; float: right; width: 194px; height: 26px; -moz-border-radius: 2px; -webkit-border-radius: 2px; 
    border-radius: 2px; background-color: #47aed5; line-height: 26px; margin: 12px 12px 0 0; font-size: 12px;}
    #footer .footer_partner_link:hover{ background-color: #47beed; }
    #footer .footer{display: none;}
    
    
/* ==========================================================================
    Media Queries
   ========================================================================== */
    
/* Tablet Landscape */
@media only screen and (max-width: 1058px) {
    .clearfix:before,.clearfix:after{content:" ";display:table;}
    .clearfix:after{clear:both;}
    .clearfix{*zoom:1;} 
     
    .inner, #slider .inner{
        width: 960px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #slider{
        height: 384px;
    }
    #footer #footer_mobile{
        margin-left: 380px;
    }
  
  #footer_charity {display: none;}
  
}   
/* Tablet Portrait */
@media only screen and (max-width: 970px) {
     
    .inner, #slider .inner{
        width: 728px;
    }
    #slider{
        height: 305px;
    }
    #slider img, .o-slider-frame{
        width: 728px;
    }
    #nav .root_menu li{
        margin: 0 5px;
        font-size: 15px;
    }
    #nav .root_menu li a{
        padding: 0 18px;
    }
    .ArticleBody .vimeo_video{
        width: 100%;
        height: 300px;
    }
    .ArticleBody{
        padding: 50px 40px 40px;
    }
    #primary_footer img{
        margin-left: 15px;
    }
    #primary_footer p{
        width: 395px;
    }
    #footer #footer_mobile{
        margin-left: 250px;
    }
    
        
}
/* Mobile Landscape */
@media only screen and (max-width: 730px) {
    
     body{
        background: #fff;
    }
    .inner, #slider .inner{
        width: 420px;
    }
    #slider{
        height: 200px;
    }
    #slider img, .o-slider-frame{
        width: 420px;
    }
    #nav{
        display: none;
    }
    .ArticleBody{
        padding: 0 25px;
    }
    .ArticleBody{
        background: none;
    }
    .ArticleBody h1{
        font-size: 32px;
        line-height: 34px;
    }
    .ArticleBody p.featured_paragraph{
        font-size: 18px;
        line-height: 24px;
    }
    .ArticleBody p{
        font-size: 16px;
        line-height: 24px;
    }
    .ArticleBody a.btn{
        font-size: 16px;
        min-width: auto;
        padding: 0 25px;
        height: 43px;
        line-height: 43px;
        margin: 10px 4px 40px;
        width: auto;
    }
    #primary_footer p{
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 22px;
    }
    #primary_footer p span{
        font-size: 14px;
    }
    .mobile_hide, #footer .mobile_hide {
        display: none;
    }
    #primary_footer{
        text-align: center;
    }
    #primary_footer img {
        margin: 0 35px;
    }
    #footer #footer_mobile{
        margin: 0;
    }
    #footer a{
        float: none;
    }
    .mobile_show{
        display: block;
    }
    .slide-pager {
        bottom: -23px;
    }
    .slider_nav{
        display: none;
    }
    #footer{
        font-size: 13px;
    }
    #footer .inner{
        width: 100%;
    }
    .powered_by{
        font-size: 12px;
        text-align: center;
        background: #f0f0f0;
        color: #414141;
        height: 84px;
        line-height: 84px;
        display: block;
        width: 100%;
    }
    .powered_by img{
        display: inline-block;
        vertical-align: text-bottom;
        margin-left: 4px;
    }
    .ArticleBody{
        padding: 50px 10px 40px;
    }
    #mobile_nav, #mobile_nav-sticky-wrapper, #nav, .mobile-menu{
        display: block;
        width: 100%;
        z-index: 9999;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    #nav .inner{
        width: 100%;
    }
    .mobile-menu{
        display: block;
        background: #6c2e61 url(../images/mobile-menu-symbol.png) no-repeat right center;
        text-align: right;
        padding-right: 45px;
        height: 38px;
        line-height: 38px;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        font-family: 'Lato', sans-serif;
    }
    #mobile_nav ul, #nav .root_menu{
        display: none;
        position: absolute;
        top: 38px;
        width: 100%;
        z-index: 9999;
    }
    #mobile_nav ul li, #nav .root_menu li{
        padding: 0 0 0 28px;
        height: 30px;
        line-height: 30px;
        background: #502348;
        border-bottom: 1px solid #6c2e61;
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
    }
    #mobile_nav ul li a, #nav .root_menu li a{
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        text-transform: uppercase;
        text-align: left;
        padding: 0;
    }
    #mobile_nav ul li a:hover, #nav .root_menu li a:hover{
        background: none;
        opacity: .7;
    }
    .mobile-menu, #undefined-sticky-wrapper{ display: block;}
    #slider{
        padding-top: 50px;
        height: 230px;
        margin-top: 38px;
    }
    .ArticleBody, #content{
        margin: 0 auto;
        padding: 15px 0;
    }
    .bx-wrapper .bx-controls-direction a{
        display: none !important;
    }
}
/* Mobile Portrait */
@media only screen and (max-width: 430px) {
     
    .inner, #slider .inner{
        width: 300px;
    }  
     #slider{
        height: 195px;
         margin-top: 37px;
    }
    #slider img, .o-slider-frame{
        width: 300px;
    }
    #primary_footer img{
        margin: 0 15px;
    }
    .ArticleBody a.btn{
        margin-bottom: 10px;
    }
    #primary_footer{
        padding-left: 0;
    }
}


/* ==========================================================================
   Payment Group
   ========================================================================== */

   #content.systemPageContent {
      padding-top: 20px;
   }

    .systemPageContent .page_title {
      font-weight: bold;
      margin-bottom: 8px;
    }
   .systemPageContent .boxout_header_middle {
      font-weight: bold;
      font-size: 20px;
   }

   .systemPageContent .boxout_contents_type_GroupNavigation_ascx {
      font-size: 16px;
      margin-left: 6px;
   }

   .systemPageContent  a {
      font-style: italic;
      color: #333;
   }
   .systemPageContent .group_nav_selected a {
      font-weight: bold;
   }
    
   .systemPageContent input[type=checkbox], .systemPageContent input[type=radio] {
      margin-right: 7px;
   }
  
   .systemPageContent input[type=submit]{
      display: inline-block;
      width: auto;
      height: 25px;
      border: none;
      cursor: pointer;
      background-color:  #792777;
      color: #fff;
      border-radius: 3px;
      font-size: 14px;
      margin-top: 20px;
      padding: 0 5px;
   }
   .systemPageContent input[type=button]{
      display: inline-block;
      width: auto;
      height: 20px;
      border: none;
      cursor: pointer;
      background-color:  #792777;
      color: #fff;
      border-radius: 3px;
      font-size: 13px;
      padding: 2px 5px;
   }
    
  .systemPageContent select, .systemPageContent textarea {
      font-size: 14px;
   }

  .systemPageContent input[type=text] {
      font-size: 14px;
      margin-left: 5px;
   }
   .systemPageContent  table {
      text-align: left !important;
   }
   .systemPageContent  td b {
      text-align: left !important;
      margin-right: 10px;
   }
.article_content .validator, .Validator { font-family:arial, helvetica, sans-serif; color:red !important;}