/* custom TBX CSS  */
body{background:#000000;  overflow:hidden;}
.tm-logo img{
    height: 50px;
    width: auto;
    float: left;
    position: relative;
    top: 60px;
    left: 60px;
    z-index: 1;}

.tm-navbar, .tm-headerbar {
position:absolute; top:0px; z-index:9999 !important;
    margin-top: 0px!important;
margin-bottom: 0px!important;
    width: 100%;
transition: height 0.2s ease-in-out, line-height 0.2s ease-in-out;
}
.tm-navbar-small{height:60px;}
.tm-middle {   }
/*---------------offcanvas toggle------------------*/
.toggle{position:absolute; top:60px; right:60px;}

.tm-icon-menu {
    background: #dddddd;
	z-index:999;
		float:right;
	right:30px;
	top:30px;
		box-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.tm-icon {
    display: block;
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 999;


}
.tm-overlay-toggle{}
[class*='tm-icon-'] {
    position: absolute;
    left: 22px;
    width: 25px;
    height: 3px;

}

.tm-icon-menu:before {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
}
.tm-icon-menu:after {
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
}

[class*='tm-icon-']:before, [class*='tm-icon-']:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #dddddd;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.99, 0.2, 1);
    transition: all 0.2s cubic-bezier(0, 0.99, 0.2, 1);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
:hover > .tm-icon-menu:before {
  -webkit-transform: translateY(0) rotate(90deg);
  transform: translateY(0) rotate(90deg);
}
:hover > .tm-icon-menu:after {
  -webkit-transform: translateY(0) rotate(-90deg);
  transform: translateY(0) rotate(-90deg);
}

.tm-icon-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tm-icon-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
:hover > .tm-icon-close:after,
:hover > .tm-icon-close:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tm-modal-close {
  position: absolute;
    top: 0px;
    right: -20px;
}
@media (max-width:767px){
.toggle{right:0px; top:50px; position:fixed;}
.tm-icon-menu {right:0px;}
}

.uk-navbar.uk-visible-small > .uk-flex-space-between {   
-webkit-justify-content: flex-end;  
justify-content: flex-end;   
}

/*---------------end of offcanvas toggle------------------*/
/*-----------------offcanvas menu toggle customization---------------*/
.uk-navbar-toggle{margin-left:40px; color:#ffffff; font-size:50px;}
.uk-navbar-toggle:hover{color:#ffffff;}
@media (max-width: 767px){
.uk-navbar-toggle{font-size:36px; margin-left:25px;}
}
/*-----------------end of offcanvas menu toggle---------------*/

.uk-nav > li > a {
    font-size: 21px;
	text-align:center;
	border-bottom: 1px solid rgba(255,255,255,0.07);
	border-top: 1px solid rgba(0,0,0,0.8);
}
ul .uk-nav.uk-nav-offcanvas{margin-top:30px;}
.uk-nav-offcanvas ul a{font-size: 18px;
    line-height: 27px;}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #ddd;
}

ul.uk-nav-sub {
    padding: 5px 0 5px 0px;
    text-align: center;
}
/*.tm-top-a{top: -150px;
    position: relative;z-index:-1;}
.tm-top-b, #tm-bottom-a, #tm-bottom-b{position: relative;top: -150px;}*/
#tm-bottom-b{background:#101010;}
#tm-bottom-b .uk-panel{margin:30px 0px;}
#tm-footer {position:relative; background:#000;margin:0 auto; padding:70px; bottom:0px; border-top: 1px solid rgba(255,255,255,0.1);}
.uk-panel-title {text-transform:uppercase;}
.tm-totop-scroller {
right:0;left:0; top:-30px; margin:0 auto; padding:20px; background:#000; border-top: 1px solid rgba(255,255,255,0.1);}

.uk-nav-offcanvas > .uk-open > a, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: rgba(13, 13, 13, 0.82);
    color: #ededed;
    outline: none;}
/*----------smooth scroll anchor bar----------------*/
.tm-smoothscroll-bar {
    z-index: 990;
	    position: fixed;
    top: 50%;
    right: 0;
    margin-right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
.tm-smoothscroll-bar ul{padding-left:5px; 	text-align:center;}
.tm-smoothscroll-bar ul li{list-style:none;padding:5px; 	text-align:center; }
.tm-smoothscroll-bar ul li a{color:rgba(255,255,255,0.4); font-size:22px;
-webkit-transition: color 0.2s, font-size 0.2s;
       -moz-transition: color 0.2s, font-size 0.2s;
         -o-transition: color 0.2s, font-size 0.2s;
            transition: color 0.2s, font-size 0.2s;
	}
.tm-smoothscroll-bar ul li a:hover{color:rgba(255,255,255,0.9); font-size:25px; }
.tm-smoothscroll-bar span {
    display: none;
}
.tm-smoothscroll-bar li:hover > span {
    position: absolute;
    overflow: inherit;
    display: block;
    right: 40px;
    width: inherit;
    height: 20px;
    margin-top: -24px;
    padding: 5px 10px;
    border-radius: 2px;
    background: #f58020;
    color: #ffffff;
    text-indent: 0;
}
.tm-smoothscroll-bar li:hover > span:after {
    content: '';
    position: absolute;
    left: 100%;
    width: 0px;
    height: 0px;
    margin-top: 6px;
    margin-right: 35px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f58020;
}

.tm-smoothscroll-bar ul li a.uk-active {color:#fff;}
@media (max-width:767px){
.tm-smoothscroll-bar {
    right: 0;
    margin-right: 0px;
}}
/*----------end of smooth scroll anchor bar----------------*/


@media (min-width: 1220px){
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 0px;
}}

.uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: rgba(0, 0, 0, 0.82);
    color: #999999 !important;}
.uk-nav.uk-nav-offcanvas > li.uk-active > a:hover{
color:#f58020 !important;}

.uk-article{padding:70px;}
@media (max-width:767px){
.uk-article, .uk-panel-space {padding:30px;}
}

/*----------New panel box highlight----------*/

.uk-panel-box-highlight {
  background-color: #e77516;
    color: #ffffff;
}
.uk-panel-box-highlight .uk-panel-title{color:#ffffff;}

/*----------end New panel box highlight----------*/
.uk-panel-space {
    padding: 70px;
}
.uk-panel-title i{z-index:90; position:relative;
font-size:60px;
display:block;
text-align:center;
float:none;
width:90px;
height:90px;
padding:25px 15px 5px;
margin: auto;    
margin-top:-80px;
border-radius:50%;
transition: all 0.3s ease-in-out;
}
.uk-panel-teaser {z-index:89; position:relative}
.uk-panel-box .uk-panel-title i{background-color: #ffffff;}
.uk-panel-box-primary .uk-panel-title i{background-color: #262626;}
.uk-panel-box-secondary .uk-panel-title i{background-color: #404040;}
.uk-panel-box-highlight .uk-panel-title i{background-color: #e77516;}


.uk-panel-box-highlight:hover > .uk-panel-title i,
.uk-panel-box-primary:hover > .uk-panel-title i,
.uk-panel-box-secondary:hover > .uk-panel-title i
{border:10px solid rgba(255,255,255,0.4);margin-top:-90px;}

@media (max-width: 767px){
.with-icon{margin-top:100px;}
}

.parallax-banner{
height: 100vh;
width:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    }
	.automation{  background-image: url(../images/automation-industry-illustration.jpg);
    background-attachment : fixed;
    background-position   : top center;
    background-size       : cover;
	}
	
	.contact{  background-image: url(../images/bkg.jpg);
    background-attachment : fixed;
    background-position   : top center;
    background-size       : cover;
	}
.parallax-banner h1{line-height:90vh; padding:30px; color:#fff; font-size:70px;
background: url(../images/bkg2.png) left center no-repeat;}

sub > i {
   display:none;
}
.contact .page-header{padding:70px 30px 5px 70px; border:none;}
.page-header h2{ color:#fff; font-weight:700;}
.bkg-white{background-color:#ffffff;}

element.style {
}
.uk-accordion-title {
    background: rgba(255,255,255,0.1);}
.uk-accordion-title:after {  
    content:"\f078";  
    font-family: FontAwesome;  
    font-size: 18px;  
	float:right;
	padding-left:6px;
    padding-right: 6px;  
}  

.uk-accordion-title.uk-active:after {  
    content:"\f077";  
}
.uk-overlay-panel{padding:70px;}
.responsive-margins-70{margin-left:70px; margin-right:70px;}
.responsive-margins-50{margin-left:50px; margin-right:50px;}
@media (max-width: 767px){
.responsive-margins-70 {margin-left:-30px; margin-right:0px;}
.responsive-margins-50 {margin-left:-30px; margin-right:0px;}
.uk-overlay-panel{padding:20px;}}

.videoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

iframe {
  /* optional */
  width: 100%;
  height: 100%; 
}
.korenix-industries{
position:absolute; left:0; right:0;  width:100%; background:#fff;}

.uk-navbar-nav > li > a {font-family:"Open Sans", sans-serif; font-size:15px;}

.uk-text-primary{color:#e77516 !important}