@import url("../fonts_import/stem/stylesheet.css");
@import url("../fonts_import/micronica/stylesheet.css");


html, body {
	height:100%;
	direction: ltr;
	margin:0; padding:0;
}
body {
	color:#666;
	background-color:#fff;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;

	font-size:16px; line-height:1.5;
	margin:0; padding:0;
}

section {
	border-bottom:rgba(0,0,0,0.1) 0px solid;
}
section.borderbottom {
	border-bottom:rgba(0,0,0,0.1) 1px solid;
}

/*
:active, :focus, a, button, input, textarea {
    outline: 0!important;
}
*/

a:hover
{
   text-decoration: none;
}

a.topbar
{
   color: #ffffff;
}

a.topbar:focus, a.topbar:hover {
    color: #666666;
    text-decoration: none; 
	}

a.breadcrumbs {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
     -moz-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
       -o-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
          transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; }
a.breadcrumbs:focus, a.breadcrumbs:hover {
    color: #000000;
    text-decoration: underline; }

#shopLoadModal {
	max-width:740px;
	margin:auto !important;
	height: 500px;
	margin-right:30px;
}

.navbar-brand>img {
    max-height: 80px;
    max-width: 360px;
}

.bg-custom {
    --bs-bg-opacity: 1;
    background-color: #000027!important;
}

.bg-gradient-linear-default {
    background-color: #10c7a8!important;
    background: linear-gradient(90deg,#10c7a8 0,#2e84e6 50%,#023a7a)!important;
}

.navbar-light .navbar-nav .nav-item:hover>.nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded=true] {
    color: red!important;
}

/**/

/* ORANGE */
.zgorange  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ff3300;
}
.txtorange  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ff3300;
}
.florange  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ff3300;
}
.florange::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #ff3300;
}
.btn-outline-orange {
    color: #ff3300;
    background-color: transparent;
    background-image: none;
    border-color: #ff3300;
}
.btn-outline-orange:not(:disabled):not(.disabled).active, .btn-outline-orange:not(:disabled):not(.disabled):active, .show>.btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #ff3300;
    border-color: #ff3300;
}
.btn-outline-orange:focus, .btn-outline-orange:hover{
    color: #fff;
    background-color: #ff3300;
    border-color: #ff3300;
}

a.florange
{
   color: #666666;
}

a.florange::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #ff3300;
}

a.florange:focus, a.florange:hover {
    color: #ff3300;
    text-decoration: none; 
	}


/* BLUE */
.zgblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#0A0D25;
}
.txtblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#0A0D25;
}
.flblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.flblue::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #0A0D25;
}
.btn-outline-blue {
    color: #0A0D25;
    background-color: transparent;
    background-image: none;
    border-color: #0A0D25;
}
.btn-outline-blue:not(:disabled):not(.disabled).active, .btn-outline-blue:not(:disabled):not(.disabled):active, .show>.btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #0A0D25;
    border-color: #0A0D25;
}
.btn-outline-blue:focus, .btn-outline-blue:hover{
    color: #fff;
    background-color: #0A0D25;
    border-color: #0A0D25;
}

/* LIGHT BLUE */
.zglightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#4E7D96;
}
.txtlightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#4E7D96;
}
.fllightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fllightblue::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #4E7D96;
}
.flredlightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.flredlightblue::first-letter  {
  font-size: 20px;
  line-height: 35px;
  color: #4E7D96;
}
.btn-outline-lightblue {
    color: #4E7D96;
    background-color: transparent;
    background-image: none;
    border-color: #4E7D96;
}
.btn-outline-lightblue:not(:disabled):not(.disabled).active, .btn-outline-lightblue:not(:disabled):not(.disabled):active, .show>.btn-outline-lightblue.dropdown-toggle {
    color: #fff;
    background-color: #4E7D96;
    border-color: #4E7D96;
}
.btn-outline-lightblue:focus, .btn-outline-lightblue:hover{
    color: #fff;
    background-color: #4E7D96;
    border-color: #4E7D96;
}


/* GREEN */
.zggreen  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#336633;
}
.txtgreen  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#336633;
}
.flgreen  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.flgreen::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #336633;
}
.btn-outline-green {
    color: #336633;
    background-color: transparent;
    background-image: none;
    border-color: #336633;
}
.btn-outline-green:not(:disabled):not(.disabled).active, .btn-outline-green:not(:disabled):not(.disabled):active, .show>.btn-outline-green.dropdown-toggle {
    color: #fff;
    background-color: #336633;
    border-color: #336633;
}
.btn-outline-green:focus, .btn-outline-green:hover{
    color: #fff;
    background-color: #336633;
    border-color: #336633;
}

