/* General
   ========================================================================== */
html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
      line-height: 1.5;
  color: #222222;
  -webkit-font-smoothing:antialiased;
}

a {
  color: #df3227;
  text-decoration: none !important;
}
a strong {
  color: inherit;
}
a:hover,
a:focus {
  -webkit-transition: all .25s ease; 
  transition: all .25s ease;
  text-decoration: none;
  color: #777;
}

img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
a img:hover {
  opacity: .6;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Hind', sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 300;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 30px;
}

input[type="submit"] {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.button, 
input.formButton,
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
p.submitterSwitch a {
  padding: 8px 20px;
  color: #fff;
  background: #3d5f7b;
  display: inline-block;
  border-radius: 0;
  font-size: 15px;
}

input.formButton.cancel,
input.cancel,
input[value=" Cancel "],
input[value=" Annuler "],
input[type="reset"],
input[value="Cancel"],
input#CartUpdateButton,
input#CartCancelButton {
    background: #aaa;
}

.button:hover,
.button:active,
.button:focus,
input.formButton:hover,
input.formButton:active,
input.formButton:focus,
button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input.formButton.cancel:hover,
input.formButton.cancel:active,
input.formButton.cancel:focus,
input.cancel:hover,
input.cancel:active,
input.cancel:focus,
input[value=" Cancel "]:hover,
input[value=" Cancel "]:active,
input[value=" Cancel "]:focus,
input[value="Cancel"]:hover,
input[value="Cancel"]:active,
input[value="Cancel"]:focus,
input#CartUpdateButton:hover,
input#CartUpdateButton:active,
input#CartUpdateButton:focus,
input#CartCancelButton:hover,
input#CartCancelButton:active,
input#CartCancelButton:focus,
p.submitterSwitch a:hover,
p.submitterSwitch a:active,
p.submitterSwitch a:focus {
  color: #fff !important;
  background: #537898;
}


.line-style {
      width: 70px;
    background: #ddd;
    height: 3px;
}



.mce-btn button {
    text-transform: none;
    letter-spacing: normal;
}
.mce-btn button:hover {
    background: none;
}



/* Error page login
   ========================================================================== */

.errorbox {
    border: 1px solid #FFCC00;
    padding: 5px 10px;
    margin: 25px 0 40px;
    font-size: 14px;
        color: #555;
}

.errorbox .boxhead {
    font-weight: bold;
}

table.LoginForm,
.login-form-wrap table {
    width: auto;
}

.login-form-wrap table td {
    padding: 0 10px 10px 0;
}

.login-form-wrap h2 {
    margin-top: 0;
}

.login-form-wrap div {
    text-align: left;
}

.login-form-wrap p.LoginRecoverMessage {
    margin-bottom: 25px;
}

.login-form-wrap h2 {
    margin: 30px 0 0;
    font-size: 36px;
    line-height: 1.1;
}

table.LoginRecoverForm {
    margin-bottom: 10px;
}

.info {
    border: none;
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 5px 10px;
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.info a {
  text-decoration: underline !important;
  color: #df3227;
  font-weight: normal;
}

.login-form-wrap .info {
    margin-top: 25px;
    font-size: 16px;
}


/* Header
   ========================================================================== */

header .container {
    padding: 0;
    position: relative;
    width: 100%;
    max-width: 1380px;
}

.logo {
    position: static;
    padding: 15px;
}

.logo p {
    font-family: 'Hind', sans-serif;
    display: none;
    color: #808285;
    font-size: 16px;
    margin: 0;
    padding-left: 10px;
    vertical-align: middle;
}

.logo img:hover {
  opacity: 1;
}

/* Utility Menu
   ========================================================================== */
.utility {
  text-align: right;
  float: right;
      margin-top: 40px;
    padding: 0 15px;
}

span.version_separator, span.this_version {
    display: none;
}

.VersionMenu {
    vertical-align: middle;
    line-height: 1.42857143;
    margin-left: 20px;
}
.version {
  color: #df3227;
  font-weight: 600;
  font-size: 14px;
}

span.fa.fa-shopping-cart {
    color: #1e252b;
    font-size: 18px;
    vertical-align: middle;
    line-height: 1.42857143;
    margin-left: 20px;
}

span.cart-items {
    position: relative;
}
span.item-in-cart {
    position: absolute;
    font-size: 12px;
    color: #1e252b;
    top: -4px;
}


span.social-wrap {
    margin-left: 12px;
}
span.social-wrap a {
    color: #1e252b;
    font-size: 18px;
    vertical-align: middle;
    line-height: 1.42857143;
    margin-left: 8px;
}

span.social-wrap i.fa.fa-twitter {
  color: #00acee;
}
span.social-wrap i.fa.fa-linkedin {
  color: #0072b1;
}


#footer span.social-wrap {
    margin: 0;
}
#footer span.social-wrap a {
    margin: 0 8px 0 0;
}


