/***************** PSEUDO & GENERAl CLASSES ***************/
html, body { max-width: 100%; overflow-x: hidden; }
body{  -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
input{ -webkit-appearance: none; }

/** SPACING **/

.pad-large{
	padding-top: 70px;
	padding-bottom: 70px;
}

.pad-small{
	padding-top: 40px;
	padding-bottom: 40px;
}

.pad-bottom{
	margin-bottom: 70px;
}

.columns .row {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

/** TYPO **/

.text-white{
	color: #fff;
}

h1, h2, h3, h4, h5, h6{
	letter-spacing: 10px;
	text-transform: uppercase;
	margin-right: -10px;
}

.sub-head {
	font-size: 1.45em;
	letter-spacing: 5px;
}

/** ELEMENTS **/

.hr{
	background-color: #222;
	height: 1px;
	margin: 0px auto;
}

.hr-white {
	background-color: #fff;
	height: 1px;
	margin: 0px auto;
}

.hr-blue{
	background-color: #00aeef;
	height: 1px;
	margin: 0px auto;
}

.thick-hr{
	background-color: #222;
	height: 6px;
	margin: 0px auto;
}

.btn{
	border: 1px solid #222;
	border-right: 3px solid;
	border-bottom: 3px solid;
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.btn:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;

}

.btn-wrapper{
	display: inline-block;
}

.page-header .box-heading{
	font-family: 'Petrona';
	font-size: 14px;
	padding: 10px;
	border: 1px solid #222;
	margin-bottom: 22px;
	display: inline-block;
}

.page-header .hr{
	margin-top: 22px;
}
/********* WHY TACONY **********/
#why-tacony{
	background: url('../images/blue-abstract.html');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

#why-tacony:before{
	content:'';
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	position: absolute;
}

#why-tacony .row{
	padding-bottom: 60px;
}

#why-tacony .large-8{
	padding-top: 60px;
	padding-bottom: 20px;
}

#why-tacony .thick-hr{
	margin: 0px;
	margin-top: 22px;
	margin-bottom: 32px;
	background-color: #fff;
}

#why-tacony .btn-wrapper{
	margin-right: 11px;
}

#why-tacony .btn{
	border-color: #fff;
	color: #fff;
	letter-spacing: 3px;
	font-size: 12px;
}

#why-tacony .btn i{
	margin-right: 5px;
}

/******************* DIVIDERS *****/
.divider{
	display: table;
}

#main-divider{
	background: url('../images/tacony-home60-new.jpg');
	background-attachment: fixed;
	position: relative;
	height: 668px;
	background-size: 100%;
	margin-top: 110px;
}

#history-divider{
	background:url('../images/bg-1.jpg');
	background-size: 100%;
	background-attachment: fixed;
	position: relative;
}

#history-page-divider{
	background:url('../images/company-history-1950.jpg');
	background-size: 100%;
	background-attachment: fixed;
	height: 200px;
	position: relative;
}

#brand-divider{
	background:url('../images/Teamwork-new.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

@media screen and (max-width: 767px) {
	#brand-divider {
		background-size: 155% auto;
	}
}

#leadership-divider{
	background:url('../images/bg-3.jpg');
	background-size: 100%;
	background-attachment: fixed;
	/*	position: relative;  */
}

#media-divider{
	background:url('../images/bg-4.jpg');
	background-size: 100%;
	background-attachment: fixed;
	position: relative;
}

#locations-divider{
	background:url('../images/bg-1.jpg');
	background-size: 100%;
	background-attachment: fixed;
	position: relative;
}

#contact-divider{
	background:url('../images/bg-2.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

#careers-divider{
	background: url('../images/Teamwork-new.jpg');
	background-attachment: fixed;
	position: relative;
	height: 668px;
	background-size: 100%;
	margin-top: 110px;
}

.divider-text{
	font-family: 'Petrona';
	font-size: 60px;
	width: 100%;
	padding: 35px;
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
}


.divider-main {
	width: 100%;
	margin-top: 225px;
}

.divider-main-careers {
    width: 100%;
    margin-top: 225px;
}

.divider-main-careers .main-text {
    color: #fff;
}

.main-text {
	font-family: 'Oswald', sans-serif;
	font-size: 64px;
	font-weight: bold;
	color: #fff;
	display:inline-block;
	letter-spacing: .113em;
}

.divider-main a{
	padding: 8px 0px 10px 0px;
}

.divider-main a:visited{
	color: #fff;
}

.divider-main a:link{
	color: #fff;
}

.divider-main a:hover{
	color: #f29336;
}

.divider-main-careers a:hover{
    color: #79AA37;
}

.divider-p {
	font-size: 30px;
	width: 100%;
	padding: 10px;
	display: inline-block;
	margin: -10px 0px 10px 0px;
}

.divider-p-main {
	font-size: 30px;
	letter-spacing: 3px;
	width: 100%;
	padding: 10px;
	display: inline-block;
	margin: 5px 0px 61px 0px;
}

.divider-button {
	font-size: 22px;
	width: 300px;
	padding: 10px;
	display: inline-block;
	background-color:#ffffff;
	border: solid 2px #fff;
	-webkit-box-shadow:inset 0px 0px 0px 2px #3ab9b1;
	-moz-box-shadow:inset 0px 0px 0px 2px #3ab9b1;
	box-shadow:inset 0px 0px 0px 2px #3ab9b1;
}

.divider-button-main {
	font-size: 22px;
	letter-spacing: 5px;
	width: 250px;
	height: 46px;
	padding: 10px;
	display: inline-block;
	background-color:#ffffff;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222; 
}

.divider-button-main:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
}


.divider-button-bottom-main {
	font-size: 15px;
	width: 450px;
	padding: 18px;
	background-color:#00aeef;
	margin-top: 146px;
	position: absolute;
	z-index: 3;
	right: 0px;
}

/* unvisited link */
a:link {
	color: #2ba6cb;
}

/* visited link */
a:visited {
	color: #2ba6cb;
}

/* mouse over link */
a:hover {
	color: #2ba6cb;
}

/* selected link */
a:active {
	color: #2ba6cb;
}

a {
	color: #2ba6cb;
}

.divider-button-locations {
	font-size: 22px;
	letter-spacing: 5px;
	width: 320px;
	padding: 10px;
	display: inline-block;
	color: white;
	background-image: url('../images/button-arrow.png');
	background-repeat: no-repeat;
	background-position: right;
}