/* BLACK */
.zgblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#101010;
}
.txtblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#101010;
}
.tsblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#101010;
}
.flblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ffffff;
}
.flblack::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #101010;
}
.btn-outline-black {
    color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFFFFF;
}
.btn-outline-black:not(:disabled):not(.disabled).active, .btn-outline-black:not(:disabled):not(.disabled):active, .show>.btn-outline-black.dropdown-toggle {
    color: #FFFFFF;
    background-color: #101010;
    border-color: #101010;
}
.btn-outline-black:focus, .btn-outline-black:hover{
    color: #FFFFFF;
    background-color: #101010;
    border-color: #101010;
}

/* WHITE */
.zgwhite  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#FFFFFF;
}
.txtwhite  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#FFFFFF;
}
.flwhite  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.flwhite::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #FFFFFF;
}
.btn-outline-white {
    color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFFFFF;
}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.btn-outline-white:focus, .btn-outline-white:hover{
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

/* DARK GRAY */
.zgdarkgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#212121;
}
.txtdarkgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#212121;
}
.fldarkgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fldarkgray::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #212121;
}
.btn-outline-darkgray {
    color: #212121;
    background-color: transparent;
    background-image: none;
    border-color: #212121;
}
.btn-outline-darkgray:not(:disabled):not(.disabled).active, .btn-outline-darkgray:not(:disabled):not(.disabled):active, .show>.btn-outline-darkgray.dropdown-toggle {
    color: #fff;
    background-color: #212121;
    border-color: #212121;
}
.btn-outline-darkgray:focus, .btn-outline-darkgray:hover{
    color: #fff;
    background-color: #212121;
    border-color: #212121;
}

/* LIGHT GRAY */
.zglightgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#E3EDF2;
}
.txtlightgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#E3EDF2;
}
.fllightgray  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fllightgray::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #E3EDF2;
}
.btn-outline-lightgray {
    color: #E3EDF2;
    background-color: transparent;
    background-image: none;
    border-color: #E3EDF2;
}
.btn-outline-lightgray:not(:disabled):not(.disabled).active, .btn-outline-lightgray:not(:disabled):not(.disabled):active, .show>.btn-outline-lightgray.dropdown-toggle {
    color: #fff;
    background-color: #E3EDF2;
    border-color: #E3EDF2;
}
.btn-outline-lightgray:focus, .btn-outline-lightgray:hover{
    color: #fff;
    background-color: #E3EDF2;
    border-color: #E3EDF2;
}

/* DARK BLUE */
.zgdarkblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#161C2C;
}
.txtdarkblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#161C2C;
}
.fldarkblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fldarkblue::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #161C2C;
}
.btn-outline-darkblue {
    color: #161C2C;
    background-color: transparent;
    background-image: none;
    border-color: #161C2C;
}
.btn-outline-darkblue:not(:disabled):not(.disabled).active, .btn-outline-darkblue:not(:disabled):not(.disabled):active, .show>.btn-outline-darkblue.dropdown-toggle {
    color: #fff;
    background-color: #161C2C;
    border-color: #161C2C;
}
.btn-outline-darkblue:focus, .btn-outline-darkblue:hover{
    color: #fff;
    background-color: #161C2C;
    border-color: #161C2C;
}

/* GOLD */
.zggold  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#A08661;
}
.txtgold  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#A08661;
}
.flgold  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.flgold::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #A08661;
}
.btn-outline-gold {
    color: #A08661;
    background-color: transparent;
    background-image: none;
    border-color: #A08661;
}
.btn-outline-gold:not(:disabled):not(.disabled).active, .btn-outline-gold:not(:disabled):not(.disabled):active, .show>.btn-outline-gold.dropdown-toggle {
    color: #fff;
    background-color: #A08661;
    border-color: #A08661;
}
.btn-outline-gold:focus, .btn-outline-gold:hover{
    color: #fff;
    background-color: #A08661;
    border-color: #A08661;
}