#footer a.button {
    color: #fff;
}


/* leanModal Search
   ========================================================================== */

  #search {
        position: absolute;
    left: 0;
    top: 0;
  }

#search img {
  max-width: 20px;
}

#search svg {
    width: 20px;
    height: 20px;
}

#search_form {
  right: auto !important;
  left: 0 !important;
  padding: 10px;
  text-align: left;
  top: 40px !important;
  background-color: #f6f6f6;
  position: absolute !important;
  z-index: 999999999 !important;
  -moz-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

#search_form input#searchinput {
    width: 100%;
    margin-right: 5px;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: bottom;
    height: 36px;
}

  #search_form td {
    width: 100%;
  }

#lean_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
  display: none;
}

.body-content .Search input[type="text"],
#footer .Search input[type="text"],
#footer input#mce-EMAIL {
    vertical-align: bottom;
    height: 36px;
    margin-right: 5px;
    max-width: 267px;
    width: 100%;
}

#footer input#mce-EMAIL {
    margin: 0 0 5px;
}

#footer.footer-fr .Search input[type="text"] {
    max-width: 241px;
}

#footer .Search h1 {
  display: none;
}


/* Top bar login
   ========================================================================== */
div.Login .Login {
    font-size: 14px;
    padding: 6px 20px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid #808285;
    color: #808285;
}
.Login, .utility .button {
    display: inline-block;
}
.utility .button {
    border: 1px solid #3d5f7b;
    line-height: 1.42857143;
    padding: 6px 20px;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 700;
}
.utility .button:hover,
.utility .button:active,
.utility .button:focus {
  border: 1px solid #537898;
}
div.Login {
  vertical-align: middle;
  line-height: 1.42857143;
}
div.Login .Login:hover {
    border: 1px solid #ccc;
    color: #ccc;
}
a.LoginUserLink {
    margin-left: 3px;
}
div.Login a {
    font-weight: 600;
}


/* SMenu
   ========================================================================== */

#SMenu {
  display: none;
}

.slicknav_menu {
    border-top: 1px solid #eee;
}

  #menu {
    position: relative;
  }

#menu a {
  font-weight: 600;
}

#menu #SMenu li ul {
  box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
  background: #fff;
}

#menu #SMenu li ul li {
  display: block !important;
}

.slicknav_nav a {
  color: #fff;
}

.slicknav_menu .slicknav_menutxt,
a.slicknav_btn.slicknav_open .slicknav_menutxt {
    color: #1e252b;
}

span.slicknav_arrow {
    padding-left: 6px;
    float: right;
}

.slicknav_menu .slicknav_icon {
    float: right !important;
}

.slicknav_menutxt {
    margin-right: 10px;
    position: relative;
    bottom: 2.5px;
}

.slicknav_btn {
   line-height: 100%;
    padding: 20px 15px 15px;
    font-size: 16px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #1e252b; 
    box-shadow: none !important; 
}
.slicknav_nav {
    padding: 0;
    margin: 0;
  }

.slicknav_nav li > a {
    background: #3d5f7b;
    padding: 15px;
    font-size: 16px;
    border-bottom: 1px solid #304f69;
    text-align: left;
}
.slicknav_nav li:last-child a {
    border: none;
}

.slicknav_nav ul {
  padding: 0;
}

.slicknav_nav ul li a {
    background: #2b4356;
    font-size: 15px;
}



/* BX Slider
   ========================================================================== */


.bx-wrapper .bx-next:hover {
  background-position: -43px -32px !important;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 -32px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e03127 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #bfbebe !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -35px !important;
}


/* Banner
   ========================================================================== */

