#search{
 width: 100%;
 height: 46px;
 margin-bottom: 20px;
 border: 1px solid #eee;
 padding: 10px 20px;
 border-radius:25px;

}
#search:focus{
 outline:none;
 -webkit-box-shadow: 0 6px 20px 0 rgba(21, 82, 24, 0.5);
         box-shadow: 0 6px 20px 0 rgba(21, 82, 24, 0.5);
}
#search:focus::-moz-placeholder{
 color: transparent;
}
#search:focus:-ms-input-placeholder{
 color: transparent;
}
#search:focus::-webkit-input-placeholder{
 color: transparent;
}
#search:focus::-ms-input-placeholder{
 color: transparent;
}
#search:focus::placeholder{
 color: transparent;
}
.filter {
 padding: 0;
 margin: 0;
 list-style: none;
}
.filter > li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 160px;
 height: 46px;
 -webkit-box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
         box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
 border-radius: 50px;
 margin-bottom: 20px;
 text-align: center;
 padding: 5px;
}
.filter > li:hover {
 background-color: #034526;
}
.filter > li > a {
 color: #000;
 font-size: 13px;
 line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 160px;
    height: 46px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filter > li.active{
 background-color: #034526;
}
.filter > li.active a{
 color: #fff;
}
.filter > li:hover{
 cursor: pointer;
-webkit-box-shadow: 0 6px 15px 0 rgb(12, 44, 14);
        box-shadow: 0 6px 15px 0 rgb(12, 44, 14);
}
.filter > li:hover a {
 color: #fff;
 text-decoration: none;
}

.filterm {
 padding: 0;
 margin: 0;
 list-style: none;
}
.filterm > li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 width: 150px;
 height: 46px;
 -webkit-box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
         box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
 border-radius: 50px;
 margin-bottom: 20px;
 text-align: center;
 padding: 5px;
}
.filterm > li:hover {
 background-color: #034526;
}
.filterm > li > a {
 color: #000;
 font-size: 13px;
 line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 46px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.filterm > li.active{
 background-color: #034526;
}
.filterm > li.active a{
 color: #fff;
}
.filterm > li:hover{
 cursor: pointer;
-webkit-box-shadow: 0 6px 15px 0 rgb(12, 44, 14);
        box-shadow: 0 6px 15px 0 rgb(12, 44, 14);
}
.filterm > li:hover a {
 color: #fff;
 text-decoration: none;
}

.article{
 width: 100%;
 min-height: 120px;
 margin-bottom: 20px;
 border-radius: 15px;
 padding: 20px;
 color: #000;
 -webkit-box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
         box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.12);
}
/* .article:hover{
 -webkit-box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.5);
         box-shadow: 0 6px 40px 0 rgba(68, 114, 187, 0.5);
 cursor:pointer;
} */
.article .article_heading{
 font-size:23px;
 line-height: 1.5;
 margin: 0px 0 0px;
 font-weight: 900;
}
.article .article_category{
 font-size:14px;
 line-height: 1.0;
 color: #777;
 font-weight: 100;
 margin: 0 0 20px;
}
.article .article_text{
 font-size:16px;
 line-height: 1.5;
 color: #333;
}
.article .article_link{
 font-size:14px;
 line-height: 1.5;
}
.mark, mark{
 background-color: #fbff00;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.floraltext {
    font-size: 18px;
    color: #fff
}
.floralbg {
  background-attachment: fixed;  
  background-image: url("../img/bg-floral-white.png");
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-repeat: repeat;
}
.pagetext {
    font-size: 18px
}
.pageheader {
    color: #011d5a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
}

.mediabox-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediabox;
    animation-name: mediabox;
}

@-webkit-keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mediabox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mediabox-content {
    max-width: 680px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.mediabox-content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.mediabox-hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediaboxhide;
    animation-name: mediaboxhide;
}

@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mediaboxhide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.mediabox-close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
}

.mediabox-close:hover {
    opacity: 0.5;
}

@media all and (max-width: 768px) and (min-width: 10px) {
    .mediabox-content {
        max-width: 90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .mediabox-content iframe {
        height: 320px !important;
    }

    .mediabox-close {
        bottom: 362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .mediabox-content iframe {
        height: 220px !important;
    }

    .mediabox-close {
        bottom: 262px;
    }
}

@media (min-width: 767px) 
{
    ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: block;
    }
}

.custom {
  max-width: 1200px;
}

.bg-nav {
  z-index: 20;
  position: absolute;
  width: 100%;
  -webkit-transition:500ms;
  transition:500ms;
  background-color: rgba(255, 255, 255, 0.5) !important; 
}
.bg-nav.scrolled {
  z-index: 20;
  position: absolute;
  width: 100%;
  background-color:white !important;
  border-bottom: 2px solid #011d5a;
  -webkit-box-shadow: 0px 0px 20px 5px black;
          box-shadow: 0px 0px 20px 5px black;
}

.bg-nav2 {
  width: 100%;
  -webkit-transition:500ms;
  transition:500ms;
  background-color: white !important;
  -webkit-box-shadow: 0px 0px 20px 5px black;
          box-shadow: 0px 0px 20px 5px black;
}
.bg-nav2.scrolled {
  z-index: 20;
  width: 100%;
  background-color:white !important;
  border-bottom: 2px solid #011d5a;
  -webkit-box-shadow: 0px 0px 20px 5px black;
          box-shadow: 0px 0px 20px 5px black;
}

.bg-mobile{
  background-color:white !important;
  border-bottom: 4px solid #011d5a;
  -webkit-box-shadow: 0px 0px 20px 2px black;
          box-shadow: 0px 0px 20px 2px black;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 1 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    background-color: #011d5a;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    background-color: #011d5a;
}
.dropdown-divider {
  height: 0;
  margin: 01 0;
  overflow: hidden;
  /* border-top: 1px solid #034526 */
}
.dropdown:hover .dropdown-menu{
  display:block;
}

.bluebg {
    color: #fff
}