/*
Global
============================= */
 
:root{
--main-font-family:'Inter',Arial,sans,_sans;
--main-body-bgcolor:#fff;
--main-body-color:#000;

--header-height:14rem;
 
 
--radius-sm:0.2rem;
--radius-lg:1rem;

--clr0:#292D78;
--clr0C:#fff;
--clr0L:#696ca1;

 /* Color Variables */
  --color-primary: #4a6894;
  --color-primary-hover: #395072;

  --color-secondary: #6c757d;
  --color-secondary-hover: #5a6268;

  --color-danger: #dc3545;
  --color-danger-hover: #c82333;

  --color-outline: #4a6894;
  --color-outline-hover: white;
  --color-outline-bg-hover: var(--color-outline);

  --color-text: #333;
  --color-bg: #e0e0e0;
  --color-disabled: rgba(0, 0, 0, 0.65);
  
  
  --bgdarkblu:#2f4a55;
--txtdarkblu:#2f4a55;
--bgorange:#F29000;
--txtorange:#F29000;
--bgwhite:#fff;
--bgwhite2:#F1F1F1;
--bggreylite:#D9D9D9;
--txtwhite:#fff;
--txtblack:#000;
--txtred:#D8402A;
--txtgrey:#CDCDCD;

  /* Padding Variables */
  --padding-def: 1rem;
  --padding-defX15: 1.5rem;
  --padding-defX2: 2rem;
  --padding-defX3: 3rem;
  --padding-defX4: 4rem;
  --padding-def75: 0.75rem;
  --padding-def50: 0.5rem;
  --padding-def25: 0.25rem;
  
  --padding-cont:1rem;
  --padding-cont50:0.5rem;
  --padding-contX2:2rem;
  --padding-contX4:4rem;
}

*{box-sizing:border-box;box-sizing: border-box;  
-webkit-font-smoothing: antialiased; font-family:var(--main-font-family); }
:focus-visible{outline:none;}

::-webkit-input-placeholder {
color:currentColor;opacity: 0.5 !important;
}
::-moz-placeholder {  
color:currentColor; opacity: 0.5 !important;
}
:-ms-input-placeholder {  
color:currentColor;opacity: 0.5 !important;
}


body,html{padding:0px;margin:0px;}
html {width:100%; min-height: 100%;}
body {width:100%;min-height: 100%;}

#main{overflow-y:scroll;
background: url('./gx/bgn.jpg') 50% 50% no-repeat;background-size:auto 100vh;background-attachment:fixed;
} 

html{
color:var(--main-body-color);
background:var(--main-body-bgcolor);
font-family:var(--main-font-family);
font-optical-sizing: auto;
font-size: 18px;line-height:1.5;	
 }

@media screen and (min-width: 800px) {
html{
font-size: calc(13px + (20 - 13) * ((100vw - 800px) / (1900 - 800)));
}	
}
@media screen and (max-width: 800px) {
html{font-size: 13px;}
.hidden-sm, .smallhide{display:none;}
}


.clear{clear:both;}
/*  hyperlink color*/
a,a:visited {
  color: currentColor;text-decoration: none;
}

a:hover,a:focus,a:active {
  color: var(--txtred);
  text-decoration: none;
}


#scrolltotop{
display:none;
position:fixed;bottom:1rem;right:1rem;
width:3rem;height:3rem;
background:URL(gx/totop.png) center center/cover no-repeat;
}

@media screen and (max-width: 1150px) {
#scrolltotop{
display:none;
position:fixed;bottom:-1000px;right:-100px;

}
}


/*alertAL WINDOW */
#alertWindow ,#alertWindow  *{
-moz-box-sizing: border-box;
-khtml-box-sizing:border-box;  
box-sizing: border-box;
} 
#alertWindow {
-moz-box-sizing: border-box;
-khtml-box-sizing:border-box;  
box-sizing: border-box;
position:absolute;z-index:99999;background:#FFF;border:solid 2px #CCCCCC; 
box-shadow: 0px 0px 60px #222222;
} 
#alertOverlay{
position:absolute;top:0;left:0;height:100%;width:100%;background:#444444;display:none;z-index:99998;
}
#alertToolbar{
height:15px;text-align:right;background:#f4f4f4;cursor:move;position:relative;
}
#alertReload{
cursor:pointer;position:absolute;top:-18px;right:35px;
}
#alertClose{
cursor:pointer;position:absolute;top:-11px;right:-6px;background:#a40202;border:solid 2px #770808;color:#FFF;padding:0;width:3rem;height:1.9rem;padding:0px 2px;border-radius:5px;transition:all 0.2s ease;
}
#alertClose::before{content:'';display:block;width:100%;height:100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 16-4-4m0 0L8 8m4 4 4-4m-4 4-4 4'/%3E%3C/svg%3E");  background-size:100% 100%;
}
#alertClose:hover{color:#cccccc;}



#imSelector{text-align:justify;}
#imSelector IMG{display:inline-block;margin:10px;}

.usrbut{font-weight:normal;font-size:16px;color:#9c9ea0 !important;}
#ubutons {line-height:22px;}
#uprofim{position:absolute;left:10px;top:10px;}

#profilsblk{
position:relative;float:right;
height:98px;width:100%;
background:URL(gx/mpbg.gif) 0% 50% no-repeat;
border:solid 1px #dfdfe0;
padding-left:100px;
}

#profilsblk h6{
padding:0px;margin:5px 0px;margin-bottom:10px;border:none;background:none;
font-weight:normal;text-transform:uppercase;
font-size:16px;
color:#c62127;
}
#sslist TD.img img{box-shadow:0 0 2rem #fff;}
#sslist TD.adr DIV{color:#666666;font-size:0.9em;}
#sslist TD.ind{width:auto;color:#666666;font-size:0.9em;}

@media (max-width: 800px) {

#sslist{display:block;}
#sslist TR{display:flex;flex-flow:row wrap;justify-content:stretch;align-content: start;align-items:stretch;}
#sslist TD{flex:1 1 50%;display:block;height:auto;margin:0;}
#sslist TD.img{flex:1 1 100%;display:block;text-align:center;}
	
}


