@charset "utf-8";
/* CSS Document */


html {
  	position: relative;
  	overflow: -moz-scrollbars-vertical; 
  	overflow-y: scroll;
  /* min-height: 100%; */
}

body {
  /* Margin bottom by footer height 
  margin-bottom: 320px; */
  background: #000;
  font-family: 'Lato', sans-serif;
}

#leBody, #leBodyBackground {
	height:520px;
}

.navBlueScreen {
	background:#00ADEE;
	padding: 3px 0;
	position:relative;
	margin-top:50px;
}

@media (min-width: 768px) {
	.navBlueScreen {
	margin-top:30px;
}
}

.buttonDivHolder {padding:0;height:22px;float:left;width:36px;}
.buttonDiv{position:absolute;top: -4px;padding-left:15px;}
.loginField {padding:0;margin:3px 0;float:left;width:225px;}
@media (max-width: 600px) {.loginField {width:310px;}}
@media (max-width: 400px) {.loginField {width:225px;}}


body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

h1, .h1 {
font-size: 42px;
font-family: 'Lato', sans-serif;
font-weight: 900;
line-height: 46px;
}

/* Starting states for interactive elements */

#summary_eCommerce,			
#summary_kitAssembly,				
#summary_warehousing,					
#summary_inventoryManagement,
#summary_distribution,
#summary_reporting {display:none;}

@media (min-width: 768px) {			
#detail_eCommerce,
#detail_kitAssembly,
#detail_warehousing,
#detail_inventoryManagement,
#detail_distribution,
#detail_reporting {display:none;}

}

/* Top Navbar
-------------------------------------------------- */

.navbar-default {
	background-color: #404041;
	border-color: transparent;
}

.navbar-fixed-top {
	border-width: 0;
}

.navbar {
	min-height: 30px;
	margin-bottom: 20px;
	border: 0;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: 500;
	border-right: 1px solid #fff;
}

.navbar-default .navbar-nav>li:last-child>a {
	border-right: transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  	background-color: #00ADEE;
	color: #fff;
	font-weight: 500;
}

@media (min-width: 768px) {
							.navbar-nav>li>a {
												padding-top: 5px;
												padding-bottom: 5px;}}

/* SPLASH AREA
-------------------------------------------------- */
#logo {
	position:relative;
	display: block;
	height:110px;
	width: 356px;
	background: url("../images/OlivanIMS-logo.svg") no-repeat;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
							#logo {
									margin-top: 15px;
									margin-left: 0;
									margin-right: 0;}}


.page-header {
	position: relative;
	margin-top: 25px;
	border-bottom: none;
	text-align: center;
}

@media (min-width: 768px) {
							.page-header {text-align: left;
							height:100px;}}


.splash_default {background-image: none;}
@media (min-width: 768px) {.splash_default {background-image: url("../images/splash/splash_default.jpg");background-size:cover;background-repeat:no-repeat;}}

/* Navigation ICONS
-------------------------------------------------- */



#SCM_navigation {
	display: none;
	/* visibility: hidden; */
	position: relative;
	width: 908px;
	margin-left: auto;
	margin-right: auto;
}

