@font-face {
    font-family: 'BPG Square';
    src: url('../fonts/bpg-square-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-square-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-square-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-square-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-square-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-square-webfont.svg#bpg_squareregular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BPG Nino Mtavruli';
    src: url('../fonts/bpg-nino-mtavruli-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-nino-mtavruli-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-nino-mtavruli-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-nino-mtavruli-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-nino-mtavruli-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-nino-mtavruli-webfont.svg#bpg_nino_mtavruliregular') format('svg'); /* Legacy iOS */
}
@font-face{font-family:'BPG Nino Mtavruli';src:url(../fonts/bpg-nino-mtavruli-webfont.eot);src:url(../fonts/bpg-nino-mtavruli-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-nino-mtavruli-webfont.woff2) format('woff2'),url(../fonts/bpg-nino-mtavruli-webfont.woff) format('woff'),url(../fonts/bpg-nino-mtavruli-webfont.ttf) format('truetype'),url(../fonts/bpg-nino-mtavruli-webfont.svg#bpg_nino_mtavruliregular) format('svg')
}

@font-face{font-family:'BPG Square';src:url(../fonts/bpg-square-webfont.eot);src:url(../fonts/bpg-square-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-square-webfont.woff2) format('woff2'),url(../fonts/bpg-square-webfont.woff) format('woff'),url(../fonts/bpg-square-webfont.ttf) format('truetype'),url(../fonts/bpg-square-webfont.svg#bpg_squareregular) format('svg')}

@font-face {
    font-family: 'BPG Glaho WEB';
    src: url('../fonts/bpg-glaho-web-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-glaho-web-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-glaho-web-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-glaho-web-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-glaho-web-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-glaho-web-webfont.svg#bpg_glaho_webregular') format('svg'); /* Legacy iOS */
}
@font-face{font-family:'BPG Glaho WEB';src:url(../fonts/bpg-glaho-web-webfont.eot);src:url(../fonts/bpg-glaho-web-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-glaho-web-webfont.woff2) format('woff2'),url(../fonts/bpg-glaho-web-webfont.woff) format('woff'),url(../fonts/bpg-glaho-web-webfont.ttf) format('truetype'),url(../fonts/bpg-glaho-web-webfont.svg#bpg_glaho_webregular) format('svg')}

@font-face {
    font-family: 'BPG LE Studio 02';
    src: url('../fonts/bpg-le-studio-02-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-le-studio-02-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-le-studio-02-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-le-studio-02-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-le-studio-02-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-le-studio-02-webfont.svg#bpg_le_studio_02regular') format('svg'); /* Legacy iOS */
}
@font-face{font-family:'BPG LE Studio 02';src:url(../fonts/bpg-le-studio-02-webfont.eot);src:url(../fonts/bpg-le-studio-02-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-le-studio-02-webfont.woff2) format('woff2'),url(../fonts/bpg-le-studio-02-webfont.woff) format('woff'),url(../fonts/bpg-le-studio-02-webfont.ttf) format('truetype'),url(../fonts/bpg-le-studio-02-webfont.svg#bpg_le_studio_02regular) format('svg')}

body:lang(ka){
 /* font-family: "BPG LE Studio 02", sans-serif !important; */

}
h1:lang(ka), h2:lang(ka), h3:lang(ka), h4:lang(ka), h5:lang(ka), h6:lang(ka) {
  font-family: "BPG Square", sans-serif !important;
}
h1:lang(ka) *, h2:lang(ka) *, h3:lang(ka) *, h4:lang(ka) *, h5:lang(ka) *, h6:lang(ka) * {
  font-family: "BPG Square", sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
   font-family: "BPG LE Studio 02", sans-serif !important;
   /*font-size: 12pt; */

}
.sp-megamenu-parent :lang(ka) {
   font-family: "BPG LE Studio 02", sans-serif !important;
/*font-size: 12pt; */
   font-weight: 700;
}

#sp-menu .sp-column.d-flex.justify-content-end.align-items-center {
    justify-content: end !important;
}
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 10px;}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #171717;
}
/* Forces normal links AND separator items in the main menu to be uppercase */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent .sp-dropdown li a,
.sp-megamenu-parent > li > span ,
.sp-megamenu-parent .sp-dropdown li span {
    text-transform: uppercase !important;
  font-weight: 700 !important;
}


.anounces img {
    display: inline !important;}
#sp-user1 .sp-column.d-flex.justify-content-end.align-items-center {
    justify-content: end !important;
    display: block !important;
}
#sp-user2 .sp-module-title {padding-left: 40px;}
#sp-user1 .d-flex {
    justify-content: end !important;
    display: block !important;
}
#sp-header .sp-module {
    margin-top: 10px;
}
div.mod-languages ul li.lang-active {
  background-color: transparent;}
  #sp-top-bar {
    font-size: 12px;
}
 #sp-top2 {
    font-size: 14px;
}
element.style {
    display: none;
}
.cameraContent {
    bottom: auto;
    display: none;
    left: 10%;
    position: absolute;
    right: 0;
    top: 70%;
    width: 80%;
}
/* Target screens smaller than 991px (Smartphones & Tablets) */
@media (max-width: 991px) {
    .cameraContent {
        top: auto !important;         /* Turns off the desktop top centering rule */
        bottom: 20% !important;      /* Pins the text block 20% up from the bottom edge */
        transform: none !important;  /* Clears any vertical transform pulls */
    }
}

