/*
OmniControl Custom CSS

*/

/*
UIKIT almost flat min CSS fix for Icons
*/

.uk-icon-search:before {
    content: "\f002";
    font-weight: 900;
    font-family: 'Font Awesome\ 5 Free';
    margin-right: 8px;
    text-align: center;
}


.image-circle img {
   border-radius:50%;
}
.uk-overlay-lightdark{
	background:rgba(34,34,34,.45);
}


.uk-slideshow-text {
   text-shadow:-2px 4px 5px rgba(0, 0, 0, 0.80);
}

.uk-position-custom-top {
   top:30%;
   left:0;
   transform:translateY(-50%);
   
}

.uk-navbar-nav>li>a {
   font-family: ffclanwebprobook,sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 110%;
   color: #ffffff;
   line-height: normal;
   text-decoration:none;
    min-height: inherit;
}




/* ---- h_menu style ----- */
.h_menu a {
   font-size:110%;
    color:#fff;
}

.uk-benjar-nav ul {
    padding-left:25px;
}


/* ---- This determines color of container that drops down */ 
.uk-benjardropdown {
    padding: 0px;
    background-color: #908f91;
    width:auto;
}

/* -----------------------------  */



/* ---- DROP DOWN AREA ---- */
/* ------------------------ */



/* Modifier: from uk-nav-parent-icon
 ========================================================================== */
.uk-nav-parent-icon-omnicontrol > .uk-parent-omnicontrol > a:after {
  content: "\f107";
  width: 20px;
  margin-left: 8px;
  /*float: right;*/
  font-family: 'Font Awesome\ 5 Free';
  text-align: center;
   font-weight:900;
}
.uk-nav-parent-icon-omnicontrol:hover > .uk-parent-omnicontrol > a:after {
  content: "\f106";
   font-weight:900;
   font-family: 'Font Awesome\ 5 Free';
 
}


.lined {text-align:center;position:relative}
h2.lined span {text-transform:uppercase;display: inline-block; position:relative;z-index:2;}
.lined span:before, .lined span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #908f91;
    top: 9px;
    min-width: 50%;
}
.lined span:before {right: 100%; margin-right: 15px}
.lined span:after {left: 100%;margin-left: 15px}



/* ========================================================================== */


.omnicontrol-dropdown-bckgrnd {
    padding:0px;
    
    background-color:rgba(144,143,145,.8);
}

.omnicontrol-navbar-dropdown-nav>li>a{
    transition:.3s;
    color:white;
}
.omnicontrol-navbar-dropdown-nav>li>a:hover{
    transition:.3s;
    color: #57595e;
    font-weight: bold;
    
}


.uk-benjarDrop-omnicontrol{
    margin:0;
    padding:15px;
    list-style:none;
    float:left;
    /*background-color:#908f91;
    background-color:rgba(144,143,145,1);*/
}

.uk-benjarDrop-omnicontrol-mobile{
    margin-bottom: 15px;
}


.uk-benjarDrop-omnicontrol>li{
    float:left;
    position:relative;
    width:100%;
    list-style: none;
}


.uk-benjarDrop-omnicontrol li a {
    white-space: nowrap;
}

.uk-benjarDrop-omnicontrol>li>a{
    display:block;
    box-sizing:border-box;
    text-decoration:none;
    padding:3px 15px;
    color:#fff;
    font-weight:400;
    margin-top:-1px;
    margin-left:-1px;
    /*border:1px solid transparent;*/
    border-bottom-width:0;
    /*text-shadow:0 1px 0 #fff*/
}
.uk-benjarDrop-omnicontrol>li>a[href='#']{
    cursor:text
}

/*HOVER ACTION --- WOO! */
.uk-benjarDrop-omnicontrol>li.uk-open>a,.uk-benjarDrop-omnicontrol>li:hover>a,.uk-benjarDrop-omnicontrol>li>a:focus{
    /*background-color: #908f91;*/
    background-color:rgba(144,143,145,.6);
    color:#000;
    color:rgba(0,0,0,0.8);
    outline:0;
    position:relative;
    z-index:1;
    border-left-color:rgba(0,0,0,.1);
    border-right-color:rgba(0,0,0,.1);
    border-top-color:rgba(0,0,0,.1);
}
.uk-benjarDrop-omnicontrol>li>a:active{
    /*background-color:#eee;*/
    color:#444;
    /*border-left-color:rgba(0,0,0,.1);
    border-right-color:rgba(0,0,0,.1);
    border-top-color:rgba(0,0,0,.2)*/
}
.uk-benjarDrop-omnicontrol>li.uk-active>a{
    /*background-color:#fafafa;*/
    color:#444;
    /*border-left-color:rgba(0,0,0,.1);
    border-right-color:rgba(0,0,0,.1);
    border-top-color:rgba(0,0,0,.1)*/
}
.uk-benjarDrop-omnicontrol .uk-benjarDrop-omnicontrol-subtitle{
    line-height:28px;
}