/* LIGHT BEIGE */
.zglightbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#EEE1D9;
}
.txtlightbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#EEE1D9;
}
.fllightbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fllightbeige::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #EEE1D9;
}
.btn-outline-lightbeige {
    color: #EEE1D9;
    background-color: transparent;
    background-image: none;
    border-color: #EEE1D9;
}
.btn-outline-lightbeige:not(:disabled):not(.disabled).active, .btn-outline-lightbeige:not(:disabled):not(.disabled):active, .show>.btn-outline-lightbeige.dropdown-toggle {
    color: #fff;
    background-color: #EEE1D9;
    border-color: #EEE1D9;
}
.btn-outline-lightbeige:focus, .btn-outline-lightbeige:hover{
    color: #fff;
    background-color: #EEE1D9;
    border-color: #EEE1D9;
}

/* DARK BEIGE */
.zgdarkbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#B88778;
}
.txtdarkbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#B88778;
}
.fldarkbeige  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fldarkbeige::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #B88778;
}
.btn-outline-darkbeige {
    color: #B88778;
    background-color: transparent;
    background-image: none;
    border-color: #B88778;
}
.btn-outline-darkbeige:not(:disabled):not(.disabled).active, .btn-outline-darkbeige:not(:disabled):not(.disabled):active, .show>.btn-outline-darkbeige.dropdown-toggle {
    color: #fff;
    background-color: #B88778;
    border-color: #B88778;
}
.btn-outline-darkbeige:focus, .btn-outline-darkbeige:hover{
    color: #fff;
    background-color: #B88778;
    border-color: #B88778;
}

/* DARK BROWN */
.zgdarkbrown  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#23160E;
}
.txtdarkbrown  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#23160E;
}
.fldarkbrown  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#D8D9D9;
}
.fldarkbrown::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #23160E;
}
.btn-outline-darkbrown {
    color: #23160E;
    background-color: transparent;
    background-image: none;
    border-color: #23160E;
}
.btn-outline-darkbrown:not(:disabled):not(.disabled).active, .btn-outline-darkbrown:not(:disabled):not(.disabled):active, .show>.btn-outline-darkbrown.dropdown-toggle {
    color: #fff;
    background-color: #23160E;
    border-color: #23160E;
}
.btn-outline-darkbrown:focus, .btn-outline-darkbrown:hover{
    color: #fff;
    background-color: #23160E;
    border-color: #23160E;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #999999;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
	 color: #000000;
}

/*
a:focus, a:hover {
    color: #666666;
    text-decoration: underline;
}
*/