.uformtitle{}
.uformtitle a{color:inherit!important;text-decoration:none;}
.uformtitle u{text-decoration:none;}
.uformtitle u::before {
  content: "›";
  margin: 0 0.6em;
  color: #999;
  font-size: 0.9em;
}
.uformtitle i{color:#5c84ad;font-size:1.1rem;font-weight:bold;font-style:normal;}

H5.uform{height:auto;width:auto;color:#636468;padding:0px;margin:0px 0px 40px 0px;text-transform:uppercase;font-size:1.5rem;font-weight:bold;}
H5.uform SPAN.uform{color:#5c84ad;}
 

.uform{margin:0px;padding:0px;}
.uform TABLE{border-spacing:0;margin:0px;padding:0px;}
.uform TD{text-align:left;vertical-align:middle;padding:0.4rem;width:auto;}
.uform TD.head{text-align:left;padding-top:0.3rem;padding-bottom:2px;color:#8b929c;font-size:1.1rem;border-bottom:solid 4px #8b929c;}
.uform TD.head SMALL{font-size:0.8rem;color:#6c7177;}
.uform TD.title{text-align:right;width:13rem;vertical-align:top;padding-top:9px;padding-right:0.3rem;}
.uform TD.nfo{text-align:left;vertical-align:top;padding-top:0.2rem;padding-left:0px;}
.uform label{font-weight:normal;}

.uform INPUT,.uform SELECT,.uform TEXTAREA{font-size:1rem;height:2.2em;margin:0px;border:solid 1px #d8d8d8; padding:0.3rem 0.6rem;color:#000;width:100%;min-width:25rem;resize:vertical;}
.uform .select2{width:100%!important;}
.uform .select2-container .select2-selection--single{font-size:1rem;height:2.2em;margin:0px;border:solid 1px #d8d8d8; padding:0.3rem 0.6rem;color:#000;width:100%;}
.uform .select2-container .select2-selection__arrow{height:2.2em;}
.uform .select2-container .select2-selection__rendered{line-height:1.5;}


.uform INPUT[type='file']{padding:3px;width:40%;display:inline-block;border:none;background:transparent;overflow:visible;}
.uform TD .fileInf{padding:5px;font-size:0.8rem;display:inline-block;color:#666666;margin-right:0.5rem;}

.uform INPUT[type='checkbox'],.uform INPUT[type='radio']{width:1.5rem !important;min-width:1.5rem !important;height:1.5rem; vertical-align:middle;margin:0px;padding:0px;}

.uform input::file-selector-button {
  font-weight: bold;font-size:inherit;
   padding:0.3rem 0.6rem;border:solid 1px #cccccc;
}

.uform INPUT:focus,.uform TEXTAREA:focus{
border:solid 1px var(--color-primary);outline:solid 1px var(--color-primary);	box-shadow:inset 1px 1px 10px #a9b4c1;
}

.uform BUTTON{}
 
.uform  TR.bot {background:#f4f4f4;}
.uform .smalerror{color:#ca2128;border:dashed 1px #ca2128;padding:1px 5px;}
.uform .haserror{background:#ffefea;}






@media (max-width: 800px) {
.uform TABLE,.uform TR,.uform TD{display:block;width:100%;min-width:100%;max-width:100%;}
.uform INPUT,.uform SELECT,.uform TEXTAREA{width:100%;min-width:unset;}
.uform TD.title{text-align:left;width:100%;}
 }




 

.info, .success, .warning, .err, .error {
width:100%;
position:relative;
color:#000;text-align:left;
border: 1px solid var(--color-primary);background:rgba(100,150,150,0.1);
margin:1rem auto 2rem auto;
padding:1rem 1.5rem;
}



.info h5, .success h5, .warning h5, .err h5, .error h5{
color:var(--color-primary);text-transform:uppercase;height:auto;font-size:1.5rem;line-height:30px;font-weight:400;
margin:0px 0px 20px 0px;padding:0px;text-align:left;
}
.info {border-color: #00659f;color: #00659f;}
.success {color: #4F8A10;border-color: #4F8A10;}
.warning {color: #712723;border-color: #712723;}
 
.err ,.error{color: var(--color-danger);border-color: var(--color-danger);}
.err h5,.error h5{color: var(--color-danger);}
 
 
/* Files add  */
#fileslist{
margin:0px; padding:0px;width:60%;
}
#fileslist IMG{width:36px;margin:2px 5px 2px 2px;}
#fileslist DIV{
padding:2px 2px;
border:solid 1px #d8d8d8;
margin:10px 0px;
}
#fileslist DIV:first-child{nborder-top:none;}
.faldel{
float:right;margin:4px;
width:16px;
height:16px;
background:URL(gx/del.gif);
} 

#uploadnew{display:inline-block;margin-top:2px;text-decoration:none;} 
#uprogres{margin-top:2px;color:#636468;}

/* Filelists  */
UL.filesprw{list-style:none;width:100%;padding:0px;margin:0px;margin-left:-8px;}
UL.filesprw LI{float:left;position:relative;width:180px;margin:4px 8px;}
UL.filesprw .docico{position:absolute;right:4px;top:4px;z-index:1;}
UL.filesprw .prw {}
UL.filesprw .prw IMG{padding:2px; border:solid 1px #cccccc;width:160px;opacity:0.7;}
UL.filesprw .prw:hover IMG{ opacity:1;}

UL.filesprw LI DIV{word-break: break-all;word-wrap: break-word;text-align:left;width:163px;}
UL.filesprw LI DIV span{color:#666;display:inline-block;white-space:nowrap !important;word-break:keep-all !important ;word-wrap: normal !important;}



/* 
BRAND &navbar
===========================*/


.nav-tabs {
    margin-bottom: 0;
}
.tab-pane.active{
width:100%;
border:solid 1px #cccccc;border-top:solid 0px transparent;
margin-bottom:15px;
}



 









































.mainwrap {
abackground:#f1f2f7;
}
.mainwrap>.centerWidth{
min-height:600px;background:var(--main-body-bgcolor);
}

.textPad{padding:1rem;}



img:-moz-loading {visibility: hidden;}

IMG{border:0px;margin:0px;padding:0px;line-height:0px;vertical-align:baseline;}

#iframehtml{padding:0px;margin:0px;}
#iframe{padding:var(--padding-def);}

.centerWidth{width:86%;max-width:1300px;margin:0px auto;} 

/*
Layout
============================= */
#mainContentHeader{
display:block;height:var(--header-height);padding:5rem 0 2rem 0;
}

#mainContentHeaderInn{position:relative;height:100%;display:flex;flex-flow:row wrap;align-items: center;justify-content: space-between;}

#slogoWrap{
width:100%;display:flex;flex-flow:row wrap;align-items:end;justify-content:space-between;position:relative;filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000);
}
 

#logo img{position:relative;z-index:1;height:3.5rem;}
#slogan{
display:block;padding:0 0 0.6rem 0;margin:0;font-size:0.75rem;color:#ffffff;font-weight:bold;text-transform:uppercase;
}

#inFlagsWrap{flex:1 0 100%;text-align:right;}
#inFlags{display:inline-flex;flex-flow:row nowrap;gap:0.5rem;padding:0.25rem; background:rgba(0,0,0,0.2);}
#inFlags A{position:relative;flex:0 0 auto;width:1.64rem;height:1.2rem;border:solid 1px #000;opacity:0.6;}
#inFlags A:hover{opacity:0.9;}
#inFlags A IMG{display:block;width:100%;height:100%;object-fit:cover;}
#inFlags A.sel::before{content:'';position:absolute;bottom:0;left:0;width:0.3rem;height:0.3rem;background:#fff;font-size:0;}


 

#centerWrap {
  position: relative;
  background: none; 
  z-index: 1; min-height:60vh;margin-bottom: 2rem;
  padding: var(--padding-cont) var(--padding-contX2);
 filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 3rem #000);
}

#centerWrap::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(255, 255, 255, 0.7); 
  background: #fff; 
overflow: hidden;
clip-path: polygon(1rem 0%, calc(100% - 1rem) 0%, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 1rem 100%, 0% calc(100% - 1rem), 0% 1rem);
}







@media (max-width: 800px) {
.centerWidth{width:90%;max-width:100vw;min-width:unset;} 	 
#mainWRP{flex-flow:row wrap;max-width:100vw;}	 
#mainContent{flex:0 0 100%;min-height:unset; }
#contentAside{flex:0 0 100%;padding:2rem 2rem;}	 
.textPad{padding:0.5rem 0;}
 }
@media (max-width:480px){
	:root{
  --padding-cont:0.5rem;
  --padding-cont50:0.25rem;
  --padding-contX2:1rem;
  --padding-contX4:2rem;  
	}
.centerWidth{width:96%;} 	
} 


/*
end Layout
============================= */	

/*
Nav
============================= */	

#nav-outwrap{position:fixed;z-index:100;top:0;width:100%;margin: 0;padding: 0;background:rgba(0,0,0,0.25); backdrop-filter: blur(5px);}

#nav-wrap {
      display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;  
    }


  #nav-logo {
	  display:none;font-size: 1.2rem;font-weight: bold;
      padding: 1rem 0;
    }

#nav-toggle {display:none;  appearance:none;border:none;background:none;color:#fff; padding:0;margin:0.5rem 1rem;  }
#nav-toggle svg{ display:inline-block;vertical-align:middle;height:2.5em;width:2.5em;}

#nav-menu{padding:0;}
#nav-menu ul {
      list-style: none;
      margin: 0;padding: 0;
      display: flex;
      gap: 0;
    }


#nav-menu li { margin: 0;padding: 0; position: relative;}

#nav-menu a {
      text-decoration: none;
      padding: 1.5rem 1rem;
      display: block;
      color: #fff;
	  transition:background 0.4s ease;
    }
 #nav-menu  ul a:hover{background:rgba(0,0,0,0.5);}	
 #nav-menu  ul ul a:hover{background:rgba(255,255,255,0.3);}
 
 #nav-menu  ul li.active a{background:rgba(255,255,255,0.3);}
 
 #nav-menu a.sel{border-bottom:solid 1px red;}
 
  #nav-menu li:hover > ul,
  #nav-menu li:focus-within > ul {
    opacity:1;transform:scale(1,1);pointer-events:all;
    }

    #nav-menu ul ul {
     display: flex; opacity:0;pointer-events:none;transition:opacity 0.4s ease, transform 0.4s ease;
	transform:scale(0.9,0);transform-origin:0 0;
      position: absolute;
      top: 100%;
      left: 0;
     background:rgba(0,0,0,0.7); backdrop-filter: blur(5px);
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      flex-direction: column;
      min-width: 150px;
      z-index: 10;
    }
    #nav-menu ul ul ul{
	transform:scale(0,0.5);left: 99%;top:0;outline:solid 2px red;
	}
    #nav-menu ul ul a {
      padding: 1rem 1rem;
      white-space: nowrap;
    }

 #nav-auth-buttons {
      display: flex;list-style:none;
      gap: 0.5rem;
    }