/* ---- DROPDOWN AREA END ---- */
/* ---- Sticky Area ----- */

.sticky-omnicontrol-container{
    width:100%;
    background-color:rgba(255,255,255,.9);
    padding:10px 0px;
}

.sticky-omnicontrol-text-right{
    text-align: right;
}



.uk-sticky-omnicontrol>li>a {
    font-family: ffclanwebprobook,sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
    color: #000;
    line-height: normal;
    text-decoration: none;
    min-height:inherit;
    padding: 10px 0px;
}
.uk-sticky-omnicontrol>li:hover>a:hover{
    color:#000;
    color:rgba(0,0,0,0.8);
    
}

.uk-navbar {
    display:inherit;
}


/* ========================================================================== */
/* ========================================================================== */
/* custom */

.omnicontrol-datasheet > a:before {
    content: "\f019";
  width: 20px;
  margin-right: 8px;
  /*float: right;*/
  font-family: 'Font Awesome\ 5 Free';
  text-align: center;
   font-weight:900;
}

.omnicontrol-contactus > a:before {
   content:"\f095";
   font-weight:900;
   font-family: 'Font Awesome\ 5 Free';
   margin-right: 8px;
   text-align:center;
   color:#2e4a86;
   
}
.omnicontrol-aboutus > a:before {
   content:"\f1ea";
   font-weight:900;
   font-family: 'Font Awesome\ 5 Free';
   margin-right: 8px;
   text-align:center;
   
}
.omnicontrol-careers > a:before {
   content:"\f64a";
   font-weight:900;
   font-family: 'Font Awesome\ 5 Free';
   margin-right: 8px;
   text-align:center;
   
}

.omnicontrol-facebook > a:before {
   content:"\f39e";
   font-weight:900;
   font-family: 'Font Awesome 5 Brands';
   margin-right: 8px;
   text-align:center;
   color:#2e4a86;
   
}

.omnicontrol-linkedIn > a:before {
   content:"\f0e1";
   font-weight:900;
   font-family: 'Font Awesome 5 Brands';
   margin-right: 8px;
   text-align:center;
   color:#2e4a86;
   
}

.omnicontrol-testFB > a:before {
   content:"\f36b";
   font-weight:900;
   font-family: 'Font Awesome 5 Brands';
   margin-right: 8px;
   text-align:center;
   
}
.omnicontrol-button {
    background-color: rgba(103, 154, 209,.7);
    border-radius: 15px;
}
.omnicontrol-button a {
    color:white;
}

.omnicontrol-animated-bar {
    /*width: 100%;*/
    height: 3px;
    margin-bottom:10px;
    background-color: white;
    position: relative;
} 
.omnicontrol-animated-container{
    
}

.omnicontrol-animated-container:hover .omnicontrol-animated-bar {
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation: example 3s infinite;
}

.omnicontrol-news-wrapper:hover .omnicontrol-animated-news-container {
    
    transform: rotateX(0);
}

.omnicontrol-news-wrapper {
    perspective: 800px;
}

.omnicontrol-animated-news-container {
    transition: .45s;
    transform-style: preserve-3d;
    transform: rotateX(45deg);
}

.omnicontrol-homePage-icon {
   padding:15px;
   margin-left:10px;
   background-color: #ffffff;
   margin-top: -8px;
   position: absolute;
   width: 140px;
   z-index: 9999999;
   box-shadow: -2px 5px 20px #2e4a86;
   border-radius:55px;
}
.omnicontrol-homePage-icon-mobile {
   margin-left:10px;
   background-color: #ffffff;
   margin-top: -1em;
   position: absolute;
   z-index: 9999999;
   box-shadow: -5px 7px 10px #2e4a86;
}

.omnicontrol-imgBoxShadow img {
   box-shadow: -5px 7px 15px rgba(0,0,0,0.4);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color:white; margin-left:0px;}
   
    40%  {background-color:rgba(221,221,221,0.8);; margin:0 15% 10px 15%;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:white; margin-left:0px;}
   
    40%  {background-color:rgba(221,221,221,0.8);; margin:0 15% 10px 15%;}
}