.divider-button-reasons {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 5px;
	max-widtH: 100%;
	width: 560px;
	min-height:46px;
	padding: 10px;
	display: inline-block;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222; 
	margin-top:70px;
	margin-bottom: 70px;
}

.divider-button-reasons:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
}

.reason-text {
	letter-spacing: 4px;
}

#hidden-icons .reason-text a:hover {
    font-weight: bold;
	letter-spacing: 5px;
}

.reason-text a,
.mission-text a {
	color: #222;
}

.mission-text a:hover {
	color: #fff;
	font-weight: bold;
	letter-spacing: 5px;
}

.reason-text a.seventy-years:hover,
.reason-text a.family-owned:hover {
	color: #50C2BB;
}

.reason-text a.one-hundred-countries:hover,
.reason-text a.reliable-service:hover {
	color: #96CA4F;
}

.reason-text a.operational-excellence:hover,
.reason-text a.outstanding-practices:hover {
	color: #2CACE2;
}

.reason-text a.diversified-business:hover,
.reason-text a.american-made:hover {
	color: #F1913E;
}

#hidden-icons .reason-text .strive-icons {
	background-repeat: no-repeat;
	height: 75px;
	margin: 15px auto 20px;
	width: 75px;
}

#hidden-icons .reason-text a:hover .strive-icons {
	background-position: center;
}

#hidden-icons .reason-text .seventy-years .strive-icons {
	background-image: url('../images/70-years-icon.png');
}

#hidden-icons .reason-text .one-hundred-countries .strive-icons {
	background-image: url('../images/100-countries-icon.png');
}

#hidden-icons .reason-text .family-owned .strive-icons {
	background-image: url('../images/family-owned-icon.png');
	height: 100px;
	margin: 5px auto;
	width: 100px;
}

#hidden-icons .reason-text .reliable-service .strive-icons {
	background-image: url('../images/reliable-service-icon.png');
}

#hidden-icons .reason-text .operational-excellence .strive-icons {
	background-image: url('../images/operational-excellence-icon.png');
}

#hidden-icons .reason-text .diversified-business .strive-icons {
	background-image: url('../images/diversified-business-icon.png');
}

#hidden-icons .reason-text .outstanding-practices .strive-icons {
	background-image: url('../images/outstanding-practices-icon.png');
}

#hidden-icons .reason-text .american-made .strive-icons {
	background-image: url('../images/american-made-icon.png');
}

.reason-details {
	display: none;
	padding: 20px 15px;
	text-align: center;
}

.reason-details .title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
}

.reason-details p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25;
	text-align: left;
}

.reason-details .more-button {
	background-color: #00aeef;
	border: 3px solid #fff;
	color: #fff;
	display: inline-block;
	outline: 1px solid #00aeef;
	padding: 10px 40px;
	width: auto;
}

#first-row {
	margin-bottom: 70px;
}

#get-started {
	font-size: 14px;
	letter-spacing: 3px;
	background-color: #fff;
	color: #000;
	padding: 8px;
	margin-left: 30px;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	cursor: pointer; 
}

#get-started:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
}


#hidden-icons {
	display: none;
}


/***************** NAVIGATION ***************/

.mobile-nav{
	display: none;
}

.mobile-nav-forced {
	background-color: #EBEBEB;
	background-size: 30px 30px;
	/*background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%);*/
	max-height: 75px!important;
	min-height: 75px!important;
}

.mobile-nav-fix {
	margin-top: 75px!important;
}

#nav{
	max-height: 110px;
	min-height: 110px;
	overflow: hidden;
	transition: opacity 0.3s ease;
	background-size: 30px 30px;
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	z-index: 200;
	width: 100%;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.open-nav{
	max-height: 300px !important;
}

.open-menu{
	display: none !important;
}

.navigation{
	overflow: hidden;
	list-style: none;
	width: 833px;
	max-width: 100%;
	padding-top: 27px;
	display: inline-block;
	margin-bottom: 0px;
}

.navigation li{
	float: right;
	margin-left: 30px;
	font-size: 0.80em;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.navigation li:last-child{
	margin-right: 0px;
}

.navigation li a{
	color: #222;
}

.navigation li a:hover{
	color: #f29336;
	font-weight: bold;
}

.small-nav{
	float: right;
	margin-right: -60px;
	background-color: #00aeef;
	width:450px;
}

.small-nav ul{
	list-style: none;
}

.small-nav li {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: -3px;
	font-size: 0.7em;
	text-transform: uppercase;
}

.small-nav li:first-child{
	margin-left: 2px;
	margin-right: 15px;
}

.small-nav li a{
	color: #fff;
}

.small-nav li a:hover{
	color: #222;
}

.small-nav-icon {
	font-size: 1.11em;
}

.top-nav-links {
	margin-top: 9px!important;
}

.past-main {
	background-color: white;
	background-size: 30px 30px;
	transition: opacity 0.3s ease;
}

#main {
	background-color:red;
}

#below-main {
	background-color:#eee;
}

/***************** HOME ***************/

#home{
	overflow: hidden;
}

.home-slider{
	height: 600px;
	position: relative;
	overflow: hidden;

    background: -webkit-linear-gradient(white, #e6e6e6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #e6e6e6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #e6e6e6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #e6e6e6); /* Standard syntax */
}

.home-slider .slides li{
	padding-top: 50px;
	padding-bottom: 50px;
	background-size: cover !important;
	background-position: center;
	cursor: pointer;
}

.home-slider .flex-direction-nav .flex-prev {
	left: -44px;
	opacity: 0.7;
	top: 48%;
}

.home-slider .flex-direction-nav .flex-next {
	right: -44px;
	opacity: 0.7;
	top: 48%;
}

.home-slider:hover .flex-direction-nav .flex-prev {
	left: 44px;
}

.home-slider:hover .flex-direction-nav .flex-next {
	right: 44px;
}

.home-slider .flex-active-slide {
	height: 600px;
}


.slider-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}

.circle-base {
	border-radius: 50%;
	behavior: url(PIE.html); /* remove if you don't care about IE8 */
}

.tile-wrapper{
	border: 1px solid #ddd;
	background: rgba(255,255,255,0.67);
	padding: 15px;
	width: 400px;
	height: 400px;
	margin: 0px auto;
}

.slider-tile{
	width: 100%;
	background-color: rgba(255,255,255,0.67);
	margin: 0px auto;
	text-align: center;
	padding-top: 50px;
	width: 370px;
	height: 370px;
}