/**

    DEFAULT BOOTSTRAP NAVIGATION

**/
/*:not(nav.navbar-dark) a.nav-link:not(.active):not(:hover) {*/
nav.navbar-light a.nav-link:not(.active):not(:hover) {
  color: #212121; }

.navbar-light .navbar-nav .nav-item:hover > .nav-link,
.navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
  color: #ff3300 !important; }

.navbar-dark .navbar-nav .nav-item:hover > .nav-link,
.navbar-dark .navbar-nav .nav-link[aria-expanded="true"] {
  color: #ffffff !important; }

.cat-list h3 {
    color: rgba(0, 0, 139);
    position: relative;
    font-family: "tsweb", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

	/* Dark & Color Header */
	#header.dark {
		background-color:#333;
	}
	#header.dark #topMain.nav-pills>li>a {
		color:#000000;
	}
	#header.dark #topMain.nav-pills>li.active>a,
	#header.dark #topMain.nav-pills>li>a:hover {
		color:#fff;
	}

	/* 
		Top Bar
	*/
	#topBar {
		display:block;
		background-color:#000000;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-bottom {
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-top {
		border-top:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar,
	#topBar>.container {
		min-height: 40px;
	}
	
	#topBar.dark {
		color:#ccc;
		background-color:#363839;
		border-bottom-color:rgba(255,255,255,0.1);
	}
	#topBar.dark .dropdown-menu a,
	#topBar.dark ul.top-links>li>a {
		color:#fff;
	}
	#topBar.dark .dropdown-menu a:hover {
		color:#fff !important;
		background-color:#333;
	}
	#topBar.dark ul.top-links>li {
		border-right: rgba(255,255,255,0.1) 1px solid;
	}

	body.boxed #topBar.dark ul.top-links>li {
		border-right:0;
	}
	#topBar.dark .dropdown-menu {
		background-color:#363839;
	}
	#topBar.dark .dropdown-menu .divider {
		background-color:#444;
	}
		#topBar.dark>.border-bottom {
			border-bottom-color:rgba(255,255,255,0.1);
		}
		#topBar.dark>.border-top {
			border-top-color:rgba(255,255,255,0.1);
		}
	
	/* Logo */
	#topBar .logo {
		display:inline-block;
	}
	#topBar .logo img {
		-webkit-transition: width .4s ease, height .4s ease;
			 -o-transition: width .4s ease, height .4s ease;
				transition: width .4s ease, height .4s ease;
	}
	#topBar .logo.has-banner {
		height:100px;
		line-height:100px;
		
	}
	
	/* banner */
	#topBar .banner {
		margin:5px 0;
		display:inline-block;
		padding-left:5px;
		border-left:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar.dark .banner {
		border-left-color:rgba(255,255,255,0.05) 1px solid;
	}

	/* social Icon */
	#topBar .social-icon {
		margin:3px 0 0 0;
	}
	
	/* Links */
	#topBar ul.top-links {
		float:left;
		margin:0;
	}
	#topBar ul.top-links>li {
		padding:0;
		display:inline-block;
		margin-left:-3px;
		position:relative;
		border-right:rgba(0,0,0,0.1) 0px solid;
		font-family: "tsweb", Helvetica, Arial, sans-serif;
		
	}
	#topBar ul.top-links>li:hover >.dropdown-menu,
	#mainMenu ul.top-links>li:hover >.dropdown-menu {
		display:block !important;
	}
	#topBar ul.top-links>li .dropdown-menu {
		z-index:3000;
	}
	#topBar ul.top-links>li>a {
		padding:10px;
		font-size:13px;
		color:#151515;
		display:block;
		text-decoration:none;
	}
	#topBar ul.top-links>li>a:hover {
		background-color:rgba(0,0,0,0.01);
	}
	#topBar ul.top-links>li>a>i {
		margin-right:5px;
		filter: alpha(opacity=30);
		opacity:0.3;
	}
	@media only screen and (max-width: 768px) {
		#topBar {
			text-align:center;
		}
		#topBar ul.top-links {
			display:inline-block;
			float:none;
			margin:0 auto;
		}
		#topBar ul.top-links>li:last-child>a {
			border-right:0;
		}
	}
	#topBar ul.top-links li.text-welcome {
		padding:0 15px;
		font-size:12px;
	}

	/* Drop Downs & Lang */
	#topBar ul.dropdown-menu {
		min-width:50px;
		margin:0; padding:0;
		margin-left:-1px;
	}
	#topBar ul.dropdown-menu>li>a {
		padding:8px 6px;
		font-size:12px;
	}
	#topBar ul.dropdown-langs>li>a {
		padding:3px 6px;
		font-size:12px;
	}
	#topBar ul.top-links>li>a>img.flag-lang {
		float:left;
		margin-top:3px;
		margin-right:6px;
	}
	#topBar ul.dropdown-menu>li>a>i {
		margin-right:6px;
	}
	#topBar ul.dropdown-langs>li:hover>a {
		color:#000 !important;
		background-color:#eee;
	}
	#topBar ul.dropdown-menu>li.divider {
		margin:0; padding:0;
		border-bottom:0;
		height:1px;
	}
	
#topBar ul.top-links>li {
		padding:0;
		display:inline-block;
		margin-left:-3px;
		position:relative;
		border-right:rgba(0,0,0,0.1) 0px solid;
		font-family: "tsweb", Helvetica, Arial, sans-serif;
		
	}

.dropdown-menu > li {
     padding: 0px 0px; 
    }

