﻿
html,body {direction:ltr;font-family: 'Montserrat', sans-serif;}

a {
    color: #4484df;
    text-decoration:underline;
}
header {position:absolute;left:0;width:100%;display:block;z-index:999;background-color:#fff;
        font-family: 'Montserrat', sans-serif;font-size:12px;top:0;}

#logo-container img {width:110px;margin:5px 0;}
body[data-page-id='1'] #logo-container img {width:160px;}
body[data-page-id='1'] header {top:10px;background-color:transparent;}
#logo-container a {display:inline-block;}
footer a, header a {text-decoration:none;}
#menu > li {
    /*width:calc(100% / (var(--topMenuItemsCount) + 0.3));
    display:inline-block;
    vertical-align:top;*/
    display:inline-block;
    padding:0 22px;
}


#menu > li.has-sub {position:relative;}
#menu > li.has-sub > ul {display:none;    list-style: none;
                         position:absolute;
    padding-left: 0;
    background: white;
    white-space: nowrap;
    width: fit-content;
    /*border-radius: 0 .25rem .25rem .25rem;*/
    top:34px;
    min-width:120px;
    padding-top:5px;
}

body[data-version='2'] #menu > li.has-sub > ul {
    background: rgba(255,255,255,0.5);
    border-radius: 0 .25rem .25rem .25rem;
    margin-top:5px;
}

#menu > li.has-sub:hover > ul,#menu > li.has-sub:focus > ul,
#menu > li.has-sub:active > ul {display:block;} 


#menu * {color:#4484df;z-index:99999;}
body[data-page-id='1'] #menu * {color:#fff;}
body[data-page-id='1'] #menu > li > a {padding-bottom:10px;}
body[data-page-id='1'] #menu > li.has-sub > ul{top:24px;}

#menu > li > a.active,#menu > li:hover > a {background-color:#fff;color:#4484df;/*border-radius:.25rem;*/}
#menu > li:nth-of-type(8) > a {background-color:#d62420;color:#fff;padding-bottom:10px;font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;}
#menu > li > a {padding:10px 8px;font-weight:100;padding-bottom:19px;}
#menu > li.has-sub > ul > li > a {
    color: #000;
    padding: 10px;
    display: block;
}
#slider1_container:after{content:" ";width:100%;height:100%;background-color:rgba(0,0,0,0.3);
                         z-index:9;position:absolute;}
#menu > li.has-sub > ul > li:hover > a {background-color:#4484df;color:#fff;}

body[data-version='2'] #menu > li > a.active {
    background-color: rgba(255,255,255,0.5);color:#000
}
body[data-version='2'] #menu > li:hover > a {background-color:rgba(255,255,255,0.5);color:#000;
                                             border-radius:.25rem .25rem 0 0;}

#slider1_container-content{
    position: absolute;
    z-index: 123;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    top:53%;
    left:0;
    width:100%;
    text-align:left;
    
    /*
    top: 29%;
    width: 650px;left:calc(50% - 300px);*/
}
#slider1_container-content .slider-button-container {margin-top:30px;}
#slider1_container-content .slider-button{padding:10px 25px;font-size:11px;font-weight:600;border:0;margin:0 15px;}
#slider1_container-content .slider-button:first-of-type{background-color:#fff;color:#000;}
#slider1_container-content .slider-button:nth-of-type(2){background-color:#4484df;color:#fff;}
#slider1_container-content h1 {font-weight:600;}
#slider1_container-content h4 {margin:20px 0;font-weight:500;}

#home-page-news-button-container {margin:20px 0;text-align:center;}
#home-page-news-button-container a{margin:0 20px;}