.banner-hero {
  max-height: 580px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.banner-hero.banner-fr:after {
  content: "";
    background-color: rgba(0,0,0,.3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

@media (min-width: 768px) {
  .banner-hero img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page-editor .banner-hero,
  .page-preview .banner-hero {
    margin-top: 0;
  }
  /* .banner-hero img {
    max-width: none;
    height: 300px;
    width: auto;
  } */
  .banner-hero video {
    display: none;
  }
  .banner-hero #banner-hero-image {
    display: block !important;
  }
}
@media (max-width: 480px) {
  /* .banner-hero img {
    margin-left: -250px;
  } */
  .banner-hero video {
    display: none;
  }
  .banner-hero #banner-hero-image {
    display: block !important;
  }
}
.banner-hero .caption-content {
  position: absolute;
  /*top: 50%;*/
  bottom: 40px;
  top: auto !important;
  z-index: 999;
}
.page-editor .banner-hero .caption-content,
.page-preview .banner-hero .caption-content {
  top: 100px;
}
/*@media (max-width: 1700px) {
  .banner-hero .caption-content {
    bottom: 40px;
    top: auto !important;
  }
}
@media (max-width: 1199px) {
  .banner-hero .caption-content {
    top: 20%;
  }
}
@media (max-width: 991px) {
  .banner-hero .caption-content {
    top: 45%;
  }
}
@media (max-width: 767px) {
  .banner-hero .caption-content {
    top: 20% !important;
  }
}*/
.banner-hero figcaption {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .banner-hero figcaption {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .banner-hero figcaption {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .banner-hero figcaption {
    width: 1170px;
  }
}
.banner-hero figcaption > .navbar-header,
.banner-hero figcaption > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .banner-hero figcaption > .navbar-header,
  .banner-hero figcaption > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.banner-hero figcaption h1 {
    color: #fff;
    font-size: 55px;
    margin: 0 0 25px;
}
.banner-hero figcaption .banner-hero_subtitle {
  color: #fff;
  line-height: 1;
  margin: 0;
}
.banner-hero figcaption .banner-hero_link {
    background: transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #df3227;
    font-weight: 400;
    padding: 6px 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    font-size: 18px;
    white-space: normal;
    margin-top: 40px;
    max-width: 100%;
}
.banner-hero figcaption .banner-hero_link:focus,
.banner-hero figcaption .banner-hero_link:active:focus,
.banner-hero figcaption .banner-hero_link.active:focus,
.banner-hero figcaption .banner-hero_link.focus,
.banner-hero figcaption .banner-hero_link:active.focus,
.banner-hero figcaption .banner-hero_link.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.banner-hero figcaption .banner-hero_link:hover,
.banner-hero figcaption .banner-hero_link:focus,
.banner-hero figcaption .banner-hero_link.focus {
  color: #333;
  text-decoration: none;
}
.banner-hero figcaption .banner-hero_link:active,
.banner-hero figcaption .banner-hero_link.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.banner-hero figcaption .banner-hero_link.disabled,
.banner-hero figcaption .banner-hero_link[disabled],
fieldset[disabled] .banner-hero figcaption .banner-hero_link {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.banner-hero figcaption .banner-hero_link.disabled,
fieldset[disabled] a.banner-hero figcaption .banner-hero_link {
  pointer-events: none;
}
.banner-hero figcaption .banner-hero_link:hover {
  background: #e84a37;
  color: #fff;
}
.banner-hero figcaption .banner-hero_link:hover a {
  color: white;
}
@media (max-width: 991px) {
  .banner-hero figcaption h1 {
    font-size: 50px;
  }
  .banner-hero figcaption .banner-hero_subtitle {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .banner-hero figcaption h1 {
    font-size: 44px;
  }
  .banner-hero figcaption .banner-hero_subtitle {
    font-size: 26px;
  }
  .banner-hero figcaption .banner-hero_link {
    padding: 5px;
    line-height: 25px;
  }
}
.banner-hero-home {
  max-height: 600px;
}
@media (max-width: 1199px) {
  .banner-hero-home .caption-content {
    top: 20%;
  }
  .banner-hero-home figcaption h1 {
    margin-bottom: 10px;
    font-size: 50px;
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .banner-hero-home .caption-content {
    top: 10% !important;
        bottom: auto;
  }
}
@media (max-width: 991px) {
  .banner-hero-home figcaption h1 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  .banner-hero-home figcaption .banner-hero_subtitle {
    font-size: 26px;
  }
  .banner-hero-home figcaption .banner-hero_link {
    margin-right: 15px;
    outline: none;
    margin-top: 20px;
  }
}
@media (min-width: 1400px) {
  .banner-hero-home h1 {
    white-space: pre;
  }
}


/*.home-banner {
  position: relative;
}

.home-banner:after {
      content: "";
    background-color: rgba(0,0,0,.40);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home-banner img {
  width: 100%;
}

.banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 4vw;
    width: 100%;
    z-index: 2;
}

.banner-content h2 {
    color: #fff;
    font-size: calc(1.50235vw + 26.37px);
    position: relative;
    bottom: auto;
    margin: 0 0 20px;
    line-height: 1.25;
}

@media (min-width: 992px) {
 .banner-content {
    max-width: calc(300px + 30vw);
 }
}
*/



/* Body Content
   ========================================================================== */
#intro {
  text-align: center;
  padding: 0 0 60px;
}
#intro h1 {
  margin-top: 0;
  font-size: 30px;
}
#intro h2 {
  margin: 0;
  font-size: 32px;
}
#home-content hr {
  margin: 60px 0;
  border-top: 1px solid #ececec;
}
#home-content p {
  margin-bottom: 29px;
}
#home-content p:last-of-type {
  margin-bottom: 0;
}
#home-content h2 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .ftp-text {
    float: right;
  }
}