/* submenu */
	#topNav ul.dropdown-menu {
		text-align:left;
		margin-top: 0;
		box-shadow:none;
		border:#eee 1px solid;
		border-top:#eee 1px solid;
		list-style:none;
		/*background:#fff;
		background-color:#fff;*/
		-webkit-box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
		box-shadow:rgba(0,0,0,0.2) 0 6px 12px !important;
		min-width: 230px;
		padding:0;
		border-color: #E66340 #fff #fff;
		-webkit-transition: top .4s ease;
		-o-transition: top .4s ease;
		transition: top .4s ease;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
		#topNav ul.dropdown-menu ul.dropdown-menu {
			margin-top: -1px !important; /* -1px required for border-top menu */
		}

	#topNav ul.dropdown-menu li {
		position:relative;
		/*border-bottom: rgba(0,0,0,0.06) 1px solid;*/
	}
	/*
		#topNav .submenu-dark ul.dropdown-menu li {
			border-bottom-color: rgba(0,0,0,0.2);
		}
	*/
	#topNav ul.dropdown-menu li:last-child {
		border-bottom:0;
	}
	#topNav ul.dropdown-menu li a {
		margin:0;
		padding:7px 5px;
		font-weight:400;
		line-height:23px;

		color:#666;
		font-size:12px;
		display:block;
		text-decoration:none;
	}
	#topNav ul.dropdown-menu>li a i {
		margin-right:6px;
		font-size:12px;
	}
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-position: right center;
		background-repeat: no-repeat;
	}
	#topNav ul.dropdown-menu li.active>a, 
	#topNav ul.dropdown-menu li.active:hover>a, 
	#topNav ul.dropdown-menu li.active:focus>a, 
	#topNav ul.dropdown-menu li:hover>a, 
	#topNav ul.dropdown-menu li:focus>a, 
	#topNav ul.dropdown-menu li:focus>a {
		color:#000;
		background-color:rgba(0,0,0,0.05);
	}
	
	#topNav ul.dropdown-menu li.divider {
		margin:-1px 0 0 0;
		padding:0; border:0;
		background-color:rgba(0,0,0,0.1);
	}
	#topNav .nav li:hover>ul.dropdown-menu {
		padding:0;
		display:block;
		z-index:100;
	}
	#topNav ul.dropdown-menu li .badge {
		margin-top:4px;
	}

	/* sub-submenu */
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
		display:block;
		position:absolute;
		left:100%; top:0;
		padding:0; margin:0; 
		border-left:0 !important;
		border-right:0 !important;
		border-bottom:0 !important;
	}
	/** ************************************************************* **/

	/* Small Height : 60px */
	#header.header-sm #topNav a.logo {
		height:70px;
		line-height:60px;
	}
	#header.header-sm #topNav a.logo>img {
		height:70px;
	}
	#header.header-sm #topNav #topMain>li>a {
		height:70px;
		line-height:70px;
		color:#0A0D25;
	}
	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}


#topBar ul.dropdown-menu {
    min-width: 150px;
    margin: 0;
    padding: 0;
    margin-left: -1px;
}

div.heading-title h1,
	div.heading-title h2,
	div.heading-title h3,
	div.heading-title h4,
	div.heading-title h5,
	div.heading-title h6 {
		background-color: unset;
	}

.flwhite  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ffffff;
}
.flwhite::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: red;
}

.flred  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#223a78;
}
.flred::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: red;
}

.flblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ff3300;
}
.flblack::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: black;
}

.florange  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#999999;
}
.florange::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #ff3300;
}

.flblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#999999;
}
.flblue::first-letter  {
  /*font-size: 25px;
  line-height: 40px;*/
  color: #0A0D25;
}

.flgreen  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#666666;
  margin:0;
		padding:0;
		position:relative;
		display:inline-block;
		padding-left: 0;
		padding-right: 15px;
		background-color: unset;
}
.flgreen::first-letter  {
  font-size: 25px;
  line-height: 40px;
  color: #336633;
}

.flredlightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#1980B6;
}
.flredlightblue::first-letter  {
  font-size: 20px;
  line-height: 35px;
  color: red;
}

.tslightblue  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#1980B6;
}

.tswhite  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#ffffff;
}

.tsblack  {
  font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#000000;
}

.main-container {
  min-height: -webkit-calc(100% - 162px);
  min-height: -moz-calc(100% - 162px);
  min-height: calc(100% - 162px);
   padding: 0px 0; 
  }
 
#header,
#topNav,
#topMain {
	font-family: "tsweb", Helvetica, Arial, sans-serif;
  color:#000000;
}
 
#wrapper {
  padding-top: 0px;
  -webkit-transition: padding 0.2s ease;
  -moz-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
  }
 
 // stylelint-disable selector-no-qualifying-type

//
// Base styles
//

