@import  url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700");

html,body {
    overflow-x: hidden;
}

body {
    padding-top: 94px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

p{
	font-family: inherit;
	font-size: 1.4em;
	color: #595959;
}

.navbar-brand{
    height: auto;
    position: relative;
    top: 4px;
}

.tinynav {
    display: none;
}

a {
    outline: 0 !important;
}

a, a:visited, a:hover, a:active {
    text-decoration:none !important;
	outline: 0 !important;
}

.happyCustomers{
	max-width: 1400px;
	margin: 0 auto;
	padding: 2%;
}

.happyCustomers .row p{
	margin-bottom: 1.6em;
}

.learnMore{
	border: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    text-align: left;
    padding: 0.5em 2em;
}

.shadow {
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}

.phone span{
	font-size: 1.3em;
	color: #8b8a8f;
	margin-right: .2em
}

.padded{
	padding-left: 5%;
	padding-right: 5%
}

.stacked a.cta{
	position: relative;
	color:#595959;
	border:1px solid #595959;
	padding: .5em 2em;
	margin-top: .5em;
	display: inline-block;
}

.stacked a.cta:hover, .tutorials a.cta:hover{
	background: #595959;
	color: #fff
}

.watchVideo a{
	position: relative;
	border: 1px solid #fff;
	padding: .5em 2em;
	margin-top: .5em;
	display: inline-block;
}

a.inverted{
	background: #fff;
	color: #595959
}

.watchVideo a:hover, .call-to-action a:hover{
	border: 1px solid #bbb;
	background: rgba(0,0,0,0.3);
	color: #fff
}

.call-to-action a{
	display: inline-block;
	border: 1px solid #fff;
	padding: .5em 2em;
	font-size: 1.2em;
	font-weight: 700;
	color: #595959
}

h1, h2, h3, h4, h5{
	font-weight: 300;
	margin: 0
}

h1.banner-headline {
    text-align: center;
    text-transform: uppercase;
	font-size: 4em;
	color: #FFF
}
h3.banner-headline {
    text-align: center;
    text-transform: uppercase;
    font-size: 4em;
    color: #FFF
}

h2.feature-headline{
	font-size: 2em;
	color: #E16226;
	line-height: 1.3em
}

h3.section-headline{
	font-size: 2.5em;
	text-transform: uppercase;
	line-height: 1.5em	
}

.sub-headline{
	font-weight: 700;
	text-transform: uppercase
}

.banner-subhead{
	color: #FFF;
	font-size: 2em
}

.disclaimer{
	font-size: 1.2em
}

.cta{
	font-size: 1.2em;
	font-weight: 700
}

.ef {
    background: url("../img/ef.png") no-repeat;
    display: inline-block;
    width: 40px;
    height: 22px;
    position: relative;
    top: .05em;
}

.ef2 {
    background: url("../img/ef2.png") no-repeat;
    display: inline-block;
    width: 48px;
    height: 25px;
    position: relative;
    top: .05em;
}

.ef3 {
    background: url("../img/ef.png") no-repeat;
    display: inline-block;
    width: 36px;
    height: 19px;
}

.ef4 {
    background: url("../img/ef3.png") no-repeat;
    display: inline-block;
    width: 80px;
    height: 41px;
}

.nav-footer .ef{
	background: url("../img/ef_2.png") no-repeat;
    display: inline-block;
    width: 31px;
    height: 15px;
    position: relative;
    top: .05em;
}



.scrollWrapper {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 7px;
    background: #e16226;
    border-radius: 4px;
    z-index: 999;
}

.scrollWrapper a {
    color: #fff;
}

.noMarginTop {
    margin-top: 0;
}

.noMargin{
	margin: 0;
	padding: 0
}

hr {
    border-color: #ccc;
}

.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.center {
    text-align: center;
}

.relative {
    position: relative;
}

.solution-banners .watchVideo a{
	font-weight: 700;
	text-transform: uppercase
}

.navbar1 {
    background-color: #F0F0F0;
    border-bottom: 1px solid #f4f4f4;
    padding: 2em 0;
}

.navbar {
    margin: 0;
    padding: 1.5em 0;
	background: #fff
}

.thickNav{
	padding: 1.5em 0;
	transition: all .1s ease-in-out;
}

.thinNav{
	padding: .3em 0;
	transition: all .2s ease-in-out;
}

.logoGrow{
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
    transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
	
}

.logoGrow2{
	margin-top: 3%;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(.7, .7);
	transform: translateZ(0) scale(.7, .7);
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
}

#rotate{
	text-align: center;
	margin-top: 30%;
}

#rotate .div2 h1{ 
	position: relative;
	margin-top: -62px
}


.topSection {
    font-size: 1.4em;
    color: #595959;
}

.topSection a {
    color: #595959;
}

#navbar ul.nav li a,#navbar ul.nav li.dropdown ul.dropdown-menu li a,.nav-footer li a {
   font-weight: 400;
    color: #8B8A8F;
    font-size: 1.2em;
    text-align: center;
}