.btn-primary-4{    background-color: #4484df !important;color: #fff !important;border-bottom: #4484df;}
.btn-primary-5{    background-color: #fff !important;color: #4484df !important;border-bottom: #fff;}

#home-page-about {text-align:center;font-family: 'Montserrat', sans-serif;padding:0;}
.hp-section-title {
        font-weight: 600;
    line-height: 180%;
    text-align: left;
    letter-spacing: 3px;
    font-size: 25px;
    margin-bottom: 0;
    padding: 0.25rem;
    /* background-color: #fff; */
    color: #2b497b;
    /* border: 1px solid #4484df; */
    border-bottom: 1px solid #2b497b;
    margin-bottom: 20px;
}
.hp-section-hr-1{width:50px;border:1px solid #ececec;display:block;margin:auto;margin-top:15px;}
#home-page-about p {color:#000;font-size:14px;line-height:180%;
                    /*height:156px;margin-bottom: 20px;*/
                    background-color:#fff;
                    padding:20px;
                    /*border:1px solid #4484df;*/
                    border-top:0;
                    width:600px;
                    max-width:90%;
                    margin:auto;
}

#video-cover .hp-section-title {}

footer {background-color:#0d192b;color:#fff;padding:50px 0;margin:0 0 0 0;}
footer .social-buttons {margin-top:20px;}
footer .social-buttons a {color:#fff !important;}
footer .social-buttons > div {width:31.2%;display:inline-block;text-align:center;}

#newsletter-register-container {background-color:#fff;padding:50px;
                                border-right:0;border-left:0;
}
#video-cover {margin-bottom:50px;}
#hp-section-2 {background-color:#ececec;padding:30px 50px;}
#home-page-video {cursor:pointer;}
#video-des-1 .modal-footer {display:none;}
#video-des-1 .modal-body p {padding:0;margin:0;}
#video-des-1 .modal-body {padding:10px;}
#video-des-1 .modal-content {width:580px !important;}
.modal-header .close {float:left !important;margin-left:0 !important;padding-left:0 !important;}
.modal-title {margin:auto;}
#newsletter-register-container .title {color:#4484df;text-align:center;margin-bottom:20px;}
#home-page-sign-up {text-align:center;}

#home-page-sign-up > input {width:78%;display:inline-block;vertical-align:top;}
#home-page-sign-up > button {width:20%;display:inline-block;vertical-align:top;}
#menu {margin-top:28px;margin-left:0px;margin-bottom:0;padding-left:25px;}
body[data-page-id='1'] #menu {margin-top:20px;padding-left:0px;}

.btn-primary-2 {
    background-color: #fff !important;
    border-color: #4f8ae1 !IMPORTANT;
    color: #4f8ae1 !IMPORTANT;
}
.btn-primary-3 {
    background-color: #4484df !important;
    border-color: #4484df !IMPORTANT;
    color: #fff !IMPORTANT;
}

#video-cover .hp-section-title {}
.footer-col-title {font-weight:600;text-decoration:underline;margin-bottom:10px;}
.footer-col i{margin-right:10px;width:16px;display:inline-block;}
.footer-col {margin-bottom:10px;}
.footer-col a {color:#fff;}

body[data-version='2'] #newsletter-register-container {padding-bottom:0;}
body[data-version='2'] footer {padding-top:0;}
body[data-version='2'] footer .social-buttons a {
    color: #244574 !important;
    font-size:20px
}
body[data-version='2'] #home-page-video {margin-top:8px;}
.modal {z-index:99999999999999999 !important;}


.inner-header {height:400px;margin-top:70px;}
.inner-page {margin-top:30px;margin-bottom:80px;}
.inner-title {
    color: #4484df;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 25px;
    border-bottom: 1px solid #4484df;
    display: inline-block;
    padding-right: 20px;
}
.inner-page p {line-height:160%;}
.breadcrumb {border-radius:0 !important;font-size:12px;}
footer .logo-img {width:100%;}
.inner-header {background-size:cover;}

.foundaion-board {border:1px solid red;}
.foundaion-board > img {float:left;width:100px}

.member-board img {
    width:120px;
    float:left;
    margin-right:25px;
}
.member-board {
    margin:10px 0;
    font-size:15px;
    padding:10px;
}
.member-board:nth-of-type(2n+1)
{
    background-color:#ececec;
}
.member-board .exp {display:none;}
.member-board .open-modal {font-size:12px;}
.member-board-content {display:inline-block;    width: calc(100% - 160px);}
#member-board-modal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    padding: 0 10px;
    text-align: center;
    font-size: 17px;
    color: #4484df;
    font-weight: 400;
}
#member-board-modal .modal-body {
    font-size:14px;
    line-height:150%;
}
.member-board .member-board-name {color:#4484df;font-weight:500;margin-bottom:10px;}

.emeritus-member-board{display:inline-block;padding:8px;text-align:center;}
.emeritus-member-board img {width:90px;}
.emeritus-member-board .member-board-content {display:block;font-size:14px;width:100%;}
.emeritus-member-board .member-board-name {color:#4484df;font-weight:100;margin-bottom:10px;margin-top:10px;color:#000;}

body[data-page-id='5'] .member-board {
            margin: 4px 2px;
    font-size: 15px;
    padding: 10px;
    width: 49%;
    background-color: #ececec;
    display: inline-block;
    vertical-align:top;
    height:173px;
}

a[data-fancybox] {width:31%;display:inline-block;margin:1% 2% 1% 0;}
a[data-fancybox] img {max-width:100%;}

.donate-board {display:inline-block;width:214px;vertical-align:top;height:119px;padding:10px;margin:10px 10px 10px 0;    
               box-shadow: #999 2px 2px 5px;background-size:100%;background-repeat:no-repeat;
    border-radius: 10px;}
.donate-board b{font-size:17px;font-weight:600;}
.donate-board p{font-size:12px;margin-top:10px;}
.donate-board[data-img="Founders"] {background-image:url('/images/site/pages/Founders.jpg');}
.donate-board[data-img="Patrons"] {background-image:url('/images/site/pages/Patrons.jpg');}
.donate-board[data-img="Benefactors"] {background-image:url('/images/site/pages/Benefactors.jpg');}
.donate-board[data-img="Supporters"] {background-image:url('/images/site/pages/Supporters.jpg');}
.donate-board[data-img="Friends"] {background-image:url('/images/site/pages/Friends.jpg');}
.articleContent img {max-width:100%;}

.slider-button-container > a {border-radius:0;}

footer .footer-1-of-3-col {
    width: 24%;
    display: inline-block;
    margin: 0 5.5%;
    vertical-align: top;
    font-size: 12px;
    text-align: left;
}
footer .footer-1-of-3-col:last-of-type{
    margin-right:0;
}
    footer .footer-1-of-3-col:first-of-type {
        width: 140px;
        /*margin-right: 10.5%;*/
    }
footer .footer-1-of-3-col .logo-img
{
    max-width:100%;
    margin:auto;
    display:block;
}

.articleContent > table {border:0;}
.articleContent > table > tbody > tr td {background-color:#fff !important;font-size:14px;}
.articleContent > table > tbody > tr:nth-of-type(2n+1) td {background-color:#ececec !important;}
.articleContent > table > tbody > tr:first-of-type td {background-color: #4484df !important;border:0;}
body[data-page-id='22'] .articleContent > table > tbody > tr:first-of-type td {background-color: #ececec !important;}


#hp-section-1 {margin-top:-150px;padding:50px 0;}
#hp-section-1  img {max-width:100%;}
#hp-section-3{background-color:#fff;padding-top:20px;}
#hp-section-2{background-color:#ececec;}
#newsletter-register-container {background-color:#efefef;}

/*#hp-section-1 .col-md-4:nth-of-type(1) {background-color:#ececec;}
#hp-section-1 .col-md-4:nth-of-type(2) {background-color:#ddd;}
#hp-section-1 .col-md-4:nth-of-type(3) {background-color:#ececec;}*/

.breadcrumb {background:none !important;padding:0 !important;}
.breadcrumbsplit {margin:0 6px;}
.breadcrumb a {color:#0d192b;}




 body[data-page-id='8'] .form-row {}
  body[data-page-id='8'] .label-info,  body[data-page-id='8'] .label-group {color:#244574;display:inline-block; vertical-align:middle;}
  body[data-page-id='8'] .pre-post-mission thead td {color:#244574;font-size:12px;}
  body[data-page-id='8'] .form-row input,
    body[data-page-id='8'] .form-row select
   {vertical-align:middle;padding:5px;
                                          font-size:13px;
  }
  body[data-page-id='8'] .form-row{display:inline-block;width:50%;padding:1% 2% 1% 0;}
  body[data-page-id='8'] .form-group-title {color: #4484df;font-size:21px;margin-top:20px;font-weight:500;}
  body[data-page-id='8'] .label-danger {color:red;font-weight:100;font-size:18px;}
  body[data-page-id='8'] .parChild input {}
  
   body[data-page-id='8'] .form-row-2 {width:100%;display:block;margin-bottom:10px;}
     body[data-page-id='8'] .form-row-2 .input-group {width:18%;display:inline-block;}
      body[data-page-id='8'] .form-row-2 select.input-group {width:7%;padding:3px;}
      body[data-page-id='8'] .form-row-2 .label-group {width:18%;display:inline-block;font-size:12px;}
      body[data-page-id='8'] .form-row-2 .label-group:last-of-type {width:7%;}

      body[data-page-id='8'] input[readonly] {width:100px;background-color:#ececec;border:0.5px solid #999;padding:2.5px;}
      body[data-page-id='8'] #depositEnc{width:100px;}
      body[data-page-id='8'] .pre-post-mission input[type='date'] {width:140px;}
      body[data-page-id='8'] .form-row-3 {margin-bottom:15px;}

      body[data-page-id='8'] .preMiss_dbRoom_date,
      body[data-page-id='8'] .preMiss_sRoom_date,
      body[data-page-id='8'] .preMiss_dbRoom_date2,
      body[data-page-id='8'] .preMiss_sRoom_date2
       {display:inline-block;width:45%;}

      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(3) {width:250px}
      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(4) {width:50px}
      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(5) {width:100px}

      .form-group-title {margin-top:25px !important;}

      body[data-page-id='8'] .send-reg-form 
      {
          margin:auto;
          display:block;
          font-size:30px;
        background-color:#4484df;
        color:#fff !important;
        cursor:pointer;
        border:0;
        border-radius:0 !important;
      }

      .breadcrumb a {color:#4484df;text-decoration:underline;}


      #facebook-button {
          position: fixed;
            bottom: 150px;
            z-index: 1234;
            font-size: 19px;
            color: #fff;
            background-color:#29487d;
            width:40px;
            border-radius:0 50% 50% 0;
            padding: 5px;
      }
      #facebook-button i {
          width:28px;
          text-align:center;
          display:inline-block;
      }

      
        body[data-page-id='5'] .member-board img{width:151px;}
        
      body[data-page-id='5'] .member-board-content {    display:inline-block;width:56%;}
      body[data-page-id='4'] .member-board-content .open-modal {margin-top:10px;}

      #news-letter-submit-popup {width:19%;margin-left:0.8%;}

.hp_input{

}
div#newsleeter-signup-modal div {background-color:transparent;}
div#newsleeter-signup-modal .modal-dialog {
    
    background-image: url('/Images/Site/Pages/popupbg.jpg');
    background-repeat:no-repeat;
    border: 5px solid #fff;
    background-size: cover;
    background-position: center;
}
div#newsleeter-signup-modal .modal-content {
    background-color:rgba(255,255,255,0.7);
    border:0;
}
div#newsleeter-signup-modal .modal-footer{
    display:none;
}
.footer-1-of-3-col:last-of-type {
    margin-right: 0;
}
.articleContent {
    color: #000;
    font-size: 18px;
}

/*
#page-8-header {margin-bottom:30px;margin-top:30px;height:120px;}
#page-8-header * {height:100%;vertical-align:top;display:inline-block;}
#page-8-header #p8h-logo-container {width:200px;display:inline-block;position:relative;padding:10px;}
#page-8-header #p8h-image-container {width:20%;display:inline-block;position:relative;}
#page-8-header #p8h-content-container {width:calc(100% - 200px - 25%);display:inline-block;
                                       position:relative;background-color:#4484df;
                                       left:13px;
}
#p8h-logo-after {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 25px solid #fff;
  position:absolute;
  top:0;
  right:-30px;
  z-index:9999;
}
#p8h-image-container {position:relative;}
#p8h-image-after {
   width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 70px solid #4484df;
  position:absolute;
  right:-45px;
  top:0;
  z-index:999
}
#p8h-image-after2 {
    width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 70px solid #4484df;
  position:absolute;
  right:-45px;
  bottom:0;
  z-index:999
}
#p8h-image-after3 {
   width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 70px solid #fff;
  position:absolute;
  right:-32px;
  top:0;
}
#p8h-image-after4 {
    width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 70px solid #fff;
  position:absolute;
  right:-32px;
  bottom:0;
}
#p8h-content-container {
    padding:5px 0 5px 30px;
    font-size:35px;
    color:#fff;
}
#p8h-content-after {
   width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 70px solid #2e64b0;
  position:absolute;
  right:-32px;
  top:0;
}
#p8h-content-after2 {
    width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 70px solid #2e64b0;
  position:absolute;
  right:-32px;
  bottom:0;
}
#p8h-content-after3 {
   width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 70px solid #fff;
  position:absolute;
  right:-40px;
  top:0;
}
#p8h-content-after4 {
    width: 0; 
  height: 0; 
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 70px solid #fff;
  position:absolute;
  right:-40px;
  bottom:0;
}*/

#credit-card-button {
    display: inline-block; width: 100px; height: 26px; border-radius: 100px; padding: 10px 30px; box-sizing: content-box; background-color: #4484df; vertical-align: top; color: #fff; font-size: 18px; border: 0;
}
#pay-pal-button {
    display: inline-block; cursor: pointer; background: #ffc439; border-radius: 100px; padding: 10px 30px; box-sizing: content-box; vertical-align: top;
}

#page-8-header2 {margin-bottom:30px;margin-top:30px;height:100%;}
#page-8-header2 * {height:100%;vertical-align:top;display:inline-block;}
#page-8-header2 #p8h2-content-container {width:50%;display:inline-block;
                                       position:relative;background-color:#4484df;
                                       left:50%;
}
#p8h2-content-container {padding:110px 0px 0px 100px;font-size:50px;color:#fff;z-index:123;}


#p8h2-content-before {
   width: 0; 
  height: 0; 
  border-left: 200px solid transparent;
  border-right: 200px solid transparent;
  border-top: 200px solid #4484df;
  position:absolute;
  left:-200px;
  top:0;
}
#p8h2-content-before2 {
   width: 0; 
  height: 0; 
  border-left: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid #4484df;
  position:absolute;
  left:-200px;
  bottom:0;
}
.blueTable td {
    background-color: #4b85e073;
}
.amount{
    width:100px;
}
red{
    color:red;
    font-style:italic;
}
.flightInfo td input, .flightInfo td {
    width: 60px;
}
#totalSumTable {
    background-color: #386ab1;
    color: #fff;
    font-size: 29px;
    font-weight: 100;
}
    #totalSumTable td  {
       padding: 15px;
    }
        #totalSumTable td:last-of-type {
            text-align: right !important;
        }


        .vf_error {border:1px solid red;}
        .required:after {content:"*";}

        #participant-2-container,#children-container {display:none;}
        #par2_finalSignature-container {display:none;}

        #menu > li:nth-of-type(7) > a {
            background-color: #4484df;
            color: rgb(255, 255, 255);
            padding-bottom: 10px;
            font-size: 13px;
            padding-left: 9px;
            padding-right: 10px;
        }
        #menu > li:nth-of-type(7) > ul {
            top:25px;
        }
        #hp-section-4 {
            margin-top:20px;
    padding-top: 20px;
    padding-bottom: 37px;

    
        }

        #hp-section-4 img {width:100%;}

        .status.failed {color:red;}
        .status.success {color:darkgreen;}
        .status.in-progress {color:darkorange;}
        #request-brochure-modal p {display:none;}

        .event-date {
            display: inline-block;
            width: 80px;
            height: 80px;
            text-align: center;
            background-color: #ffffff;
            color: #fff;
            margin-right: 20px;
            border: 1px solid #ccdbf0;
        }
