/* New card design */

.education-campaign-item{
  margin: 10px 0;
}
.education-campaign-item-card-overlay {
    position: absolute;
    z-index: 90;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    /* background-color: black; */
    /* opacity: 0.5; */
    height: 30%;
    max-width: 230px;
}

.education-captain-btn {
    bottom: 20px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    min-width: 150px;
    max-width: 150px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
}

/* New menu design */

.sd-menu-wrapper {
    float: right;
    margin-top: 45px;
}
.mega-menu-link{
  color: #6a3300 !important;
}

#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    font-family: cronosProSemibold;
    font-size: 15px;
    letter-spacing: 1px;
    color: #6a3300;
    font-weight: normal;
}
#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 210px;
    border-top: 0px solid #e7eaed;
    border-left: 1px solid #e7eaed;
    border-right: 1px solid #e7eaed;
    border-bottom: 1px solid #e7eaed;
    padding: 0px 0px 0px 0px;
    background: #FF6600;
    background-color: #FBD375;
    max-width: none;
}
#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  border-bottom: 1px solid #eaa08c;
  padding: 5px 15px 5px 15px;
  letter-spacing: 1px;
  color: #6a3300;
  background: transparent;
  font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei;
  /* font-weight: 100; */
  font-size: 16px;
}

#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 1.5;
    text-transform: none;
}

#mega-menu-wrap-main-header-menu #mega-menu-main-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    width: 5px;
}

.form-site-top {
    margin-top: 180px;
}


.donation-dropdown:hover .donation-dropdown-menu {
  display: block;
  margin-top: -40px;
}

.donation-dropdown.open .donation-dropdown-menu {
  display: block;
  margin-top: -40px;
}

ul.dropdown-menu.donation-dropdown-menu {
  border-top: 0px solid #e7eaed;
  border-left: 1px solid #e7eaed;
  border-right: 1px solid #e7eaed;
  border-bottom: 1px solid #e7eaed;
  padding: 0px 0px 0px 0px;
  background: #FF6600;
  background-color: #FBD375;
  border-radius: 0;
  box-shadow: none;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  float: none;
  font: 400 16px/24px Karla,Arial,Tahoma,sans-serif;
  font-size: 13px;
  height: auto;
  left: auto;
  line-height: 30px;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
}

.donation-dropdown-menu>li>a{
  border-bottom: 1px solid #eaa08c;
  padding: 5px 15px 5px 15px;
  letter-spacing: 1px;
  color: #6a3300;
  background: transparent;
  font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei;
  /* font-weight: 100; */
  font-size: 16px;
}

.content-area{
  margin-top: 200px;
}

@media (max-width: 767px){
  .content-area{
    margin-top: 50px;
  }
}

#carousel-home{
  margin-top: 180px;
}
@media (max-width: 455px){
  #carousel-home{
    margin-top: 60px;
  }
}

@media (max-width: 767px){
  #cover-carousel {
      /* height: 180px; */

  }
  .banner .bg img {
      width: 100%;
      height: auto;
      /* margin-top: 100px; */
  }

  #cancer-link-box {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

.page-section {
  padding: 50px 0;
}
.primary-color-background{
  background-color: #fbaf17;
}
@media (min-width: 768px){
  .section {
      padding: 150px 0;
  }
}

/* Mobile Menu */