#SCM_navigation_mobile {
	visibility: visible;
	position: relative;
	display: block;
	width: 304px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 520px) {#SCM_navigation_mobile {width: 456px;}}
@media (min-width: 768px) {#SCM_navigation {display: block;}}
@media (min-width: 768px) {#SCM_navigation_mobile {display:none;}}

.icon, #SCM_navigation a, #SCM_navigation_mobile a {
	width: 148px;
	height: 168px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

#SCM_navigation a, #SCM_navigation_mobile a {
	color: #00ADEE; 
	position: relative; 
	display: block;
	padding: 14px 10px 14px 10px;
	padding-top: 115px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 18px;
	cursor: auto;
	text-decoration: none;
}

.icon, .icon_mobile {	
	position: relative;
	float: left;
	display: block;
	margin-left: 4px;
	margin-top:10px; 
    text-align: center;
}

#icon_eCommerce, #icon_eCommerce_mobile, #icon_warehousing_mobile, #icon_distribution_mobile {
	margin-left: 0;	
}

@media (min-width: 520px) {	#icon_inventoryManagement_mobile {margin-left: 0;}
							#icon_warehousing_mobile, #icon_distribution_mobile {margin-left: 4px;}}

#icon_eCommerce a, #icon_eCommerce a:focus, #icon_eCommerce a:active {background: #404041 url("../images/icons/fulfillment-onGrey.svg") no-repeat center 10px;}
#icon_kitAssembly a, #icon_kitAssembly a:focus, #icon_kitAssembly a:active {background: #404041 url("../images/icons/warehousingDistribution-onGrey.svg") no-repeat center 10px;}
#icon_warehousing a, #icon_warehousing a:focus, #icon_warehousing a:active {background: #404041 url("../images/icons/promotionManagement-onGrey.svg") no-repeat center 10px;}
#icon_inventoryManagement a, #icon_inventoryManagement a:focus, #icon_inventoryManagement a:active {background: #404041 url("../images/icons/printProduction-onGrey.svg") no-repeat center 10px;}
#icon_distribution a, #icon_distribution a:focus, #icon_distribution a:active {background: #404041 url("../images/icons/promotionalProducts-onGrey.svg") no-repeat center 10px;}
#icon_reporting a, #icon_reporting a:focus, #icon_reporting a:active {background: #404041 url("../images/icons/creativeServices-onGrey.svg") no-repeat center 10px;}

#icon_eCommerce a:hover {background: #fff url("../images/icons/fulfillment-onWhite.svg") no-repeat center 10px;}
#icon_kitAssembly a:hover {background: #fff url("../images/icons/warehousingDistribution-onWhite.svg") no-repeat center 10px;}
#icon_warehousing a:hover {background: #fff url("../images/icons/promotionManagement-onWhite.svg") no-repeat center 10px;}
#icon_inventoryManagement a:hover {background: #fff url("../images/icons/printProduction-onWhite.svg") no-repeat center 10px;}
#icon_distribution a:hover {background: #fff url("../images/icons/promotionalProducts-onWhite.svg") no-repeat center 10px;}
#icon_reporting a:hover {background: #fff url("../images/icons/creativeServices-onWhite.svg") no-repeat center 10px;}

#icon_eCommerce_mobile a  {background: #404041 url("../images/icons/fulfillment-onGrey.svg") no-repeat center 10px;}
#icon_kitAssembly_mobile a  {background: #404041 url("../images/icons/warehousingDistribution-onGrey.svg") no-repeat center 10px;}
#icon_warehousing_mobile a  {background: #404041 url("../images/icons/promotionManagement-onGrey.svg") no-repeat center 10px;}
#icon_inventoryManagement_mobile a  {background: #404041 url("../images/icons/printProduction-onGrey.svg") no-repeat center 10px;}
#icon_distribution_mobile a  {background: #404041 url("../images/icons/promotionalProducts-onGrey.svg") no-repeat center 10px;}
#icon_reporting_mobile a  {background: #404041 url("../images/icons/creativeServices-onGrey.svg") no-repeat center 10px;}

#icon_eCommerce_mobile a:hover {background: #fff url("../images/icons/fulfillment-onWhite.svg") no-repeat center 10px;}
#icon_kitAssembly_mobile a:hover {background: #fff url("../images/icons/warehousingDistribution-onWhite.svg") no-repeat center 10px;}
#icon_warehousing_mobile a:hover  {background: #fff url("../images/icons/promotionManagement-onWhite.svg") no-repeat center 10px;}
#icon_inventoryManagement_mobile a:hover  {background: #fff url("../images/icons/printProduction-onWhite.svg") no-repeat center 10px;}
#icon_distribution_mobile a:hover{background: #fff url("../images/icons/promotionalProducts-onWhite.svg") no-repeat center 10px;}
#icon_reporting_mobile a:hover  {background: #fff url("../images/icons/creativeServices-onWhite.svg") no-repeat center 10px;}

@media (max-width: 991px) {
							#SCM_navigation {			width: 800px;}
							.icon, #SCM_navigation a {	width: 130px;
														height: 150px;}
							#SCM_navigation a {			background-position: center 10px;
														background-size: 120px;
													/*	background-size: 120px 138px;
														background-position: center -10px; */
														padding-top: 102px;}}

