/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FONT CSS*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@font-face{font-family:Orator;src:url('../fonts/OratorStd.otf');}
@font-face{font-family:Orator-i;src:url('../fonts/OratorStd-Slanted.otf');}
/*END FONT CSS*/
/*-------------------------------------------*/
/*BEGIN GLOBAL CSS*/
* {
	border: 0;
	padding: 0;
	margin: 0;
}
body {
	white-space: normal;
	word-wrap: break-word;
	font-family: Lato;
	color: #282828;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.5;
	overflow-x: hidden;
}
a {
	color: inherit;
}
a, a:hover, a:focus, a:visited {
	text-decoration: none !important;
	outline: none !important;
}
img {
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;  
}
p {
	color: #8F8D8D;
	line-height: 30px;
}
#main > .container {
	max-width: 960px;
}
#login-box {
	border-radius: 20px;
	box-shadow: 0 0 10px #cccccc;
	margin: 0 auto;
	max-width: 355px;
	padding: 40px 30px;
	background-color: #fff;
}
.error-msg {
	color: red;
	font-family: Orator;
}
input {
	border-bottom: 1px solid #ccc;
	font-family: Orator;
	margin-bottom: 20px;
}
/*END Overwrite Flexslider CSS*/
/*-------------------------------------------*/
/*END GLOBAL CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN WRAPPER CSS*/

/*END WRAPPER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN HEADER CSS*/
header .container {
	border-bottom: 1px solid #ccc;
}
	header a:last-child {
		line-height: 50px;
	}
	header a:last-child:hover, header a:last-child:focus {
		color: #39aea8;
	}
/*END HEADER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN CONTENT CSS*/
h1,h2,h3,h4,h5,h6,ul,p {
	margin: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.5;
}
section {
	float: left;
	width: 100%;
	position: relative;
}
/*margin top*/
.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
.mt-130{margin-top: 130px;}
/*margin bottom*/
.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
/*margin left and right*/
.mx-auto {margin-left: auto;margin-right: auto;}
.mx-0 {margin-left: 0;margin-right: 0;}
.mx-10 {margin-left: 10px;margin-right: 10px;}
.mx-20 {margin-left: 20px;margin-right: 20px;}
.mx-30 {margin-left: 30px;margin-right: 30px;}
.mx-40 {margin-left: 40px;margin-right: 40px;}
.mx-50 {margin-left: 50px;margin-right: 50px;}
.mx-60 {margin-left: 60px;margin-right: 60px;}
.mx-70 {margin-left: 70px;margin-right: 70px;}
.mx-80 {margin-left: 80px;margin-right: 80px;}
.mx-90 {margin-left: 90px;margin-right: 90px;}
.mx-100 {margin-left: 100px;margin-right: 100px;}
/*margin top and bottom*/
.my-10 {margin-top: 10px;margin-bottom: 10px;}
.my-20 {margin-top: 20px;margin-bottom: 20px;}
.my-30 {margin-top: 30px;margin-bottom: 30px;}
.my-40 {margin-top: 40px;margin-bottom: 40px;}
.my-50 {margin-top: 50px;margin-bottom: 50px;}
.my-60 {margin-top: 60px;margin-bottom: 60px;}
.my-70 {margin-top: 70px;margin-bottom: 70px;}
.my-80 {margin-top: 80px;margin-bottom: 80px;}
.my-90 {margin-top: 90px;margin-bottom: 90px;}
.my-100 {margin-top: 100px;margin-bottom: 100px;}
.my-135 {margin-top: 135px;margin-bottom: 135px;}
.my-140 {margin-top: 140px;margin-bottom: 140px;}
/*margin right*/
.mr-5 {margin-right: 5px;}

/*Padding top*/
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-75 {padding-top: 75px;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}
.pt-100 {padding-top: 100px;}

