/* ========================================================================
   Typos / Icons
 ========================================================================== */
 



/* ========================================================================
   General
 ========================================================================== */
 


.uk-hr,
hr {
 overflow:visible;
 text-align:inherit;
 margin:0 0 35px 0;
 border:0;
 border-top:1px solid #e5e5e7
}

*+.uk-hr,
*+hr {
 margin-top:35px
}

@media (min-width: 1200px) {
.uk-hr,
hr {
 margin:0 0 70px 0;
}

*+.uk-hr,
*+hr {
 margin-top:70px
}
}

.text-shadow {
	text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}

.text-underline {
  text-decoration: underline !important;
}

.text-transform {
  text-transform: uppercase !important;
}

.no-text-transform {
  text-transform: none !important;
}

p:last-child {
	margin-bottom: 0;
}

.no-overflow {
	overflow: hidden !important;
}


.uk-z-index {
	z-index: 1;
	position: relative;
}



.tm-toolbar-default .uk-text-muted, .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
	color: rgba(255,255,255,1) !important;
}



.text-shadow {
	text-shadow: 0 0 5px rgba(0, 35, 85, 1);
}


@media (min-width: 960px) {
.uk-container-expand-m > .uk-container-expand {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
}


.uk-slider-items ul li > ul  {
list-style-type: none;
}

.uk-slider-items ul li > ul li:before  {
content: "– ";
}


@media (max-width: 959px) {
.uk-h3, h3 {
	font-size: 20px;
}
}







/* ========================================================================
   Colors
 ========================================================================== */


 .white {
  color: #FFF !important;
}


 .purple {
  color: #2f2483 !important;
}


 .green {
  color: #6cbe99 !important;
}

 .darkpurple {
  color: #2c2c4b !important;
}


 .orange {
  color: #db995a !important;
}


 .red {
  color: #c94174 !important;
}


 .blue {
  color: #6892b8 !important;
}


 .grey {
  color: #e2dfd8 !important;
}







 .bg-white {
  background-color: #FFF !important;
}


 .bg-purple {
  background-color: #2f2483 !important;
}

 .bg-green {
  background-color: #6cbe99 !important;
}

 .bg-darkpurple {
  background-color: #2c2c4b !important;
}



 .bg-orange {
  background-color: #db995a !important;
}


 .bg-red {
  background-color: #c94174 !important;
}



 .bg-blue {
  background-color: #6892b8 !important;
}




 .bg-grey {
  background-color: #e2dfd8 !important;
}








/* ========================================================================
   Margin
 ========================================================================== */

@media (min-width: 960px) {
.minus-margin-xsmall-top {
	margin-top: -100px !important;
}

.minus-margin-small-top {
	margin-top: -150px !important;
}

.minus-margin-medium-top {
	margin-top: -200px !important;
}


.minus-margin-top {
	margin-top: -250px !important;
}

.minus-margin-large-top {
	margin-top: -350px !important;
}
}



/* ========================================================================
   marker
 ========================================================================== */

.text-marker {
  background-color: rgba(255, 255, 255, 1);
  display: table;
  padding: 2px;
}


.text-marker-headline .el-title {
  background-color: rgba(255, 255, 255, 1);
  display: table;
  padding: 2px;
}

.text-marker-headline .text-marker-element {
margin-top: 5px;
}


@media (min-width: 960px) {

.text-marker-headline .text-marker-element:nth-child(2) {
margin-left: 20px;
}

.text-marker-headline .text-marker-element:nth-child(3) {
margin-left: -10px;
}

.text-marker-headline .text-marker-element:nth-child(4) {
margin-left: 10px;
}
}


h1.text-marker-category,
h2.text-marker-category,
h3.text-marker-category,
h4.text-marker-category {
  background-color: #0f0 ;
  display: table;
  padding: 2px;
  color: #000;
}


@media (min-width: 960px) {
h1.text-marker-category,
h2.text-marker-category,
h3.text-marker-category,
h4.text-marker-category {
  background-color: #0f0 ;
  padding: 2px 40px 2px 20px;
}
	
	
}	



.uk-margin-small.text-marker-category  {
	margin-bottom: 5px;
}

.text-marker-category + .text-marker-category  {
	margin-left: 10px;
}





/* ========================================================================
   Logo
 ========================================================================== */



.uk-navbar .uk-logo img,
.uk-navbar .uk-logo svg,
.uk-navbar .uk-sticky-below .uk-logo img {
 height: inherit;
 width: 180px;
}



@media (min-width:960px) {
.tm-headerbar .uk-logo img,
.tm-headerbar .uk-logo svg {
 width: 300px;
}
}



/* ========================================================================
   Dialog Mobile
 ========================================================================== */

.mod_jux_vertical_menu .vertical_menu_container .vertical_menu_wrapper {
	width: 100%;
	background: transparent;
	color: #FFF;
	border: none !important;
}



/* ========================================================================
   Button
 ========================================================================== */



.btn, .uk-button {
	padding: 10px 20px;
}

/* ========================================================================
   Toolbar
 ========================================================================== */


.tm-toolbar .uk-subnav > * > :first-child {
	font-size: .7em;
	text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1;
}


.tm-toolbar .uk-subnav li::before {
	content: "";
	padding: 0 10px;
	border-left: 1px solid transparent;
}


.tm-toolbar .uk-subnav > :nth-child(n+2):not(.uk-first-column)::before {
	border-left-color: #000;
}



.tm-toolbar .uk-subnav li {
	display: flex;
}


/* ========================================================================
   Menu
 ========================================================================== */


.main-menu.uk-nav-center li > a {
	justify-content: left;
}



/* ========================================================================
   Navbar Dropdown
 ========================================================================== */


.uk-navbar-dropdown a.uk-panel .el-title,
.uk-navbar-dropdown a.uk-panel svg {
	transition: .2s ease-in-out;
}




.uk-navbar-dropdown a.uk-panel:hover .el-title,
.uk-navbar-dropdown a.uk-panel:hover svg {
	color: #a9b7c3 !important;
}

.uk-navbar-dropdown a.uk-panel:hover svg{
	fill: #a9b7c3 !important;
	transform: scale(1.2)
}


/* ========================================================================
   Card
 ========================================================================== */



.uk-card-hover:not(.uk-card-default, .uk-card-primary, .uk-card-secondary, .uk-card-overlay) {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.uk-card-hover:not(.uk-card-default, .uk-card-primary, .uk-card-secondary, .uk-card-overlay):hover {
	box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.25);
}







/* ========================================================================
   Scrollbar
 ========================================================================== */

.tm-scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;

}