.slider-tile i{
	font-size: 2.5em;
}

.slider-tile h5{
	margin-top: 16px;
	margin-bottom: 25px;
}

.slider-tile .hr{
	margin-bottom: 25px;
}

.slider-tile .biline{
	width: 60%;
	font-weight: 300;
	margin: 0px auto;
	font-family: 'Petrona';
}

.strive-icons {
	padding: 10px;
}

/***************** COMPANY ***************/

#about-text{
	columns:100px 3;
	-webkit-columns:100px 3; /* Safari and Chrome */
	-moz-columns:100px 3; /* Firefox */
	font-weight: 300;
	margin-bottom: 66px;
}

#about-text,
.history-text {
	line-height: 1.25;
}


.grey-text {
	font-weight: 300;
	margin-bottom: 66px;
}

/***************** COMPANY ***************/

.team-member{
	text-align: center;
	padding: 10px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.team-member span{
	font-size: 14px;
}

.team-member .hr{
	margin-top: 11px;
	margin-bottom: 11px;
}

.team-social{
	list-style: none;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 0px;
	display: inline-block;
}

.team-social li{
	float: left;
	margin-right: 5px;
}

.team-social a{
	color: #222;
}

.team-social i{
	font-size: 36px;
}

.team-social li:last-child{
	margin-right: 0px;
}

.team-img-wrapper{
	margin: 0px auto;
	margin-bottom: 11px;
}

.team-img-holder img{
	width: 80%;
}

.team-member {
	margin-right: -7px;
	margin-bottom: 5px;
}

#emp-name {
	font-size: 22px;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#emp-title {
	font-size: 14px;
	letter-spacing: 4px;
	text-transform: uppercase;
	line-height: 1.15;
}

#emp-bio {
	letter-spacing: 1px;
	text-transform: none;
	margin-bottom: 5px;
	line-height: 1.5;
}

/***************** WHAT WE DO ***************/

.what-holder {

}

.what-icon {
	margin-bottom: 25px;
}

.what-info {

}

/***************** SERVICES ***************/

.services-row{
	margin-bottom: 22px;
}

.services-row:last-child{
	margin-bottom: 0px;
}

.service{
	padding: 15px;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	max-height: 142px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.service:hover{
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	top: 2px;
	left: 2px;

}

.open-service{
	max-height: 380px !important;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
}

.open-service .hr{
	opacity: 1 !important;
}

.open-service p{
	opacity: 1 !important;
}

.service i{
	font-size: 42px;
}

.service h5{
	margin-top: 22px;
	letter-spacing: 7px;
	margin-right: -7px;
}

.service .hr{
	margin-top: 22px;
	margin-bottom: 22px;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.service p{
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	margin-bottom: 7px;
}

/***************** WORK ***************/
.work-row{
	margin-bottom: 30px;
}

.work-img-holder{
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
}

.work-img-holder img{
	width: 100%;
}

.work-overlay{
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-color: rgba(255,255,255,0.8);
	padding: 75px 15px 15px 15px;
	position: absolute;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	opacity: 1;
}

.work-overlay h6{
	letter-spacing: 7px;
	margin-right: -7px;
}

.work-overlay .hr{
	margin: 0px;
	margin-top: 11px;
	margin-bottom: 11px;
}

.work-img-holder:hover .work-overlay{
	/*opacity: 1;
	width: 94%;
	height: 94%;
	top: 3%;
	left: 3%;*/
	border: 10px solid;
	opacity: .6;
}

.project{
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

.open-project{
	max-height: 2000px !important;
}

.close-project{
	margin-top: 88px;
	margin-bottom: 44px;
	cursor: pointer;
}

.project-brands .close-project{
	margin-top: 20px;
	margin-bottom: 0px;
	cursor: pointer;
}

.close-project i{
	font-size: 62px;
}

.work-slider{
	position: relative;
}

.project-img-holder{
	width: 630px;
	height: 630px;
	overflow: hidden;
	margin: 0px auto;
}

.work-slider .flex-direction-nav a{
	top: 46%;
}

.work-slider .flex-direction-nav a:before {
	color: #222;
}

.project-details{
	margin-bottom: 44px;
}

.project-details .hr{
	margin-top: 22px;
	margin-bottom: 22px;
}

.project-details p{
	text-align: left;
	columns: 350px 2;
	-webkit-columns: 350px 2; /* Safari and Chrome */
	-moz-columns: 350px 2; /* Firefox */
	font-weight: 300;
/*	margin-bottom: 66px;  */
	padding: 30px;
}

.btn-more-news {
	border: 1px solid #222;
	border-right: 3px solid;
	border-bottom: 3px solid;
	background-color: rgba(255,255,255,0.9);
	padding: 15px;
	letter-spacing: 5px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: .2s all ease-in-out;
}


.btn-more-news:hover{
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	top: 2px;
	left: 2px;
	height: 50px;
}

/***************** LOCATIONS *************/
#locations {
	background: url('../images/world-map-bg.png') no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

#locations:before{
	content:'';
	width: 100%;
	height: 100%;
	background-color:rgba(255,255,255,.85);
	position: absolute;
}

.locations-container {
	background: url('../images/world-map.png') 0px 0px no-repeat;
	height: 600px;
	width: 1164px;
}

a.marker{
	position: relative;
	background: url('../images/location.svg') no-repeat;
	height: 32px;
	width: 22px;
	display: block;
	cursor: pointer;
	z-index: 1;
}

a.marker:hover{
	background: url('../images/location-current.svg') no-repeat;
	z-index: 3;
}

#info-close {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 18px;
	height: 20px;
	cursor: pointer;
}

a.current{
	background: url('../images/location-current.svg') no-repeat;
	z-index: 2;
}

.info_box {
	display: none;
	position: absolute;
	overflow: hidden;
	padding: 5px 10px;
	background: rgba(255,255,255,0.3);
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 15px;
	width: 500px;
	height: 300px;
	z-index: 10;
}

.info_box h6{
	border-bottom: 1px solid #515a6b;
	color: #515a6b;
	margin-bottom: px;
}

.info_box .description {
	margin-bottom: 15px;
}

.info{
	display: none;
}

.info-detail {
	margin: 7px;
}

/***************** CONTACT ***************/

#contact{
	position: relative;
	z-index: 1;
}