@media (max-width: 846px) {
							#SCM_navigation {			width: 740px;}
	
							.icon, #SCM_navigation a, 
							#SCM_navigation a:hover, 
							#SCM_navigation a:focus, 
							#SCM_navigation a:active  {	width: 120px;
														height: 138px;}	
							#SCM_navigation a, 
							#SCM_navigation a:hover, 
							#SCM_navigation a:focus, 
							#SCM_navigation a:active  {	background-position: center 10px; 
														background-size: 110px;
													/*	background-position: center -10px; 
														background-size: 110px 126px; */
														padding-top: 92px;}}
	
/* DETAIL AREA
-------------------------------------------------- */

#theDeets {
	background:#fff;
}

.deetsTitle {
	font-size: 24px;
	font-weight: 900;
	line-height: 28px;
	margin: 0 0 15px 0;
	padding-left:30px;
	color: #00ADEE;
}

.deetsSubTitle {
	font-size: 18px;
	font-weight: 900;
	line-height: 24px;
	margin: 0 0 10px 0;
}

.details {
	margin:45px 0;
}

.deetsPic {
	background-repeat: no-repeat;
	padding: 0;
}

@media (min-width: 768px) { .doubleDeets {height:50px;}}
							
.deetsPicIcon {
	float: left;
	display: block;
	width: 100%;
	padding: 0;
}

.deetsBlurb {
	padding-left:30px;	
	line-height: 1.8;
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 767px) {	.details {position:relative;}
							.deetsTitle {text-align: center;}
							.deetsPicIcon {padding-right: 100px; padding-left: 100px;}							
						   	.deetsBlurb {padding-left:0;font-size: 22px;text-align:center;margin-bottom:30px;}
}

.deetsCopy {
	font-size: 18px;
	
}

.deetsCopy > ul {
	-webkit-padding-start: 20px;
}

.deetsCopy > ul > li {
	font-size: 18px;
	padding-bottom:11px;
	line-height: 1.4;
}

.greenBullet {
	font-size:28px !important;
	color:#00ADEE;
	margin-top: -5px;
}

.greenlink {
	color:#00ADEE;
	text-decoration: none;
}
.greenlink:hover {
	color:#00ADEE;
	text-decoration: underline;
}

/* These were detail images that were ultimately removed during the design process
#detail_eCommerce .deetsPic {background-image: url('../images/deets/olivan_ecommerce.png');}
#detail_kitAssembly	.deetsPic {background-image: url('../images/deets/olivan_kitassembly2.png');}
#detail_warehousing	.deetsPic {background-image: url('../images/deets/olivan_warehousing2.png');}	
#detail_inventoryManagement	.deetsPic {background-image: url('../images/deets/olivan_inventory_mngmnt2.png');}	
#detail_distribution .deetsPic {background-image: url('../images/deets/olivan_distribution2.png');}	
#detail_reporting .deetsPic {background-image: url('../images/deets/olivan_reporting2.png');}
*/

@media (max-width: 767px) {
							.details {	margin: 0;
										padding-top:95px;
										padding-bottom: 95px;}
							#detail_eCommerce, #detail_warehousing, #detail_distribution {
										background: #F2F2F2;}
							#detail_eCommerce {margin-top: 45px;}}


/* IF they really want images on mobile...
@media (max-width: 767px) {
							#detail_eCommerce .deetsPic, #detail_warehousing	.deetsPic, #detail_kitAssembly	.deetsPic, #detail_inventoryManagement	.deetsPic, #detail_distribution .deetsPic, #detail_reporting .deetsPic 
							{	background-size: 80px 80px;}}
							*/
	
/* FOOTER
-------------------------------------------------- */

.footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  background: #404041;
  color: #fff;
}

#leFoot:after { content: " "; display: block; clear: both;} 

.leftFooterColumn {
	padding-left: 0;
}

/* Summary WINDOW
-------------------------------------------------- */
.summaryCopy {
	color: #00ADEE;
	font-weight:700;
	margin: 45px 30px 15px 30px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;	
	min-height: 120px;
}

@media (min-width: 768px) {.summaryCopy {	text-align: left;
											margin: 45px 30px 15px 0;						
											min-height: 252px;}}