.camera_caption > div {
    background: none;
}
.camera_caption {
	 text-shadow: 1px 1px 2px black, 0 0 15px #222, 0 0 8px darkblue;
       font-size: 24px;
       
         font-family: "BPG Square", sans-serif !important;
}
.article-details .article-ratings-social-share {
    overflow: hidden;
    width: 20%;
    float: right;
}
.memorandums .speasyimagegallery-gallery-item img {
    border: 2px solid #d3d3d3;
     box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);
   /*  padding: .25rem; */
}
.imageeffectck_title {font-family: "BPG Square", sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 13px !important; }
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 15px !important;}
.video-js .vjs-overlay-bottom-left,
.video-js .vjs-logo {
display: none !important;
}
.fc .fc-button-group  {
    visibility: hidden !important; 
    display: none !important;
}
.jw-calendar-main .fc-button {
    visibility: hidden !important; 
    display: none !important;
}
/* 1. Force the custom color and margin onto the date text container */
.article-info span.published, 
.blog-view .article-info dd.published {
    color: #6c1d45 !important; 
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 20px !important; /* Pushes the entire date element to the right */
}

/* 2. Force the FontAwesome Calendar Icon to use the same color */
.article-info span.published::before,
.blog-view .article-info dd.published::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; 
    content: "\f133" !important; 
    margin-right: 8px !important; /* Space between icon and date text */
    color: #6c1d45 !important; 
    display: inline-block !important;
}
/* Creates the two-color modern underline for module titles */
.underline h3, .underline h2 {
    position: relative; 
    display: block !important;  /* Forces the header to stretch full width */
    width: 100% !important;
    
    /* 1. THE LONG BASE LINE: Light grey line spanning across the whole module box */
    border-bottom: 4px solid #e2e8f0 !important; 
}

/* 2. THE GRADIENT ACCENT LINE: Sitting perfectly on top of the grey line */
.underline h3::after, .underline h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -6px;               /* Aligns it perfectly right on top of the grey line */
    left: 0;
    width: 90%;                /* Controls how long the gradient bar is */
    height: 4px;                /* Controls the thickness of the gradient bar */
    
    /* Changes the solid color to a smooth fade-out gradient */
    background: linear-gradient(to right, #6c1d45 0%, rgba(108, 29, 69, 0) 100%) !important;
    
    border-radius: 2px;         /* Smooths the edges */
}
/* Reduces the vertical gap between modules in the right sidebar */
#sp-right .sp-module {
    margin-bottom: 15px !important;  /* Controls space below each module (Default is often 30px or 40px) */
    padding: 10px !important;  /* Removes extra inner bottom spacing if template uses it */
     margin-top: 10px !important;
}

/* Optional: Tightens the space inside the module container box if they have backgrounds/borders */
#sp-right .sp-module .sp-module-content {
    padding-top: 2px !important;
}
/* Hide the Send an Email header and the Required field text */
.contact-form legend,
.contact-form #jform_spacer-lbl {
    display: none !important;
}
/* Apply padding to the page title header ONLY on menu items 113 and 538 */
body.itemid-113 .sp-page-title,
body.itemid-538 .sp-page-title {
    padding: 50px 0 !important;
}
/* Custom styling for the right sidebar social media module */
.social-sidebar-box {
    border-color: #e3e6ef !important;
}
.social-fb-btn {
    background-color: #1877F2 !important;
    border-color: #1877F2 !important;
}
.social-fb-btn:hover {
    background-color: #145dbf !important;
}
.social-yt-btn {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
}
.social-yt-btn:hover {
    background-color: #cc0000 !important;
}