.body-content {
    margin: 30px 0 50px;
}

/* Sidebar
   ========================================================================== */

.sidebar h3 {
    font-size: 20px;
    margin: 0;
    color: #999;
    padding: 30px 0 10px;
}
#VMenu {
    margin: 0 0 50px;
    border: 1px solid #e4e4e6;
    list-style-type: none;
    padding: 0px;
}
#VMenu li {
    text-decoration: none;
    border: none;
    font-style: normal;
    border-bottom: 1px solid #eee;
}
#VMenu a {
    padding: 12px 20px;
    display: inline-block;
}

#VMenu ul li a {
    padding: 8px 8px 8px 0;
    font-size: 14px;
}

#VMenu ul li:last-child {
    border: none;
}

#VMenu a#thispage {
  color: #777;
}



#VMenu li span.VM_collapse a.menu,
#VMenu li span.VM_expand a.menu {
cursor: pointer;
display:inline-block;
width:85%;
}

.VM_collapse {
cursor: pointer;
display:block;
padding-right: 0;
background-image: url(plus.png);
background-position:95% center;
background-repeat: no-repeat;
}

#VMenu ul span.VM_collapse {
    background-position: 93.7% center;
}

.VM_expand {
background-image: url(minus.png);
background-position: 95% center;
background-repeat: no-repeat;
cursor: pointer;
display:block;
padding-right: 0;
}

#VMenu ul span.VM_expand {
    background-position: 93.5% center;
}

#VMenu ul ul span.VM_collapse, #VMenu ul ul span.VM_expand {
    background-position: 92.5% center;
}

#VMenu ul ul ul span.VM_collapse, #VMenu ul ul ul span.VM_expand {
    background-position: 90% center;
}

span.VM_expand a#thispage,span.VM_collapse a#thispage{
width:70%;
}


.vmenu {
    margin-left: 30px;
}
.vmenu a:before {
    font-family: FontAwesome;
    content: '\f111';
    font-size: 6px;
    position: relative;
    bottom: 3.5px;
    padding-right: 8px;
    color: #1e252b;
}



/* Breadcrumb
   ========================================================================== */
.pmenu {
    padding: 20px 0;
    font-size: 0;
    border-bottom: 1px solid #e4e4e6;
}
.pmenu a {
  color: #888;
  font-size: 13px;
}
.pmenu a:after {
    font-family: FontAwesome;
    content: '\f105';
    padding: 0 12px;
    cursor: default;
}
.pmenu a:last-child:after {
    display: none;
}
.pmenu a:hover {
  color: #777;
}
.pmenu a:first-child {
  padding-left: 0;
}