@media (min-width: 992px) {.summaryCopy {	min-height: 170px;}}
@media (min-width: 1200px) {.summaryCopy {	min-height: 140px;}}

#leftFooterAlwaysVisible {
	color: #fff;
	font-weight: 400;
	margin: 15px 30px 15px 0;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

@media (min-width: 768px) {#leftFooterAlwaysVisible {text-align: left;}}

#leftFooterAlwaysVisible a{
	color: #fff;
	font-weight: 700;
}

.summary_callOut {
	color: #00ADEE;font-weight:700;display: inline;
}


/* Contact WINDOW
-------------------------------------------------- */

#contactWindow {
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 45px 0;
	padding: 30px 65px;
	
	color: #404041;
}

@media (min-width: 768px) {#contactWindow {padding: 30px 45px;}}
@media (min-width: 992px) {#contactWindow {padding: 30px 65px;}}
@media (min-width: 1200px) {#contactWindow {padding: 30px 75px;}}

.contactTitle {
	font-size: 24px;
	font-weight: 900;
	line-height: 28px;
	margin-bottom: 5px;
}
 
.contactDetails {
	margin-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
}

.form-group, .control-group {
	margin-left: -30px !important;
	margin-bottom: 5px;
}

.form-control, .input-xlarge {
	color: #fff;
	background-color: #404041;
	border: none;
	font-size: 16px;
}

.input-group {
	width:100%;	
}

.form-control:focus {
  border-color: #00ADEE;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(141, 198, 63, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(141, 198, 63, .6);
}

.buttonHolder {
	margin-left: -15px;
	padding-left: 0;
}	

@media (max-width: 769px) {.buttonHolder {padding-right: 0;}}

.btn-green, .btn-primary {
	color: #fff;
	background-color: #00ADEE;
	border-color: transparent;
	width: 100%;
	text-align: left;
	font-size: 16px;
}

.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  	color: #404041;
  	background-color: #CCEFFC;
  	border-color: #00ADEE;
}

label.error{
	color: red !important;
}

label.valid{
	margin-left: 3px !important;
	color: #00ADEE !important;
	position: absolute;
	margin-top: 7px;
}

#leFormCestFinis {
	display:none;	
}

.backtoTop {
	position: absolute;
	display: block;
	background: #00ADEE;
	width: 41px;
	height: 41px;
	line-height: 41px;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	left: 50%;
	margin-left: -20.5px;
	bottom: -20px;
	-webkit-transition: all 0.2s bottom ease ease-out;
	-moz-transition: all 0.2s bottom ease ease-out;
	-o-transition: all 0.2s bottom ease ease-out;
	transition: all 0.2s bottom ease ease-out;
	-webkit-transition: 0.2s bottom ease;
	transition: 0.2s bottom ease;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 99;
}

@media (min-width: 768px) {.backtoTop {display:none;}}

div#preload { display: none; }


/* FOOTER BOTTOM
-------------------------------------------------- */

.footerBottom {
		background-color: #000;
		font-size: 11px;
		color: #999999;
}
		
.bottomLeft {
		width: 50%;
		float: left;
		padding: 5px 0; 
}
		
.bottomRight {
		width: 50%;
		float: right;
		text-align: right;
		padding: 5px 0; 
}

.bottomRight a {
		color: #999999;
		text-decoration: none;
}

.bottomRight a:hover {
		color: #00ADEE;
}
/* CUSTOMIZATIONS
-------------------------------------------------- */

.green {
	color: #00ADEE;	
}

/* CONTENT PAGES
-------------------------------------------------- */

#leBodyCP, #leBodyBackgroundCP {
	height: 260px;
}

.deetsBlurbCP {
	padding-left:30px;	
	margin-bottom:15px;
	line-height: 1.8;
	font-size: 18px;
	font-weight: 500;
}


.talkingHeads {text-align:center;}
.leHead {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow:hidden;border:1px solid #00ADEE;}
.talkingHeadsTitle {text-align:center;font-size: 24px;font-weight: 900;line-height: 28px;margin: 15px 0 0 0;color: #00ADEE;}
.talkingHeadsDeets {text-align:center;margin-bottom:30px;}


/* PORTFOLIO REVISIONS
-------------------------------------------------- */



ul.gallety-filters > li > a {
color: #ffffff;
}