.btn {
  display: inline-block;
  font-weight: $btn-font-weight;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: $btn-border-width solid transparent;
  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
  @include transition($btn-transition);

  // Share hover and focus styles
  @include hover-focus {
    text-decoration: none;
  }

  &:focus,
  &.focus {
    outline: 0;
    box-shadow: $btn-focus-box-shadow;
  }

  // Disabled comes first so active can properly restyle
  &.disabled,
  &:disabled {
    opacity: $btn-disabled-opacity;
    @include box-shadow(none);
  }

  // Opinionated: add "hand" cursor to non-disabled .btn elements
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }

  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active {
    @include box-shadow($btn-active-box-shadow);

    &:focus {
      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
    }
  }
}

// Future-proof disabling of clicks on `<a>` elements
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}


//
// Alternate buttons
//

@each $color, $value in $theme-colors {
  .btn-#{$color} {
    @include button-variant($value, $value);
  }
}

@each $color, $value in $theme-colors {
  .btn-outline-#{$color} {
    @include button-outline-variant($value);
  }
}


//
// Link buttons
//

// Make a button look and behave like a link
.btn-link {
  font-weight: $font-weight-normal;
  color: $link-color;
  background-color: transparent;

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
    background-color: transparent;
    border-color: transparent;
  }

  &:focus,
  &.focus {
    text-decoration: $link-hover-decoration;
    border-color: transparent;
    box-shadow: none;
  }

  &:disabled,
  &.disabled {
    color: $btn-link-disabled-color;
    pointer-events: none;
  }

  // No need for an active state here
}


//
// Button Sizes
//

.btn-lg {
  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
}

.btn-sm {
  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
}


//
// Block button
//

.btn-block {
  display: block;
  width: 100%;

  // Vertically space out multiple block buttons
  + .btn-block {
    margin-top: $btn-block-spacing-y;
  }
}

// Specificity overrides
input[type="submit"],
input[type="reset"],
input[type="button"] {
  &.btn-block {
    width: 100%;
  }
}

// Button variants
//
// Easily pump out default styles, as well as :hover, :focus, :active,
// and disabled options for all buttons

@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
  color: color-yiq($background);
  @include gradient-bg($background);
  border-color: $border;
  @include box-shadow($btn-box-shadow);

  @include hover {
    color: color-yiq($hover-background);
    @include gradient-bg($hover-background);
    border-color: $hover-border;
  }

  &:focus,
  &.focus {
    // Avoid using mixin so we can pass custom focus shadow properly
    @if $enable-shadows {
      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
    } @else {
      box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
    }
  }

  // Disabled comes first so active can properly restyle
  &.disabled,
  &:disabled {
    color: color-yiq($background);
    background-color: $background;
    border-color: $border;
  }

  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($active-background);
    background-color: $active-background;
    @if $enable-gradients {
      background-image: none; // Remove the gradient for the pressed/active state
    }
    border-color: $active-border;

    &:focus {
      // Avoid using mixin so we can pass custom focus shadow properly
      @if $enable-shadows {
        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
      } @else {
        box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
      }
    }
  }
}

@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
  color: $color;
  background-color: transparent;
  background-image: none;
  border-color: $color;

  &:hover {
    color: $color-hover;
    background-color: $active-background;
    border-color: $active-border;
  }

  &:focus,
  &.focus {
    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
  }

  &.disabled,
  &:disabled {
    color: $color;
    background-color: transparent;
  }

  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($active-background);
    background-color: $active-background;
    border-color: $active-border;

    &:focus {
      // Avoid using mixin so we can pass custom focus shadow properly
      @if $enable-shadows and $btn-active-box-shadow != none {
        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
      } @else {
        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
      }
    }
  }
}

// Button sizes
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
  padding: $padding-y $padding-x;
  font-size: $font-size;
  line-height: $line-height;
  // Manually declare to provide an override to the browser default
  @if $enable-rounded {
    border-radius: $border-radius;
  } @else {
    border-radius: 0;
  }
}



/** Footer
 **************************************************************** **/
#footer {
	font-size:14px;
	color: #999999; /*rgba(255,255,255,0.6);*/
	display: block;

	/*background: #333366;
	background: -moz-linear-gradient(top, #666666 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #cccccc));
	background: -webkit-linear-gradient(top, #666666 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #666666 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #666666 0%, #cccccc 100%);
	background: linear-gradient(to bottom, #666666 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#cccccc',GradientType=0 );
	*/
	
}
#footer>.container {
	padding-top:60px;
	margin-bottom:60px;
}
#footer:after,
#footer:before {
	content:" ";
	display:table;
}
	#footer:after {
		display: block;
	    content: "";
	    clear: both;
	}