#navbar ul.nav li a:hover{
	background: #e3e3e3
}

#navbar ul.nav li.dropdown ul.dropdown-menu li a {
    text-align: left;
}

#navbar ul.nav li.dropdown ul.dropdown-menu{
	width: 100%
}

#navbar ul.nav li.dropdown ul.dropdown-menu li{
		float: left!important
}

#navbar ul.nav{
    text-align: center;
	display: block
}

#navbar .navbar-nav > li > a{
	padding-top: 15px;
	padding-bottom: 15px
}


#navbar ul.nav li a.active {
    color: #e16226;
}

#navbar ul.nav li a.free span, footer p a.free{
    background: #0033A0;
    color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: .5em 1em;
}



footer p{
	margin: 1em;
}

#navbar ul.nav li a.free:hover span{
	background: #E16226
}

#navbar ul.nav li a:hover {
    background: none;
	color: #E16226
}

.compensate-for-scrollbar{
    padding-right: 0 !important;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

span a.free{
    background: #0033A0;
    color: #fff;
	font-size: 1.2em!important;
	text-transform: uppercase;
	padding: .470em 1em;
	font-weight: 700;
	display: inline-block
}

span a.free:hover{
	background: #E16226
}

.dropdown:hover .dropdown-menu {
    display: block;
	background: rgba(0,0,0,0.9);
	width: 100%
}

.hiddenNav {
	display: none;
	position: absolute;
	top: 125px;
	z-index: 99;
	width: 100%;
	background: rgba(0,0,0,0.8);
	 
}

.hiddenNav a{
	font-weight: 300;
	padding: 0;
	text-align: center
}

.hiddenNav a h2{
	color: #b3b3b3;
	text-transform: uppercase;
}


.hiddenNav a p.description{
	color: #b3b3b3;
	font-weight: 300;
	font-size: 1.2em;
	text-transform: none
}

.hiddenNav .row .col-lg-4:nth-child(1) p.description{
	padding: 0 1em;
}

.hiddenNav a:hover p.description, .hiddenNav a:hover h2{
	color: #fff
}

.hiddenSignin{
	display: none;
	background: rgba(0,0,0,0.7);
	padding: 3em 0;
	position: absolute;
	top: 124px;
	left: 0;
	z-index: 99;
	width: 100%
}

.hiddenSignin p, .signInScreen p{
	font-size: 1.6em;
	color: #808080;
	font-style: italic;
	margin-bottom: 1em
}

.hiddenSignin .welcome, .signInScreen .welcome{
	padding-bottom: .5em;
	border-bottom: 1px solid #808080
}

.hiddenSignin input[type="submit"]{
	padding: .5em 2em;
	border: 1px solid #fff;
	background: none;
	color: #fff;
	font-size: 1.2em;
	margin-top: 1em;
	font-weight: 700
}

.signInScreen input[type="submit"]{
	padding: .5em 2em;
	border: 1px solid #808080;
	background: none;
	color: #808080;
	font-size: 1.2em;
	margin-top: 1em;
	font-weight: 700
}

.hiddenSignin .forgottenPassword a, .signInScreen .forgottenPassword a{
	display: inline-block;
	margin-top: 1.5em;
	font-style: italic;
	font-size: 1.2em;
	color: #808080
}

form.signin button:hover{
	background: rgba(0,0,0,.6)
}

.containerWrap{
	max-width: 800px;
	margin: 0 auto
}

.hiddenNav ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.hiddenNav ul.tabs li{
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer; 
}

.hiddenNav ul.tabs li.current{
	background: none;
	z-index: 999;
	color: #fff;
	background: rgba(208,208,208,1)
}

.hiddenNav ul.tabs li a{
	color: #fff
}	

.hiddenNav ul.tabs li.current a{
	color: #fff
}

.hiddenNav .tab-content{
	display: none;
	padding: 15px; 
}

.hiddenNav .tab-content.current{
	display: inherit;
	background: rgba(208,208,208,1)
}

.hiddenNav .tabs{
	min-height: 272px;
	padding: 2em 0;
	
}

.hiddenNav .tabs p{
	margin-top: 1.5em;
	color: #fff;
	padding: 0 1.8em;
	text-align: justify
}

.hiddenNav .tabs:hover, .hiddenNav .current{
	background: rgba(0,0,0,.5);
	color: #fff
}


.First_Name, .fName{
	visibility: hidden!important;
	opacity: 0!important;
	height: 0!important;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-addon, .form-group input, .form-group textarea, .form-group .btn, .form-group .dropdown-menu{
	border-radius: 0
}

.form-group .dropdown-menu{
	box-shadow: none;
	background-clip: border-box;
}

.input-group-addon{
	background: #fff;
	 
}

.input-group-addon i{
	font-size: 1.4em;
	padding: 0 .3em;
	color: #919191
}

.nav-solution {
    -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
    -moz-box-shadow: inset 0 0 0 1px #e4e4e4;
    box-shadow: inset 0 0 0 1px #e4e4e4;
}

ul.dropdown-menu {
    padding: 0;
}

img,.row img {
    max-width: 100%;
    height: auto;
}

.orange {
    text-align: center;
    background: #e16226;
    position: relative;
    padding: 2em 0
}

.orange h2{
	color: #fff;
	font-size: 2em;
	line-height: 1.6em
}

.orange2 {
    text-align: center;
    background-color: #e16226;
    padding: 3em;
}

.orange2 h3,.orange2 h3 a {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 300;
}

.seamless h1 {
    color: #fff;
    font-size: 2.5em;
    font-weight: 300;
    margin: 0;
}



.hero {
    background: url("../img/ef_hero.jpg") top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 35%;
}

.hero .learn-how {
    text-align: center;
}

.hero .learn-how span {
    background: #e16226;
    padding: .5em .8em;
    display: inline-block;
    margin-top: 15%;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

.homepage-hero-module .downloads {
    position: absolute;
	left: 0;
    bottom: 8%;
	width: 100%
}

.homepage-hero-module .downloads img{
	width: 200px;
	height: auto
}

.hidden-testimonials {
    font-size: 1.2em;
}

.highlights {
    background: #000;
    position: relative;
}

.highlights p {
    margin-bottom: 2em;
    color: #fff;
    font-size: 1.6em;
}

.highlights h2 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 300;
    text-transform: uppercase;
}

.highlights a {
    color: #fff;
}

.highlights .solution {
    font-weight: 300;
    font-size: 5em;
    margin-bottom: 2em;
    color: #e16226;
    margin-top: 5%;
}


.boxWrap{
	padding: 1em 1.2em;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	text-align: center
}

.noBorder{
	border:none;
	padding: 1em 0;
	text-align: center
}

.detail_highlights{
	background: url("../img/slide-barcoding.jpg") no-repeat -9999px -9999px;
	background: url("../img/slide-fulfillment.jpg") no-repeat -9999px -9999px,
		url("../img/slide-registration.jpg") no-repeat -9999px -9999px,
		url("../img/slide-barcoding.jpg") no-repeat top center;
	background-size: cover;
	padding: 15% 0
}

.detail_highlights .barcoding{
	background: url("../img/slide-barcoding.jpg") no-repeat top center;
	background-size: cover
}

.detail_highlights .fulfillment{
	background: url("../img/slide-fulfillment.jpg") no-repeat top center;
	background-size: cover
}

.detail_highlights .registration{
	background: url("../img/slide-registration.jpg") no-repeat top center;
	background-size: cover
}


.enterpriseHeading {
    font-weight: 300;
    font-size: 5em;
    color: #C44B13;
    text-transform: uppercase;
}

.cloud {
    margin-top: -120px;
}

.stacked h2{
	margin-bottom: .5em
}

section.slider {
    margin-top: 8%;
}

#carousel {
    padding: 1% 0 10%;
}

.slider h2 {
    font-size: 5em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.carousel .item {
    padding: 2em;
	
}

#carousel .item p {
    padding: 0 3.5em;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
	color: #FFF
}

#carousel2 .item{
	padding: 15% 0;
}