#offcanvas-toggler .burger-icon {
    margin-left: 20px;
}
/* Reduce the horizontal gap between menu links */
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    padding-left: 3px !important;  /* Default is usually 15px to 20px */
    padding-right: 3px !important; /* Default is usually 15px to 20px */
}
/* Enlarge Helix Ultimate Social Icons */
ul.social-icons li a {
    font-size: 20px !important; /* Standard size is usually 14px-16px */
    width: 38px !important;     /* Increases the clickable circle width */
    height: 38px !important;    /* Increases the clickable circle height */
    line-height: 38px !important; /* Centers the icon vertically inside the circle */
}

/* Optional: Add space between the larger icons so they don't overlap */
ul.social-icons li {
    margin-left: 8px !important;
}
.mod-jt-languageswitcher{position:relative;min-height:30px !important;}
#select-container {
  padding:0 !important;
  border-radius: 20px !important;
}
/* Remove H2 header and form legend */
/* .com-contact.contact h2, */
.com-contact.contact legend, 
.com-contact__form legend { 
    display: none !important; 
}
@media (max-width: 991px) {
    /* Lock the flag onto the sticky scrolling header layer */
    .mod-jt-languageswitcher {
        position: fixed !important;
        top: 50px !important;
        right: 30px !important;
        z-index: 99999 !important; /* Kept very high to stay above images */
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (min-width: 992px) {
    /* Lock the flag onto the sticky scrolling header layer */
    .mod-jt-languageswitcher {
        position: fixed !important;
        top: 15px !important;
        right: 60px !important;
        z-index: 99999 !important; /* Kept very high to stay above images */
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* Custom Breakpoint: When the screen drops below 1120px */
@media screen and (max-width: 1200px) {
    /* 1. Hide the horizontal desktop main menu links */
    .sp-megamenu-parent, 
    #sp-menu .d-none.d-lg-block {
        display: none !important;
    }

    /* 2. Force the mobile hamburger button to show up early */
    #offcanvas-toggler, 
    #sp-header #offcanvas-toggler.offcanvas, 
    #sp-header #offcanvas-toggler.mega {
        display: flex !important;
    }
}
@media (max-width: 991px) {
    /* 1. Force the items to stay on the exact same horizontal row line */
    #sp-header .container > .row {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* 2. Lock the menu to the far right side and lift it slightly higher */
    #sp-menu, #offcanvas-toggler {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
       margin-top: -8px !important;  /*  Lifts the hamburger lines up. Adjust if needed! */
    }

    /* 3. Keep the logo stable on the left */
    #sp-logo {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin-top: 0 !important; /* Keeps the logo at its natural height */
    }
}
/* ==========================================================================
   1. LARGE SCREENS (992px and larger) - Keeps Original 120px to 80px Sizing
   ========================================================================== */
@media (min-width: 992px) {
    /* Reset layout blocks */
    #sp-header #sp-logo, #sp-header .logo, #sp-header .logo a, #sp-header .logo-image {
        display: inline-block !important;
        height: auto !important;
    }

    /* Default Sizing & Lift */
    #sp-header #sp-logo img, #sp-header .logo-image img {
        height: 120px !important; 
        width: auto !important;
        position: relative !important;
        top: -30px !important; 
        margin-bottom: -40px !important; 
        transition: height 0.3s ease-in-out, top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out !important; 
    }

    /* Sticky Mode Shrink */
    #sp-header.menu-fixed #sp-logo img, #sp-header.header-sticky #sp-logo img,
    #sp-header.menu-fixed .logo-image img, #sp-header.header-sticky .logo-image img {
        height: 80px !important; 
        top: 0px !important; 
        margin-bottom: 0px !important; 
    }
}

/* ==========================================================================
   2. SMALL SCREENS (991px and smaller) - Adjusted to 80px to 50px Sizing
   ========================================================================== */