#contact-holder, #general-contact-holder, #become-customer-contact-holder, #apply-contact-holder{
	padding-top: 70px;
	padding-bottom: 70px;
	overflow: hidden;
	/*	background-color: rgba(255,255,255,0.6); */
	background-color: #fff;
	background-size: 30px 30px;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%);
	/*	transition: opacity 0.3s ease; */
	position: relative;
	z-index: 2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	opacity: 1;
}

.contact-fade{
	opacity: 0 !important;
	z-index: -1 !important;
}



#map-toggle{
	position: absolute;
	z-index: 3;
	top: 44px;
	right: 44px;
	letter-spacing: 3px;
	font-size: 12px;
}

#contact iframe{
	border: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0px;
}

#contact-details{
	overflow: hidden;
	list-style: none;
}

.contact-details {
	list-style: none;
	padding-top: 5px;
}

#contact-details li{
	float: left;
	margin-right: 11px;
	padding: 10px 10px 13px 10px;
	background-color: #006699;
	color: #fff;
	margin-bottom: 11px;
	transition: .2s background-color ease-in-out;
}

#contact-details li:hover {
	background-color: #004477;
}

#contact-details li a{
	color: #fff;
}

div.g-recaptcha {
	position: relative;
}

#contact-form #name{
	overflow: hidden;
	width: 48%;
	margin-right: 2%;
	float: left;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-name{
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #first-name{
	overflow: hidden;
	width: 48%;
	margin-right: 2%;
	float: left;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-first-name{
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #last-name{
	overflow: hidden;
	width: 48%;
	float: right;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-last-name{
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #email{
	overflow: hidden;
	width: 48%;
	float: right;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-email{
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #phone{
	overflow: hidden;
	width: 48%;
	float: left;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-phone{
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #company {
	overflow: hidden;
	width: 48%;
	float: right;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-company {
	width: 80%;
	float: right;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	height: 32px;
}

#contact-form #division {
	overflow: hidden;
	width: 48%;
	float: left;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-division {
	width: 80%;
	float: left;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
	height: 32px;
}

#contact-form #cover-letter {
	overflow: hidden;
	width: 48%;
	float: left;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-cover-letter {
	width: 80%;
	float: left;
	border: none;
	background-color: rgba(0,0,0,0);
	height: 26px;
	width: 140px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#form-resume {
	width: 80%;
	float: left;
	border: none;
	background-color: rgba(0,0,0,0);
	height: 26px;
	width: 140px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#contact-form #cover{
 overflow: hidden;
 width: 48%;
 margin-right: 2%;
 float: left;
 border-right: 3px solid #222;
 border-bottom: 3px solid #222;
 border-top: 1px solid #222;
 border-left: 1px solid #222;
 padding: 5px;
 margin-bottom: 11px;
 background-color: rgba(255,255,255,0.9);
}

#form-cover{
 width: 80%;
 float: left;
 margin-bottom: 0px;
 border: none;
 background-color: rgba(0,0,0,0);
}

#cover-upload-icon:hover {
 cursor: pointer;
}

#contact-form #res{
 overflow: hidden;
 width: 48%;
 float: right;
 border-right: 3px solid #222;
 border-bottom: 3px solid #222;
 border-top: 1px solid #222;
 border-left: 1px solid #222;
 padding: 5px;
 margin-bottom: 11px;
 background-color: rgba(255,255,255,0.9);
}

#form-res{
 width: 80%;
 float: left;
 margin-bottom: 0px;
 border: none;
 background-color: rgba(0,0,0,0);
}

#res-upload-icon:hover {
 cursor: pointer;
}


input, textarea, keygen, select, button {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}

button {
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
	width: 89px;
	height: 47px;
}

button:hover {
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
	width: 89px;
	height: 47px;
}

#contact-form #resume-input {
	overflow: hidden;
	width: 48%;
	float: right;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-resume-input {
	width: 80%;
	float: right;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form #ref-id {
	overflow: hidden;
	width: 100%;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	background-color: rgba(255,255,255,0.9);
}

#form-ref-id {
	width: 80%;
	margin-bottom: 0px;
	border: none;
	background-color: rgba(0,0,0,0);
}

div.career-contact-button {
	overflow: hidden;
	width: 200px;
	height: 70px;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
}

.fileUpload {
	width: 175px;
}
.fileUpload input.upload {
	cursor: pointer;
	opacity: 0;
}

.fileUpload .btn {

}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Upload Cover Letter';
	overflow: hidden;
	width: 200px;
	height: 70px;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.custom-file-input-resume::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input-resume::before {
  content: 'Upload Resume';
	overflow: hidden;
	width: 200px;
	height: 70px;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
}
.custom-file-input-resume:hover::before {
  border-color: black;
}
.custom-file-input-resume:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.form-icon{
	border-right: 2px solid #222;
	float: left;
	margin-right: 11px;
	padding-right: 3px;
}

.form-icon i{
	font-size: 29px;
}

#email .form-icon i{
	position: relative;
	bottom: 2px;
}

.typcn-company {

}

#message{
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	padding: 5px;
	margin-bottom: 11px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	float: none;
	clear: both;
}

#form-message{
	float: left;
	width: 88%;
	height: 100px;
	border: none;
	background-color: rgba(0,0,0,0);
}

#contact-form .btn-wrapper{
	font-size: 12px;
	letter-spacing: 3px;
	float: right;
}

.btn-send{
	border: 1px solid #222;
	border-right: 3px solid;
	border-bottom: 3px solid;
	background-color: rgba(255,255,255,0.9);
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: .2s border ease-in-out;
}

.btn-send:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
	width: 89px;
	height: 47px;
	background-color: #fff;
	color: #000;
}

.btn-send-wrapper{
	display: inline-block;
	font-size: 12px;
	letter-spacing: 3px;
	float: right;
}

.details-error{
	padding: 10px;
	background-color: #ba2f2f;
	display: inline-block;
	float: left;
	display: none;
}

.details-error-server{
	padding: 10px;
	background-color: #ba2f2f;
	display: inline-block;
	float: left;
}

.form-sent{
	padding: 10px;
	background-color: #2fba53;
	display: inline-block;
	float: left;
	display: none;
}

.form-sent-server{
	padding: 10px;
	background-color: #2fba53;
	display: inline-block;
	float: left;
}