#carousel2 .slide-registration{
	background: url("../img/slide-registration.jpg");
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#carousel2 .slide-barcoding{
	background: url("../img/slide-barcoding.jpg");
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#carousel2 .slide-fulfillment{
	background: url("../img/slide-fulfillment.jpg");
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#carousel2 .carousel-indicators{
	bottom: 0
}

#carousel2 .leftArrow2 {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-left.png");
	top: 44%;
	margin-top: -15px;
	position: absolute;
	left: 50%
}

#carousel2 .rightArrow2 {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-right.png");
	top: 44%;
	margin-top: -15px;
	position: absolute;
	right: 50%
}

#carousel2 h3{
	font-size: 2.5em;
	font-weight: 300;
	color: #fff;
}

#carousel2  p a.cta{
	position: relative;
	color:#fff;
	border:1px solid #fff;
	padding: .4em 2em;
	margin-top: .5em;
	display: inline-block;
	font-size:.9em
}

#carousel2  p a.cta:hover{
	background: #595959;
	color: #fff
}

#carousel2 h2{
	color: #fff;
	margin: 0 0 1em 0;
 
}




.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
  transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
}


.carousel2.carousel-fade .carousel-inner .active {
  opacity: 1;
  transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.carousel-control.left,.carousel-control.right {
    background: none;
}

.carousel-control {
    opacity: 1;
    width: 0;
}

.carousel-indicators {
    bottom: -12px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background: #767778;
	border: none;
	padding: 0 .5em
}

.carousel-indicators li.active {
    width: 18px;
    height: 18px;
    border-radius: 13px;
    background: #fff;
	margin-top: .9em
}

.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right {
    font-size: 60px;
    margin-top: 50%;
    margin-top: 50px;
    font-weight: 400;
}

.carousel-control.right {
    right: 80px;
}

.carousel-control.left {
    left: 50px;
}

#carousel-about{
	padding: 5% 0 10% 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 480px
}