/*Padding bottom*/
.pb-15 {padding-bottom: 15px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}
.pb-55 {padding-bottom: 55px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}
.pb-110 {padding-bottom: 110px;}
.pb-120 {padding-bottom: 120px;}
/*Padding top and bottom*/
.py-10{padding-top: 10px;padding-bottom: 10px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.py-40{padding-top: 40px;padding-bottom: 40px;}
.py-50{padding-top: 50px;padding-bottom: 50px;}
.py-55{padding-top: 55px;padding-bottom: 55px;}
.py-60{padding-top: 60px;padding-bottom: 60px;}
.py-70{padding-top: 70px;padding-bottom: 70px;}
.py-75{padding-top: 75px;padding-bottom: 75px;}
.py-80{padding-top: 80px;padding-bottom: 80px;}
.py-90{padding-top: 90px;padding-bottom: 90px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}
/*padding left and right*/
.px-auto {padding-left: auto;padding-right: auto;}
.px-30 {padding-left: 30px;padding-right: 30px;}
.px-20 {padding-left: 20px;padding-right: 20px;}
/*Padding left*/
.pl-0 {padding-left: 0;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pl-40 {padding-left: 40px;}
.pl-50 {padding-left: 50px;}
.pl-60 {padding-left: 60px;}
.pl-70 {padding-left: 70px;}
.pl-80 {padding-left: 80px;}
.pl-90 {padding-left: 90px;}
.pl-100 {padding-left: 100px;}

/*padding right*/
.pr-50 {padding-right: 50px;}
.pr-100  {padding-right: 100px;}
/*padding bottom*/
.pb-80 {padding-bottom: 80px;}
#main {
	float: left;
	width: 100%;
}
#main.add-bg {
	height: 100vh;
	background: rgba(0, 0, 0, 0) url("../images/content-bg.png") no-repeat scroll center bottom / 100% auto;
}
.row-eq-height-md, .row-eq-height-sm, .row-eq-height-xs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.mobile-logo {display: none;}
ul.sub-category {
	list-style: none;
	margin-bottom: 100px;
}
	ul.sub-category li {
		float: left;
		display: inline-block;
		width: calc(100% / 3);
		cursor: pointer;
		font-weight: bold;
		font-size: 18px;
		letter-spacing: 5px;
		text-transform: uppercase;
	}
	ul.sub-category li img {
		display: block;
		margin: 50px auto 30px;
		width: 100px;
	}
	ul.sub-category li:hover img:first-child, ul.sub-category li:focus img:first-child, ul.sub-category li.active img:first-child {
		display: none;
	}
	ul.sub-category li:hover img.hidden, ul.sub-category li:focus img.hidden, ul.sub-category li.active img.hidden {
		display: block !important;
	}
		ul.sub-category li:hover, ul.sub-category li:focus, ul.sub-category li.active {
			color: #39aea8;
		}
		ul.sub-category li span {padding-left: 5px;}
	ul.sub-category.specialty-tabs {width: 75%; margin:0 auto 100px;}
		ul.sub-category.specialty-tabs li {width: 50%;}
	.categorized-pdfs > div a {
		border: 1px solid #ccc;
		display: block;
		padding: 0 15px;
		height: 260px;
		margin-bottom: 30px;
		color: #8F8D8D;
		font-size: 16px;
	}
	.categorized-pdfs > div a:hover, .categorized-pdfs > div a:focus {
		color: #39aea8;
	}
		.categorized-pdfs > div a img {
			margin: 0 auto;
			display: block;
			padding: 45px 0;
		}
		.categorized-pdfs > div a span {
			margin: 0 auto;
			display: block;
		}
		#adhesives > div:nth-child(2) span {
			max-width: 200px;
		}
button, button:focus {outline:0 !important;}
/*END CONTENT CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN IMAGE SLIDER CSS*/

/*END IMAGE SLIDER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FOOTER CSS*/
footer {
	float: left;
	width: 100%;
	background: url('../images/footer-bg.png') center / cover;
	font-family: Roboto;
	color: #ccc;
	font-size: 14px;
	padding: 15px 0;
	position: relative;
	z-index: 1;
}
	footer span {
		display: block;
		font-size: 11px;
		color: #6f6d6d;
		margin-top: 5px;
	}
	footer span a {
		color: inherit;
		font-size: 11px;
		transition: all ease 0.3s;
	}
	footer span a:hover, footer span a:focus {
		color: #39aea8;
	}
/*END FOOTER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
input, textarea, select, button {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
/*BEGIN FORM CSS*/
input, textarea, select {
	-webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border-radius: 0 !important;
    font-family: Lato;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: Orator;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: Orator;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: Orator;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: Orator;
}
/*END FORM CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN GENERIC CSS*/
/*END GENERIC CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN OVERWRITE BOOTSTRAP CSS*/

/*END BOOTSTRAP CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* Smartphone and Tablet view */
@media (min-width: 1320px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1420px) {
  .container {
    width: 1300px;
  }
}
@media (min-width: 1520px) {
  .container {
    width: 1400px;
  }
}
@media (min-width: 1620px) {
  .container {
    width: 1500px;
  }
}
@media (min-width: 1720px) {
  .container {
    width: 1600px;
  }
}
@media (min-width: 1820px) {
  .container {
    width: 1700px;
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1800px;
  }
}
@media (max-width: 991px) { /* 992px medium */
	.desktop-logo {display: none;}
	.mobile-logo {display: inline-block;}
	header a:last-child {
		line-height: 82px;
	}
	header .container {padding: 30px 0;}
	header img {
		height: 82px;
	}
	ul.sub-category li {
		letter-spacing: 3px;
	}
	ul.sub-category li img {
		max-width: 50%;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.categorized-pdfs > div a {
		height: 285px;
	}
}
@media (max-width: 767px) { /* 768px small */
	header > .container {
		padding: 30px 15px;
	}
	.row-eq-height-sm {
		display: block;
	}
	header img {
		height: 50px;
	}
	header a:last-child {
		line-height: 50px;
	}
	.categorized-pdfs > div a {
		max-width: 280px;
		margin: 0 auto 30px;
	}
}
@media (max-width: 679px) {
	ul.sub-category li {
		width: 100%;
		padding: 0 10px;
	}
	ul.sub-category li img {
		max-width: 100px;
	}
	.categorized-pdfs > div {
		width: 100%;
		margin-left: 0;
	}
	.categorized-pdfs > div a {
		height: auto;
	}
	.categorized-pdfs > div a span {
		padding-bottom: 45px;
		display: block;
	}
}
@media (max-width: 679px) {
	#main.add-bg {
		height: auto;
	}
}
@media (max-width: 599px) { /* 600px */
	footer br.hidden {
		display: block !important;
	}
}