#footer{
	padding: 40px 0px 25px 0px;
	overflow: hidden;
    background-color: #F5F5F5;
	/*background-color: #EBEBEB;*/
	background-size: 30px 30px;
	/*background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%);*/
	/*	transition: opacity 0.3s ease; */
	position: relative;
	z-index: 2;
	opacity: 1;
}

#footer .hr{
/*	margin-bottom: 22px;  */
}

#footer-social{
	overflow: hidden;
	list-style: none;
	margin-bottom: 22px;
	display: inline-block;
}

#footer-social li a{
	color: #222;
}

#footer-social li{
	float: left;
	margin-right: 11px;
}

#footer-social li:last-child{
	margin-right: 0px;
}

#footer-social li i{
	font-size: 40px;
}

#footer span{
	float: none;
	clear: both;
}

.logo-text{
	font-weight: bold;
	letter-spacing: 3px;
	margin-right: -3px;
}

#copy-text{
	opacity: 0.5;
	font-size: 12px;
    margin-bottom: 10px;
}

#footer-text{
	font-size: 13px;
	padding-top: 10px;

}

#footer-text a{
	padding-top: 14px !important;
	display: inline-block;
	// padding: 0px 30px 0px 30px;
	padding: 10px;
}

@media (max-width: 767px) {
	#footer-text a {
		padding: 0 15px;
	}
}

.logo-holder{
	padding-top: 30px;
}

@media screen and (max-width: 767px) {
	.logo-holder {
		padding-top: 20px;
	}
}

#carousel {
	width:100%;
	height:575px;
	clear:both;
	background:#fff;
}
#carousel img {
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}

@media (max-width: 475px) {
	#carousel {
		max-width: 100%;
		overflow: hidden;
	}
}

.split-left {
	width:450px;
	float:left;
}
.split-right {
	width:400px;
	float:left;
	margin-left:10px;
}

/******** BRANDS ******/
.brand-container {
	/*background-color: #888;*/
}

#brands-ie {
	display: none;
}

.flip-container {
	margin: 0px;
	padding: 0px;
	/*  width: 250px;  */
	width: 100%;
	height: 179px;
	position: relative;
	font-size: .9em;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;

}

/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.flip-container .front {
	position: absolute;
	top: 0;
	z-index: 50;
	width: inherit;
	height: inherit;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(189, 195, 199);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(189, 195, 199);

	/*border-right: #f5f7f7 1px solid;*/
}

.flip-container .front div:before {
	position: absolute;
	content: ' ';
	background: transparent url(../images/puzzle-link.svg) no-repeat -1px top;
	z-index: 999;
	width: 30px;
	height: 25px;
	right: -30px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: -27px;
	left: 70%;
}

.flip-container .front div:after {
	position: absolute;
	content: ' ';
	background: transparent url(../images/puzzle-link.svg) no-repeat -1px top;
	z-index: 999;
	width: 30px;
	height: 25px;
	right: -30px;
	overflow: hidden;
	top: 60%;
}

.flip-container.flip .front {
	z-index: 50;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.flip-container .back {
	background-color: #222;
	position: absolute;
	top: 0;
	z-index: 40;
	width: inherit;
	height: inherit;
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.flip-container.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}

.flip-container .back div:before {
	position: absolute;
	content: ' ';
	background: transparent url(../images/puzzle-link.svg) no-repeat -1px bottom;
	z-index: 999;
	width: 30px;
	height: 25px;
	right: -30px;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: -27px;
	left: 30%;
}

.flip-container .back div:after {
	position: absolute;
	content: ' ';
	background: transparent url(../images/puzzle-link.svg) no-repeat -1px bottom;
	z-index: 999;
	width: 30px;
	height: 25px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	left: -30px;
	overflow: hidden;
	top: 60%;
}

.div .back {
	display: table;
}

.back .pad {
	color: #eee;
	width: inherit;
	height: inherit;
	display: table-cell;
	vertical-align: middle;
}
.pieces {
	padding-left: 0em!important;
	padding-right: 0em!important;
}

@-moz-document url-prefix() {
	.flip-container .back div:after {
		background: none;
	}
	.flip-container .back div:before {
		background: none;
	}
	.flip-container .front div:after {
		background: none;
	}
	.flip-container .front div:before {
		background: none;
	}
}

/****** Company Page *******/
#company-header {
	background-color: #e6e7e8;
	margin-top: 15px;
	height: 600px;
	margin-bottom:70px;
}

#company-locations-header, #culture-header, #history-header {
	display: none;
}

#company-header .tile-wrapper,
#mission-header .tile-wrapper,
#company-locations-header .tile-wrapper,
#culture-header .tile-wrapper,
#history-header .tile-wrapper {
	margin-top: 95px;
}

#company-header, #mission-header,
#company-locations-header, #culture-header, #history-header li {
	list-style-type: none;
}

#company-header h3, #mission-header h3,
#company-locations-header h3, #culture-header h3, #history-header h3, #innovation-slider h3 {
	color: #0095cf;
	letter-spacing: 0px;
	margin-top: 35px;
	font-size: 1.9875em;
	font-weight: bolder;
}

#company-locations-header .slider-tile {
	padding-top: 70px;
}

#culture-header .slider-tile {
	padding-top: 65px;
}

#innovation-slider .slider-tile {
	padding-top: 65px;
}

#innovation-section h3 {
	margin-top: 60px;
	color: #0095cf;
}

#innovation-section h7 {
	letter-spacing: 0px;
	font-style: italic;
	font-size: 23px;
}

#company-header h7, #mission-header h7,
#company-locations-header h7, #culture-header h7, #history-header h7 {
	letter-spacing: 0px;
	font-style: italic;
	font-size: 23px;
}

#company-header .biline, #mission-header .biline,
#company-locations-header .biline, #culture-header .biline,
#history-header .biline, #innovation-section .biline {
	width:100%;
	padding: 8px;
}

#company-sub-nav {
	margin-top: 130px;
}

#company-sub-nav a {
	font-size: 12px;
	font-weight: bold;
	color: #01aef0!important;
}

#company-sub-nav .hr {
	background-color: #01aef0;
	margin-top: 5px;
}

#company-mission-divisions {
	background-color: #f5f5f5;
	color: #222;
	margin-top: 15px;
}

#company-mission-divisions .p-spacing {
	float: none;
	font-weight: 300;
	margin: 0 auto;
	max-width: 56.25em;
	padding: 0 0 30px;
}

#company-mission-details {
	background-color: #f5f5f5;
	color: #222;
	padding: 40px 0;
}