.pmenu.MemberLogPath {
    padding: 0;
    font-size: 16px;
    border: none;
}



.ZineArticle .ZineAbout {
  text-align: left;
}



#eventsNews h3 {
    margin: 30px 0 0;
    background: #777;
    color: #fff;
    font-size: 20px;
    padding: 10px 15px 6px;
    border: 1px solid #e4e4e6;
    border-bottom: none;
}

#eventsNews .box {
    border: 1px solid #e4e4e6;
    padding: 15px;
}

#eventsNews .ZineTools {
  display: none;
}

.view_all, a.ZineToolArchives, a.view-all-postings {
  color: #777;
  font-size: 14px;
}
.view_all:hover,
.view_all:active,
.view_all:focus, 
a.ZineToolArchives:hover,
a.ZineToolArchives:active,
a.ZineToolArchives:focus,
a.view-all-postings:hover,
a.view-all-postings:active,
a.view-all-postings:focus {
  color: #aaa;
}
.view_all:before, a.ZineToolArchives:before, a.view-all-postings:before {
    font-family: fontAwesome;
    content: '\f133';
    padding-right: 8px;
    color: #4b5567;
}

a.ZineToolArchives:before {
  font-family: fontAwesome;
  content: '\f0ca';
}

a.view-all-postings:before {
   font-family: fontAwesome;
  content: '\f0cb'; 
}

p.ZineNoArticles {
    margin-bottom: 20px !important;
}

div.EvtCal .EvtCalRSS {
    display: none;
}

div.EvtCal table form {
    margin: 0;
}

/* Home News */

#homeNews .Zine h2,
#homeEvents h1 {
  display: none;
}

table.ZineTools tr {
  float: left;
  margin-right: 10px;
}

#homeNews .ZineDate{
    display: block;
    color: #777;
    font-style: normal;
    font-size: 14px;
}

#homeNews .ZineItem {
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
}


#homeNews .ZineSummaryIndex{
  text-align: right;
  padding:0;
}
#homeNews .ZineSummaryIndex a {
    color: #888;
    border: 1px solid #888;
    padding: 4px 15px;
    font-size: 14px;
    display: inline-block;
    display: none;
}
#homeNews .ZineSummaryIndex a:hover,
#homeNews .ZineSummaryIndex a:active,
#homeNews .ZineSummaryIndex a:focus {
  background: none;
  border: 1px solid #ccc;
  color: #ccc;
}

#homeNews .ZineAbstract{
  margin: 10px 0 25px;
  font-style: normal;
  font-size: 16px;
  display: none;
}

#homeNews .ZineIndex{
  margin-top:0;
}

#homeEvents .EvtCal p{
  margin: 0 0 20px;
  font-size:14px;
}



/* Home Events */

#homeEvents .EvtCalList dl {
    padding-bottom: 12px;
    margin-bottom: 14px;
}

#homeEvents .EvtCalList dt{
  font-size: 14px;
  color: #777;
  font-weight: normal;
}

#homeEvents .EvtCalList dd{
  margin-bottom: 10px;
  border-bottom: none;
  max-width: none;
  padding: 0;
}

#homeEvents .EvtCal:after{
clear: none;
}

#homeEvents a#viewallevent {
 position: absolute;
 bottom: 30px;
 left: 30px;
}




/* Events News Table */

#eventsNews td {
    width: 33.333%;
    vertical-align: top;
    padding: 0 10px;
}
#eventsNews td:first-child {
    padding-right: 20px;
    padding-left: 0;
}
#eventsNews td:last-child {
    padding-right: 0;
    padding-left: 20px;
}
@media (max-width: 767px) {
    #eventsNews td {
        display: block;
        width: 100%;
    }
    #eventsNews h3 {
        margin: 15px 0 0;
    }
}





#memberBoxes {
    padding-bottom: 60px;
}

#memberBoxes .thumbnail {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

#memberBoxes .thumbnail>a {
    display: block;
    overflow: hidden;
}

#careerPostings h2 {
    display: none;
}

#careerPostings .ZineTools {
    display: none;
}

#careerPostings .ZineItem {
    border: none;
    margin-bottom: 20px;
}

#memberBoxes a img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
}
#memberBoxes a img:hover {
    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}

#recordedLectures h3,
#annualMeeting p {
    margin-bottom: 20px;
}