#nav-auth-buttons a {
      border: 1px solid #fff;
      color: #fff;text-decoration:none;
      padding: 0.4rem 0.8rem;
      border-radius: 4px;
    }

#nav-auth-buttons a:hover {
      background: #fff;
      color: #000;
    }
#nav-auth-buttons a svg{ display:inline-block;vertical-align:middle;height:1.2em;width:1.2em;margin:0 0.2em 0.1em 0;}
    /* Mobile styles */
 @media (max-width: 800px) {
 
#nav-outwrap{background:rgba(0,0,0,0.7); padding-bottom:0;} 
#nav-wrap{margin:0;padding:0;width:100%!important;}
      #nav-toggle {
        display: block;
      }

 #nav-menu {
 width: 100%;transition:max-height 0.6s ease;
	 overflow: hidden;max-height: 0;
      }
      #nav-menu.show {
        max-height: 600px;
      }
#nav-menu ul {
        flex-direction: column;
        width: 100%;
      }

      #nav-menu ul ul {
        
        box-shadow: none;
      }
  #nav-menu li:focus-within > ul {position: static;}  
  
  #nav-auth-buttons {background:rgba(0,0,0,0.7);padding:0.5rem; } 
  
    }
/*
end Nav
============================= */	

/*
pagination
============================= */	
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: var(--padding-def25) 0;
  border-radius: 4px;
}

.pagination li {
  display: inline;
}