#footer>.copyright {
	background-color:rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding:25px 0;
	font-size:13px;
	display:block;
}
#footer>.copyright:after,
#footer>.copyright:before {
	content:" ";
	display:table;
}
	#footer>.copyright:after {
		display: block;
	    content: "";
	    clear: both;
	}
#footer>.copyright.has-social {
	padding:8px;
}
#footer>.copyright.has-social .social-icon {
	margin-top:8px;
	margin-bottom:0;
	line-height:0;
}
#footer>.copyright .copyright-text {
	margin-top:14px;
}
#footer canvas {
	width:auto !important;
	height:auto !important;
}


	/* Footer Logo */
	#footer img.footer-logo {
		margin-bottom:20px;
		display:block;
	}

	#footer .footer-logo.footer-2 {
		float:left;
		margin:0 20px 10px 0;
		border-right:rgba(255,255,255,0.1) 1px solid;
		padding-right:20px;
	}

	/* Footer Typography */
	#footer h2 {
		font-size:26px;
		text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
	}
	#footer h3 {
		font-size:18px;
		margin-bottom:25px;
	}
	#footer h4 {
		font-size:15px;
		margin-bottom:25px;
	}

	#footer li>a {
		color:#999999;
		/*color: rgba(255,255,255,0.6);*/
		text-decoration:none;
	}
	
	#footer li>a:hover {
		color: rgba(255, 51, 0,0.6);
		text-decoration:none;
	}
	
	#footer a>i.fa {
		padding-right: 6px;
	}

	#footer  p {
		margin-top:0;
	}
	
	#footer ul {
		margin-bottom:0;
	}

	#footer hr {
		border:0;
		margin:20px 0;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
		border-top:rgba(0,0,0,0.4) 1px solid;
	}

	#footer address {
		margin-bottom:0;
	}

	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 {
		
		color: #FFFFFF;
		/*color: rgba(255,255,255,0.8);*/
		font-weight:400;
	}

	/* footer form */
	#footer form input,
	#footer form textarea {
		color: #999;
		background-color: rgba(0,0,0,.2);
		border-color: rgba(0,0,0,.25);
		margin-bottom:6px;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	#footer form input[type="submit"]:hover,
	#footer form input:focus,
	#footer form textarea:focus {
		background-color: rgba(0,0,0,.3);
	}
	#footer form .input-group-addon {
		color: #999;
		background-color: rgba(0,0,0,.4);
		border-color: rgba(0,0,0,.25);
	}
	#footer form .input-group input,
	#footer form .input-group textarea {
		margin-bottom:0;
	}

	@media only screen and (max-width: 480px) {
		#footer h4 {
			margin-top:60px;
			display:block;
		}
		#footer .mobile-block {
			margin-bottom:25px !important;
		}
		#footer.footer-fixed .mobile-block {
			margin-bottom:0 !important;
		}
		#footer .copyright {
			text-align:center;
		}
	}

	/* footer list links */
	#footer ul.footer-links>li {
		padding-bottom:10px;
		font-weight:300;
	}
	#footer ul.footer-links>li>a {
		color: rgba(255,255,255,0.6);
	}
	#footer ul.footer-links>li>a:hover {
		color: rgba(255,255,255,0.9);
	}
	#footer ul.footer-links>li>a:before {
		content: "\f105";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		padding-right:10px;
	}

	/* footer news list */
	#footer ul.footer-list li {
		padding:10px 0;
		border-bottom:rgba(0,0,0,0.2) 1px solid;
	}
	#footer ul.footer-list li small {
		display:block;
		font-family:'Open Sans',Arial,Helvetica,sans-serif;
		color:#ddd;
	}
		#footer.footer-light ul.footer-list li small {
			color: #999;
		}

	#footer ul.footer-list.half-paddings li {
		padding:6px 0;
	}
	#footer ul.footer-list.half-paddings.noborder li {
		border:0;
	}

	/* footer posts */
	#footer ul.footer-posts>li {
		padding: 15px 0;
		border-bottom:rgba(255,255,255,0.07) 1px solid;
	}
	#footer ul.footer-posts>li:first-child {
		padding-top:0;
	}
	#footer ul.footer-posts>li:last-child {
		border-bottom:0;
	}
	#footer ul.footer-posts>li>small {
		display:block;
	}

	/* footer contact text */
	#footer address {
		background:url('../images/_smarty/world-map.png') no-repeat center;
	}
	#footer address .footer-sprite {
		margin-bottom:20px;
		padding-left:30px; 
		background:url('../images/_smarty/footer_sprite.png') no-repeat 0 0;
	}
		#footer address .footer-sprite:last-child {
			margin-bottom:0;
		}
	#footer p {
		line-height:18px;
	}
	#footer p.contact-desc {
		margin:0 0 30px 0; 
		padding:0 0 10px 0;
		border-bottom:#403E44 1px dashed;
	}
	#footer address .footer-sprite.address {
		background-position:0 0;
	}
	#footer address .footer-sprite.phone {
		background-position:0 -138px;
		line-height:30px;
	}		
	#footer address .footer-sprite.email {
		background-position:0 -247px;
	}


	/* footer links - breadcrumbs like */
	#footer ul.inline-links>li+li:before {
	  padding: 0 5px 0 0;
	  content: "/\00a0";
	  color:rgba(255,255,255,0.3);
	}


	/* footer images gallery */
	#footer .footer-gallery>a {
		display:inline-block;
		margin-bottom:3px;
		margin-right:3px;
		float:left;
	}
	#footer .footer-gallery>a:hover {
		opacity:0.8;
	}


	@media only screen and (max-width: 768px) {
		#footer .footer-gallery {
			text-align:center;
		}
		#footer .footer-gallery>a,
		#footer .footer-gallery>img {
			float:none;
			margin-right:0;
		}
		
		#footer .row>div {
			margin-bottom:60px;
		}
	}

	/* sticky footer */
	footer.sticky {
		width: 100%;
	}
	@media only screen and (max-width: 768px) {
		footer.sticky {
			top:auto !important;
			position:relative !important;
		}
	}