.ZineItem .ZineSummaryIndex {
    text-align: left;
    padding: 20px 0 0;
}

/* Membership / Modules
   ========================================================================== */

.EvtRegRegistrants .blindbox .boxhead,
.Event .blindbox .boxhead {
    margin: 0;
    border: 1px solid #3d5f7b;
    padding: 10px;
    cursor: pointer;
}

.EvtFeeThankYou {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    padding: 15px 15px 12px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 22px;
}

.EvtRegHelp {
    margin-bottom: 10px;
}




/* Videos
   ========================================================================== */

.accordionbox .ZineSummary {
    font-weight: normal;
    font-style: normal;
    padding: 5px 15px 0;
    font-size: 14px;
}
.Zine th.accordioncontrol, .Zine th.accordioncontrol {
    padding: 15px;
    border-radius: 0;
    border-bottom: 1px solid #bbb;
}

.accordionbox .ZineBody {
  padding: 0;
}

.accordionbox iframe {
  max-width: 847px;
  width: 100%;
}






/* Pay
   ========================================================================== */

.Pay form#payment-form,
.stripe form#payment-form {
    overflow: auto;
}
.Pay form#payment-form .col-sm-4,
.stripe form#payment-form .col-sm-4 {
    width: auto;
}


/* Event Cal
   ========================================================================== */

.EvtCal h1 {
    font-size: 28px;
    color: #df3227;
}

.EvtCal table.EvtCalSm {
    width: 350px;
}

table.EvtCal th span.EvtCalHeader {
    color: #fff;
}
table.EvtCal th {
    background: #3d5f7b;
    border: 1px solid #3d5f7b;
}
div.EvtCal table.EvtCalSm th {
    background: #3d5f7b;
}


div.EvtCal table.EvtCalSm td.EvtDay {
    background-color: #27d4df;
}

div.EvtCal table.EvtCalSm td.EvtDay a {
    color: #fff;
}

.EvtCal form#EvtTypeSelector {
    margin-bottom: 30px;
}


@media (max-width: 600px) {
table.EvtCalSm form a img {
    display: none;
 }
.EvtCal table.EvtCalSm {
    float: none;
    position: static !important;
    margin-bottom: 10px;
  }
}




.EvtSessionRegistrant .popup {
    right: 18px !important;
}
div#popup1 .EvtFeeThankYou {
    font-size: 16px;
    padding: 10px 10px 7px;
}


/* Job Search
   ========================================================================== */

.job_search {
    border-bottom: 1px solid #e4e4e6;
}

div.job_search select, 
div.job_search input[type=text] {
    width: 100% !important;
    height: 36px;
    position: relative;
    bottom: 1px;
}

.job_search table {
    margin-right: 10px;
}
.job_search td.location_search {
    padding-left: 20px;
}

span.submit_job_form span, span.submit_job_form form {
    float: none !important;
    display: inline-block;
}

span.submit_job_form span {
    font-weight: bold;
    color: #3d5f7b;
}

.job_search h2 {
    border-top: 1px solid #e4e4e6;
    padding-top: 30px;
}

.job_search td.category_search, 
.job_search td.location_search {
    padding-right: 5px;
}

.ZineItem {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.ZineItem .ZineAbstract {
    font-size: 14px;
}

.ZineArticle .ZineAbout .ZineSummary {
    border-bottom: 1px solid #e4e4e6;
    padding-bottom: 40px;
}


form {
    margin-top: 15px;
}
form p {
    margin: 0 0 25px;
}

#search_form form {
    margin: 0;
}

ul.MembershipType {
    margin: 25px 0 0 40px;
    list-style-type: disc;
}

.ContactForm select {
    height: 34px;
}

.ContactForm table td {
    display: block;
    margin-bottom: 20px;
}

.new_contact h1, 
.edit_profile h1,
.Membership .account_history .Pay h1 {
    color: #e03127;
    font-size: 30px;
}

ul.Membership_update_profile_menu li a:hover {
    background-color: #ffdcda;
}

#Profile_Info img {
  margin: 15px 0;
}

@media (min-width: 600px) {
 #Profile_Info img {
    float: right;
    margin: 15px 0 0;
 }
}