#company-mission-details .detail {
	background-color: #fff;
	margin-top: 40px;
	max-width: 56.25em;
	padding-bottom: 40px;
	padding-top: 40px;
}

@media screen and (max-width: 767px) {
	#company-mission-details .detail p {
		margin-top: 20px;
		text-align: center;
	}
}

#company-mission-details .sub-text {
	font-weight: bold;
	margin-top: 10px;
	text-transform: uppercase;
}

#company-mission-details .title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#company-mission-details .mission-history {
	background-color: #00aeef;
	border: 3px solid #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-top: 40px;
	outline: 1px solid #00aeef;
	padding: 10px 40px;
	text-transform: uppercase;
	width: auto;
}

#mission-header {
	background-image: url('../images/company-slider-overview.jpg');
	background-size: 100%;
	margin-top: 15px;
	height: 600px;
}

#history-header {
	background-image: url('../images/company-slider-history.jpg');
	background-size: 100%;
	margin-top: 15px;
	height: 600px;
	margin-bottom:70px;
}

#company-locations-divisions {
	background-color: #f5f5f5;
	padding:50px;
	display: none;
}

#company-locations-divisions .location-modal {
	display: none;
}

#company-locations-divisions .more-info {
    background-color: #ffffff;
    border: 1px solid #00aeef;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

#company-locations-divisions .more-info span {
    color: #00aeef;
    font-size: 20px;
    line-height: 18px;
}

#company-locations-divisions .location-image {
    display: inline-block;
    position: relative;
    width: auto;
 }

#company-locations-divisions .location-image img {
    max-width: 300px;
    width: 100%;
}

.location-description {
	margin: 10px 0;
}

#culture-divisions {
	background-color: #f5f5f5;
	padding:50px;
	display: none;
}

.bold-italics {
	font-size: 22px;
}

#company-locations-header {
	background-image: url('../images/company-slider-locations.jpg');
	background-size: 100%;
	margin-top: 15px;
	height: 600px;
	margin-bottom:70px;
}

#culture-header {
	background-image: url('../images/company-slider-culture.jpg');
	background-size: 100%;
	margin-top: 15px;
	height: 600px;
	margin-bottom:70px;
}

#timeline h4 {
	letter-spacing: 0px;
}

.vertical-line {
	border-left: 4px solid #a2cf63;
	height: 242px;
}

.horizontal-line {
	height: 121px;
	border-top: 4px solid #a2cf63;
}

#history-featured {
	display: none;
}

@media screen and (max-width: 690px) {
	.mission-top-spacing {
		margin-top: 40px;
	}
}

#leaders-featured {
	display: none;
}

#culture-featured {
	display: none;
}

.history-text {
	font-weight: 300;
	margin-bottom: 66px;
}

.history-text p {
	margin: 7px 0;
}

.mission-left {
	font-size: 28px;
	letter-spacing: 4px;
	margin-top: 30px;
}

.mission-right {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 66px;
}

.strive {
	font-style: italic;
	font-weight: bold;
	color: #656565;
}

.mission-strive {
	padding-top: 30px;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	color: #656565;
	letter-spacing: 2px;
}

.mission-strive li {
	padding-bottom: 12px;
}

.mission-strive li img {
	margin-right: 25px;
}

.mission-text {
	letter-spacing: 4px;
}

.p-spacing {
	line-height: 25px;
}

.hidden-div {
	display: none!important;
}

.show-div {
	display: block!important;
}

.no-spacing h1, h2, h3, h4, h5, h6, h7, h8{
	letter-spacing: 0px;
}

.small-heading {
	font-size: 35px;
}

.emp-photo {
	margin-top: 5px;
	float: left;
	-moz-box-shadow:    5px 5px 6px #ccc;
  	-webkit-box-shadow: 5px 5px 6px #ccc;
  	box-shadow:         5px 5px 6px #ccc;
}

.emp-photo img {
	max-width: 70px;
}

.emp-social {
	float: left;
    font-size: 30px;
    margin-top: 2px;
}

.emp-social img {
	padding: 4px;
}

.emp-phone-email {
    margin-left: 22px;
}

.emp-linkedin-fb {
    font-size: 35px;
    margin-left: 20px;
}

.emp-typ-phone {
    font-size: 27px;
}

.blue-text {
	color: #00aeef;
}

.blue-text h1{
	color: #00aeef;
}

.location-image {
	margin-top: 15px;
	margin-bottom: 5px;
}

.location-name span {
	font-size: 16px;
	letter-spacing: 5px;
}

.three-row-padding {
	padding: 30px;
	margin-bottom: 10px!important;
}

.three-row-text {
	columns:300px 3;
	-webkit-columns:300px 3; /* Safari and Chrome */
	-moz-columns:300px 3; /* Firefox */
	font-weight: 300;
}
.two-row-text {
	columns:100px 2;
	-webkit-columns:100px 2; /* Safari and Chrome */
	-moz-columns:100px 2; /* Firefox */
	font-weight: 300;
}

@media (max-width: 768px) {
	.two-row-text {
		columns: 100px 1;
		-webkit-columns: 100px 1;
		-moz-columns: 100px 1;
	}
}



/***** Brands Page *****/
#brands-slider .circle-base, #brands-slider .tile-wrapper, #brands-slider .slider-tile {
	display: none;
}

#brands-slider {
	margin-top:15px;
}

#innovation-slider {
	display: none;
	margin-top:15px;
}

#brands-section {
	background-image: url('../images/Slider-Divisions-Home-Floor-Care-Right.html');
	width: 100%;
	position: relative;
	height: 800px;
	margin-bottom:70px;
}

#innovation-section {
	background-image: url('../images/manufacturing-distribution.jpg');
	background-size: cover;
	width: 100%;
	position: relative;
	height: 600px;
	display: none;
	margin-top: 10px;
}

#brands-section .tile-wrapper, #innovation-section .tile-wrapper {
	margin-top: 95px;
}

#innovation-slider .tile-wrapper, #innovation-section .tile-wrapper {
	margin-top: 55px;
}

#brands-section li {
	list-style-type: none;
}

#divisions-header {
	margin-bottom: 70px;
}

.tacony-all-slider {
    background: url('../images/Slider-Divisions-all.png');
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
    margin-bottom:70px;
    background-size: 100%;
    margin-left:75px;
}

.sewing-slider {
    background: url('../images/Slider-Divisions-sewing.png');
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
    margin-bottom:70px;
    background-size: 100%;
    margin-left:75px;
}

