@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face { 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

body{
	font-family:'Roboto', sans-serif !important;
	font-weight:400 !important;
	font-size:13px !important;
	line-height:22px;
	color:#515151 !important;
}

a, a:hover, a:focus{
	outline:none;
}

a, a:hover {
	-webkit-transition: all 0.35s ease-in-out; 
	-moz-transition: all 0.35s ease-in-out; 
	-ms-transition: all 0.35s ease-in-out; 
	-o-transition: all 0.35s ease-in-out; 
	transition: all 0.35s ease-in-out;
	text-decoration:none;
}

::-moz-selection {background: #d82531;color: white; }
::-webkit-selection {background: #d82531;color: white; }

.headerTopPanel {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	background:#1965a1;
	position:fixed;
	z-index:999;
}

.logo {
	text-align:left;
	margin:0;
	padding:0;
}

.quickContact {
	margin:0;
	padding:60px 0 0 0;
}

.quickContact h1{
	font-size:18px;
	color:#FFF;
	text-align:left;
	margin:0;
	padding:0 0 0 35px;
	text-transform:uppercase;
}

.quickContact h1 span{
	font-size:36px;
	color:#f9cf00;
	letter-spacing:-0.6px;
}

.navPanel {
	margin:0;
	padding:90px 0 0 0;
	float:right;
}

.ht-header {
	height:140px;
}

.welcomePanel {
	margin:0 auto;
	padding:38px 0;
	text-align:center;
}

.welcomePanel h1{
	font-size:30px;
	text-align:center;
	margin:5px 0;
	padding:0;
	text-transform:uppercase;
	color:#c80303;
	font-weight:400;
}

.welcomePanel p{
	font-size:20px;
	text-align:center;
	margin:0 auto;
	padding:0 0 15px 0;
	line-height:26px;
	color:#000;
	font-weight:300;
}

.welcomePanel a {
	margin:0 auto;
	padding:10px 25px;
	text-align:center;
	height:20px;
	background:#c80303;
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:0 10px 0 10px;
		-moz-border-radius:0 10px 0 10px;
		-webkit-border-radius:0 10px 0 10px;
}

.welcomePanel a:hover{
	background:#1965a1;
	color:#fff;
	text-decoration:none;
}

.productPanel {
	margin:0 auto 80px auto;
	padding:38px 0;
	text-align:center;
}

.productPanel .pro-h1{
	background:url(../images/h1-outproducts.jpg) no-repeat center;
	height:56px;
	margin:0 auto 25px 0;
	padding:0;
}


.productPanel a {
	margin:0 auto;
	padding:10px 25px;
	text-align:center;
	height:20px;
	background:#000;
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:0 10px 0 10px;
		-moz-border-radius:0 10px 0 10px;
		-webkit-border-radius:0 10px 0 10px;
}

.productPanel a:hover{
	background:#1965a1;
	color:#fff;
	text-decoration:none;
}

.proCol {
	margin:0 0 38px 0;
	padding:0;
	text-align:center;
}

.proCol h1{
	font-size:20px;
	text-align:center;
	margin:0 auto;
	padding:25px 0 0 0;
	line-height:26px;
	color:#000;
	font-weight:400;
}

.proCol a {
	color:#C00;
	text-align:center;
	text-decoration:underline;
	background:none;
	font-size:12px;
	font-weight:500;

}

.proCol a:hover{
	color:#1965a1;
	text-decoration:none;
	background:none;
}

.makeurlable-panel {
	margin:65px auto;
	padding:0;
	text-align:center;
	background: url(../images/bg-makeyourlable.jpg) center no-repeat #a4c2d5;
	height:218px;
}

.makeurlable-panel img{
	margin:0 auto;
	text-align:center;
	z-index:99px;
	top:-55px;
	position:relative;
}

.makeurlable-panel h1{
	font-size:60px;
	text-align:center;
	margin:-60px 0 0 0;
	padding:0;
	color:#d3150c;
	font-weight:300;
}

.makeurlable-panel h2{
	font-size:24px;
	text-align:center;
	margin:0;
	padding:0;
	color:#000;
	font-weight:400;
}

.makeurlable-panel h2 span{
	color:#d3150c;
	font-weight:bold;
	font-size:40px;
	text-transform:uppercase;
}

.clientsPanel {
	margin:0 auto;
	padding:0;
}

.clientsPanel h1{
	font-size:44px;
	text-align:center;
	margin:0 0 15px 0;
	padding:0;
	color:#000;
	font-weight:300;
	letter-spacing:-0.5px;
}

.clientsPanel h1 span{
	color:#c10c03;
	font-weight:bold;
}

.line {border-bottom:1px solid #CCC; margin:0 0 15px 0;}
	
.footerPanel {
	margin:0 auto 0 auto;
	padding:20px 0;
	background:#151513;
	border-top:8px solid #ca0303;
	font-size:13px;
	color:#CCC;
}

.footerPanel .footerLeft{
	color:#CCC;
	text-align:left;
	line-height:20px;
}

.footerPanel .footerLeft a{
	color:#CCC;
	text-align:left;
	line-height:20px;
}

.footerPanel .footerLeft a:hover{
	color:#06C;
	text-decoration:none;
}

.footerPanel .footerright{
	color:#CCC;
	text-align:right;
	line-height:20px;
}

.footerPanel .footerright a{
	color:#CCC;
	text-align:left;
	line-height:20px;
}

.footerPanel .footerright a:hover{
	color:#06C;
	text-decoration:none;
}

#portfolio  .nopadding {
    padding: 0;
    margin-top: -1px;
}

.aboutusPanel {
	margin:0 auto;
	padding:0;
	background:#efefef;
}

.aboutusPanel h1{
	font-size:36px;
	text-align:left;
	margin:0;
	padding:36px 0 5px 55px;
	font-weight:300;
	color:#d70e0e;
}

.aboutusPanel p{
	font-size:13px;
	text-align:left;
	line-height:20px;
	margin:0;
	padding:0 30px 5px 55px;
	font-weight:400;
	color:#333;
}

.ht-quality {height:0px;}

.aboutusPanel .aboutusPanelRight{
	margin:0;
	padding:0;
}

.aboutusPanel2 {
	margin:0 auto;
	padding:36px 0;
	text-align:center;
	background:#fff;
}

.aboutusPanel2 h1{
	font-size:36px;
	text-align:center;
	margin:0;
	padding:36px 0 5px 55px;
	font-weight:300;
	color:#d70e0e;
}

.aboutusPanel2 p{
	font-size:14px;
	text-align:center;
	line-height:24px;
	margin:0;
	padding:0 30px 5px 0;
	font-weight:400;
	color:#333;
}

.aboutusPanel2 h2{
	font-size:24px;
	text-align:left;
	margin:0;
	padding:36px 0 5px 55px;
	font-weight:300;
	color:#d70e0e;
}


.aboutusPanel2 p span{
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#1965a1;
}

.aboutusPanel2 ul {
	margin:0 auto;
	padding:15px 0;
}

.aboutusPanel2 ul li{
	margin:0 auto;
	padding:0 0;
	list-style:none;
	font-size:16px;
	width:80%;
	color:#1965a1;
	text-decoration:none;
}


.form-panel {
	margin:0 auto;
	padding:0 0 0 55px;
	background:#f1eef4;
}

.form-panel h1{
	font-size:36px;
	text-align:left;
	margin:0;
	padding:36px 0 5px 0;
	font-weight:300;
	color:#d70e0e;
}

.form-panel p{
	font-size:13px;
	text-align:left;
	line-height:20px;
	margin:0;
	padding:0 30px 5px 0;
	font-weight:400;
	color:#333;
}

.form-panel .form-panelRight{
	margin:0;
	padding:0;
}

.contact-panel {
	margin:0 auto 25px auto;
	padding:0 0 0 0;
	background:url(../images/bg-contactus.jpg) right;
}

.contact-panel h1{
	font-size:36px;
	text-align:left;
	margin:0;
	padding:36px 0 5px 55px;
	font-weight:300;
	color:#d70e0e;
}

.contact-panel p{
	font-size:16px;
	text-align:left;
	line-height:28px;
	margin:0;
	padding:0 30px 5px 55px;
	font-weight:400;
	color:#000;
}

.productPanelInner {
	margin:0 auto;
	padding:36px 0 20px 0;
}

.productPanelInner h1{
	font-size:36px;
	text-align:center;
	margin:0;
	padding:10px 0;
	font-weight:300;
	color:#d70e0e;
	border-bottom:1px solid #d2e0ea;
	border-top:1px solid #d2e0ea;
}

.productPanelInner h1 span{
	color:#166fb5;
}

.productPanelInner p{
	font-size:16px;
	text-align:center;
	line-height:24px;
	margin:0;
	padding:20px 0;
	font-weight:300;
	color:#000;
	letter-spacing:0.5px;
}

.productPanelInner p span{
	font-size:14px;
	line-height:20px;
	font-weight:400;
}

.productPanelInner img {
	margin:15px 0;
}

.labelPanel {
	margin:0 auto;
	padding:0;
}

.labelPanel .labelPanelCol{
	margin:0;
	padding:0 10px 10px 10px;
	background:#e2f0ff;
	text-align:center;
}

.labelPanel .labelPanelCol img{
	border:1px solid #CCC;
	margin-bottom:10px;
}

.labelPanel .labelPanelCol img:hover{
	border:1px solid #1965a1;
}

.labelPanel .labelPanelCol h3 {
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0 0 0 0;
	font-weight:400;
	color:#000;
	letter-spacing:0.5px;
}

.labelPanel .labelPanelCol a{
	font-size:13px;
	text-align:center;
	margin:0;
	padding:0 0 5px 0;
	font-weight:400;
	color:#C00;
	text-decoration:none;
}

.labelPanel .labelPanelCol a:hover{
	color:#000;
}

.cosmeticPanel {
	margin:0 auto;
	padding:0;
}

.cosmetic-col {
	padding:20px;
	border:1px solid #e7eff4;
	box-shadow: 5px 5px 10px #e7eff4;
}

a.btn-machinery {
	margin:25px auto;
	padding: 15px 35px;
	font-size: 22px;
	color: #fff;
	background: #13366B;
	border-radius: 25px;
}

a.btn-machinery:hover{
	background: #000;
	text-decoration: none;
	color: #fff;
}

.news-section {
	margin: 0 auto;
	padding: 50px 0;
}


/* Portrait phones to Landscape phone */
@media (min-width: 320px) and (max-width: 480px) {
	.headerTopPanel {
		width:100%;
		margin:-45px auto;
		padding:10px 0;
		background:#1965a1;
		position:fixed;
		z-index:999;
	}
	
	.logo {
		text-align:center;
		margin:0 auto;
		padding:0;
	}
	
	.logo img{
		width:40%;
	}
	
	.quickContact {
		display:none;
	}
	
	/*.quickContact h1{
		font-size:16px;
		color:#f9cf00;
		text-align:center;
		margin:0;
		padding:0 0 0 0;
		text-transform:uppercase;
	}
	
	.quickContact h1 span{
		font-size:18px;
		color:#f9cf00;
		letter-spacing:-0.6px;
	}*/
	
	.navPanel {
		margin:0;
		padding:10px 0 0 0;
		float:right;
	}
	
	.ht-header {
		height:74px;
	}
	
	.welcomePanel {
		margin:0 auto;
		padding:20px 0;
		text-align:center;
	}
	
	.welcomePanel h1{
		font-size:18px;
		text-align:center;
		margin:5px 0;
		padding:0;
		text-transform:uppercase;
		color:#c80303;
		font-weight:300;
	}
	
	.welcomePanel p{
		font-size:13px;
		text-align:center;
		margin:0 auto;
		padding:0 0 15px 0;
		line-height:20px;
		color:#000;
		font-weight:400;
	}
	
	.welcomePanel a {
		margin:0 auto;
		padding:10px 15px;
		text-align:center;
		height:20px;
		background:#c80303;
		color:#fff;
		font-size:12px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.welcomePanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.productPanel {
		margin:0 auto 80px auto;
		padding:38px 0;
		text-align:center;
	}
	
	.productPanel .pro-h1{
		background:url(../images/h1-outproducts-mob.jpg) no-repeat center;
		height:42px;
		margin:0 auto 25px auto;
		padding:0;
	}
	
	
	.productPanel a {
		margin:0 auto;
		padding:10px 25px;
		text-align:center;
		background:#000;
		color:#fff;
		font-size:14px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.productPanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.proCol {
		margin:0 0 38px 0;
		padding:0;
		text-align:center;
	}
	
	.proCol h1{
		font-size:16px;
		text-align:center;
		margin:0 auto;
		padding:25px 0 0 0;
		line-height:20px;
		color:#000;
		font-weight:400;
	}
	
	.proCol a {
		color:#C00;
		text-align:center;
		text-decoration:underline;
		background:none;
		font-size:11px;
		font-weight:500;
	}
	
	.proCol a:hover{
		color:#1965a1;
		text-decoration:none;
		background:none;
	}
	
	.makeurlable-panel {
		margin:0 auto 40px 0;
		padding:0;
		text-align:center;
		background: url(../images/bg-makeyourlable.jpg) center no-repeat #a4c2d5;
		height:218px;
	}
	
	.makeurlable-panel img{
		margin:0 auto;
		text-align:center;
		z-index:99px;
		top:-55px;
		position:relative;
	}
	
	.makeurlable-panel h1{
		font-size:30px;
		text-align:center;
		margin:-60px 0 0 0;
		padding:0;
		color:#d3150c;
		font-weight:300;
	}
	
	.makeurlable-panel h2{
		font-size:18px;
		text-align:center;
		margin:0;
		padding:0;
		color:#000;
		font-weight:400;
	}
	
	.makeurlable-panel h2 span{
		color:#d3150c;
		font-weight:bold;
		font-size:40px;
		text-transform:uppercase;
	}
	
	.clientsPanel {
		margin:0 auto;
		padding:0;
	}
	
	.clientsPanel h1{
		font-size:22px;
		text-align:center;
		margin:0 0 15px 0;
		padding:0;
		color:#000;
		font-weight:300;
		letter-spacing:-0.5px;
	}
	
	.clientsPanel h1 span{
		color:#c10c03;
		font-weight:bold;
	}
	
	.line {border-bottom:1px solid #CCC; margin:0 0 15px 0;}
		
	.footerPanel {
		margin:50px auto 0 auto;
		padding:20px 0;
		background:#151513;
		border-top:8px solid #ca0303;
		font-size:11px;
		color:#CCC;
	}
	
	.footerPanel .footerLeft{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	.footerPanel .footerright{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerright a{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerright a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	#portfolio  .nopadding {
		padding: 0;
		margin-top: -1px;
	}
	
	.aboutusPanel {
		margin:0 auto;
		padding:0;
		background:#efefef;
	}
	
	.aboutusPanel h1{
		font-size:26px;
		text-align:left;
		margin:0;
		padding:26px 0 5px 25px;
		font-weight:300;
		color:#d70e0e;
	}
	
	.aboutusPanel p{
		font-size:13px;
		text-align:justify;
		line-height:18px;
		margin:0;
		padding:0 30px 15px 25px;
		font-weight:400;
		color:#333;
	}
	
	.ht-quality {height:80px;}
	
	.aboutusPanel .aboutusPanelRight{
		margin:0;
		padding:0;
	}
	
	.aboutusPanel2 {
		margin:0 auto;
		padding:36px 0;
		text-align:center;
		background:#fff;
	}
	
	.aboutusPanel2 h1{
		font-size:20px;
		text-align:center;
		margin:0;
		padding:0 0 5px 10px;
		font-weight:300;
		color:#d70e0e;
		text-transform:uppercase;
	}
	
	.aboutusPanel2 p{
		font-size:12px;
		text-align:justify;
		line-height:20px;
		margin:0;
		padding:0 10px 5px 0;
		font-weight:400;
		color:#333;
	}
	
	.aboutusPanel2 p span{
		font-size:13px;
		line-height:22px;
		font-weight:400;
		color:#1965a1;
	}
	
	.aboutusPanel2 ul {
		margin:-15px 0 0 0;
		padding:15px 0;
	}
	
	.aboutusPanel2 ul li{
		margin:0 auto;
		padding:2px 0;
		list-style:none;
		font-size:13px;
		background:#fff;
		width:80%;
		color:#000;
		text-decoration:none;
		text-align:left;
	}
	
	.form-panel {
		margin:0 auto;
		padding:0 0 0 15px;
		background:#f1eef4;
	}
	
	.form-panel h1{
		font-size:26px;
		text-align:left;
		margin:0;
		padding:26px 0 5px 0;
		font-weight:300;
		color:#d70e0e;
	}
	
	.form-panel p{
		font-size:13px;
		text-align:left;
		line-height:18px;
		margin:0;
		padding:0 30px 15px 0;
		font-weight:400;
		color:#333;
	}
	
	.form-panel .form-panelRight{
		margin:0;
		padding:0;
	}
	
	.contact-panel {
		margin:0 auto 25px auto;
		padding:0 0 0 0;
		background:#e7f4f7;
	}
	
	.contact-panel h1{
		font-size:36px;
		text-align:left;
		margin:0;
		padding:36px 0 5px 25px;
		font-weight:300;
		color:#d70e0e;
	}
	
	.contact-panel p{
		font-size:13px;
		text-align:left;
		line-height:22px;
		margin:0;
		padding:0 30px 15px 25px;
		font-weight:400;
		color:#000;
	}
	
	.productPanelInner {
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.productPanelInner h1{
		font-size:26px;
		text-align:center;
		margin:0;
		padding:15px 0 10px 0;
		font-weight:300;
		color:#d70e0e;
		border-bottom:1px solid #d2e0ea;
		border-top:none;
	}
	
	.productPanelInner h1 span{
		color:#166fb5;
	}
	
	.productPanelInner p{
		font-size:14px;
		text-align:center;
		line-height:20px;
		margin:0;
		padding:20px 10px 40px 0;
		font-weight:300;
		color:#000;
		letter-spacing:0.5px;
	}
	
	.productPanelInner p span{
		font-size:14px;
		line-height:20px;
		font-weight:300;
	}
	
	.productPanelInner img {
		margin:0 0;
	}
	
	.cosmeticPanel {
		margin:0 auto 60px 0;
		padding:0;
	}
	
	.cosmetic-col {
		padding:20px;
		border:1px solid #e7eff4;
		box-shadow: 5px 5px 10px #e7eff4;
	}
	
	a.btn-machinery {
		margin:0 auto 50px auto;
		padding: 10px 35px;
		font-size: 14px;
		color: #fff;
		background: #13366B;
		border-radius: 25px;
		position: static;
	}

	a.btn-machinery:hover{
		background: #000;
		text-decoration: none;
		color: #fff;
	}
}


/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
	.headerTopPanel {
			width:100%;
			margin:-45px auto;
			padding:10px 0;
			background:#1965a1;
			position:fixed;
			z-index:999;
	}
	
	.logo {
		text-align:center;
		margin:0 auto;
		padding:0;
	}
	
	.logo img{
		width:20%;
	}
	
	.quickContact {
		display:none;
	}
	
	/*.quickContact h1{
		font-size:16px;
		color:#f9cf00;
		text-align:center;
		margin:0;
		padding:0 0 0 0;
		text-transform:uppercase;
	}
	
	.quickContact h1 span{
		font-size:18px;
		color:#f9cf00;
		letter-spacing:-0.6px;
	}*/
	
	.ht-header {
		height:100px;
	}
	
	.navPanel {
		margin:0;
		padding:10px 0 0 0;
		float:right;
	}
	
	.welcomePanel {
		margin:0 auto;
		padding:28px 0;
		text-align:center;
	}
	
	.welcomePanel h1{
		font-size:22px;
		text-align:center;
		margin:5px 0;
		padding:0;
		text-transform:uppercase;
		color:#c80303;
		font-weight:300;
	}
	
	.welcomePanel p{
		font-size:14px;
		text-align:center;
		margin:0 auto;
		padding:0 0 15px 0;
		line-height:20px;
		color:#000;
		font-weight:300;
	}
	
	.welcomePanel a {
		margin:0 auto;
		padding:10px 15px;
		text-align:center;
		height:20px;
		background:#c80303;
		color:#fff;
		font-size:12px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.welcomePanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.productPanel {
		margin:0 auto 80px auto;
		padding:10px 0;
		text-align:center;
	}
	
	.productPanel .pro-h1{
		background:url(../images/h1-outproducts-mob.jpg) no-repeat center;
		height:42px;
		margin:0 auto 25px 0;
		padding:0;
	}
	
	
	.productPanel a {
		margin:0 auto;
		padding:10px 25px;
		text-align:center;
		height:20px;
		background:#000;
		color:#fff;
		font-size:14px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.productPanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.proCol {
		margin:0 0 38px 0;
		padding:0;
		text-align:center;
	}
	
	.proCol h1{
		font-size:16px;
		text-align:center;
		margin:0 auto;
		padding:0 0;
		line-height:20px;
		color:#000;
		font-weight:400;
	}
	
	.proCol a {
		color:#C00;
		text-align:center;
		text-decoration:underline;
		background:none;
		font-size:11px;
		font-weight:500;
	
	}
	
	.proCol a:hover{
		color:#1965a1;
		text-decoration:none;
		background:none;
	}
	
	.makeurlable-panel {
		margin:0 auto 40px 0;
		padding:0;
		text-align:center;
		background: url(../images/bg-makeyourlable.jpg) center no-repeat #a4c2d5;
		height:218px;
	}
	
	.makeurlable-panel img{
		margin:0 auto;
		text-align:center;
		z-index:99px;
		top:-55px;
		position:relative;
	}
	
	.makeurlable-panel h1{
		font-size:40px;
		text-align:center;
		margin:-60px 0 0 0;
		padding:0;
		color:#d3150c;
		font-weight:300;
	}
	
	.makeurlable-panel h2{
		font-size:18px;
		text-align:center;
		margin:0;
		padding:0;
		color:#000;
		font-weight:400;
	}
	
	.makeurlable-panel h2 span{
		color:#d3150c;
		font-weight:bold;
		font-size:40px;
		text-transform:uppercase;
	}
	
	.clientsPanel {
		margin:0 auto;
		padding:0;
	}
	
	.clientsPanel h1{
		font-size:32px;
		text-align:center;
		margin:0 0 15px 0;
		padding:0;
		color:#000;
		font-weight:300;
		letter-spacing:-0.5px;
	}
	
	.ht-quality {height:80px;}
	
	.clientsPanel h1 span{
		color:#c10c03;
		font-weight:bold;
	}
	
	.line {border-bottom:1px solid #CCC; margin:0 0 15px 0;}
		
	.footerPanel {
		margin:50px auto 0 auto;
		padding:20px 0;
		background:#151513;
		border-top:8px solid #ca0303;
		font-size:13px;
		color:#CCC;
	}
	
	.footerPanel .footerLeft{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	.footerPanel .footerright{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerright a{
		color:#CCC;
		text-align:center;
		line-height:20px;
	}
	
	.footerPanel .footerright a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	.cosmeticPanel {
		margin:0 auto 60px 0;
		padding:0;
	}
	
	.cosmetic-col {
		padding:20px;
		border:1px solid #e7eff4;
		box-shadow: 5px 5px 10px #e7eff4;
	}
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.headerTopPanel {
		width:100%;
		margin:-45px auto;
		padding:10px 0;
		background:#1965a1;
		position:fixed;
		z-index:999;
	}
	
	.logo {
		text-align:center;
		margin:0 auto;
		padding:0 0 8px 0;
	}
	
	.logo img{
		width:90%;
	}
	
	.quickContact {
		margin:0 0 0 -35px;
		padding:0 0 10px 0;
		text-align:center;
	}
	
	.quickContact h1{
		font-size:18px;
		color:#f9cf00;
		text-align:center;
		margin:0;
		padding:0 0 0 0;
		text-transform:uppercase;
	}
	
	.quickContact h1 span{
		font-size:24px;
		color:#f9cf00;
		letter-spacing:-0.6px;
	}
	
	.ht-header {
		height:60px;
	}
	
	.welcomePanel {
		margin:0 auto;
		padding:28px 0;
		text-align:center;
	}
	
	.welcomePanel h1{
		font-size:24px;
		text-align:center;
		margin:5px 0;
		padding:0;
		text-transform:uppercase;
		color:#c80303;
		font-weight:300;
	}
	
	.welcomePanel p{
		font-size:14px;
		text-align:center;
		margin:0 auto;
		padding:0 0 15px 0;
		line-height:20px;
		color:#000;
		font-weight:300;
	}
	
	.welcomePanel a {
		margin:0 auto;
		padding:10px 15px;
		text-align:center;
		height:20px;
		background:#c80303;
		color:#fff;
		font-size:12px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.welcomePanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.productPanel {
		margin:0 auto 80px auto;
		padding:38px 0;
		text-align:center;
	}
	
	.productPanel .pro-h1{
		background:url(../images/h1-outproducts-mob.jpg) no-repeat center;
		height:42px;
		margin:0 auto 25px 0;
		padding:0;
	}
	
	.ht-quality {height:80px;}
	
	
	.productPanel a {
		margin:0 auto;
		padding:10px 25px;
		text-align:center;
		height:20px;
		background:#000;
		color:#fff;
		font-size:14px;
		font-weight:500;
		text-transform:uppercase;
		text-decoration:none;
		border-radius:0 10px 0 10px;
			-moz-border-radius:0 10px 0 10px;
			-webkit-border-radius:0 10px 0 10px;
	}
	
	.productPanel a:hover{
		background:#1965a1;
		color:#fff;
		text-decoration:none;
	}
	
	.proCol {
		margin:0 0 38px 0;
		padding:0;
		text-align:center;
	}
	
	.proCol h1{
		font-size:16px;
		text-align:center;
		margin:0 auto;
		padding:0 0;
		line-height:20px;
		color:#000;
		font-weight:400;
	}
	
	.proCol a {
		color:#C00;
		text-align:center;
		text-decoration:underline;
		background:none;
		font-size:11px;
		font-weight:500;
	
	}
	
	.proCol a:hover{
		color:#1965a1;
		text-decoration:none;
		background:none;
	}
	
	.makeurlable-panel {
		margin:0 auto 0 0;
		padding:0;
		text-align:center;
		background: url(../images/bg-makeyourlable.jpg) center no-repeat #a4c2d5;
		height:218px;
	}
	
	.makeurlable-panel img{
		margin:0 auto;
		text-align:center;
		z-index:99px;
		top:-55px;
		position:relative;
	}
	
	.makeurlable-panel h1{
		font-size:30px;
		text-align:center;
		margin:-60px 0 0 0;
		padding:0;
		color:#d3150c;
		font-weight:300;
	}
	
	.makeurlable-panel h2{
		font-size:18px;
		text-align:center;
		margin:0;
		padding:0;
		color:#000;
		font-weight:400;
	}
	
	.makeurlable-panel h2 span{
		color:#d3150c;
		font-weight:bold;
		font-size:40px;
		text-transform:uppercase;
	}
	
	.clientsPanel {
		margin:0 auto;
		padding:0;
	}
	
	.clientsPanel h1{
		font-size:32px;
		text-align:center;
		margin:25px 0 15px 0;
		padding:0;
		color:#000;
		font-weight:300;
		letter-spacing:-0.5px;
	}
	
	.clientsPanel h1 span{
		color:#c10c03;
		font-weight:bold;
	}
	
	.line {border-bottom:1px solid #CCC; margin:0 0 15px 0;}
		
	.footerPanel {
		margin:0 auto 0 auto;
		padding:20px 0;
		background:#151513;
		border-top:8px solid #ca0303;
		font-size:13px;
		color:#CCC;
	}
	
	.footerPanel .footerLeft{
		color:#CCC;
		text-align:left;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a{
		color:#CCC;
		text-align:left;
		line-height:20px;
	}
	
	.footerPanel .footerLeft a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	.footerPanel .footerright{
		color:#CCC;
		text-align:left;
		line-height:20px;
	}
	
	.footerPanel .footerright a{
		color:#CCC;
		text-align:left;
		line-height:20px;
	}
	
	.footerPanel .footerright a:hover{
		color:#06C;
		text-decoration:none;
	}
	
	#portfolio  .nopadding {
		padding: 0;
		margin-top: -1px;
	}
	
	.aboutusPanel {
		margin:0 auto;
		padding:0;
		background:#efefef;
	}
	
	.aboutusPanel h1{
		font-size:26px;
		text-align:left;
		margin:0;
		padding:36px 0 5px 55px;
		font-weight:300;
		color:#d70e0e;
	}
	
	.aboutusPanel p{
		font-size:13px;
		text-align:left;
		line-height:20px;
		margin:0;
		padding:0 30px 5px 55px;
		font-weight:400;
		color:#333;
	}
	
	.aboutusPanel .aboutusPanelRight{
		margin:0;
		padding:0;
	}
	
	.aboutusPanel2 {
		margin:0 auto;
		padding:36px 0;
		text-align:center;
		background:#fff;
	}
	
	.aboutusPanel2 h1{
		font-size:30px;
		text-align:center;
		margin:0;
		padding:0 0 5px 0;
		font-weight:300;
		color:#d70e0e;
	}
	
	.aboutusPanel2 p{
		font-size:13px;
		text-align:center;
		line-height:20px;
		margin:0;
		padding:0 30px 15px 0;
		font-weight:400;
		color:#333;
	}
	
	.aboutusPanel2 p span{
		font-size:14px;
		line-height:22px;
		font-weight:400;
		color:#1965a1;
	}
	
		.form-panel {
		margin:0 auto;
		padding:0 0 0 15px;
		background:#f1eef4;
	}
	
	.form-panel h1{
		font-size:26px;
		text-align:left;
		margin:0;
		padding:26px 0 5px 0;
		font-weight:300;
		color:#d70e0e;
	}
	
	.form-panel p{
		font-size:13px;
		text-align:left;
		line-height:20px;
		margin:0;
		padding:0 30px 5px 0;
		font-weight:400;
		color:#333;
	}
	
	.form-panel .form-panelRight{
		margin:0;
		padding:0;
	}
	
		.productPanelInner {
		margin:0 auto;
		padding:20px 0 20px 0;
	}
	
	.productPanelInner h1{
		font-size:26px;
		text-align:center;
		margin:0;
		padding:15px 0 10px 0;
		font-weight:300;
		color:#d70e0e;
		border-bottom:1px solid #d2e0ea;
		border-bottom:1px solid #d2e0ea;
	}
	
	.productPanelInner h1 span{
		color:#166fb5;
	}
	
	.productPanelInner p{
		font-size:14px;
		text-align:center;
		line-height:20px;
		margin:0;
		padding:20px 10px 40px 0;
		font-weight:300;
		color:#000;
		letter-spacing:0.5px;
	}
	
	.productPanelInner p span{
		font-size:14px;
		line-height:20px;
		font-weight:300;
	}
	
	.productPanelInner img {
		margin:0 0;
	}
	
	.cosmeticPanel {
		margin:0 auto 60px 0;
		padding:0;
	}
	
	.cosmetic-col {
		padding:20px;
		border:1px solid #e7eff4;
		box-shadow: 5px 5px 10px #e7eff4;
	}
		
}


@media (min-width: 980px) and (max-width:1200px){
	.headerTopPanel {
		width:100%;
		margin:0 auto;
		padding:10px 0;
		background:#1965a1;
		position:fixed;
		z-index:999;
	}
	
	.logo {
		text-align:left;
		margin:0;
		padding:0;
	}
	
	.quickContact {
		margin:0;
		padding:68px 0 0 0;
	}
	
	.quickContact h1{
		font-size:18px;
		color:#FFF;
		text-align:left;
		margin:0;
		padding:0 0 0 35px;
		text-transform:uppercase;
	}
	
	.quickContact h1 span{
		font-size:30px;
		color:#f9cf00;
		letter-spacing:-0.6px;
	}
	
	.ht-header {
		height:140px;
	}
	
	.welcomePanel {
		margin:0 auto;
		padding:18px 0;
		text-align:center;
	}
	
	.welcomePanel h1{
		font-size:30px;
		text-align:center;
		margin:5px 0;
		padding:0;
		text-transform:uppercase;
		color:#c80303;
		font-weight:300;
	}
	
	.welcomePanel p{
		font-size:18px;
		text-align:center;
		margin:0 auto;
		padding:0 0 15px 0;
		line-height:26px;
		color:#000;
		font-weight:300;
	}
	
	#portfolio  .nopadding {
		padding: 0;
		margin-top: -1px;
	}
	
	.aboutusPanel {
		margin:0 auto;
		padding:35px 0;
		background:#efefef;
	}
	
	.aboutusPanel h1{
		font-size:36px;
		text-align:left;
		margin:0;
		padding:36px 0 5px 55px;
		font-weight:300;
		color:#d70e0e;
	}
	
	.aboutusPanel p{
		font-size:13px;
		text-align:left;
		line-height:20px;
		margin:0;
		padding:0 30px 5px 55px;
		font-weight:400;
		color:#333;
	}
	
	.aboutusPanel .aboutusPanelRight{
		margin:0;
		padding:0;
	}
	
	.aboutusPanel2 {
		margin:0 auto;
		padding:36px 0;
		text-align:center;
		background:#fff;
	}
	
	.aboutusPanel2 h1{
		font-size:36px;
		text-align:center;
		margin:0;
		padding:0 0 5px 0;
		font-weight:300;
		color:#d70e0e;
	}
	
	.aboutusPanel2 p{
		font-size:14px;
		text-align:center;
		line-height:24px;
		margin:0;
		padding:0 30px 5px 0;
		font-weight:400;
		color:#333;
	}
	
	.aboutusPanel2 p span{
		font-size:16px;
		line-height:22px;
		font-weight:400;
		color:#1965a1;
	}
}