.tm-scrollbar .uk-icon-button {
  box-sizing: border-box;
  display: table;
  background: rgba(95, 117, 135, 1);
  line-height: 40px;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  transition-timing-function: ease;
  border-radius: 0;
  border: none;
  padding: 10px 10px 5px 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  line-height: 1;
  width: 60px;
  height: inherit;
}



.tm-scrollbar .uk-icon-button span {
  font-weight: normal;
font-size: 19px;
padding-left: 10px;
letter-spacing: 0.03em;
text-transform: uppercase;
}


.tm-scrollbar .uk-icon-button {
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}



.tm-scrollbar .uk-visible-small .uk-icon-button:nth-child(n+2) {
	border-left: 1px solid #FFF;
}




@media (min-width: 640px) {
	
.tm-scrollbar .uk-icon-button {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 1;
  font-size: 25px;
  border: none;
  color: rgba(255, 255, 255, 1);
  background: rgba(95, 117, 135, 1);
  border-radius: 100%;
  padding: 12px;
}


/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbarr .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: rgba(0, 35, 85, 1);
  color: rgba(255, 255, 255, 1);
  /* 2 */
  outline: none;
  transform: none;
}


.tm-scrollbar .uk-icon-button  {
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

.tm-scrollbar .uk-hidden-small .uk-icon-button:nth-child(n+2) {
	margin-top: 20px;
}	
	
.tm-scrollbar {
  position: fixed;
  top: auto;
  right: 10px;
  left: auto;
  bottom: 10px;
  width: 50px;
  padding-right: 0;

}

.tm-scrollbar .uk-icon-envelope {
	 font-size: 35px;
}	
	
}




@media (max-width: 639px) {
.tm-scrollbar .uk-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbarr .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: rgba(0, 35, 85, 1);
  color: rgba(255, 255, 255, 1);
  /* 2 */
  outline: none;
  transform: none;
}

.tm-scrollbar .uk-icon-button > img {
  width: 100px;
}
		
}	



/* ========================================================================
   Tooltip
 ========================================================================== */

 .uk-tooltip {
  line-height: 1.3em;
  text-align: center;
display: inline-flex !important;
align-items: center;
font-size: 0.85em;
font-weight: normal;

}


[role=tooltip]:not(.uk-tooltip):not(.show) {
    display: block !important;

}






/* ========================================================================
   Grid Stack / alignment change
 ========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
	order: -1;
}
}


@media (min-width: 960px) {
.item-order-alternate-reverse > div > div:nth-child(2n) .el-item > div > div:nth-child(1) {
	order: -1;
}
}


@media (max-width: 959px) {
.item-order-alternate .el-item .uk-padding-large {
	padding: 20px 0;
}
}

@media (min-width: 960px) {

.item-order-alternate > div > div:nth-child(2n+1) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-right: 0;
}

.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-left: 0;
}
}





/* ========================================================================
   To Top Scroller
 ========================================================================== */

.uk-totop {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: relative;
	box-sizing: border-box;
}







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




footer .social-icons .uk-icon {
color:#FFF;
} 

.footer-subnav ul.uk-subnav {
 justify-content:center;
}








/* ========================================================================
   User Login
 ========================================================================== */


.uk-form input[type="text"],
.uk-form input[type="password"] {
font-weight: 700;
height: 40px;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #172b5b;
  max-width: 100%;
  width: 100%;
  padding: 0 10px;
  background: #fff;
  color: #000;
  box-sizing: border-box;
  border-radius: 0 15px 0 0;
}

.uk-form input[type="text"]:focus,
.uk-form select:focus, 
.uk-form textarea:focus {
	border-color: #074 !important;
	}


.uk-form label {
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: 700;
}


fieldset.user-login {
	border: 0 none;
	margin: 0;
	padding: 0;
}


.com-users-login__form span.form-control-feedback,
.com-users-login__form span.star {
	display: none;
}



joomla-alert[type="danger"] .alert-heading,
joomla-alert[type="warning"] .alert-heading,
joomla-alert[type="success"] .alert-heading {
	display: none;
}


body.login .tm-header .uk-navbar .uk-navbar-left,
body.login .tm-header-mobile .uk-navbar .uk-navbar-left  {
margin-left: auto;
  margin-right: auto;
  position: relative;
}


body.login joomla-alert[type="danger"] {
	display: none;
}