#Profile_Info .Contact {
    border: 1px solid #e4e4e6;
    display: inline-block;
    padding: 30px;
    margin: 30px 0 0;
}

.contact_office {
    border-top: 1px solid #e4e4e6;
    margin-top: 25px;
}

.Membership h1.membername {
    display: none;
}

#Profile_Info #name {
    color: #3d5f7b;
    font-size: 26px;
}
#Profile_Info #name small {
    color: #999;
    font-size: 20px;
}
#Profile_Info #title {
    font-size: 20px;
}

#profile-header p {
    margin-bottom: 0;
}

.profile-social {
    margin-top: 25px;
}

#profile-header:after {
    content: " ";
    display: block;
    clear: both;
}

/********** Address Cards**********/

div.ContactPreview {
background-color: #f4f4f4;
border: 1px dashed #ddd;
padding: 5px 20px 15px 20px;
margin-bottom: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.ContactPreview:hover {
border-color:#df3227;
}




/* MISC page styles
   ========================================================================== */


.responsive-table table {
    border-collapse: collapse;
    width: 100%;
}
.responsive-table table th {
    background-color: #3d5f7b !important;
    color: #fff;
    vertical-align: middle;
}
.responsive-table table th {
    font-size: 14px;
    line-height: 1.4;
}
.responsive-table table th strong {
    font-weight: 600;
}
.responsive-table table th h3 {
    color:#fff;
}
.responsive-table table tr td:first-of-type {
    font-size: 14px;
}
.responsive-table table tr td:first-of-type strong {
    font-weight: 600;
}
.responsive-table table th,
.responsive-table table td {
    border: 1px solid #e4e4e6;
    padding: 8px;
}
.responsive-table table tr:nth-child(even) {
    background-color: #f8f8f8;
}
@media (max-width: 600px) {
 .responsive-table {
    display: block;
    overflow-x: auto;
 }
}


table.credit.Report {
    max-width: 400px;
}
table.credit.Report th {
    width: 148px;
    background: #666666;
    color: #fff;
    font-size: 14px;
}



ul.gallery li {
    margin-bottom: 15px;
}

.member-spotlight h3 {
    margin-bottom: 0;
    font-size: 20px;
}


.sig .box-wrap {
    border: 1px solid #e4e4e6;
    margin-bottom: 30px;
}

.sig h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    background: #777;
    border-bottom: 1px solid #e4e4e6;
    padding: 10px 15px 6px;
    font-weight: 400;
}

.awards .sig h3 {
    font-size: 16px;
}

.sig:first-of-type h3 {
    margin-top: 0;
}

.sig .box-wrap {
    padding: 15px;
}

.sig .box-wrap ul,
.sig .box-wrap ol {
    padding-left: 30px;
}

.sig .box-wrap a {
    padding-bottom: 15px;
    display: inline-block;
}


@media (min-width: 991px) {
  .sig .box-wrap {
    margin-bottom: 0;
  }
  .sig h3 { 
    margin: 30px 0 0;
  }
}


  .sig .box-wrap {
      height: 230px;
      overflow-y: auto;
  }



.meeting-photos .JGallery h1 {
    display: none;
}
.meeting-photos .JGallery ul {
    margin: 0;
}





/* Forum Styles
   ========================================================================== */
.ZineComments table th,
.ZineComments table td {
    text-align: left;
}
.ZineComment .ZineHeader,
.ZineComments table th,
.ZineComments table td,
.ZineComment .ZineAboutBody,
.ZineComment .ZineFooter {
  padding: 8px !important;
}
.ZineComment .ZineHeader {
    background-color: #3d5f7b;
    color: #fff;
}
.ZineComments table tr:nth-child(even) {
    background-color: #eee;
}
.ZineComments table.ZineIndex {
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex th {
    border: 1px solid #ddd;
    background: #3d5f7b;
    color: #fff;
}
.ZineComments table.ZineIndex td {
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex {
    background-color: transparent;
    border: 1px solid #ddd;
}
.ZineComments table.ZineIndex tr td a:visited {
    color: #aaa;
}
.ZineComment table.ZineTools br {
    display: none;
}
.ZineComment table.ZineTools td {
    padding: 0 5px !important;
}
.forum-table .ZineTools br {
    display: none;
}
.forum-table .ZineTools td {
    padding-right: 15px;
}
.ZineQuote {
  display: inline-block;
}
@media (max-width: 400px) { 
.ZineComments table.ZineIndex {
    font-size: 14px;
 }
}








/* Footer
   ========================================================================== */

#mainFooter {
    background: #f2f2f2;
}
#bottomFooter {
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
#bottomFooter p {
    margin: 0;
}
#mainFooter {
    padding: 0 0 30px;
}