#carousel-about .item p{
	text-align: left
}



#carousel-about .carousel-inner{
	height: auto
}

#carousel-about .carousel-indicators > li, #carousel-about .carousel-indicators > li.active {
    padding: 5%;
    height: 25px;
    border-radius: 0;
    background: none;
    text-indent: 0;
	text-align: center
}

#carousel-about .carousel-indicators li{
	font-size: 1.2em;
	-webkit-transition: color 2s, font-size .5s;
       -moz-transition: color 2s, font-size .5s;
         -o-transition: color 2s, font-size .5s;
            transition: color 2s, font-size .5s;
}

#carousel-about .carousel-indicators li:hover{
	font-weight: 700;
	font-size: 1.4em
}
#carousel-about .carousel-indicators li.active {
	font-weight: 700;
	font-size: 1.4em
}

#carousel-about .carousel-indicators{
	padding-bottom: 2%
}

#carousel-about .carousel-control.right{
	right: -58px
}

#carousel-about .carousel-control.left{
	left: -100px
}



@-webkit-keyframes fadeIn  { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn  { from { opacity:0; } to { opacity:1; } }

#carousel-about img {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}


.leftArrow {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-left.png");
    margin-top: 50px;
}

.rightArrow {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-right.png");
    margin-top: 50px;
}

.leftArrowDark {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-left-dark.png");
	margin-top: 150px;
}

.rightArrowDark {
    display: inline-block;
    width: 30px;
    height: 60px;
    background: url("../img/arrow-right-dark.png");
	margin-top: 150px;
}



.detail_highlights1{
	background: url("../img/detail_highlights_bg.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 45%;

}

.stats {
    background: url("../img/stats-bg.jpg") no-repeat top center;
	padding-top: 5%;
    background-size: cover;
    text-align: center;
    color: #fff;
    position: relative;
}

.stats span {
     font-size: 1.4em
}

.stats h2 {
    font-size: 3em;
    font-weight: 700;
    margin: 0;
}


.powering .heading {
    font-size: 3.8em;
}

.sunburst-bg {
    background: #fff url("../img/sunburst-bg.jpg") no-repeat bottom center;
}

.we-are,.powering {
    padding: 4em 0 0;
    position: relative;
}

.we-are h3 {
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin-top: 1em;
}

.schedule {
    padding: 0;
    border: 2px solid #D75C18;
    display: inline-block;
    padding: 0 .5em .3em;
}

.schedule a {
    color: #D75C18;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: 700;
}

.powering p {
    font-size: 2.2em;
}

.powering h3.showtell {
    text-transform: uppercase;
    font-size: 5em;
}

.powering {
    padding: 5% 0 0;
    font-weight: 300;
}

footer {
    text-align: center;
    padding: 0 0 3em;
}

footer ul li {
    list-style: none;
    display: inline;
}

footer a,footer p {
    color: #828282
}

.nav-footer ul.dropdown-menu {
    background-clip: padding-box;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: -950%;
    z-index: 1000;
	text-transform: uppercase
}

.nav-footer .dropdown:hover ul.dropdown-menu{
	width: 150%;
	background: #fff
}

.nav-footer ul.dropdown-menu li {
	background: #fff
}

.nav-footer ul.dropdown-menu li a:hover {
    background: #EFEFEF;
}

.nav-footer li a {
    padding: .5em 1em;
}

.nav-footer li a:hover {
    text-decoration: none;
    color: #919191;
}

.nav-footer li:nth-child(2) a:hover {
    background: none;
}

.social-media img {
    margin-top: 1em;
    padding: 0 .1em;
    display: inline-block;
}


.industry-standard h2 a, .industry-standard a{
	color: #8B8A8F
}

.industry-standard h2 a{
	text-transform: uppercase
}

.industry-standard .cta{
	border: 1px solid #8B8A8F;
	padding: 0.5em 1em;
	margin-bottom: .6em;
	display: block
}

.industry-standard .cta:hover{
	background: #8B8A8F;
	color: #fff
}

.industry-standard .cta:hover a{
	color: #fff
}

.ef-media-apps img {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.dark-grey {
    background: url("../img/dark-grey-bg.jpg") no-repeat top center;
    background-size: cover;
    display: block;
    position: relative;
    padding: 10% 0;
    color: #fff;
    font-weight: 300;
}

.dark-grey h2 {
    margin-bottom: .5em;
    font-size: 2.3em;
    font-weight: 300;
    text-transform: uppercase;
}

.dark-grey p {
    font-size: 1.8em;
    line-height: 2em;
}

.mediaapps-banner {
    background: url("../img/mediaapps/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    padding-bottom: 50%;
	position: relative;
	color: #fff;
	text-align: center
}


.eventsuite-banner {
    background: url("../img/eventsuite/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    padding-bottom: 50%;
	position: relative;
	color: #fff;
	text-align: center
}

.ef-manufacturing-banner {
    background: url("../img/header-manufacturing.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    padding-bottom: 50%;
	position: relative;
	color: #fff;
	text-align: center
}

.measurement-analytics {
    background: url("../img/eventsuite/measurement-analytics-2.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 69%;
    color: #fff;
}

.measurement-analytics h2 {
    margin-top: 5%;
}

.measurement-analytics p {
    color: #fff
}

.measurement-btm {
    display: block;
    position: relative;

	margin: 5% 0
}

.measurement-btm h2 {
    margin-bottom: 1em;
    color: #E16226;
}

.measurement-btm p {
    line-height: 2em;
	text-align: center
}


.event-suite-powering .content p,
.event-suite-powering .content h3{
	color: #fff;
}

.event-suite-powering .cta {
    color: #fff
}


.event-suite-powering #Container .content{
		height: 800px
	}

.heavy {
    background: url("../img/eventsuite/heavy-lifting.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 34%;
    color: #fff;
}

.heavy p {
    font-size: 3em;
    text-transform: uppercase;
    margin-top: 18%;
}

.starburst {
    background: #fff url("../img/eventsuite/starburst.jpg") no-repeat top left;
    display: block;
}


.starburst-right {
    padding: 10% 0;
}


.caseStudies a{
	color: #8B8A8F
}

.caseStudies ul li{
	font-size: 1.4em
}

.caseStudies .cta a{
	border: 1px solid #8B8A8F;
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.5em 2em;
    position: relative;
	font-weight: 700
}

.caseStudies a:hover{
	background: #8B8A8F;
	color: #fff
}

.centered {
	display: block;
	position: absolute;
    width: 60%;
    text-align: center;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
}

.banner-learn {
    background: url("../img/learn/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

#webinarPanes ul li{
	font-size: 1.4em;
}

#webinarPanes ul{
	list-style-type: inherit;
}

.orangebar {
    background: rgba(186,70,16,0.8);
    position: absolute;
    bottom: 0;
    padding: 1% 0;
    width: 100%;
}

h1.videoLibrary {
    color: #fff;
    font-weight: 300;
    font-size: 5em;
}

.library h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 300;
    margin: 2em 0;
}

.tutorials, .tutorials a{
	color: #595959
}

.tutorials .cta{
	position: relative;
	text-transform: uppercase;
	border:1px solid #8B8A8F;
	color: #8B8A8F;
	padding: .5em 2em;
	margin-top: .5em;
	display: inline-block;
	font-size:.8em
}

.tutorials .sub{
	font-size: 1.4em
}

span.logoText{
    font-size: 1.6em;
}

.onDemand{
	background: #e16226;
	color: #FFFFFF!important;
	border: 1px solid #e16226!important;
}

.value0{display: none!important}

.eventsBanner {
    background: url("../img/events/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30.1%;
}

.eventsBanner h1 {
    color: #fff;
    font-size: 4em;
	font-weight: 300;
	margin: 0
}

.eventList {
    padding-bottom: 3%;
}

.eventList h2 {
    margin: 1em 0;
}



.eventList .showInfo span.title {
    font-weight: 700;
    color: #595959;
}

.calendar {
    background: url("../img/events/calendar-bg.png") no-repeat;
    width: 104px;
    height: 102px;
    display: inline-block;
    text-align: center;
}

.calendar span {
    position: relative;
    top: .8em;
    color: #ea6103;
    font-size: 3em;
}


.solutionsBanner {
    background: url("../img/solutions/banner.jpg") no-repeat top center;
    background-size: cover;
	padding: 4em 0;
	height: auto;
    position: relative;
	color: #fff;
	margin-bottom: -50px
}


.solutionsBanner p, .solutionsBanner h2{ color: #FFF }

.solutionsBanner h2{ margin-bottom: .5em; text-shadow: 1px 1px 1px rgba(150, 150, 150, .8); }

.withEnterpriseWrapper {
    padding: 2% 0;
}

.greyBar {
    background: #8b8c8e;
    padding: 2% 0;
}

.greyBar h2 {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
}

.unify {
    background: url("../img/solutions/unify.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.unify h2 {
    font-size: 3em;
    text-transform: uppercase;
    color: #e16226;
    margin-top: 12%;
}

.aboveChart h2 {
    color: #595959;
    font-size: 3em;
    font-weight: 300;
    text-transform: uppercase;
}


.square {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: .5em;
}


.measurement .right h2 {
    font-weight: 300;
}

.measurement .right p {
    font-size: 1.4em;
    margin-bottom: 1.4em;
}

.solutions-data {
    background: #f1f2f6 url("../img/solutions-data.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 40%;
    text-align: center;
}

.solutions-bar {
    color: #fff;
    padding: 1em 0;
    font-weight: 300;
    font-size: 1.9em;
    text-align: center;
}

.solutions-top {
    background: #0e0905;
    background: -moz-linear-gradient(left,rgba(14,9,5,1) 0%,rgba(54,97,131,1) 100%);
    background: -webkit-linear-gradient(left,rgba(14,9,5,1) 0%,rgba(54,97,131,1) 100%);
    background: linear-gradient(to right,rgba(14,9,5,1) 0%,rgba(54,97,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0905',endColorstr='#366183',GradientType=1);
}

.solutions-bottom {
    background: #366183;
    background: -moz-linear-gradient(left,rgba(54,97,131,1) 0%,rgba(14,9,5,1) 100%);
    background: -webkit-linear-gradient(left,rgba(54,97,131,1) 0%,rgba(14,9,5,1) 100%);
    background: linear-gradient(to right,rgba(54,97,131,1) 0%,rgba(14,9,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366183',endColorstr='#0e0905',GradientType=1);
}

.comparison{
	margin: 5% 0
	
}




.comparison table tbody tr td, .comparison p {
    font-size: 1.2em;
    font-weight: 300;
}

.comparison table tbody tr{
	border-bottom: 1px solid #ccc
}

.comparison table thead tr th {
    border: none;
	color: #E16226;
	padding-bottom: 1em
}

.comparison table th.tg-2 img {
    width: 70px;
    height: auto;
    margin-bottom: 1em;
}

.comparison tbody td{
	padding: .5em 0 .5em .5em
}

.tg-2 {
    text-align: center;
}

.bestvalue {
    background: rgba(247,228,213,0.8);
}

.bestvaluealt {
    background: rgba(247,228,213,0.5);
}

.plus {
    background: rgba(235,235,235,0.9);
}

.plusalt {
    background: rgba(235,235,235,0.7);
}

.checkmark {
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url("../img/solutions/checkmark.png") no-repeat top center;
}

.crossmark {
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url("../img/solutions/crossmark.png") no-repeat top center;
}

.media-apps-heading {
    color: #E16226;
    font-size: 2.73em;
    font-weight: 300;
    margin: 0;
}

.media-apps-banner {
    background: #fff url("../img/mediaapps/banner.jpg") no-repeat bottom center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 50%;
}

.what-can-it-do img{
	margin: 4em 0 0 0
}

.below-lead-capture h2 {
    font-size: 2.5em;
    font-weight: 300;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.input-group-addon i{
	width: 30px
}

.hand {
    background: #fff url("../img/mediaapps/hand.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 60%;
}

.hand img.fadeImg {
    width: 150px;
    height: auto;
    position: relative;
    top: 150px;
    margin-top: 20%;
}

.aboutBanner {
    background: url("../img/about/banner.jpg") no-repeat bottom center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;

}

.aboutBanner h1 {
    color: #fff;
    font-size: 4em;
    font-weight: 300;
	margin: 0
}

.banners{
	margin-bottom: 4em
}


.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
	margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}

.bestTechnology p {
    font-size: 1.6em;
    color: #fff;
}

.bestTechnology h1 {
    font-size: 4.4em;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}

.timeline h2 {
    text-transform: uppercase;
    font-weight: 300;
}

.timeline p {
    font-size: 1.5em;
}

.timeline img {
    width: 150px;
    height: auto;
}

.flexible {
    background: url("../img/about-flexible.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 70%;
}

.system {
    background: url("../img/about-system.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 40%;
}

.initial {
    background: url("../img/about-initial.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 40%;
}

.cloud-application {
    margin-top: 5%;
    font-size: 1.6em;
    font-weight: 300;
}

.event-intelligence-banner {
    background: #fff url("../img/event-intelligence-banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 36%;
}

.eventsuite-dashboard-banner {
    background: #fff url("../img/eventsuite-dashboard-banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 36%;
}

.enterpriseOverview-banner {
    background: #fff url("../img/Enterprise-Overview-banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 36%;
}

.fulfillment-banner {
    background: #fff url("../img/fulfillment/banner.jpg") no-repeat bottom center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.trial-banner {
    background: #fff url("../img/trial/banner.jpg") no-repeat bottom center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.trial-banner h1{
	color: #fff;
	font-weight: 300;
	font-size: 4em;
	margin: 0
}

.trial.orange {
    padding: 1% 0;
}


.choose textarea{
	height: 173px
}

.bootstrap-select button.dropdown-toggle{
	color: #333!important
}


h2.chooseSolution {
    color: #E16226;
    font-size: 3em;
    font-weight: 300;
    margin-top: 1em;
    text-align: left;
    padding-bottom: .5em;
    text-transform: uppercase;
}

.req {
    color: #0033A0;
    font-weight: 500;
    font-size: 1em;
}

.form-group .req {
    margin-top: 10px;
}

.choose input[type="submit"] {
    padding: .5em 2em;
    font-weight: 300;
    font-size: 1.3em;
}

.labelWrap {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3% 0;
}

.labelWrap input[type="radio"] {
    margin-top: 10px;
}

select.form-control option {
    text-transform: uppercase;
    color: #999;
}

.page-assettracker {
    background: url("../img/assettracker/bg.jpg") no-repeat bottom center;
    background-size: cover;
    padding: 5% 0;
    color: #fff;
}

.page-assettracker p {
    color: #fff;
    font-size: 2.2em;
}

.page-assettracker p.visitus {
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
}

.assettracker-banner {
    background: #fff url("../img/assettracker/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.topText {
    width: 60%;
    margin: 3% auto
}

.assettracker h2 {
    color: #e16226;
    font-size: 3em;
    font-weight: 500;
    text-align: center;
    margin: 1em
}

.career-banner {
    background: #fff url("../img/career-banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.contact-banner {
    background: #fff url("../img/contact/banner.jpg") no-repeat top center;
    background-size: 100%;
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 30%;
}

.contact-banner h1{
	color: #fff;
	font-weight: 300;
	font-size: 4em;
	margin: 0
}

.thepower h1 {
    font-size: 3.4em;
    color: #fff;
    font-weight: 300;
}

.contactRightColumn h3 {
    color: #595959;
    font-size: 1.6em;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
}

.contactRightColumn img {
    width: 100px;
    height: auto;
}

.contactRightColumn .signUp a {
    color: #E16226;
    font-size: 1.3em;
    font-weight: 300;
    text-transform: uppercase;
}

.contactRightColumn .cta{
    border: 1px solid #8B8A8F;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 0.5em;
    padding: 0.5em 2em;
    position: relative;
    text-transform: uppercase;
}

.contactRightColumn a{
	color: #8B8A8F
}

.contactRightColumn a:hover{
	color: #fff
}

.contactRightColumn .cta:hover, .contactRightColumn .cta:hover a{
	background: #8B8A8F;
	color: #fff
}

.contactUs h2, .choose h2  {
    margin-top: 1em;
    padding-bottom: .5em;
}

.contactUs .labelWrap h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 300;
    color: #e16226;
    margin-top: 15px;
}

.contactUs input[type="submit"], .freeTrial input[type="submit"], #formModal input[type="submit"] {
    padding: .5em 2em;
    font-weight: 700;
    font-size: 1.2em;
}

.casestudyBanner{
	background: rgba(0, 0, 0, 0) url("../img/casestudy/banner.jpg") no-repeat top center;
	background-size: 100%;
    color: #fff;
    display: block;
    height: 0;
    padding-bottom: 30%;
    position: relative;
    text-align: center;
}

#caseStudyTabs li, #webinarTabs li{
	padding-right: 0;
	padding-left: 0;
	border-right: 1px solid #ccc
}

#caseStudyTabs li:first-child{
	border-left: 1px solid #ccc
}

#webinarTabs li:last-child{
	border-right: none;
}

#webinarTabs.nav > li > a{
	padding: 10px;
}

th.datepicker-switch{
	text-align: center;
}

#caseStudyTabs li.active, 
#caseStudyTabs li a:hover{
	background: #e16226;
	color: #fff
}

#webinarTabs li.active, 
#webinarTabs li a:hover{
	background: #ccc;
	color: #fff;
}

#caseStudyTabs li.active a,
#webinarTabs li.active a{
	color: #fff
}





#videoModal #video,#videoModal1 video,#videoModal2 video,#videoModal3 video, #videoModal2 video2 {
    max-width: 100%;
}

#videoModal .modal-content,#videoModal1 .modal-content,#videoModal2 .modal-content,#videoModal3 .modal-content {
    background: none;
    box-shadow: none;
    background-color: none;
    border: none;
}

#videoModal .modal-header,#videoModal1 .modal-header,#videoModal2 .modal-header,#videoModal3 .modal-header {
    border: none;
}

#videoModal button.close,#videoModal1 button.close,#videoModal2 button.close,#videoModal3 button.close {
    opacity: 1;
	z-index: 99999;
	display: inline-block
}



.closeBtn {
    color: red;
    font-size: 1.2em;
    position: relative;
    top: 0;
    right: -30px;
    z-index: 9999;
}

.closeBtn img {
    width: 35px;
    height: auto;
}


.no-video .video-container video,.touch .video-container video {
    display: none;
}

.no-video .video-container .poster,.touch .video-container .poster {
    display: block !important;
}

.video-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}

.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}

.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0,0,0,0.4);
    width: 100%;
}

