/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Start Bruce Code  */
.uk-nav-search .uk-nav-header {color: #000;}
.uk-dropdown-search{background: #EDEDED;}
.uk-dropdown-search:before {top: -20px;}
.uk-nav-search > li > a {color: #333;}
.uk-nav-search > li > a:hover {color: #777;}
.uk-panel-title{margin-top: 22px;}
.uk-navbar-nav > li > a{line-height: 125px;}
.web-black h3.uk-panel-title{color: #000;}
.uk-dropdown-navbar::before{top: -19px;}
.uk-nav > li > a {padding: 5px;margin-top: 1px; padding-left: 2%;}
.uk-dropdown-navbar li a:hover, .uk-dropdown-navbar li a:hover {background: #033150;color:#FFF;}
.tm-bottom-c .uk-panel-box{background: transparent;border: none;}
.tm-bottom-c .uk-panel-box h3.uk-panel-title{color: #f1f1f1;line-height: 20px;font-size: 15px;border-bottom: 1px solid #f1f1f1;padding-bottom: 15px;}
.web-home .uk-article-title{line-height: 25px;}
.web-home h1.uk-article-title {overflow: hidden;text-align: left; font-size: 1em;color: #000;text-transform: uppercase;}
.web-home h1.uk-article-title:after { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;content: "";display: inline-block;height: .4em;position: relative;vertical-align: middle;width: 100%;margin-bottom: .15em;}
.web-home h1.uk-article-title:after {left: 0.5em;margin-right: -50%;}
.two-lines .uk-icon-bars::before{display: none;}
.two-lines h3.uk-panel-title {overflow: hidden;text-align: left; font-size: 1em;color: #000;font-weight: bolder;}
.two-lines h3.uk-panel-title:after { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;content: "";display: inline-block;height: .4em;position: relative;vertical-align: middle;width: 53%;margin-bottom: .15em;}
.two-lines h3.uk-panel-title:after {left: 0.5em;margin-right: -50%;line-height: 25px;}
.two-lines h3.uk-panel-title{border-bottom: 0px;margin-top: 0px}
.frontpage-tabs {font-size: 10px;}
@media (max-width: 1024px) {.tm-toolbar + .tm-headerbar + .tm-wrapper{padding-top: 12px !important;}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height: 54px;}.uk-navbar-nav-subtitle > div{margin-top: -17px;}.tm-headerbar, .uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle{height: 85px;}.uk-panel-box-primary a{font-size: 13px;}.uk-dropdown-navbar{margin-top: 20px;}}
@media (max-width: 958px) {.uk-navbar-nav .uk-navbar-nav-subtitle{line-height: 55px;}a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 40px;}}
/* End Bruce Code */
.frontpage-teaser1 {
	background-image: url(/images/Images/Stock/slider/SSO_slider1.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(/images/Images/Stock/slider/SSO_slider2.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(/images/Images/Stock/slider/SSO_slider3.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser4 {
	background-image: url(../../../images/web-office-rotaror.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.frontpage-teaser5 {
	background-image: url(/images/Images/Stock/slider/SSO_slider4.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Responsive
----------------------------------------------------------------------------------------------------*/
@media (max-width: 320px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 10px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 90px;}}
@media (max-width: 384px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 40px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 45px;}}
@media (max-width: 480px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 40px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 45px;}}
@media (max-width: 568px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 40px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 45px;}}
@media (max-width: 600px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 40px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 45px;}}
@media (max-width: 767px){a.tm-logo-small.uk-navbar-brand.uk-visible-small{margin-bottom: 10px;}.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a {  width: auto;  max-height: 45px;}}

/* widget kit tabs */
.wk-slideshow-tabs-steam .slides > li > article li {
    padding: 0 0 5px;
}
/*joomla login form */
.well {
  background: none repeat scroll 0 0 #F5F5F5;}

.uk-nav-offcanvas > li > a {
    border-top: 1px solid rgb(3, 55, 90);
    color: rgb(211, 211, 211);
}

.btn-primary {
    background-color: #006DCC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 3px 8px;
}

.btn-primary:hover {
    background: #0000FF;
    color: #FFFFFF;
   box-shadow: 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.05) inset;
  border-color: #483D8B;
}
.btn-primary:active { 
  background-color: #0044CC;
    color: #FFFFFF;}
.button-conn:focus { 
  background: #0000FF;
    color: #FFFFFF;
box-shadow: 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.05) inset;}
}


/* form adjustment */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {
  background: white;}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  background: white;}

.jsn-bootstrap * {
    background: none repeat scroll 0 0 #F5F5F5;
    word-wrap: break-word;
}

/*rocket sproket */
.sprocket-mosaic-hovercontent {
    bottom: 7px;
    color: rgb(255, 248, 220);
    font-size: 1em;
    font-weight: bold;
    height: 15%;
    line-height: 1em;
    opacity: 0.26;
    position: absolute;
    right: 10px;
    text-align: left;
    text-shadow: 2px 2px 3px rgb(142, 133, 131);
    width: 90%;
}
.sprocket-readmore span {
  display: none;}


/*rocket sprocket margin: 0; padding: 4px 0px; */
sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-filter li {
    text-transform: lowercase;
}

#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li {
    -moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
  	text-transform: capitalize;
	padding: 2px 8px;
	margin: 5px 2px;
}




/* button */
.button-conn {
    background-color: #006DCC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 3px 8px;
}

.button-conn:hover {
    background: #0000FF;
    color: #FFFFFF;
   box-shadow: 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.05) inset;
  border-color: #483D8B;
}
.button-conn:active { 
  background-color: #0044CC;
    color: #FFFFFF;}
.button-conn:focus { 
  background: #0000FF;
    color: #FFFFFF;
box-shadow: 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.05) inset;}


/*box secondary */
.uk-panel-box-secondary .uk-panel-title {color: #778899;}
.uk-panel-box-secondary {background-color: rgb(245, 245, 245); border: 1px solid #D3D3D3; color: inherit;}

/* list change of color from blue to black */
li, dt, dd {
    color: #000000;
}


/*of canvas shadow */
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  box-shadow: 0 0 13px #000000 inset;}

.uk-nav-offcanvas ul a {
  color: silver;}

uk-nav-offcanvas > li > a {
    color: #FFFFFF;
}

.wk-slideshow .caption h1 {
    margin-left: 7%;
    padding: 0 0;
}
.wk-slideshow .caption h1 + span {
  	margin-left: 7%;
	margin-right: 14%;
  padding: 2% 0;
}
.wk-slideshow .caption a.uk-button {
    margin-left: 7%;
}

/*slideshow caption shadw */
.wk-slideshow .caption h1 {
  text-shadow: 2px 2px windowtext;
 font-weight: bold;}
   
.wk-slideshow .caption h1 + span {
  text-shadow: 1px 1px windowtext;}
  
/* put a box for search input */
.uk-search-field:focus, .uk-active .uk-search-field {
  background-color: rgba(79, 81, 84, 0.12);}
input.uk-search-field:focus {
  background-color: rgba(79, 81, 84, 0.12);}


/* put a box for search input
========================================================================== */
.uk-search-field:focus {
  /* Reset */
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(79, 81, 84, 0.2);
  box-shadow: none;
  /* Override */
  outline: 0;
  /* Override for themes */
 border: none;
 }  


/* menu active selection */
.uk-navbar-nav > li.uk-active > a {
    color: #0492EB;
}
/* sidebar A hover and active effect */
.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
  background-color: #F5F5F5;}


/* paragraph should use this black and font family arial,helvetica,sans-serif; */
p { color: #000000;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 17px;
    margin-top: 15px;}


/* Header title for main content and sidebar */
.uk-panel-header .uk-panel-title {
  padding-bottom: 0px;
  border-bottom: 1px solid #dddddd;
  color: #13181f;
}

/*footer backgound color */
.tm-block-primary {
background: #D6D6D6;
}


/* bottom-c shadow*/
.tm-block-secondary {
box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.6) inset, 0 20px 0 #FFFFFF;
}



/* Active link color */
.uk-nav > li.uk-active > a, .uk-nav-dropdown > li.uk-active > a {color: #666;}

/*make bottom c equal for ipad */
.uk-panel.uk-panel-box {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}


/* Twitter Only Phones */
@media (max-width: 767px) {
.wk-twitter-single .content {
		font-size: 19px;
		line-height: 22px;
 		background: none;
		box-shadow: 0px 0px lightgray;
    	background-color: whitesmoke;
	}

}

/* TwittterSingle Style
----------------------------------------------------------------------------------------------------*/
.wk-twitter-single.image {
  	background-position: 0px 0px;
	box-shadow: 10px 10px lightgray;
	min-height: 136px;
	padding-left: 75px;
	background: url("/media/widgetkit/widgets/twitter/styles/single/images/bird.png") no-repeat;
    background-origin: padding-box;
    font-size: 19px;
    background-color: whitesmoke;
    padding-bottom: 5px;
    padding-right: 3px;
    padding-top: 5px;
}

.wk-twitter-single p {
	margin: 0;
	font-style: inherit;
  	background-color: ghostwhite;
}

.wk-twitter-single .content {
	font-family: inherit;
	font-size: 15px;
	line-height: 22px;
  	background-color: #F5F5F5;
  
}

.wk-twitter-single .meta {
  background-color: #F5F5F5;}

/* 
   Bradcrumb Customization
 ========================================================================== */
.tm-breadcrumb {
  margin: 10px 0 20px 0;}
  
/* 
  Changed the size of the toolbar r and l #031838, 
 ========================================================================== */
.tm-toolbar {
  padding-top: 0px ;
  padding-bottom: 5px;
  background: #03395b;}


  

/* logo adjustment */

.tm-navbar-fixed .tm-headerbar + .tm-teaser { padding-top: 0px !important; }   
.tm-headerbar { background: transparent; }  

@media (max-width: 767px) {  

.tm-toolbar + .tm-headerbar + .tm-wrapper {  
    padding-top: 10px !important;  
}  

}  

@media (max-width: 959px) {  

.tm-toolbar + .tm-headerbar + .tm-wrapper {  
    padding-top: 10px !important;  
}  

}

/* removed meta text form search */

.uk-article-meta{
  display:none!important;
}

/* added spacing below gray line */
/* 
div.uk-container.uk-container-center {
padding-bottom: 20px !important;
} */
ul.nav.clearfix {
margin-bottom: 20px;
}