#footer .btn,
#footer .form-control {
	height:36px;
}
#footer .btn-sm,
#footer .btn-sm,
#footer .btn-lg,
#footer .btn-xlg {
	height:auto;
}


#footer .copyright ul.list-social-icons {
	height:30px;
}
#footer .copyright ul.list-social-icons a.social-icon {
	margin:0;
}

/* footer social icons */
#footer a.social-icon {
	color: #999999 !important;
}
	
#footer .input-group>.input-group-addon {
	line-height: 1.5;
}

.doc-page-title {
  display: block;
  /*padding-bottom: 1.5rem!important;*/
  /*border-bottom: 2px solid #dde4ea!important;*/
  /*border-bottom:  1px solid #eaeff7;*/
  border-bottom:  1px solid #f8f9fa;
  /*box-shadow: 0 6px 12px rgba(140,152,164,.075);*/
  /*background-color: var(--bs-gray-200);*/
}

.container-doc { 
  max-width: 1200px;
  margin-bottom: 5rem; 
}
.doc-page-title p,
.doc-page-title .container-doc {
  margin-bottom: 0 !important;
}




/*
  
  Anchor JS
  Injected links

    <h2 data-anchor="anchor-id">
      Lorem Ipsum
    </h2>

*/
.anchor-js-link {
  font-weight: 400;
  color: rgba(13,110,253,0.5);
  transition: color 0.15s ease-in-out;
  text-decoration: none;
  opacity: 0;
}
  .doc-anchor:hover > .anchor-js-link {
    opacity: 1;
  }
.anchor-js-link::after {
    content: "#";
}



/*
  
  Icons

*/
.doc-icon-preview {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 24px 0;
  margin: 0;
}
  .doc-icon-preview > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    padding: 0 0 1rem;
    text-align: center;
    border-radius: .25em;
    transition: background 0.2s;
  }
    .doc-icon-preview > li:hover {
      background-color: #f1f4f8;
    }
  /* icon name */
  .doc-icon-preview p {
    font-size: .85rem;
    color: rgba(0,0,0,0.6);
    margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.1rem;
    white-space: nowrap;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* inner options */
  .doc-icon-preview .icon-opt {
    display: none;
    position: absolute;
    margin-top: 1em;
    top:0;
  }
    .doc-icon-preview > li:hover {
      color: #ffc41d;
    }
    .doc-icon-preview > li:hover .icon-opt {
      display: block;
    }
  .doc-icon-preview .icon-opt > a {
    text-decoration: none;
    font-size: .8rem;
    border-radius: 4px !important;
    margin: 0 .3em .3em .3em;
    padding: .4em .7em !important;
  }