#footer, #footer a {
  font-size: 14px;
  color: #555;
}

#footer h3 {
    font-size: 20px;
}
#footer .fa {
  font-size: 18px;
}
#footer a:hover, #footer a:hover .fa {
  color: #df3227;
    -webkit-transition: all .25s ease; 
  transition: all .25s ease;
}


#footer ul {
    list-style: none;
    padding: 0;
}
#footer ul li {
    margin-bottom: 15px;
}

#bottomFooter, 
#bottomFooter a {
    font-size: 12.5px;
}

footer .phone:before,
footer .email:before {
    font-family: FontAwesome;
    content: '\f095';
    padding-right: 4px;
}
footer .email:before {
    content: '\f003';
}





/******************** Subscribe ********************/


#mc_embed_signup {
    font-size: 15px;
    background: none;
    font-family: 'Open Sans', sans-serif;
}



/******************** Progress Bars ********************/


@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}





.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 15%;
}

.progress-bar[aria-valuenow="0"] {
  color: #333;
  min-width: 15%;
  background: transparent;
  box-shadow: none;
}

.progress-wrap {
    max-width: 100%;
    width: 100%;
}

.progress-wrap p {
    //float: left;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.members-home-header:after {
    content: "";
    display: table;
    clear: both;
}

@media (min-width: 991px) {
  .progress-wrap {
    max-width: 320px;
    float: right;
    margin-top: 8px;
  }
 .members-home-header h1 {
   float: left;
 }
}


@media (min-width: 1199px) {
.progress-wrap {
    max-width: 360px;
  }
}

/******************** Form Submit ********************/

.CartCheckoutButtons {
    position: relative;
}
.formSubmitted {
    position:absolute;
    top:0px;
    padding-top:10px;
    height:50px;
    background-color:white;
    width:100%;
}



/* Return to top
   ========================================================================== */
#return-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    color: #fff;
    display: none;
    z-index: 99999;
    text-align: center;
    background-color: #3d5f7b;
    border-radius: 2px;
    -webkit-backface-visibility: hidden;
    opacity: .9;
}
#return-to-top i {
    position: relative;
    bottom: 1px;
    line-height: 38px;
    font-size: 24px;
}
#return-to-top:hover {
  -webkit-transform:translate3d(0, -3px, 0);
  transform:translate3d(0, -3px, 0);
  opacity: 1;
}






/* alert msg */

.alert-msg {
    background: #1f2e3a;
    padding: 10px;
}
.alert-msg p {
    color: #fff;
    margin: 0;
    font-weight: 500;
}
.alert-msg a {
    color: #fd1608;
}



/* add pdf icon beside text */

span.pdf a:before {
    font-family: FontAwesome;
    content: "\f1c1";
    margin-right: 6px;
}





/* Board Nominations */

.board-nominations-wrap {
    margin: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.board-nominations-wrap h2,
.board-nominations-wrap h4 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
}
.board-nominations-wrap .row {
    margin-bottom: 40px;
}
.board-nominations-wrap .row:last-child {
    margin-bottom: 0;
}
.board-nominations-wrap button {
    font-size: 14px;
    padding: 6px 12px;
}
.modal-title {
    font-weight: 600;
}
.modal-body p,
.modal-body ul {
    margin: 0 0 20px;
}
.modal-footer button.btn.btn-default:hover,
.modal-footer button.btn.btn-default:active,
.modal-footer button.btn.btn-default:focus {
    color: #333 !important;
}
.board-nominations-wrap .modal-body a {
    font-weight: 600;
    text-transform: uppercase;
}

.modal-body h3 {
    font-weight: 600;
}


@media (max-width: 767px) {
.board-nominations-wrap .row {
    margin-bottom: 0;
 }
.board-nominations-wrap .col-xs-6 {
       margin-bottom: 30px
 }
}