:root {
--text-color: #111;
--active-color: #e1b261;
--active-color2: #66023C;
--active-color-navy: #000435;
}

body { font-size:14px;   font-family: "Questrial", sans-serif;  }

.main_content { margin:0; padding:0; }
.main_content > .inner { padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; width:100%;  max-width:100%; }

.main_content > .inner .article-title, .main_content > .inner .authordatetime, .main_content > .inner .backtohome.backtohometop, .main_content > .inner .backtohome.backtohomebottom, .main_content > .inner .detailTags.detailSiteTags, .main_content > .inner .pagetopgadget { display:none; }

.app-text-container-outer { margin:0; padding:0;  width:100%;  }

.app-text-container-outer .inner { margin:0 auto; max-width:1240px;   width:100%;  padding-top:80px; padding-bottom:80px;padding-left:10px; padding-right:10px; line-height:1.2 !important; color:#fff; }

.app-text-container-outer .inner .app-text-content { font-size:16px; }
.app-text-container-outer .inner .app-text-content p, .app-text-container-outer .inner .app-text-content div, .app-text-container-outer .inner .app-text-content ul li, .app-text-container-outer .inner .app-text-content ol li {font-size:16px; line-height:1.8; }

.app-text-container-outer .inner .app-text-content p { margin-bottom:28px; }
.app-text-container-outer .inner .app-text-content p:last-child  {margin-bottom:0; }
.app-text-container-outer .inner h2 { font-family: "Cormorant Infant", serif; font-size:42px; font-weight:500; color:#fff !important; }

.app-text-container-outer .inner h3 { font-family: "Cormorant Infant", serif; font-size:36px; font-weight:500; color:#fff ; }

.app-text-container-outer .inner h4 { font-family: "Cormorant Infant", serif; font-size:32px; font-weight:500; color:#fff ; }

@media (max-width:767px) { 
.app-text-container-outer .inner h2 {  font-size:30px;}
.app-text-container-outer .inner h3 {  font-size:28px;}
.app-text-container-outer .inner h4 {  font-size:24px;}
.app-text-container-outer .inner { padding-top:40px; padding-bottom:40px; }
}


#egcontainer { position:relative; }
.article_topic span.article-content { padding:0;  }

.app-banner-container .inner { min-height:800px; background-repeat:no-repeat; background-size: cover; background-position: center; display:flex; width:100%; align-items:center; }

.app-banner-container .banner-content { max-width:1440px; margin:0 auto; padding-top:0px; width:100%; line-height:1.2 !important; 
display:flex; flex-direction:column; justify-content:center; 
color:#fff; padding-left:10px; padding-right:10px; 
}

.app-banner-container .banner-content h1 {font-size:58px; font-weight:500;  font-family: "Cormorant Infant", serif; text-transform:uppercase; color:#fff !important;     line-height: 1.2 !important;}
.app-banner-container .banner-content .banner-text-1 {font-size:58px; font-weight:500;  font-family: "Cormorant Infant", serif;  color:#fff !important;     line-height: 1.2 !important;}

@media (max-width:991px) { 
.app-banner-container .banner-content h1 {font-size:38px; }
.app-banner-container .banner-content .banner-text-1 {font-size:38px; }
.app-banner-container .inner { min-height:740px; }
}

@media (max-width:767px) { 
.app-banner-container .banner-content h1 {font-size:28px; }
.app-banner-container .banner-content .banner-text-1 {font-size:28px; }
.app-banner-container .inner { min-height:540px; }
}
@media (max-width:577px) { 
.app-banner-container .banner-content h1 {font-size:24px; }
.app-banner-container .banner-content .banner-text-1 {font-size:24px; }
.app-banner-container .inner { min-height:440px; }
}

body.home .main_header {position:relative !important; background-color: var(--active-color-navy) !important;}

body.home .main_content > .inner {
    max-width: 1660px;
    display: flex;
    gap: 50px;
}
body.home  .main_section {
    float: none;
    width: 100%;
    max-width: 100%;
}

body.home .main_articles.homelist {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

body.home .main_articles.homelist > article {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 10px;
    over-flow: hidden;
    border: solid 1px #ddd;
}

body.home .main_articles.homelist > article .articlecnt {
    padding-bottom: 16px;
}
body.home .main_articles article .stylefullgallery .thumbnail {
    margin-bottom: 0px;
}

body.home .main_articles article .stylefullgallery .thumbnail img {
    height: 240px;
    object-fit: cover;

}

body.home .main_articles.homelist > article .articlecnt > *:not(.thumbnail) {
    padding-left: 16px;
    padding-right: 16px;
}
body.home .main_articles article .stylefullgallery .articlecnt h2 {
    margin-top: 24px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

body.home .main_articles.homelist > article .namedatetime {
    display: none;
}

body.home .main_articles.homelist > article .articlecnt > *:not(.thumbnail) {
    padding-left: 16px;
    padding-right: 16px;
}


.main_header { z-index:1;
position:absolute; width:100%; left:0; top:0; 
    overflow: visible;
    border-bottom: none !important;
    background: transparent!important;
}

.main_header > .inner {
    max-width: 100%;
    padding: 0;
    overflow: visible !important;
}

.main_header > .inner .logoslogan {
    width: 100%;
    overflow: visible !important;
}
.bootstraprwardz .navbar-default {
    background: none;
    border: none;
}
.bootstraprwardz .navbar {
    margin-bottom: 0;
}

.bootstraprwardz .container-fluid {
padding-left:40px; padding-right:40px; 
}

.top-nav-container { 
    display:flex;     
    align-items: center;
justify-content:space-between; 
column-gap: 20px; 
}

.top-nav-container .navbar-collapse-right { }

.main_header > .inner .rightlink {
  display: none !important;
}

.bootstraprwardz .top-nav-container .navbar-brand > img { height:72px; }

.bootstraprwardz .top-nav-container .navbar-brand { float:none; }

.bootstraprwardz .navbar-default .top-nav-container .navbar-nav > li > a {
  font-family: "Cormorant Infant", serif;
text-transform:uppercase; 
color:#fff; font-size:18px; font-weight:400; 
padding-left:16px; padding-right:16px; 
}

.bootstraprwardz .dropdown-menu { padding:6px !important; }
.bootstraprwardz .dropdown-menu > li > a {  font-family: "Cormorant Infant", serif;
text-transform:uppercase; 
color:var(--text-color); font-size:17px; font-weight:500; 
padding-top:10px; padding-bottom:10px;
 }

.bootstraprwardz .dropdown-menu > li > a:hover, .bootstraprwardz .dropdown-menu > li > a:focus { background-image:none; background-color:var(--active-color2); color:#fff; }

.bootstraprwardz a:focus { outline:none !important; }

.main_header > .inner .logoslogan.leftfloat { float:none; }

.app-btn-primary { background-color:var(--active-color2) !important; color:#fff !important; transition: all 0.15s ease; display:flex !important; justify-content:center; align-items:center; font-family: "Questrial", sans-serif !important; text-transform:none !important; } 
.app-btn-primary svg { fill:#fff ; }

.app-btn-primary:hover  {background-color:var(--active-color) !important; color:var(--text-color) !important;  }

.app-btn-primary:hover svg { fill:var(--text-color); }

.app-btn-primary.app-btn-login { border:solid 1px var(--active-color2);  color:var(--active-color) !important; gap:10px; padding-top:10px !important; padding-bottom:10px !important; font-size:16px !imporant; } 
.app-btn-primary.app-btn-login svg { fill:var(--active-color); height:20px; width:20px;  }

.app-btn-primary.app-btn-login:hover  {background-color:#fff !important; color:var(--active-color2) !important;  }
.app-btn-primary.app-btn-login:hover svg { fill:var(--active-color2); }


.bootstraprwardz .navbar-default .navbar-nav > .open > a, .bootstraprwardz .navbar-default .navbar-nav > .open > a:hover, .bootstraprwardz .navbar-default .navbar-nav > .open > a:focus {background-image:none !important; background-color:transparent !important; color:var(--active-color) !important; }

.bootstraprwardz .navbar-default .navbar-toggle { border:none !important;}

/* 1. Base rule first */
.bootstraprwardz .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; /* Note: Bootstrap icon-bars use background-color, not color */
  width: 24px;
}

/* 2. Specific overrides second */
.bootstraprwardz .navbar-default .navbar-toggle .icon-bar:first-of-type,
.bootstraprwardz .navbar-default .navbar-toggle .icon-bar:nth-of-type(2) {
  width: 16px;
}

.bootstraprwardz .navbar-default .navbar-toggle .icon-bar:last-of-type {
  width: 20px;
}

@media(max-width:1240px) {
.bootstraprwardz .top-nav-container .navbar-collapse-right { display:none !important; }

.bootstraprwardz .navbar-default .top-nav-container .navbar-nav > li > a { padding-left:10px!important;  padding-right:10px !important; font-size:16px !important;   }


}


@media (max-width:991px) {
.bootstraprwardz .container-fluid > .navbar-collapse {
    position:fixed; 
    top:0;
    left:0; 
    max-width:90vw; 
    height: 100vh !important;
    max-height: 100vh;
    bottom:0; 
    width: 280px; 
    background-color:#010035;
    z-index: 9999;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    display: block !important; /* Override BS default toggle display */
}

#bs-example-navbar-collapse-1.navbar-collapse.in {
    transform: translateX(0);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.25);
}

.bootstraprwardz .navbar-brand { height:auto !important; }

.bootstraprwardz .top-main-navbar, .bootstraprwardz .navbar-right.top-main-navbar { display:flex; flex-direction:column; float:none !important;}

.bootstraprwardz .top-nav-container .navbar-brand > img { height:56px;}
.bootstraprwardz  .app-btn-hide-menu { padding-right:14px; }
.bootstraprwardz  .app-btn-hide-menu .fa { font-size:18px; }

.bootstraprwardz .dropdown-menu { position:relative !important; padding:0 !imporant; }
.bootstraprwardz .dropdown-menu > li > a { font-size:16px;     padding-top: 10px;
    padding-bottom: 10px;}


} 



.main_footer > .inner {
    border-top: none;
    max-width: 100%;
   padding: 60px 0 20px 0 !important;
    float: none;
    width: 100%;
    max-width: 100%;
background-color:var(--active-color-navy); 
}

.main_footer > .inner .copyright {
    border-top: none;
    max-width: 100%;
    padding: 0px 0 0px 0 !important;
    float: none;
color:#fff;
}

.main_footer > .inner .copyright a { color:#fff; }
.main_footer > .inner .copyright a:hover { color:#fff; }

.main_footer .app-footer-container > div {margin:0 auto; padding-left:10px; padding-right:10px; color:#fff; }
.main_footer .footer-sns {display:flex; gap:10px; color:#fff; align-items:center;  }
.main_footer .footer-sns .footer-sns-title {  font-family: "Cormorant Infant", serif; font-size:28px; font-weight:500; }
.main_footer .footer-sns a { background-color:var(--active-color); width:28px; height:28px; display:inline-flex; justify-content:center; align-items:center; border-radius:100px;  }

.main_footer .footer-sns a:hover {background-color:var(--active-color2); }
.main_footer .footer-sns a:hover svg {fill:#fff; }

.main_footer .footer-sns a i, .main_footer .footer-sns a svg {
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
fill:var(--text-color);
}

.main_footer .app-flex-footer-cnt { padding-top:40px; padding-bottom:40px; display:flex; gap:60px; }
.main_footer .app-flex-footer-cnt > div { width:100%; max-width:320px; color:#fff; font-size:16px;  }

.main_footer .app-flex-footer-cnt > div p { margin-bottom:10px; }
.main_footer .app-flex-footer-cnt .app-footer-title {  font-family: "Cormorant Infant", serif; font-size:28px; font-weight:500; margin-bottom:20px;  }

.main_footer .app-flex-footer-cnt > div a { color:#fff; text-decoration:none; }
.main_footer .app-flex-footer-cnt > div a:hover { color:var(--active-color); }
.main_footer .footer-logo img { width:240px; }

@media (min-width:992px) {
.app-hidden-desktop { display:none !important; }

}

@media (max-width:1100px) {
body.home .main_articles.homelist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36x;
}
}

@media (max-width: 991px) {
.bootstraprwardz .navbar-toggle { display:flex!important; flex-direction:column; align-items:flex-end; margin-right:16px !important; }
.bootstraprwardz .navbar-header { float:none; width:100vw; display:flex; align-items:center; justify-content:space-between; flex-direction: row-reverse; }

.bootstraprwardz .container-fluid {    padding-left: 14px;
    padding-right: 14px;}
.bootstraprwardz .navbar-default .navbar-toggle:hover, .bootstraprwardz .navbar-default .navbar-toggle:focus { background-color:transparent !important; }
.bootstraprwardz .navbar-nav { margin:0 !important; }
.bootstraprwardz .navbar-collapse {padding-right: 15px !important;;
    padding-left: 15px !important;margin-right: 0px !important;;
    margin-left: 0px !important;}
.bootstraprwardz .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.bootstraprwardz .dropdown-menu { background-color:transparent; border:none; float:none; box-shadow:none; }
.bootstraprwardz .dropdown-menu > li > a { color:#fff !important;}

body.home .main_articles.homelist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width:767px) {
.main_footer .app-flex-footer-cnt { flex-direction:column; gap:20px; }
.main_footer .app-flex-footer-cnt .app-footer-title { font-size:22px; margin-bottom:16px;  }
.main_footer .footer-sns .footer-sns-title { font-size:22px; }

.main_footer .footer-logo img { width:210px; }


body.home .main_articles.homelist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 26x;
}
}


.app-card-md .app-card{ max-width:800px; width:100%; margin:0 auto; }
.app-card{  width:100%;  }

.app-card-1 {
background: linear-gradient(150deg, rgba(255, 255, 255, .06), rgba(196, 88, 72, .05)) !important;
    border: 1px solid rgba(196, 120, 100, .35) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .35);
    overflow: hidden;
position:relative;
transition-delay: .16s;
    padding: 26px 40px;
    backdrop-filter: blur(6px);
    transition: .25s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.app-card-1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, #e08a6a, rgba(224, 138, 106, 0));
}

.app-card-1:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(224, 138, 106, .8) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .5);
}

.app-card-2 {
    background: linear-gradient(150deg, rgba(255, 255, 255, .12), rgba(120, 150, 255, .06)) !important;
    border: 1px solid rgba(160, 185, 255, .35) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0, 10, 60, .45);
    backdrop-filter: blur(8px);
    overflow: hidden;
position:relative;
transition-delay: .16s;
    padding: 26px 40px;
    backdrop-filter: blur(6px);
    transition: .25s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.app-card-2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, #9fb4ff, rgba(159, 180, 255, 0));
}

.app-card-2:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(200, 215, 255, .9) !important;
    box-shadow: 0 24px 56px rgba(0, 10, 70, .6);
}

.app-card-3 {
background: linear-gradient(155deg, rgba(52, 38, 110, .75), rgba(18, 14, 52, .85)) !important;
    border: 1px solid rgba(225, 178, 97, .4) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(8px);
    overflow: hidden;
position:relative;
transition-delay: .16s;
    padding: 26px 40px;
    backdrop-filter: blur(6px);
    transition: .25s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.app-card-3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
     background: linear-gradient(180deg, #e08a6a, rgba(224, 138, 106, 0));
}

.app-card-4 {
background: linear-gradient(155deg, #1c1935, #261e35) !important;
    border: 1px solid rgba(225, 178, 97, .4) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(8px);
    overflow: hidden;
position:relative;
transition-delay: .16s;
    padding: 26px 40px;
    backdrop-filter: blur(6px);
    transition: .25s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.app-card-4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
     background: linear-gradient(180deg, #e08a6a, rgba(224, 138, 106, 0));
}

._app-card-3:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(224, 138, 106, .8) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .5);
}

.app-grid-1 {display:grid; grid-template-columns: 1fr;}
.app-grid-2 {display:grid; grid-template-columns: 1fr 1fr;}
.app-grid-2-12 {display:grid; grid-template-columns: 1fr 2fr;}
.app-grid-3 {display:grid; grid-template-columns: 1fr 1fr 1fr;}
.app-grid-3-split { display:grid; grid-template-columns: 1fr 4px 1fr; }

.app-split-bar-active { background-color:var(--active-color); }

@media (max-width:767px) {

.app-grid-2 {display:grid; grid-template-columns: 1fr;}
.app-grid-2-12 {display:grid; grid-template-columns: 1fr;}
.app-grid-3 {display:grid; grid-template-columns: 1fr;}
.app-grid-3-split { grid-template-columns: 1fr; }

.app-split-bar-active { height:4px; }

.app-card-1 { padding:20px 20px;}
.app-card-2 {padding:20px 20px;}
.app-card-3 {padding:20px 20px;}
.app-card-4 {padding:20px 20px;}
}

.app-white-color, .app-color-white { color:#fff !important; }
.app-active-color, .app-color-active { color:var(--active-color) !important; } 
.app-text-content-sm { max-width:1124px; margin:0 auto; }

.top-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  pointer-events: none; /* Allows clicks to pass through */
}

.app-bg-gradient-1 { background-color:#11102e; background-image: url(/WebFTP/silo/581/Images/bg-gradient-1.jpg); background-size:cover; background-position:center;  }

.app-bg-gradient-2 { background-color:#13225f; background-image: url(/WebFTP/silo/581/Images/bg-gradient-2.jpg); background-size:cover; background-position:center;  }

.app-bg-gradient-3 { background-color:#221b55; background-image: url(/WebFTP/silo/581/Images/bg-gradient-3.jpg); background-size:cover; background-position:center;  }

.app-bg-gradient-4 { background-color:#14122e; background-image: url(/WebFTP/silo/581/Images/bg-gradient-4.jpg); background-size:cover; background-position:center;  }

.app-image-container-outer { height:660px; }
.app-image-container-outer img { width:100%;     height: 100% !important; object-fit:cover; object-position: top center; }

.sub-title-3 { font-size:24px !important;   font-family: "Cormorant Infant", serif; }

@media (max-width:991px) { 
.app-image-container-outer { height:600px; }
}

@media (max-width:767px) { 
.app-image-container-outer { height:500px; }
.sub-title-3 { font-size:20px !important; }
}
@media (max-width:577px) { 
.app-image-container-outer { height:400px; }
}

.app-text-content a { color:#fff; text-decoration:underline; }

.app-text-content a:hover, .app-text-content a:focus{ opacity:0.8; color:#fff; text-decoration:underline; }

ul.tw-list-disc {
    list-style-type: disc;
    margin-left: 36px;
    padding-bottom: 26px;
}

ul.tw-list-disc li::marker {
  color:var(--active-color);
}

.app-font-questrial {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.app-font-cormorant-infant {
  font-family: "Cormorant Infant", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

#gadget_6050 {
    background-color: #221b55;
    background-image: url(/WebFTP/silo/581/Images/bg-gradient-3.jpg);
    background-size: cover;
    background-position: center;

}
#gadget_6050 .rssreader.rss-bottom h1.rsstitle {
  font-family: "Cormorant Infant", serif !important;
color:#fff !important;
}

#gadget_6050 .item {
    background-color: rgba(17, 16, 57, 0.55) !important;
    border: 1px solid rgba(183, 156, 104, 0.45) !important;
transition: .25s;
box-shadow: 0 14px 40px rgba(0, 10, 60, .45);
}

#gadget_6050 .item:hover { transform: translateY(-8px) !important;}

#gadget_6050 .item .rsstitle { color:#fff !important;   font-family: "Questrial", sans-serif !important;}
 
/* rss start */
#gadget_6050 .rssreader.rss-bottom {max-width: 1440px;
    margin: 0 auto;}

#gadget_6050 .rssreader.rss-bottom h1.rsstitle {
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 26px;
 font-family: "Nunito Sans", sans-serif;
    text-align: center;
text-decoration:none; 
}



.gadgets_rss .items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 60px;
}

#gadget_6050 .item {background-color:#fff; border-radius:10px; overflow:hidden; border: solid 1px #ddd; }

#gadget_6050 .item .thumbnailimage img {
    height: 240px;
width:100%; 
    object-fit: cover;
}

#gadget_6050 .item .rsstitle { display:block !important; color: #444444; text-decoration: none;   padding-top: 16px;   padding-bottom: 16px;     font-weight: 500;  font-size:18px;     font-family: "Nunito Sans", sans-serif; padding-left:16px; padding-right:16px; }

#gadget_6050 .item .rsstitle  a {
text-decoration:none; } 

#gadget_6050 { margin-bottom:0; padding-top:60px; padding-bottom:60px; }

body.silopage .bottom_gadgets { margin-top:0; }

.gadgets_rss .items .rsscontent, .gadgets_rss .items .item h2.title, .gadgets_rss .items .item .readmore { display:none; }

body.home .bottom_gadgets { display:none; }

@media(max-width:1100px) {
#gadget_6050.gadgets_rss .items {    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36x;}
}

@media(max-width:991px) {
#gadget_6050.gadgets_rss .items {    grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media(max-width:767px) {

#gadget_6050.gadgets_rss .items  {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24x;
}

#gadget_6050 .item .rsstitle { font-size:16px;  }
}

/* rss end */