@media (max-width: 767px){

  .menu,.menu>li {
      float: left;
      font-size: 16px;
  }

  .menu>li {
      padding: 0 15px;
  }

  #soberman .menu>li {
      padding: 0 40px;
  }

  .menu > li > a {
      color: #6a3300;
      padding: 5px 0;
  }

  .menu>li>a:hover,
  .menu>li>a.on {
      color: #e03000;
  }

  .menu-hamburger {
      margin-left: 20px;
      height: 20px;
      display: none;
  }

  .submenu {
      position: absolute;
      z-index: 1;
      top: 100%;
      left: 0;
      box-shadow: 0 3px 5px #999;
      width: 100%;
      height: auto;
      background-color: #FBD375;
      overflow: hidden;
      display: none;
  }

  .submenu > div > ul {
      display: none;
  }

  #pink .submenu,
  #pink .sorting.open .dropdown-menu>li>a:hover,
  #pink .sorting.open .dropdown-menu>li>a:focus {
      background-color: #640a40;
  }

  #submenu > ul > li {
      /*min-height: 530px;*/
  }

  .shadow {
      margin-top: -1px;
      box-shadow: 0 0 5px #666;
      height: 1px;
  }

  .submenu-detail {
      margin-top: 60px;
      padding-bottom: 30px;
      /* height:509px; */
  }

  .submenu-detail>h4 {
      margin: 0;
      margin-right: 36px;
      border-bottom: 1px solid #eaa08c;
      padding: 10px 0;
      height:49px;

  }

  .submenu-detail>h4>.glyphicon {
      float: right;
      color: #eaa08c;
      display: none;
  }

  .submenu-detail a {
    color: #6a3300;
    /* font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei; */
    /* font-weight: 100; */
  }

  .submenu-detail a:hover {
      color: #050200;
  }

  .submenu-detail>ul>li {
      padding-top: 10px;
      padding-left: 0;
      line-height: 20px;
      /* font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei"; */
      /* font-weight: 100; */
      font-size: 16px;
      text-transform: none;
  }

    .menu-content {
        float: right !important;
    }

    #mega-menu-wrap-main-header-menu {
        height: 115px;
    }

    #mega-menu-wrap-main-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-header-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #e03000;
        color: #fff;
        padding-bottom: 40px;
    }

    #mega-menu-wrap-main-header-menu > #mega-menu-main-header-menu > li.mega-menu-item {
        padding-top: 55px;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
        color: #fff;
        font-size: 24px;
        padding: 0;
        border-bottom: 1px solid #fff;
        margin: 0 15px;
    }

    #mega-menu-wrap-main-header-menu > #mega-menu-main-header-menu > li.mega-menu-item {
        position: relative;
    }

    #mega-menu-wrap-main-header-menu .mega-menu-toggle {
        line-height: 115px;
    }

    #mega-menu-wrap-main-header-menu .mega-menu-toggle:before {
        font-size: 44px;
        color: #6a3300;
    }

    #mega-menu-wrap-main-header-menu .mega-menu-toggle.mega-menu-open:before {
        content: "\f333";
    }

    #mega-menu-wrap-main-header-menu .mega-menu-toggle:after {
        content: '';
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
        box-shadow: none;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu > li.mega-menu-item {
        margin: 0;
        width: auto;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        border-bottom: none;
        padding: 0;
        margin: 15px;
        line-height: normal;
        font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
        font-size: 22px;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item {
        margin: 0;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
        font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
        font-size: 22px;
    }

    .menu-hamburger {
        display: inline-block;
    }

    .submenu {
        height: auto;
        max-height: 500px;
    }

    .submenu.open .bd .submenu-detail > ul {
        display: none !important;
    }

    .submenu.open .bd ul,
    .submenu.open .bd .submenu-detail.on > ul {
        display: block !important;
    }

    #submenu > ul > li {
        min-height: unset;
        padding-bottom: 0;
    }

    #submenu > ul:last-child > li:last-child {
        padding-bottom: 20px;
    }

    .submenu-detail {
        margin-top: 40px;
        padding-bottom: 0;
    }

    .submenu-detail.two-nd {
        margin-top: 20px;
        display: none;
    }

    .submenu-detail>h4 {
        margin-right: 0;
        font-size: 14px;
    }

    .submenu-detail.two-nd>h4 {
        border-bottom: none;
        height: 39px;
    }

    .submenu-detail>h4>.glyphicon {
        display: inline-block;
    }

    #mega-menu-main-header-menu > .mega-menu-item-has-children > a {
        background: url("../images/desktop_img/general/desktop_general_btn_bottom_arrow.png") no-repeat right !important;
    }

    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
        color: #fff;
    }

    .menu-content .form-serch{
        padding: 0 10px;
        display:inline-block;

    }
    .menu-content .form-serch.active{
        background: #e6e4e3;
    }
    .form-serch-mobile{
        display: none;
    }
     .form-serch-mobile input{
        width: 100vw;
        right: 0;
        padding-left: 6px;
        border: #e6e4e3 solid 12px;
        outline:none;
         display: block;
    }

    .menu-hamburger{
        margin-left:0 ;
    }

}

.sd-blog-page {
    margin-top: 200px;
}

@media (max-width: 767px){
  .sd-blog-page {
      margin-top: 80px;
  }
}

.form-site-page {
    margin-top: 200px;
}

@media (min-width: 767px){
  #desktop-menu{
    display:block;
  }
  #mobile-menu{
    display:none;
  }
}

@media (max-width: 767px){
  #mobile-menu{
    display:block;
  }
  #desktop-menu{
    display:none;
  }
}

.container.pageContainer {
  margin-top: 180px;
}

.page-info-title{
  font-family: cronosProLight, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
  font-size: 36px !important;
  color: #1e1e1e !important;
}