.home-floor-care-slider {
    background: url('../images/Slider-Divisions-homefloor.png');
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
    margin-bottom:70px;
    background-size: 100%;
    margin-left:75px;
}

.comm-floor-care-slider {
    background: url('../images/Slider-Divisions-commercialfloor.png');
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
    margin-bottom:70px;
    background-size: 100%;
    margin-left:75px;
}

.fans-and-lighting-slider {
    background: url('../images/Slider-Divisions-ceilingfans.png');
    background-repeat: no-repeat;
    position: relative;
    height: 800px;
    margin-bottom:70px;
    background-size: 100%;
    margin-left:75px;
}

.division-bg {
    padding-top: 100px;
    margin-left: -175px;
    width: 300px;
}

.featured-click {
	letter-spacing: 5px;
}

#tac-corp-divisions {
	background-color: #f5f5f5;
	padding:50px;
}

#tac-corp-divisions h4 {
	letter-spacing: 0px;
}

.tac-corp-padding {
	padding-bottom: 25px;
}

#tac-corp-featured p,
#sewing-featured p,
#home-floor-featured p,
#com-floor-featured p,
#fans-lights-featured p,
#tac-corp-divisions p,
#sewing-divisions p,
#home-floor-divisions p,
#com-floor-divisions p,
#fans-lights-divisions  p{
	margin-top: 10px;
	line-height: 1.25;
}

#sewing-divisions {
	display: none;
	background-color: #f5f5f5;
	padding:50px;
}

@media screen and (max-width: 767px) {
	#sewing-divisions,
	#home-floor-divisions,
	#com-floor-divisions,
	#fans-lights-divisions {
		padding: 25px;
	}

	#sewing-divisions .project.open-project .project-details p,
	#home-floor-divisions .project.open-project .project-details p,
	#com-floor-divisions .project.open-project .project-details p,
	#fans-lights-divisions .project.open-project .project-details p {
		padding: 0;
	}
}

#home-floor-divisions {
	display: none;
	background-color: #f5f5f5;
	padding:50px;
}

#com-floor-divisions {
	display: none;
	background-color: #f5f5f5;
	padding:50px;
}

#com-floor-divisions .project-details p{
	columns:100px 1;
	-webkit-columns:100px 1; /* Safari and Chrome */
	-moz-columns:100px 1; /* Firefox */
	font-weight: 300;
/*	margin-bottom: 66px;  */
	padding: 30px;
	padding-left:50px;
	padding-right: 50px;
}

#fans-lights-divisions {
	display: none;
	background-color: #f5f5f5;
	padding:50px;
}

#research-development-divisions, #manufacturing-distro-divisions, #quality-assurance-divisions,
#customer-support-divisions, #retailer-training-divisions {
	display: none;
	background-color: #f5f5f5;
	padding:50px;
}

#sewing-featured {
	display: none;
}

#company-locations-featured {
	display: none;
}

#home-floor-featured {
	display: none;
}


#com-floor-featured {
	display: none;
}


#fans-lights-featured {
	display: none;
}

#manufacturing-distro-featured {
	display: none;
}

#quality-assurance-featured {
	display: none;
}

#quality-assurance-featured li {
	padding-top: 10px;}

#customer-support-featured {
	display: none;
}

#retailer-training-featured {
	display: none;
}

.large-brands .scroll img {
	margin-top: 15px;
}

.divider-button-brands {
	/*	font-family: 'Petrona';  */
	font-size: 16px;
	width: 170px;
	padding: 10px;
	display: inline-block;
	background-color:#006699;
	margin: 0px 8px;
}

.divider-button-brands-slider {
    font-size: 17px;
    letter-spacing: 3px;
    width: 250px;
    height: 46px;
    padding: 10px;
    display: inline-block;
    border-right: 3px solid #222;
    border-bottom: 3px solid #222;
    border-top: 1px solid #222;
    border-left: 1px solid #222;
    margin-top: 15px;
    background-color: #ffffff;
}

.divider-button-locations-slider {
    font-size: 17px;
    letter-spacing: 0px;
    width: 320px;
    padding: 10px;
    display: inline-block;
    background-image: url('../images/button-arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 15px;
    margin-left: -65px;
}

.project-image{
	margin-bottom: 0px;
}

.close-project-image{
	margin-bottom: 0px;
}

.project-brands {
	background-color: white;
}

#innovation-page {
	display: none;
}

#innovation-header {
	display: none;
}

.innovation-click {
	letter-spacing: 5px;
}

#consumer-websites {
	background-color: #fff;
	width: 100%;
	display: none;
}

.qa-text {
	height: 335px;
}

#tac-corp-divisions .location-image {
	cursor: pointer;
}

.button-become-customer {
	cursor: pointer;
}

.one-brand {
	margin-top: -75px;
}

.font-18 {
	font-size: 18px;
	line-height: 1.5em;
}

/******** News/Media Page **********/
#news-media {
	margin-top: 125px;
}

.news-media-sidebar {
	background-color: #f5f5f5;
}

@media (max-width: 660px) {
	.news-media-sidebar {
		padding: 0;
	}
}

.sidebar-heading {
	background-color: #00aeef;
	padding: 20px;
	margin: 0px -15px 0px -14px;
}

@media (max-width: 660px) {
	.sidebar-heading {
		max-width: 100%;
		margin: 0;
	}
}

.social-heading {
	background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%);
	background-size: 30px 30px;
	padding: 25px;
	margin: 0px -15px 0px -14px;
}

#sidebar-social {
	height: 40px;
	list-style: none;
	display: table-cell;
}

#sidebar-social li a{
	color: #222;
}

#sidebar-social li{
	float: left;
	margin-right: 11px;
}

#sidebar-social li:last-child{
	margin-right: 0px;
}

#sidebar-social li i{
	font-size: 40px;
}

.sidebar-content {
	height: inherit;
	padding: 10px 0px 30px 0px;
}

.category-link {
	font-size: 24px;
	line-height: 18px;
	padding-bottom: 2px;
}

.category-link li {
	margin: 12px;
	padding-left: 15px;
	list-style: none;
}

.category-link a{
	font-size: .4em;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #26ace2;
}

.blog-post-first {
	margin-top: 40px;
}

.blog-post-last {
	margin-bottom: 40px;
}

.blog-title {
	font-size: 24px;
	letter-spacing: 4px;
	margin-left: -15px;
	padding-bottom: 10px;
}