.event-date-con {
    text-decoration: none !important;
}
        .event-date .day {
            display:block;
            font-size:28px;
            font-weight:bold;
            margin:10px auto 0 auto;
            line-height:35px;
            color:#0e192b;
        }
        .event-date .month {
            color:#0e192b;
        }

        .event-content {
            display:inline-block;
        }

        .event-title {
            font-size:23px;
            font-weight:400;
            color:#4584df;
        }

        .event-date-text {font-weight:400;}


        .event-row:first-of-type .event-container {}

        .event-buttons {float:right;}

        #event-form-container .form-row 
        {
            display: inline-block;
            width: 100%;
            padding: 1% 0% 1% 0;
        }
        #event-form-container .form-row label {
            color: #244574;
            display: inline-block;
            vertical-align: middle;
        }
        #event-form-container .form-row input {
            vertical-align: middle;
            padding: 5px;
            font-size: 13px;
        }

        #event-form-container {margin-top:30px;display:block;width:50%;}
        #event-form-container .form-row {margin:0;display:block;}
        #event-form-container #event-rsvp-submit {margin:20px auto; display:block;
                                                  border-radius:0;padding-left:25px;padding-right:25px;
        }

        .event-share-buttons {margin-top:15px;  text-align:center;}
        .event-share-buttons i {margin:0 10px;cursor:pointer;color:#d62420;}
        .event-share-buttons i a {color:#d62420;}
        .event-share-buttons i:last-of-type {margin-right:0;}
        .event-share-buttons i:hover {color:#000;}
        .event-buttons .btn-primary-3 {width:100%; border-radius:0;}

        #hp-news {text-align:center;vertical-align:top;}
        #events-container {vertical-align:top; /*background: #edf3f4;*/}

        #hp-player-container {overflow:hidden;}

        #home-page-about .hp-section-title {text-align:center;   }

        #hp-section-5 {
            height: 500px;
            overflow: hidden;
            margin-top: -150px;
            z-index: -1;
            position: relative;
        }
        #hp-section-5-before {
            background-image: linear-gradient(to bottom, rgba(255,255,255,1) 10%, rgba(0,0,0,0));
            z-index: 9999;
            width: 100%;
            height: 350px;
            z-index: 9999999999999;
            position: absolute;
            top: 0;
        }
        #hp-section-5 img {
            width: 100%;
            position: relative;
            top: -100px;
        }
        #hp-section-5-after {
            background-image: linear-gradient(to top, rgba(255,255,255,1) 10%, rgba(0,0,0,0));
            z-index: 9999;
            width: 100%;
            height: 350px;
            z-index: 9999999999999;
            position: absolute;
            bottom: 0px;
        }
        #hp-all-events-button {padding-top:20px;display:block;text-align:center;}

        .event-row 
        {
            border-bottom: 1px solid #4584df;
            box-sizing: border-box;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        #events-container .hp-section-title {margin-bottom:0;}
        #events-container > .container {height:100%;}

        #events-container .event-container {
            top: calc((100% - 80px) / 2);
    position: relative;
        }

        body[data-page-id='36'] .event-row
        {
            margin: 20px 0;
            padding: 20px;
        }

        #event-register-status {text-align:center;}

        #event-form-participants-rows > div {margin:20px 0;border-bottom:1px solid #4484df;padding-bottom:20px;}
        #event-form-participants-rows > div:last-of-type{border-bottom:0;}
        #event-form-participants-rows .guest-index {color:#4484df;}
        #participants-count {width:200px;margin-bottom:10px;}

        #hp-news .hp-section-title {text-align:center;}


        .clearfix::after {
            display: block;
            clear: both;
            content: "";
        }

        body[data-page-id='5'] .member-board:first-of-type {display:block;margin:auto;margin-bottom:5px;}
        body[data-page-id='5'] .member-board p {margin-bottom:0;}

    /*here*/
    @media (max-width: 676px) {
        #slider1_container-content {width:100%;}

    #toggle { display: none; width: 28px; height: 30px; margin: 22px 0 0; float: right; } 
#toggle span:after,
#toggle span:before { content: ""; position: absolute; left: 0; top: -9px; }
#toggle span:after{ top: 9px; }
#toggle span { position: relative; display: block; }
#toggle span,
#toggle span:after,
#toggle span:before { width: 100%; height: 5px; background-color: #4484df; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; }

/* on activation */
#toggle.on span { background-color: transparent; }
#toggle.on span:before { transform: rotate(45deg) translate(5px, 5px); }
#toggle.on span:after { transform: rotate(-45deg) translate(7px, -8px); }
#toggle.on + #menu { opacity: 1; visibility: visible; }
	#toggle {     display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:999999;
	}

    #menu {display:none;background: #fff;margin-top:58px !important;padding-left:0;z-index:99999999999999 !important;}
    #menu > li {display:block;width:100%;border-bottom:1px solid #ececec;padding:10px;}
    #menu > li > a {color:#4484df !important;padding-bottom:0 !important;}

    #logo-container {position:absolute;}
    #logo-container img,body[data-page-id='1'] #logo-container img {width:110px !important;}
    #slider1_container {top:80px !important;}
    #logo-container a {text-align:center;display:block;}
    
    #menu > li:nth-of-type(8) > a {
        background-color: #d62420;
        color: #fff !important;
        padding-bottom: 10px !important;
        margin-top: 1px !important;
    }

    #home-page-sign-up .col-md-2 {margin:10px 0;}

    #slider1_container {z-index:123;}
    #menu .sub-menu 
    {
        /*display:block !important;
        position:static !important;
        padding-left:20px !important;*/
    }
    .inner-header {
        height: 160px;
        margin-top: 70px;
        background-repeat: no-repeat;
        background-size: cover;
    background-position: center;
    }
    .inner-page{margin-top:10px;padding:0 15px 0 20px;}

    footer .footer-1-of-3-col {display:block;width:100% !important;padding:0 30px;margin:40px 0;text-align:center;}
    footer .footer-1-of-3-col:first-of-type {text-align:center;margin-top:0;}
    footer .footer-1-of-3-col:first-of-type img {display:block;margin:auto;max-width:150px;}
    footer .social-buttons {max-width:180px;margin:auto;margin-top:20px;}
    .member-board-content {width:100% !important;display:block;}
    .emeritus-member-board {width:49%;}
    body[data-page-id='5'] .member-board {width:100% !important; display:block !important;}
    .donate-board  {margin:20px auto;display:block;}
    body[data-page-id='22'] .articleContent  h4 {text-align:center;}

    #slider1_container-content {
        position: static;
        z-index: 123;
        text-align: center;
        left: unset;
        top: unset;
        font-family: 'Montserrat', sans-serif;
        color: #4484df;
        margin-top: 88px;
    }
    #slider1_container-content h1 {font-size:30px;}
    #slider1_container-content h4 {font-size:20px;}
    #hp-section-2 {padding: 10px 0 2px 0;}
    html iframe,body iframe{width:100% !important;}
    #video-des-1 .modal-content {
        width: 100% !important;
    }
    .modal-header {text-align:center;}
    #newsletter-register-container {padding:20px;}
    #home-page-sign-up > button {
        display:block;
        width: 78%;
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
    }



    
 body[data-page-id='8'] .form-row {}
  body[data-page-id='8'] .form-row{display:block;width:100%;padding:1% 2% 1% 0;}
  body[data-page-id='8'] .form-group-title {color: #4484df;font-size:25px;margin-top:20px;font-weight:500;text-decoration:underline;text-align:left;
                                            margin-bottom:10px;
  }
  body[data-page-id='8'] .label-danger {color:red;font-weight:100;font-size:18px;}
  body[data-page-id='8'] .parChild input {}
  
   body[data-page-id='8'] .form-row-2 {width:100%;display:block;margin-bottom:10px;}
     body[data-page-id='8'] .form-row-2 .input-group {width:100%;display:block;}
      body[data-page-id='8'] .form-row-2 select.input-group {width:7%;padding:3px;}
      body[data-page-id='8'] .form-row-2 .label-group {width:100%;display:block;font-size:12px;}
      body[data-page-id='8'] .form-row-2 .label-group:last-of-type {width:7%;}

      body[data-page-id='8'] input[readonly] {width:100px;background-color:#ececec;border:0.5px solid #999;padding:2.5px;}
      body[data-page-id='8'] .pre-post-mission input[type='date'] {width:140px;}
      body[data-page-id='8'] .form-row-3 {margin-bottom:15px;}

      body[data-page-id='8'] .preMiss_dbRoom_date,
      body[data-page-id='8'] .preMiss_sRoom_date,
      body[data-page-id='8'] .preMiss_dbRoom_date2,
      body[data-page-id='8'] .preMiss_sRoom_date2
       {display:block;width:100%;}

    body[data-page-id='8'] .resp-table-container {
        overflow-x:auto;
    }
    body[data-page-id='8'] .pre-post-mission {width:500px;}

      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(3) {width:100%}
      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(4) {width:100%}
      body[data-page-id='8'] .pre-post-mission tr td:nth-of-type(5) {width:100%}

      .form-group-title {margin-top:25px !important;}

      body[data-page-id='8'] .send-reg-form 
      {
          margin:auto;
          display:block;
          width:200px;
        background-color:#4484df;
        color:#fff !important;
        cursor:pointer;
        border:0;
        border-radius:0 !important;
      }

      body[data-page-id='8'] .form-row-2.parChild input {margin:10px 0;}
      body[data-page-id='8'] .form-row-2.parChild select {width:100%;}

      #hp-section-1 {width:80%;}

      #facebook-button {
            font-size: 14px;
            background-color:#29487d;
            width:30px;
      }
      #facebook-button i {
          width:15px;
      }
      #Accessibility_Btn > img {
            width: 15px !important;
        }
      #Accessibility_Btn {
        width: 30px !important;
    }

      
      body[data-page-id='5'] .member-board img {width:200px;margin:auto;float:none;display:block;    margin-bottom: 20px;}
      body[data-page-id='5'] .member-board-content {    display: block;text-align: center;}
        body[data-page-id='5'] .member-board {height:unset !important;    border-bottom: 0.5px solid #4484df;
                                                  background-color: transparent !important;
        }

        
      #news-letter-submit-popup {width:100%;}
      #newsleeter-signup-modal .modal-title{margin:0 30px;}

      body[data-page-id='4'] .member-board img {
    width: 50%;
    float: none;
    margin-right: unset;
    display: block;
    margin: 20px auto;
}
      body[data-page-id='4'] .member-board:nth-of-type(2n) {
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}
      body[data-page-id='4'] .member-board-content .open-modal {
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

      body[data-page-id='8'] table,body[data-page-id='8'] tr,
      body[data-page-id='8'] td,body[data-page-id='8'] td * {width:100%;display:block;}

      body[data-page-id='8'] #balanceEnc,body[data-page-id='8'] #depositEnc {width:100%;}
      body[data-page-id='8'] #totalSum {width:90%;vertical-align:top;display:inline-block;}
      body[data-page-id='8'] #totalSum-sign {width:10%;vertical-align:top;display:inline-block;text-align:left;}

      body[data-page-id='8'] .table-des-8-11 tr {border-bottom:1px solid #4484df;}
        body[data-page-id='8'] .table-des-8-11 td {
            border-top: 0;
        }

        #hp-section-4{padding:0;}
        #hp-section-4 img {max-width:100%;width:auto !important;}


        .hp-section-title {text-align:center;}
        #events-container {    margin-top: 20px;
    background: #edf3f4;
    padding: 10px;}
        #home-page-about p {background-color:transparent;}
        .event-row {height:unset !important;margin:30px 0;}
        #events-container .event-container {top:unset !important;}
        .event-row .col-sm-12 {padding:0;}
        .event-content {
            height: 80px;
            padding-top: 2px;
            width: 100%;
            display: block;
            padding-left: 67px;
        }
        .event-buttons {
            float: none;
            margin-bottom:20px;
        }
        .event-date {margin-right:0;zoom:0.7;position:absolute;left:0;top:0;}
        .event-title {font-size:20px;}
        .event-date-text {font-size:15px;}

        #hp-section-5 {display:none;}

        #hp-section-1 {
            margin-top: 0;
            padding: 20px 0;
        }

        #hp-section-2 {
            background-color: #fff;
        }

        #newsletter-register-container .title {
                font-weight: 600;
                line-height: 180%;
                text-align: center;
                letter-spacing: 3px;
                font-size: 25px;
                margin-bottom: 0;
                padding: 0.25rem;
                /* background-color: #fff; */
                color: #2b497b;
                /* border: 1px solid #4484df; */
                border-bottom: 1px solid #2b497b;
                margin-bottom: 20px;
        }
        #home-page-sign-up > button {border-radius:0;}
        #event-form-container {width:100%;}

        #menu > li.has-sub > ul {position:static;}
        #menu .sub-menu {display:none;list-style: none;
    padding: 15px 25px;}
         #menu .sub-menu li {padding:10px 0;}
         #menu .sub-menu li a {color:#000;}

         #menu > li:nth-of-type(7) > a , #menu > li:nth-of-type(8) > a {
            background-color: #fff;
            color:#4484df !important;
            padding-bottom: unset;
        }

      /*mobile here*/
}