.video-container .title-container {
    z-index: 1000;
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
    color: #fff;
}

.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.video-container video.fillWidth {
    width: 100%;
}

#Container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#Container video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}

#Container div.content {
    position: relative;
    z-index: 1;
    padding-bottom: 5%;
}

.has-error .control-label,.has-error .help-block,.has-error .form-control-feedback {
    color: #a94442;
}

.btn-orange {
    color: #fff;
    background-color: #e16226;
    border-color: #FFF;
    border-radius: 0;
}

.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #ED6803;
    border-color: #FFF;
}

.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange {
    background-image: none;
}

.btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus,.btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active,.btn-orange[disabled].active,fieldset[disabled] .btn-orange.active {
    background-color: #D95E00;
    border-color: #FFF;
}

.btn-orange .badge {
    color: #D95E00;
    background-color: #fff;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content{ border-radius: 0 }

.modal-open[style] {
    padding-right: 0 !important;
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-checkbox + label.css-label {
    padding-left: 26px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -21px;
}

label.css-label {
    background-image: url("../img/radio-checkmark.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.labelWrap h3 {
    margin: -5px 0 0 3px;
}

.powerful-analytics .cta{
	border: 1px solid #8B8A8F;
	color: #8B8A8F
}

.powerful-analytics .cta:hover{
	color: #fff
}

.border-right{
	border-right: 1px solid #8B8A8F
}

/* CUSTOm ROLLOVERS */
.wrap {
  max-width: 100%;
  margin: 3em auto;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
 
}

img, .row img {
  max-width: 100%;
  height: auto;
}

.wrap [class*='col-'] {
  float: left;
}

.col-1-4 {
  height: 250px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.show {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
  display: block;
  color: #595959
}

.show .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 5%
}

.frontSide h3{
	font-weight: 300;
	margin-top: 1em
}


/* SECOND */

.show-second img, .show-second h3 {
  transition: all 0.4s ease-in-out;
}

.show-second .mask {
  background: #595959;
  transform: translateY(110%);
  opacity: 1;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 7px #ccc;
  padding-top: 70px
}


.show-second p {
  opacity: 0;
  color: #fff;
  transition: all 0.2s linear;
}

.show-second a.more {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  color: #595959;
  text-transform: uppercase;
  border: 1px solid #fff;
  position: relative;
  font-weight: 700;
  background: #fff
}

.show-second a.more:hover {
  color: #FFF;
  border: 1px solid #fff;
  background: #595959
}

.show-second:hover .mask {
  transform: translateY(0px);
}

.show-second:hover img, .show-second:hover h3 {
  transform: translateY(-150%);
  transition-delay: 0s;
}

.show-second:hover p {
  opacity: 1;
  transition-delay: 0.2s;
}

.rolloverTop{
	border-top: none
}

.rolloverBottom{
	border-bottom: none
}

.frontSide{
	padding-top: 40px
}


.dashboard, .fulfillment{
	max-width: 1630px;
	margin: 0 auto;
	padding: 0 5%
}


.dashboard .shadow, .fulfillment .shadow, .container .shadow{
	-webkit-box-shadow: 0px 5px 33px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 5px 33px 0px rgba(0,0,0,0.29);
	box-shadow: 0px 5px 33px 0px rgba(0,0,0,0.29)
}

/* Animated Mouse Stuff */
.mouse_scroll {
    display: block;
    height: 80px;
    margin: 10% auto 0;
    width: 175px;
}

.mouse_scroll p{
	color: #fff;
}

.m_scroll_arrows {
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    display: block;
    height: 18px;
    margin: 0 0 3px 70px;
    transform: rotate(45deg);
    width: 18px;
}

.unu {
    margin-top: -130px;
}

.unu, .doi, .trei {
    animation: 1s ease 0s normal none infinite running mouse-scroll;
}

.unu {
    animation-delay: 0.1s;
}

.doi {
    animation-delay: 0.2s;
    margin-top: -6px;
}

.trei {
    animation-delay: 0.3s;
    margin-top: -6px;
}

.mouse {
    border: none;
    border-radius: 44px;
    height: 142px;
    top: 170px;
    transform: none;
    width: 74px;
    margin: 0 auto;
}

.wheel {
    background: none;
    border: none;
    border-radius: 8px;
    display: block;
    height: 45px;
    margin: 5px auto;
    position: relative;
    width: 10px;
}

.wheel {
    animation: 0.6s linear 0s normal none infinite running mouse-wheel;
}

@keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px; }
	75% { top: 2px; }
	100% { top: 1px; }
}

@keyframes mouse-scroll {
	0% { opacity: 0; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes mouse-scroll {
	0% { opacity: 0; }
	50% {opacity: 0.5; }
	100% {opacity: 1; }
}

/*** MANUFACTURING SECTION ***/
.stat-manufacturing span{
	font-size: 1.4em;
	color: #A8AAAC;
}

.stat-manufacturing a.free{
	font-size: .900em;
    font-weight: 700;
    padding: 0.5em 1em;
}

.stat-manufacturing h2{
	font-size: 3em;
	font-weight: 700;
	margin: 0;
	color: #A8AAAC;
}

.manufacturing-tablet{
	margin-top: 6%;
	background: rgba(0, 0, 0, 0) url("../img/manufacturing-tablet.jpg") no-repeat scroll center top / cover ;
    display: block;
    padding-bottom: 30%;
    position: relative;
    font-size: 1.4em;
    color: #A8AAAC;
}

.manufacturing-tablet ul{
	margin-top: 5%;
	color:#e16226;
	text-transform:uppercase;
	font-size: 1.5em;
}


/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}