.blog-image {
	padding-bottom: 20px;
	width: 500px;
}

@media (max-width: 660px) {
	.blog-image {
		width: 100%;
		max-width: 100%;
	}
}

.blog-info{
	text-transform: uppercase;
	font-size: .68em;
	padding-top: 10px;
}

.blog-info-lower {
	text-transform: none;
	padding-bottom: 2px;
}

.blog-info-lower a{
	color: #26ace2;
}

.about-tac {
	background-color: #f5f5f5;
	margin-top: 40px;
}

#media-about {
	height: 283px;
}

.media-img {
	padding-right: 0!important;
}

.divider-button-news {
	font-size: 16px;
	letter-spacing: 4px;
	width: 152px;
	height: 40px;
	padding: 8px;
	margin-right: 20px;
	display: inline-block;
	background-color:#ffffff;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222; 
	float: right;
	transition: border .2s ease-in-out;
}

.divider-button-news:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
}

@media (max-width: 660px) {
	.divider-button-news {
		margin-right: 0;
	}
}

/*********** Careers Page *************/
.divider-button-careers {
	font-size: 18px;
	letter-spacing: 5px;
	width: 400px;
	max-width: 100%;
	min-height: 46px;
	padding: 10px;
	display: inline-block;
	background-color:#ffffff;
	border-right: 3px solid #222;
	border-bottom: 3px solid #222;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	text-transform: uppercase;
	transition: .2s border ease-in-out;
}

.divider-button-careers:hover{
	border-right: 1px solid;
	border-bottom: 1px solid;
	top: 2px;
	left: 2px;
}

@media (max-width: 750px) {
	.divider-button-careers {
		margin-bottom: 15px;
	}
}

.apply-spacing {
	padding-top: 60px;
	cursor: pointer;
}

#job-openings {
	background-color: #F5F5F5;
}

/************ Career Listing Page ********/
#job-posting {
	margin-top:35px;
}

/************* Contact Page ***************/
#contact-tabs {
	margin-top: 110px;
	/*background:url('../images/bg-0.jpg');*/
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding-top: 350px;
}

#contact-background {
	margin-top: 110px;
	background:url('../images/bg-5.jpg');
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding-bottom: 150px;
}

.contact-tabs-title {
	font-size: 20px;
	color: #fff;
	background-color: #006699;
	width:300px;
	padding: 10px;
	border-right: 3px solid #004477;
	border-bottom: 3px solid #004477;
	border-top: 1px solid #004477;
	border-left: 1px solid #004477;
	border-bottom: none;
	cursor: pointer;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.contact-tabs-title {
		width: 100%;
		font-size: 13px;
		padding: 22px 3px;
	}

	#contact-tabs {
		padding-top: 100px;
	}

	#contact-tabs .small-4 {
		padding: 0;
	}

	#first-name, #last-name, #email, #phone, #division, #company, #message, #form-cover-letter, #form-resume {
		width: 100% !important;
	}
}

#become-customer-contact-form {
	display: none;
}

#apply-contact-form {
	display: none;
}

.open-tab {
	background-color: #fff;
	color: #000;
}

#customer-resources {
	padding-bottom: 35px;
	padding-top:35px;
	background-color: #F5F5F5;
}

#customer-resources a{
	color: #00AEEF;
}

.customer-resources-headers {
	font-weight: bold;
	padding-bottom: 10px;
}

.customer-resources-text {
	padding-bottom: 20px;
}

.customer-resources-pdf {
	padding-bottom: 14px;
}

.pad-top {
	padding-top: 45px;
}

.customer-resources-contact p{
	margin-bottom: 0px;
}

.text-grey {
	color: #F5F5F5;
}

.contact-left-header {
	font-style: italic;
	font-size: 135%;
}

.contact-left-text p {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.0;
}

#culture-featured .divider-text {
	display: inline-block!important;
	color: #fff;
}

#culture-featured h5 {
		color: #fff;
		letter-spacing: 10px;
		margin-top: 25px;
}

.company-text {
	color: #000;
	font-size: 22px;
	width: 100%;
	display: inline-block;
	margin: 0px 0px 61px 0px;
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.job-text {
    font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/************ Privacy Policy Page **************/
#privacy-policy {
	margin-top: 110px;
	padding-bottom: 70px;
}

#privacy-policy p {
	font-weight: 300;
}

/************404 Page************************/

.notfound-sub {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1.8px;
	padding-bottom: 40px;
	font-style: italic;
}

.notfound-text {
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	letter-spacing: 1.5px;
	line-height: 1.2;
	font-weight: 300;
}

.notfound-text-small p {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	letter-spacing: 1.5px;
	font-weight: 300;
}

.notfound-text-small p a:link{
	color: #00AEEF;
}

.notfound-text-small p a:visited{
	color: #551A8B;
}

@media only screen and (max-width: 40em ) { /* Define mobile styles */
	.notfound-section {
		background-color: #515253;
		padding-top: 50px;
	}
    #timeline-bg-image {
        background-image: none;
    }

    #timeline .pad-small,
    #timeline .pad-large {
    	padding-top: 0;
    	padding-bottom: 0;
    }
} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* medium */
	.notfound-section {
		background-color: #515253;
		height: 280px;
	}
    #timeline-bg-image {
        background-image: none;
    }

    #timeline .pad-small,
    #timeline .pad-large {
    	padding-top: 0;
    	padding-bottom: 0;
    }

}

@media only screen and (min-width: 64.063em) { /* large */
	.notfound-section {
		background-color: #515253;
		height: 320px;
	}
}

/*****************sitemap***************/
#sitemap {
	margin-top: 125px;
}

.foot-note {
	font-size:10px;
}















/********************** adjustments made on 2/9/2016 - Jason James / Tacony Corp ********/

.2015-award{
	font-size: 22px;
    letter-spacing: 5px;
    width: 320px;
    padding: 10px;
    display: inline-block;
    color: white;
    background-image: url('../assets/images/2015-top-workplace-award.html');
    background-repeat: no-repeat;
    background-position: right;
}

.workplace-icon {
	float: left;
}

.workplace-text {
	float: right;
}

@media screen and (max-width: 767px) {

	.workplace-icon {
		top: 0;
		left: 0;
		margin-right: 20px;
	}

	.workplace-text {
		float: none;
	}

	#careers-2015-award {
		top: 10px !important;
	}
}