@media (max-width: 991px) {
    /* Reset layout blocks */
    #sp-header #sp-logo, #sp-header .logo, #sp-header .logo a, #sp-header .logo-image {
        display: inline-block !important;
        height: auto !important;
    }

    /* Mobile Default Sizing & Lift (Adjusted to 80px) */
    #sp-header #sp-logo img, #sp-header .logo-image img {
        height: 75px !important; 
        width: auto !important;
        position: relative !important;
        top: -20px !important; /* Cut in half to balance the smaller 80px image */
        margin-bottom: -20px !important; 
        transition: height 0.3s ease-in-out, top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out !important; 
    }

    /* Mobile Sticky Mode Shrink (Adjusted to 50px) */
    #sp-header.menu-fixed #sp-logo img, #sp-header.header-sticky #sp-logo img,
    #sp-header.menu-fixed .logo-image img, #sp-header.header-sticky .logo-image img {
        height: 50px !important; 
        top: 0px !important; 
        margin-bottom: 0px !important; 
    }
}
.itemid-397 #sp-main-body,
.itemid-498 #sp-main-body,
.itemid-443 #sp-main-body,
.itemid-444 #sp-main-body 
{
    background-image: url('/images/Body_BG.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: 80% auto !important; 
    position: relative !important;
    
    /* Shift 10% from the left, stay at the bottom */
    background-position: 10% bottom !important;
}
/* 1. Apply to ALL pages 
#sp-main-body {
    background-image: url('/images/Body_BG.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: 80% auto !important; 
    position: relative !important;
    background-position: 10% bottom !important;
}   */

/* 2. REMOVE from specific pages (example: Menu IDs 105 and 106) 
.item-105 #sp-main-body,
.item-106 #sp-main-body {
    background-image: none !important;
}   */
/* 1. Set the font size for h4 headings to 1.2rem */
.mod-articlesnews__item h4, 
.mod-articles-news .newsflash-item h4, 
div[class*="newsflash"] h4,
.newsflash h4 {
    font-size: 1.2rem !important;
    line-height: 1.4 !important; /* Ensures healthy spacing between lines of text */
}

/* 2. Add spacing and layout structure for the article items */
.mod-articlesnews__item, 
.mod-articles-news .newsflash-item, 
div[class*="newsflash"] > div,
.newsflash > div {
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    position: relative !important;
}

/* 3. Create the fading gradient divider line */
.mod-articlesnews__item::after, 
.mod-articles-news .newsflash-item::after, 
div[class*="newsflash"] > div::after,
.newsflash > div::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 10% !important;
    width: 80% !important;
    height: 2px !important;
    background: linear-gradient(to right, transparent, #d35400, transparent) !important;
}

/* 4. Hide the gradient divider line on the very last article item */
.mod-articlesnews__item:last-child::after,
.mod-articles-news .newsflash-item:last-child::after,
div[class*="newsflash"] > div:last-child::after,
.newsflash > div:last-child::after {
    display: none !important;
}

/* 5. Reset the layout margins on the final article item */
.mod-articlesnews__item:last-child,
.mod-articles-news .newsflash-item:last-child,
div[class*="newsflash"] > div:last-child,
.newsflash > div:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.article-details .article-header h1, .article-details .article-header h2, .article-details .article-header h4 {
    font-size: 22px;
}#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
   
    font-size: 22px;
     font-weight: 500 !important;
  
}
.mod_datetime { 
    font-size: 14px;
}
.camera_caption_title {
    font-size: 1.1em;
  
}
.camera_caption_desc 
{ 
 font-size: 18px; 
 margin-top: 15px;
}
@media screen and (max-width: 860px) {
    #camera_wrap_126 .camera_caption_desc {
        font-size: 0.8em !important;
    }
}
/* 1. Main Menu Base Styles */
/* 2. Main Menu Hover Styles */
#sp-header .sp-megamenu-parent > li > a:hover, 
#sp-header .sp-megamenu-parent > li:hover > a {
    color: #171717 !important; /* Keeps the color uniform on hover */
    font-weight: 700 !important; 
}

/* 3. Main Menu Active Styles */
#sp-header .sp-megamenu-parent > li.active > a, 
#sp-header .sp-megamenu-parent > li.active:hover > a {
    color: #171717 !important; /* Keeps the color uniform when active */
    font-weight: 700 !important; 
}
/* 1. Submenu Hover Styles */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #171717 !important;
    font-weight: 700 !important;
}

/* 2. Submenu Active Styles (When on that specific subpage) */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #171717 !important;
    font-weight: 700 !important;
}
/* Hide the H2 contact form title on the native contact page layout */
.contact h2 {
    display: none !important;
}
.limit .form-select {
    display: none !important;
	}
/* Force Yendif Video Share category folder icon to display as a custom colored video icon */
.yendif-video-share-category .icon-folder-open::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    content: "\f03d" !important; /* Unicode for Video Camera icon */
    color: #B2618A !important;   /* Your custom plum/burgundy color */
}
#sp-footer .container-inner {
    padding: 20px 0 10px 0 !important;
}
 #sp-right .sp-module .sp-module-title {
    padding-bottom: 5px!important;
    margin: 0px 0px 10px!important; }