.pagination li a {
  position: relative;
  float: left;
  padding: var(--padding-def50) var(--padding-def);
  line-height: 1.42857143;
  color: var( --color-primary);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.pagination li a:hover {
  background-color: #eee;
  border-color: var( --color-primary)!important;
  color: #0056b3;
}

.pagination li.active a,
.pagination li.active a:hover {
  background-color: var( --color-primary-hover);
  color: #fff;
  border-color:var( --color-primary);
  cursor: default;
}

.pagination li.disabled a {
  color: #aaa;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*
end pagination
============================= */		
/*
Breadcrumb
============================= */	

	.breadcrumb {
  list-style: none;
  padding: 0.5em 1em;
  margin: 1em 0;
  border-radius: 4px;
  font-size: 0.95em;
  display: flex;
  flex-wrap: wrap;
}
#mainContentHeader .breadcrumb{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.25); backdrop-filter: blur(5px);}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li + li::before {
  content: "›";
  margin: 0 0.6em;
  color: #999;
  font-size: 0.9em;
}

.breadcrumb a {
  color: #007BFF;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}
/*
end Breadcrumb
============================= */



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

footer{ 
background: #323841 URL(gx/foot.jpg);
background:rgba(0,0,0,0.65); backdrop-filter: blur(5px);

padding: 2rem 0;
color: #fff;
}



footer>.centerWidth{}
footer>.centerWidth>div{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
footer>.centerWidth>div>div{flex:1 1 auto;}
#footSocial{flex:0 0 auto;}
#footSocial svg{width:3rem;height:3rem;}

#footMake{text-align:right;color:#ccc;font-size:0.8rem;}
#footMake img{vertical-align:middle;width:4rem;height:2rem;}

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


/*
 bt table
============================= */
TR.archived TD{text-decoration: line-through;color:#888888;}
TR.archived TD A{color:#666666;}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 0.95em;
}

.table th,
.table td {
  padding: 0.75em;
  border: 1px solid #dee2e6;
  text-align: left;
  vertical-align: top;
}

/* striped */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* hover */
.table-hover tbody tr:hover {
  background-color: #f1f1f1;
}

/* responsive */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table {
  margin-bottom: 0;
}

/*
end bt table
============================= */
/*
bt button
=============================
<button class="btn btn-primary">Default</button>
<button class="btn btn-sm btn-outline">Small</button>
<button class="btn btn-lg btn-secondary">Large</button>
<button class="btn btn-xl btn-danger btn-block">Extra Large Block</button>
*/
.btn {
  display: inline-block;
  font-family: inherit;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.2;
  padding: var(--padding-def50) var(--padding-def);
  margin: var(--padding-def25);
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  background-color: var(--color-bg);
  color: var(--color-text) !important;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* Size Variants */
.btn-sm {
  font-size: 0.8em;
  padding: var(--padding-def25) var(--padding-def50);
}

.btn-lg {
  font-size: 1em;
  padding: var(--padding-def75) var(--padding-defX15);
}

.btn-xl {
  font-size: 1.1em;
  padding: var(--padding-def50) var(--padding-defX2);
}

/* Block Button */
.btn-block {
  display: block;
  width: 100%;
}

/* Variants */
.btn-primary {
  background-color: var(--color-primary);
  color: #fff !important;
  border-color: var(--color-primary);
}
.btn-primary:hover {
  background-color: var(--color-primary-hover);
}

.btn-secondary {
  background-color: var(--color-secondary);
  color: #fff !important;
  border-color: var(--color-secondary);
}
.btn-secondary:hover {
  background-color: var(--color-secondary-hover);
}

.btn-danger {
  background-color: var(--color-danger);
  color: #fff !important;
  border-color: var(--color-danger);
}
.btn-danger:hover {
  background-color: var(--color-danger-hover);
}

.btn-outline {
  background-color: transparent;
  color: var(--color-outline) !important;
  border-color: var(--color-outline);
}
.btn-outline:hover {
  background-color: var(--color-outline-bg-hover);
  color: var(--color-outline-hover) !important;
}

/* Disabled */
.btn:disabled,
.btn.disabled {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
/*
end bt button
============================= */


/*
 bt tabs
============================= */
.nav-tabs {
  list-style: none;
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0 0 1rem 0;
}

.nav-tabs >LI {
  margin:0 0.5rem -1px 0;
}

.nav-tabs >LI> a {
  display: block;
  padding: 0.2rem 1rem;
  text-decoration: none;
  background: #f7f7f7;
  border: 1px solid #ddd;
  color: #333;
}

.nav-tabs >LI.active a {
  background: var(--color-primary);
  border-bottom: 1px solid transparent;
  color: #FFF;
}
/*
 end bt tabs
============================= */


/* FP GALERIJA */ 
#fpGalerija{margin-top:4rem; padding:2rem 3rem;xbackground:#f4f4f4;}
#fpgalerijaWrp {position: relative;height:22rem;}
 
#fpgalerijaWrp .viewport { width: 100%; height:100%; overflow:hidden;position: relative;  }
#fpgalerijaWrp .overview {  position: absolute; padding: 0; margin: 0;  left: 0; top: 0; height:100%;}
#fpgalerijaWrp .overview>span{position:relative;height:100%; float:left;margin: 0px; padding:0px;overflow:hidden; }
#fpgalerijaWrp .overview>span>span{display:block;width:100%;height:auto;text-align:center;padding:0px 1rem;}
#fpgalerijaWrp .overview>span>span>IMG{ width:100%;max-height:15em;margin:0 auto 1em auto;object-fit: contain; object-position: 50% 50%; }

#fpgalerijaWrp .overview>span>span>B{display:block;margin:0 0 0.2rem 0;}
#fpgalerijaWrp .overview>span>span>i{display:block;font-style:normal;text-align:center;font-size:0.85em;}

#fpgalerijaWrp .overview>span>span>i>u{cdisplay:none;}
#fpgalerijaWrp .overview>span>span>i>s{text-decoration:none;}
 


#fpgalerijaWrp .prev{position:absolute;z-index:5;left:-2rem;top:20%;width:2rem;height:3.4rem;background-size:100% 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E");}
 
#fpgalerijaWrp .next{position:absolute;z-index:5;right:-2rem;top:20%;width:2rem;height:3.4rem;background-size:100% 100%;
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E");}
/* // FP GALERIJA */


/* FP LISTINGS */ 
#fpListings{padding:var(--padding-defX2) 0;}
#fpListings .centerWidth{padding:0 var(--padding-def);}	
#fpListings .fpButton {padding: 0.5rem 1rem;}
 
#fpListingsWrp {position: relative;height:10rem;margin:0 3rem;}
 
#fpListingsWrp .viewport { width: 100%; height:100%; overflow:hidden;position: relative;  }
#fpListingsWrp .overview {  position: absolute; padding: 0; margin: 0;  left: 0; top: 0; height:100%;}
#fpListingsWrp .overview>span{position:relative;height:100%; float:left;margin: 0px; padding:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center; }
#fpListingsWrp .overview>span>span,#fpListingsWrp .overview>span>a{display:block;width:100%;height:100%;text-align:center;padding:1rem;background:#fff;border:solid 1px #ccc;}
#fpListingsWrp .overview>span>span>IMG,#fpListingsWrp .overview>span>a>IMG{ width:100%;height:100%;margin:0 auto;object-fit: contain; object-position: 50% 50%; }

#fpListingsWrp .overview>span>span>B,#fpListingsWrp .overview>span>a>B{display:none;color:#000;margin:0 0 0.2rem 0;}
 

#fpListingsWrp .prev{position:absolute;z-index:5;left:-2rem;top:calc(50% - 1.7rem);width:2rem;height:3.4rem;background-size:100% 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E");}
 
#fpListingsWrp .next{position:absolute;z-index:5;right:-2rem;top:calc(50% - 1.7rem);width:2rem;height:3.4rem;background-size:100% 100%;
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707070'%2F%3E%3C%2Fsvg%3E");}
 
@media (max-width:480px){
#fpListingsWrp .overview>span{padding:0.2rem; }
} 
 
/* // FP LISTINGS */



#fpServices{padding:var(--padding-defX2) 0;background:#f1f1f1;}
#fpServices .centerWidth{zbackground:#f1f1f1;padding:0 var(--padding-def);}	
#fpServices .fpButton {padding: 0.5rem 1rem;}






































 
 
 /* CONTENT STYLE CSS
***********************************/
a.filelink::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/_blank.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink[href$=".pdf"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/pdf.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink[href$=".doc"]::before,a.filelink[href$=".docx"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/doc.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink[href$=".ppt"]::before,a.filelink[href$=".pptx"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/ppt.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink[href$=".odf"]::before,a.filelink[href$=".ods"],a.filelink[href$=".odt"],a.filelink[href$=".odp"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/odf.png")0 0 no-repeat;background-size: auto 100%;}
a.filelink[href$=".zip"]::before,a.filelink[href$=".rar"],a.filelink[href$=".7z"],a.filelink[href$=".odp"]::before{content:"";display:inline-block!important;height:1.7em!important;width:1.7em!important;background:url("i/mime/zip.png")0 0 no-repeat;background-size: auto 100%;}


/* mod Form */
.nEf{position:relative;}
.nEf-frow{position:relative;display:flex;flex-flow:row wrap;width:100%;gap:0;}

.nEf-lbl{flex:0 1 25%;min-width:11rem;padding:0.8rem 0.8rem 0.6rem 0.6rem;text-align:right;vertical-align:top;border-bottom:solid 1px #cccccc;}
.nEf-fld{flex:1 1 auto;padding:0.6rem 0 0.6rem 0.6rem;border-bottom:solid 1px #cccccc;}

div.nEf-frow:last-of-type .nEf-fld,div.nEf-frow:last-of-type .nEf-lbl  {border-bottom:none!important;}

.nEf-fld .nEf-lbl{border:none;}
.nEf-fld .nEf-fld{border:none;}
.nEmodForma .nEf-buts{background:#f4f4f4;padding:1rem;text-align:center; }
.nEf-fld input[type=text],input[type=email],.nEf-fld select, .nEf-fld textarea{width:100%;background:#ffffff;border:solid 1px #cccccc;padding:0.3rem 0.6rem;font-size:inherit;}
.nEf-fld textarea{resize:vertical;min-height:4rem;}

.nEf-fld input::file-selector-button {
  font-weight: bold;font-size:inherit;
   padding:0.3rem 0.6rem;border:solid 1px #cccccc;
}


.nEf-fld INPUT:focus,.nEf-fld TEXTAREA:focus{
border:solid 1px var(--color-primary);outline:solid 1px var(--color-primary);	box-shadow:inset 1px 1px 10px #a9b4c1;
}


.nEf-fld label{display:inline-block;margin-left:4px;}
.nEf-lbl .tooltip-element{position:absolute;left:0px; top:0px;}
.formbuilder-required{color:red;float:right;margin:0 0 0 0.2em;}

.nEmodForma-tit{margin-top:2rem;font-size:1.5rem;font-weight:100;text-transform:uppercase;color:#222222;}
.nEmodForma{max-width:100%;margin:0 0 0 0;transition:all 0.5s ease;}
.nEmodForma.hiden{opacity:0;max-height:0;}

.nEmodFormaThanks{position:absolute;top:3rem;opacity:0;overflow:hidden;width:99%;max-height:0;transition:all 0.5s 0.5s ease;pointer-events:none;}
.nEmodFormaThanks.shown{opacity:1;max-height:initial;}
@media (max-width:820px){
.nEf-lbl{flex:1 1 100%;min-width:initial;border-bottom:none;text-align:left;}
.nEf-fld{flex:1 1 100%;border-bottom:none;}	
}
.message{border:solid 1px #d0d0d0;background:#fff;padding:20px;margin:40px 0px;border-radius:0.3rem;}
.message.noresults{border:solid 1px #630314;background:#fff;color:#630314;}
.message H3{font-weight:100;text-transform:uppercase;font-size:24px;color:#630314;padding:0px; margin:0px 0px 20px 0px;}
.message .fa{float:right;font-size:3em;line-height:0;vertical-align:top;margin-right:0.5rem;}
.message.error{border:solid 1px #630314;background:#f4f4f4;color:#630314;}
.message.done{border:solid 1px #297423;background:#f1ffe7;color:#083005;}

.nEmodForma.loading{position:relative;opacity:0.5;transition:opacity 2s ease;}
.nEmodForma.loading::before{content:"";
  display:block;position:absolute;z-index:3;top:clamp(2rem, calc(50% - 2rem),10rem);left:calc(50% - 2rem);
  box-sizing: border-box;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 0.8rem solid rgba(0, 0, 0, 1);
  border-top-color: #FFF;
   animation: nEmodFormaSpin 1s infinite linear;
}
@keyframes nEmodFormaSpin {
  100% {
    transform: rotate(360deg);
  }
}
/* end mod Form */

 /* mod gallist */
 
.listgal{width:100%;margin:1rem 0;padding:0!important;display:flex;justify-content:start;flex-flow:row wrap;}
.galim{flex:0 1 calc(33.3% - 0.5rem);position:relative;height:0;padding:0;margin:0.25rem;padding-bottom:22%;text-align:center;overflow:hidden; }
 
.galim>A {display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding:0px;border:solid 2px #fff;}

.galim>A IMG{display:block;
margin:0px;width:100%;height:100%;max-width:100%;
object-fit: cover; 
}
.galim>A:not([data-caption=""]):not([data-caption=" "])::after {
  content: attr(data-caption);
  display:block;position: absolute;
  left:0.2rem;bottom:0.2rem;right:0.2rem;
  text-align:center;font-size:0.9rem;line-height:1.1em;color:#fff;text-shadow: 0 0 1px #666666;
  padding:0.3rem 1rem;
  background:rgba(0,0,0,0.45) ; 
  z-index: 1;
}

@media (max-width:480px){
.galim{flex:1 1 100%;padding-bottom:50%;}
}

/* mod pdflist */

.nEpdflist{
width:100%;display:flex;flex-flow:row wrap;gap:2rem; spadding:0.5rem;
}

.nEpdflist .pdflist-item {flex:0 1 19%;min-width:200px;spadding:0.5rem;}
.nEpdflist .pdflist-item>A{display:block;text-decoration:none;color:inherit;}
.nEpdflist .pdflist-item>A IMG {width:100%;height:100%;object-fit: cover;object-position: 50% 50%;border:solid 1px #ccc;}
.nEpdflist .pdflist-item>A B{display:block;font-style:normal;text-align:center;}
.nEpdflist .pdflist-item>I{display:block;font-style:normal;text-align:center;}


/* end mod pdflist */

/* Filelist */

.fileitmWrap{text-align: justify;}

.fileitm{
display:inline-block;vertical-align:top;width:23%;
margin:1rem 0;
background:#FFFFFF;text-align:center;
border:solid 2px #f4f4f4;
zoom: 1;
*display: inline;
}		

.fileitm .img{
background:#dcdddf;
border:double 5px #FFFFFF;
padding:4px;
position:relative;
}
.fileitm .img SPAN{
position:absolute;right:4px;
font-size:12px;color:#666666;
}
.fileitm .nam{
background:#FFFFFF;
padding:4px;min-height:60px;
}

.fileitm .but{
background:#FFFFFF;color:#CCCCCC;
padding:0px 4px;height:30px;
}

/*end  Filelist */


h1, h2, h3, h4, h5, h6 {
 font-weight: 700; line-height:1.3;padding:0;margin:0.1em 0 0.3em 0;color:var(--txtdarkblu);
}        

h1 {font-size: 2.4rem;}
h2 {font-size: 1.9rem;}
h3 {font-size: 1.6rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.85rem;}


h1{}
h1::after{content:'';display:block;width:90%;height:1px;margin:0;background:linear-gradient(0, --txtdarkblu, --txtred);font-size:0;}
 
.row  a, .row a:visited {
  color: var(--txtred);text-decoration: none;
}

.row a:hover,.row a:focus,.row a:active {
  color: var(--txtblack);
  text-decoration: underline dotted ;
}

.row p{
  margin: 1em 0px
}


.display h1 {
    font-weight: 700;line-height:1.2;
}
.display p {
    font-style: italic;
}
.mce-content-body .image{padding:0!important;}

figure {display: inline-block;max-width:100%;height:auto;margin:0;padding:0.5rem 0.25rem;background: none;background:#fff;border-radius:0.6rem;}
figure img {display: block;margin:0 auto;padding:0;max-width:100%;height:auto;}
figure figcaption {width:100%;margin:0;padding: 0.2em;text-align: center;font-size:0.9em;background:#ddd;}
figure figcaption>p{margin:0!important;padding:0!important;}
figure.align-left,img.align-left, figure:has(.align-left) {max-width:49%;float: left;margin-right:0.5rem;}
figure.align-right,img.align-right , figure:has(.align-right){max-width:49%;display:inline-block;width:auto;height:auto;float: right;margin:0 0 0 0.5rem;}
figure.align-center,img.align-center, figure:has(.align-center) {display: table;margin-left: auto;margin-right: auto}

figure:has(.align-left) .align-left {max-width:100%;float:none;margin:0;}
figure:has(.align-right) .align-right {max-width:100%;float:none;margin:0;}

a.file-link{display:inline-block;}
a.file-link IMG{width:auto;height:auto;max-height:1.2em;vertical-align:baseline;}
 
/**********************************
    Grid
***********************************/
.srow{display: block!important;max-width:100%;width:100%;padding:0.5rem !important;}
.srow:after {content: "";display: table;clear: both;}

.row{display: flex;flex-flow: row wrap;gap:var(--padding-cont);max-width:100%;gap:0;margin:0; width:100%;}
/*.row:after {content: "";display: table;clear: both;}*/



.column {
padding:var(--padding-cont50) ; max-width:100%;	 
flex-basis: 100%; 
   }
.column.nopad{padding: 0!important;}
  

.flexed{
margin:2rem -0.9rem 0 -0.9rem;padding:0; 
 display: flex;
  flex-flow: row wrap; 
  justify-content: space-between;
  align-tems:flex-end;} 
  
 .flexed>*{
display: block;
flex-grow:1;
width:10rem;max-width:45%;margin:0 0.9rem 2rem 0.9rem; 	 
 }	
 


@media screen and (min-width: 800px) {
.hide-small{display:block;}
.small-img-left IMG{float:none;margin-right:0;max-width:100%;}
    .column  {  flex: 1;}
	.column.full { flex: 0;width:100%; }
    .column.half { flex: 5.0; }
    .column.third { flex: 3.33; }
	.column.two-third { flex: 6.67; }
    .column.fourth { flex: 2.5; }
	.column.three-fourth { flex: 7.5; }
    .column.fifth { flex: 2.0; }
	.column.two-fifth { flex: 4.0; }
	.column.three-fifth { flex: 6.0; }
    .column.sixth { flex: 1.66; }
	.column.two-sixth { flex: 3.32; }
	.column.four-sixth { flex: 6.64; }
	.column.five-sixth { flex: 8.33; }
	
    .column.flow-opposite { order:5; } 

	
.col-1 {flex: 0 0 8.3333%}
.col-2 {flex: 0 0 16.6666%}
.col-3 {flex: 0 0 25%}
.col-4 {flex: 0 0 33.3333%}
.col-5 {flex: 0 0 41.6666%}
.col-6 {flex: 0 0 50%}
.col-7 {flex: 0 0 58.3333%}
.col-8 {flex: 0 0 66.6666%}
.col-9 {flex: 0 0 75%}
.col-10 {flex: 0 0 83.3333%}
.col-11 {flex: 0 0 91.6666%}
.col-12 {flex: 0 0 100%}

[class*="col-"] {
  margin: 0 0 0.9rem 0;
 
}
}



	





   
/**********************************
    Elements
***********************************/
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
hr {border:none;border-top: #d2d1d1 2px solid;margin:0 0 0.5em 0;}   
hr.dashed {border:none;border-top: var(--txtgrey) 2px dashed;padding:0;margin:0 0 0.98em 0;}   
hr.double {font-size:0;line-height:0;display:block; border: none;height:5px;border-top: #d2d1d1 2px solid;border-bottom: #d2d1d1 2px solid;color: #333; overflow: visible;text-align: center;margin:0 0 0.5em 0;}

hr.double:after {content:'';display:inline-block;width:5.6rem;height:0.55rem;margin:0;background:var(--txtred);font-size:0.55rem;line-height:1;transform:translate(0,-40%);}


.red-hr{display:block;}
.red-hr::before{content:'';display:block;width:5.6rem;height:0.55rem;margin:2.4rem 0;background:var(--txtred);font-size:0;}

.column IMG{max-width:100%;max-height:100%;} 

.column .responsive{height:auto;}
.column .responsive img{position:static;width:100%;max-width:100%;height:auto;}
.column .responsive figure{position:static;display:block;width:100%;max-width:100%;height:auto;}
.responsive.cover img,.responsive.cover figure {height:100%!important;max-height:100%;object-fit:cover;object-position:50% 10%;}


 
img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}
img.rounded {border: #ccc 1px solid;border-radius:0.6rem;}

table.stripes TH,table.altstripes TH{font-weight:bold;}
table.stripgrid TH,table.altstrgrid TH{font-weight:bold;border-left:dashed 1px #CCCCCC;}
table.stripgrid TR  TH:first-child,table.altstrgrid TR  TH:first-child{border-left:none;}

table.stripes{border:none !important;border-spacing:0;border-collapse:collapse;}
table.stripes TD{border:none;border-top:dashed 1px #CCCCCC;}
table.stripes TR:first-child  TD{border-top:none;}

table.stripgrid{border:none !important;border-spacing:0;border-collapse:collapse;}
table.stripgrid TD{border:none;border-top:dashed 1px #CCCCCC;border-left:dashed 1px #CCCCCC;}
table.stripgrid TR:first-child  TD{border-top:none;}
table.stripgrid TR  TD:first-child,table.stripgrid TR  TH:first-child{border-left:none;}

table.altstripes{border:none !important;border-spacing:0;border-collapse:collapse;}
table.altstripes TD{padding:0.2em 0.5em;border:none;border-top:dashed 1px #CCCCCC;}
table.altstripes TR:first-child  TD{border-top:none;}
table.altstripes TR:nth-child(even) {background:#f4f4f4}

table.altstrgrid{border:none !important;border-spacing:0;border-collapse:collapse;}
table.altstrgrid TD{padding:0.1em 0.4em;border:none;border-top:dashed 1px #CCCCCC;border-left:dashed 1px #CCCCCC;}
table.altstrgrid TR:first-child  TD{border-top:none;}
table.altstrgrid TR  TD:first-child{border-left:none;}
table.altstrgrid TR:nth-child(even) {background:#f4f4f4}

.embed-responsive {position: relative;display:block;height:0;padding:0;max-width:100%; } 

.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive>*,.embed-responsive IMG  {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.embed-responsive figure figcaption{position: absolute;z-index:2;left:0;right:0;bottom:0;}

.center>img{margin:0.5em;}

.persona{display:flex;flex-flow:row nowrap;align-items:start;margin:0!important;padding:0 !important;text-indent:0;}
.persona>IMG{flex:0 1 35%;max-width:9rem; height:auto;}
.persona>div{flex:1 0 65%;padding:0 0 0 1rem;font-size:0.77rem; }
.persona>div>strong{display:block;margin:0 0 0.5rem 0;font-size:1rem;}

.kontakts{display:block;position:relative;margin:0!important;padding:0 0 1rem 2rem!important;text-indent:0;}
.kontakts::before{content:'';position:absolute;top:0.2rem;left:0;width:1.33rem;height:1.33rem;background:var(--bgdarkblu);border-radius:0.2rem;}
.kontakts>b{display:block;padding:0 0 0.2rem;margin:0;font-size:1rem;line-height:1.3;font-weight:bold;}
.kontakts>span{display:block;margin:0;padding:0;font-size:0.77rem;line-height:1.3;}

.kontakts.red::before{background:var(--txtred);}
.kontakts.orange::before{background:var(--bgorange);}

.quotered{margin:0 2rem;padding:1rem 2rem;border-left:solid 0.5rem var(--txtred);}
.quotered p {margin:0;padding:0;font-size:1.77rem;font-weight:bold;color:var(--bgdarkblu);}

.quote {position:relative;margin:1.5em 0;padding:0;font-size:1.77rem;background:var(--bgwhite2);border-radius:0.2rem;}
.quote::before {
  content: '';display: block;width: 5.6rem;height: 0.55rem;margin: 0 0 1.45rem 0;background: var(--txtred);font-size: 0;
}
.quote > p {padding:0rem 1rem 0rem 1rem;margin:0;}
.quote > small {display:block;padding:1rem;text-align:right;opacity: 0.7;font-size: 0.77rem;}

.offer1 {padding:1rem 2rem 2rem 2rem;margin:0 0 1rem 0;
border-radius:1rem;
background: #f4f4f4;box-shadow:-0.25rem -0.25rem 0 #dce0e7;
}
.offer1> p {padding:0 0 0.5rem 0;margin:0;}
.offer1 h3{position:relative;padding-top:0;margin-top:0;}
.offer1 h3::before {
  content: '';display: block;width: 5.6rem;height: 0.55rem;margin: 0 0 0.45rem 0;background:#dce0e7;e: var(--color-primary);font-size: 0;
}
.offer1::after{ content: '';display: block;height:2px;margin:1rem 0 0 0;background: #fff;}


.offer2 {padding:1rem 2rem 2rem 2rem;margin:0 0 1rem 0;
border-radius:1rem;
background: #f4f4f4;box-shadow:0.25rem 0.25rem 0 #dce0e7;
}
.offer2> p {padding:0 0 0.5rem 0;margin:0;}
.offer2 h3{position:relative;padding-top:0;margin-top:0;}
.offer2 h3::before {
  content: '';display: block;width: 5.6rem;height: 0.55rem;margin: 0 0 0.45rem 0;background:#dce0e7;e: var(--color-primary);font-size: 0;
}
.offer1::after{ content: '';display: block;height:2px;margin:1rem 0 0 0;background: #fff;}

.offerF {padding:2rem;margin:0 0 1rem 0;}
.offerF> p {padding:0 0 0.5rem 0;margin:0;}
.offerF::before {
  content: '';display: block;width: 5.6rem;height: 0.55rem;margin: 0 0 0.45rem 0;background: var(--txtred);font-size: 0;
}
.offerF::after{ content: '';display: block;height:2px;margin:1rem 0 0 0;background: #fff;}

 
.white-rounded{width:100%;background:var(--txtwhite);margin:0.5rem 0;padding:1.5rem!important;border-radius:0.6rem;}


.nbuton,A.nbuton{
display:inline-block;position:relative;z-index:0;text-align:center;
padding:1rem 1rem;margin:1rem 0.5rem 0 0;font-size:1rem;line-height:1em;color:var(--txtwhite);font-weight:700;white-space:nowrap;
background:var(--color-primary);border: 2px solid var(--color-primary);border-radius: 0.4rem;cursor:pointer;
}

.nbuton:hover{color:#ffffff !important;}
.nbuton::before {
content: "";
position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
background: rgba(0,0,0,0.3);border-radius:0.22rem;
transform:scaleX(0);
transform-origin:50% 50%  ;
transition-property: transform;
transition-duration:0.5s;
transition-timing-function: ease;
	}
.nbuton:hover::before{
transform:scaleX(1);
}
 
.nbuton.btn-whiteblu{color:var(--bgdarkblu);border: 2px solid var(--bgdarkblu);}
 
.nbuton.btn-orange{color:var(--txtblack);background:var(--bgorange);border: 2px solid var(--bgorange);}





/* Tables resp */
.rtbl-scrollX{display:block;max-width:100%;width:auto;height:auto;overflow:auto;}	
.rtbl-stackV1{display:table;}
.rtbl-stackV1ed{display:none;}
.rtbl-stackV1ed {width:100%;margin-top:-1rem;}
.rtbl-stackV1ed TH{text-align:left;font-size:0.85rem;padding:1rem 1rem 0.2rem 0;border-top:solid 1px #cccccc;}
.rtbl-stackV1ed TD{text-align:left;font-size:0.85rem;padding:0.2rem 1rem 0.2rem 0;vertical-align:top;}
.rtbl-stackV1ed TD[colspan="2"]{font-size:1rem;text-align:left;}
/* End Tables resp */



/* Dialog */
:root{
--dlg-bg:#fff;
--dlg-b:solid 1px #ccc;
--dlg-gap: 1.5rem;
--dlg-mis:250px;	
--dlg-accept-bgc:#292D78;
--dlg-cancel-bgc:#D8402A;
}

[data-component*="dialog"] * {  
  box-sizing: border-box;
  outline-color: var(--dlg-outline-c, hsl(218, 79.19%, 35%))
}
:where([data-component*="dialog"]) {
  background: var(--dlg-bg, #fff);
  border: var(--dlg-b, 0);
  border-radius: var(--dlg-bdrs, 0.25em);
  box-shadow: var(--dlg-bxsh, 0px 25px 50px -12px rgba(0, 0, 0, 0.25));
  font-family:var(--dlg-ff, ui-sansserif, system-ui, sans-serif);
  min-inline-size: var(--dlg-mis, auto);
  padding: var(--dlg-p, var(--dlg-gap));
  width: var(--dlg-w, fit-content);
}
:where([data-component="no-dialog"]:not([hidden])) {
  display: block;
  inset-block-start: var(--dlg-gap);
  inset-inline-start: 50%;
  position: fixed;
  transform: translateX(-50%);
}
:where([data-component*="dialog"] menu) {
  display: flex;
  gap: calc(var(--dlg-gap) / 2);
  justify-content: var(--dlg-menu-jc, flex-end);
  margin: 0;
  padding: 0;
}
:where([data-component*="dialog"] menu button) {
  background-color: var(--dlg-button-bgc);
  border: 0;
  border-radius: var(--dlg-bdrs, 0.25em);
  color: var(--dlg-button-c);
  font-size: var(--dlg-button-fz, 0.8em);
  padding: var(--dlg-button-p, 0.65em 1.5em);
}
:where([data-component*="dialog"] menu button:hover) {
box-shadow:0 0 5px #000;
}
:where([data-component*="dialog"] [data-ref="accept"]) {
  --dlg-button-bgc: var(--dlg-accept-bgc, hsl(218, 79.19%, 46.08%));
  --dlg-button-c: var(--dlg-accept-c, #fff);
}
:where([data-component*="dialog"] [data-ref="cancel"]) {
  --dlg-button-bgc: var(--dlg-cancel-bgc, transparent);
  --dlg-button-c: var(--dlg-cancel-c, inherit);
}
:where([data-component*="dialog"] [data-ref="fieldset"]) {
  border: 0;
  margin: unset;
  padding: unset;
}
:where([data-component*="dialog"] [data-ref="message"]) {
  font-size: var(--dlg-message-fz, 1.25em);
  margin-block-end: var(--dlg-gap);
}
:where([data-component*="dialog"] [data-ref="template"]:not(:empty)) {
  margin-block-end: var(--dlg-gap);
  width: 100%;
}

@-moz-document url-prefix() { 
  [data-component="no-dialog"]:not([hidden]) {
    inset-inline-start: 0;
     transform: none;
  }
}

.dialog-open {
  background-color: rgba(0, 0, 0, .1);
  overflow: hidden;
}


:where([data-component*="dialog"] [name="prompt"]) {
  border: 1px solid silver;
  padding: .6em 1em;
  width: 70vw;max-width:300px;
}

/* // Dialog */




















/* AK FP TRILINE */
#fpGeneral{background:#ccc;padding:1rem 0;}
#fpSubco{background:#eee;padding:1rem 0;}


/* end AK FP TRILINE */







.reveal {
  opacity: 0;
  visibility: hidden;
  transition: none;
}

.reveal.visible {
  opacity: 1;
  visibility: visible;
}

/* === Animations === */
[data-reveal] {
opacity: 0;
  pointer-events: none;
}

[data-revealstate="shown"] {
  opacity: 1;
  pointer-events: all;
}

[data-revealstate="entering"] {
  animation-duration: 0.6s;
  animation-fill-mode: both;
}

[data-revealstate="exiting"] {
  animation-duration: 0.6s;
  animation-fill-mode: both;
}

/* Define animations */

@keyframes fade-in {
  from { opacity: 0;}
  to   { opacity: 1; }
}
@keyframes fade-out{
  from { opacity: 1; }
  to   { opacity: 0; }
}


@keyframes rfade-in-up {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes rfade-out-down {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-20px); }
}



@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fade-out-down {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-20px); }
}

@keyframes fade-in-left {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes fade-out-left {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(-40px); }
}

@keyframes fade-in-right {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes fade-out-right {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(40px); }
}

@keyframes zoom-in {
  from { opacity: 0; transform: scale(0.8); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes zoom-out {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(0.8); }
}

@keyframes flip-in-x {
  from { transform: rotateX(90deg); opacity: 0; }
  to   { transform: rotateX(0); opacity: 1; }
}
@keyframes flip-out-x {
  from { transform: rotateX(0); opacity: 1; }
  to   { transform: rotateX(90deg); opacity: 0; }
}

@keyframes slide-in-bottom {
  from { opacity: 0; transform: translateY(50px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes slide-out-bottom {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(50px); }
}

@keyframes rotate-in {
  from { opacity: 0; transform: rotate(-10deg) scale(0.95); }
  to   { opacity: 1; transform: rotate(0deg) scale(1); }
}
@keyframes rotate-out {
  from { opacity: 1; transform: rotate(0deg) scale(1); }
  to   { opacity: 0; transform: rotate(10deg) scale(0.95); }
}