html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font:normal 13px 'latoregular', Arial, Helvetica, sans-serif; letter-spacing:0.04em;}

@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
			 url('../fonts/roboto-regular-webfont.woff') format('woff'),
			 url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
			 url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'barlowregular';
	src: url('../fonts/barlow-regular-webfont.eot');
	src: url('../fonts/barlow-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/barlow-regular-webfont.woff2') format('woff2'),
			 url('../fonts/barlow-regular-webfont.woff') format('woff'),
			 url('../fonts/barlow-regular-webfont.ttf') format('truetype'),
			 url('../fonts/barlow-regular-webfont.svg#barlowregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'barlowsemibold';
	src: url('../fonts/barlow-semibold-webfont.eot');
	src: url('../fonts/barlow-semibold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/barlow-semibold-webfont.woff2') format('woff2'),
			 url('../fonts/barlow-semibold-webfont.woff') format('woff'),
			 url('../fonts/barlow-semibold-webfont.ttf') format('truetype'),
			 url('../fonts/barlow-semibold-webfont.svg#barlowsemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular-webfont.eot');
	src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/lato-regular-webfont.woff2') format('woff2'),
			 url('../fonts/lato-regular-webfont.woff') format('woff'),
			 url('../fonts/lato-regular-webfont.ttf') format('truetype'),
			 url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;	
}

@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bold-webfont.eot');
	src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/lato-bold-webfont.woff2') format('woff2'),
			 url('../fonts/lato-bold-webfont.woff') format('woff'),
			 url('../fonts/lato-bold-webfont.ttf') format('truetype'),
			 url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
			 url('../fonts/opensans-regular-webfont.woff') format('woff'),
			 url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
			 url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
			 url('../fonts/opensans-semibold-webfont.woff') format('woff'),
			 url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
			 url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_proregular';
	src: url('../fonts/sourcesanspro-regular-webfont.eot');
	src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
		 url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
		 url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
		 url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_probold';
	src: url('../fonts/sourcesanspro-bold-webfont.eot');
	src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
			 url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
			 url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
			 url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_prosemibold';
	src: url('../fonts/sourcesanspro-semibold-webfont.eot');
	src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
			 url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
			 url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
			 url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
/*--GENERAL STYLES--*/
*{margin:0px; padding:0px;}
img{outline:none; border:none;}
a{outline:none; border:0; background:none;}

h1{font:normal 28px 'source_sans_proregular'; color:#111; letter-spacing:0.04em; margin:0;}
h1 b{font:normal 28px 'source_sans_probold'; color:#111; letter-spacing:0.04em; margin:0;}

h2{font:normal 28px 'source_sans_proregular'; color:#000; letter-spacing:0.02em; margin:0;}
h2 a{font:normal 28px 'source_sans_proregular'; color:#000; text-decoration:none;}
h2 a:hover{font:normal 28px 'source_sans_proregular'; color:#000; text-decoration:none;}
h2 b{font:normal 28px 'source_sans_probold'; color:#000; letter-spacing:0.02em; margin:0;}

h3{font:normal 30px 'source_sans_proregular'; color:#f9f9f9; letter-spacing:0.02em; margin:0; line-height:1em;}
h3 a{font:normal 30px 'source_sans_proregular'; color:#f9f9f9; text-decoration:none;}
h3 a:hover{font:normal 30px 'source_sans_proregular'; color:#f9f9f9; text-decoration:none;}
h3 b{font:normal 30px 'source_sans_probold'; color:#f9f9f9; letter-spacing:0.02em; margin:0;}

h4{font:normal 25px 'source_sans_proregular'; color:#f9f9f9; letter-spacing:0.02em; margin:0;}
h4 a{font:normal 25px 'source_sans_proregular'; color:#f9f9f9; text-decoration:none;}
h4 a:hover{font:normal 25px 'source_sans_proregular'; color:#f9f9f9; text-decoration:none;}
h4 b{font:normal 25px 'source_sans_probold'; color:#f9f9f9; letter-spacing:0.02em; margin:0;}

p{font:normal 13px 'latoregular'; color:#111; letter-spacing:0.06em; line-height:1.8em; margin:10px 0 15px;}
p a{font:normal 13px 'latoregular'; color:#ec1d25; text-decoration:none;}
p a:hover{font:normal 13px 'latoregular'; color:#ec1d25; text-decoration:none;}
p b{font:normal 13px 'latobold'; color:#111; letter-spacing:0.04em; line-height:1.8em; margin:0;}
p.big{font:normal 16px 'latoregular'; color:#111; letter-spacing:0.06em; line-height:1.8em; margin:10px 0 15px;}

ul{list-style:url(../images/list-img.png); list-style-position:inside; margin:0;}
ul li{font:normal 13px 'latoregular'; color:#111; letter-spacing:0.04em; line-height:2.8em; margin:0;}
ul li a{font:normal 13px 'latoregular'; color:#111; text-decoration:none;}
ul li a:hover{font:normal 13px 'latobold'; color:#111; text-decoration:none;}

ol{list-style-position:inside; margin:0px;}
ol li{font:normal 13px 'latoregular'; color:#111; letter-spacing:0.04em; line-height:2.8em; margin:0;}
ol li a{font:normal 13px 'latoregular'; color:#111; text-decoration:none;}
ol li a:hover{font:normal 13px 'latoregular'; color:#111; text-decoration:none;}
/*--GENERAL STYLES--*/

/*--COMMON STYLES--*/
.content-area{width:1000px; height:auto; margin:0 auto;}
.white{color:#fff;}
.black{color:#111;}
.clear{clear:both;}
.no-border{border:none !important;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.saffron{color:#ec1d25 !important;}
.float-lt{float:left;}
.float-rt{float:right;}
.float-none{float:none;}
.txt-center{text-align:center;}
/*--COMMON STYLES--*/

/*--HEADER--*/
header{width:100%; float:left; background:#f4f4f4;}
header #ph{width:100%; background:#000; font:normal 12px 'latoregular'; color:#f1f1f1; text-align:right; padding:5px 0;}
header #ph .content-area{font:normal 12px 'latoregular'; letter-spacing:0.08em;}
header #ph a{font:normal 12px 'latoregular'; color:#f1f1f1; text-decoration:none;}
header #logo{width:30%; float:left; padding:10px 0 6px;}
header nav{width:70%; float:left; padding:12px 0; text-align:right;}
header nav a{font:normal 15px barlowsemibold; color:#0b0b0b; letter-spacing:0.06em; position:relative; display:inline-block; margin:24px 25px 0px; text-decoration:none;}
header nav a:hover, nav a:focus {outline:none;}
header nav a:last-child{margin:25px 0 0 25px;}
.cl-effect-4 a {padding: 0 0 10px;}
.cl-effect-4 a.active{border-bottom:4px solid #ec1d25;}
.cl-effect-4 a::after {position:absolute; top:100%; left:0;	width:100%;	height:1px;	background:#ec1d25; content:''; opacity:0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {height:4px;	opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/*--HEADER--*/

/*--BANNER--*/
#banner{width:100%; height:500px; float:left; margin:0; background-image:url(../images/banner.jpg); background-position:top left; background-repeat:no-repeat; background-size:cover;}
/*--BANNER--*/

/*--CONTENT AREA--*/
.breadcrums{width:100%; float:left; margin:0 0 30px; font:normal 14px 'latobold'; color:#ec1d25;}
.breadcrums a{font:normal 14px 'latoregular'; color:#111; text-decoration:none;}
.breadcrums a:hover{font:normal 14px 'latoregular'; color:#111; text-decoration:none;}
.breadcrums span{font:normal 14px 'latobold'; color:#111; margin:0 5px;}
.bg1{width:100%; background:#f1f1f1; padding:20px 0 0; float:left;}
#red-box{width:260px; float:right; padding:35px 20px; background:#ec1d25; font:normal 18px 'open_sanssemibold'; color:#f1f1f1; text-align:center;letter-spacing:0.08em; line-height:1.6em; margin:-110px 0 0 0;}
#red-box span{font:normal 22px 'open_sanssemibold';}
#abt-vvk{ width:80%; float:none; margin:0px auto 0; overflow:hidden; padding:0 0 40px; border-bottom:1px solid #676666;}
#abt-vvk #content-holder{width:40%; float:left; margin:100px 80px 0 0;}
#abt-vvk .txt-holder{width:34%; height:190px; float:left; border-left:16px solid #ec1d25; border-top:16px solid #ec1d25; padding:12px;}
#abt-vvk h1{width:80%; padding:35px 0px 0 35px; margin:0 0 0 -145px; float:left;}
#abt-vvk p{font:normal 13px 'latoregular'; letter-spacing:0.04em; line-height:1.8em; width:80%; padding:20px 0px 0 35px; margin:0 0 0 -145px; float:left;}
#abt-vvk p b{font:normal 13px 'latobold';}
#abt-vvk img{float:left; margin:30px 0 0;}

#pdts{width:100%; float:left; margin:40px 0; text-align:center;}
#pdts-holder{width:100%; float:left; margin:25px 0 0;}
.view {width:300px; height:283px; margin:0 50px 0 0; float:left; overflow:hidden; position:relative; text-align:center; cursor:default;}
.view .mask,.view .content {width:300px; height:283px; position:absolute; overflow:hidden; top:0; left:0;}
.view img {display:block; position:relative;}
.view h2 {font:normal 20px 'latobold'; color:#fff; text-align:center; position:relative; margin:25px 0 0; padding:25px 0 0; border-top:1px solid #cbcbcb;}
.view p {font:normal 12px 'latoregular'; letter-spacing:0.04em; line-height:1.8em; position: relative; color: #fff; padding:20px; text-align: center; border-bottom:1px solid #cbcbcb;}
.view p.padding{padding:20px 0 10px;}
.view a.info {display: inline-block; text-decoration: none; padding:10px 25px; background: #000; border-radius:16px; color:#fff; font:normal 12px 'latoregular'; letter-spacing:0.04em;}
.view a.info: hover {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first .mask {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font:normal 12px 'latoregular';
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity:0.9;
background-color:#ec1d25;
width:260px;
height:243px;
padding:20px;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover p {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view-first:hover a.info {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}				

#brands-holder{width:100%; float:left; background:url(../images/brands-bg.jpg) left top repeat; padding:4% 0 0.5%;}
#brands-holder h3{width:25%; float:left;}
#brands-holder h3 img{margin:0 0 6px;}
#brands-holder .txt-holder{width:75%; float:left;}
#brands-holder .txt-holder .container{width:45%; float:left; margin:0 5% 5% 0;}
#brands-holder .txt-holder .asterisk{width:5%; float:left; font:normal 20px 'latobold'; color:#ec1d25; margin:8px 0 0;}
#brands-holder .txt-holder .txt{width:95%; float:left;}
#brands-holder .txt-holder p b{font:normal 12px 'latobold'; color:#f9f9f9; line-height:1.6em; letter-spacing:0.06em;}

.clients-bg{width:100%; background:#f1f1f1; padding:40px 0; float:left;}
.clients-bg .heading-holder{width:22%; float:left; margin:0 8% 0 0;}
.clients-bg .heading-holder .title{width:175px; height:100px; background:#ec1d25; padding:120px 20px 10px 15px;}
.clients-bg .heading-holder p b{font:normal 12px 'latobold'; letter-spacing:0.04em; line-height:1.8em;}
.clients-bg span{border-bottom:3px solid #ec1d25; width:70px; float:left; margin:10px 0 20px;}
.clients-bg .clients-holder{width:70%; float:left; margin:60px 0 0;}
.clients-bg .clients-holder img{margin:30px 30px 0px 0;}
/*--CONTENT AREA--*/

/*--FOOTER--*/
footer{width:100%; background:#000; text-align:center; padding:20px 0; float:left;}
footer h4, h4 b{color:#f9f9f9;}
footer #content-holder{width:100%; float:left; text-align:left;}
footer #content-holder h3{font:normal 20px 'source_sans_proregular'; color:#f1f1f1; letter-spacing:0.06em; margin:15px 0;}
/*footer #content-holder h3 b{font:normal 20px 'source_sans_probold'; color:#f1f1f1; letter-spacing:0.04em; margin:0;}*/
footer #address{width:35%; float:left; margin:2% 10% 0 0;}
footer #address .title{width:20%; float:left; font:normal 13px 'latoregular'; color:#f1f1f1; letter-spacing:0.08em; line-height:1.8em; margin:0 0 15px;}
footer #address .info{width:80%; float:left; font:normal 13px 'latoregular'; color:#f1f1f1; letter-spacing:0.1em; line-height:1.8em; margin:0 0 15px;}
footer #address .info a{font:normal 13px 'latoregular'; color:#f1f1f1; letter-spacing:0.06em; text-decoration:none;}
footer #address .info a:hover{font:normal 13px 'latoregular'; color:#f1f1f1; letter-spacing:0.06em; text-decoration:none;}
footer #short-form{width:55%; float:left; margin:2% 0 0;}
footer #short-form input{width:36%; height:20px; float:left; background:#000; border:1px solid #b3b3b3; font:normal 13px 'latoregular'; color:#f9f9f9; margin:0 50px 25px 0; padding:6px 5px; letter-spacing:0.1em;}
footer #short-form textarea{width:84%; max-width:460px; height:50px; background:#000; border:1px solid #b3b3b3; font:normal 13px 'latoregular'; color:#f9f9f9; margin:0 0px 20px 0; padding:6px 5px; float:left; letter-spacing:0.1em;}
footer #short-form .submit{width:25%; height:35px; background:#c3181e; border:1px solid #ec1d25; font:normal 16px 'latoregular'; color:#fff; letter-spacing:0.1em; clear:both; padding:0 5px; cursor:pointer; margin:0;}

footer #footer-links{width:100%; float:left; border-top:2px solid #f1f1f1; margin:20px 0 0; padding:10px 0 0;}
#footer-links p{font:normal 12px 'latoregular'; color:#f1f1f1; text-align:left; margin:15px 0 0;}
#footer-links p a{font:normal 12px 'latoregular'; color:#f1f1f1; margin:0 20px 0 0; text-decoration:none;}
#footer-links p a:hover{font:normal 12px 'latoregular'; color:#f1f1f1; text-decoration:none;}
#footer-links #links, #social{width:50%; float:left;}
#footer-links #social p{text-align:right; font:normal 12px 'latoregular'; color:#f1f1f1; margin:15px 0 0;}
#footer-links #social p a{font:normal 12px 'latoregular'; color:#f1f1f1; text-decoration:none;}
/*--FOOTER--*/

/*--INNER PAGES--*/
#abtus-banner{width:100%; height:420px; float:left; background-image:url(../images/about-vvk.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%;}
#pdts-banner{width:100%; height:420px; float:left; background-image:url(../images/products-bnr.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%;}
#glasswares-banner{width:100%; height:420px; float:left; background-image:url(../images/glasswares-bnr2.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%;}
#surgical-banner{width:100%; height:420px; float:left; background-image:url(../images/surgical-bnr.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%;}
#contact-banner{width:100%; height:420px; float:left; background-image:url(../images/contact-bnr.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%;}
.innerpg-bg{width:100%; background:#f1f1f1; padding:40px 0; float:left;}
.pdt-holder{width:90%; float:none; margin:20px auto;}
.pdt-container{width:260px; height:350px; float:left; margin:0px 16px;}
.pdt-container a{text-decoration:none; text-align:center;}
.pdt-category{width:260px; height:280px; float:left;
-webkit-transition: width 1s ease, height 1s ease;
-moz-transition: width 1s ease, height 1s ease;
-o-transition: width 1s ease, height 1s ease;
-ms-transition: width 1s ease, height 1s ease;
transition: width 1s ease, height 1s ease;
}
.pdt-category:hover{width:275px; height:300px;}

/*--Products Animation Starts--*/
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity:0;
		transform: scale3d(0.1, 0.1, 0.1);
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity:0;
		transform: scale3d(0.1, 0.1, 0.1);
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity:0;
		transform: scale3d(0.1, 0.1, 0.1);
	}
	to {
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		opacity:0;
		transform: scale3d(0.1, 0.1, 0.1);
	}
	to {
		opacity:1;
	}
}
/* end fadein animation */

#products{width:100%; float:left; margin:0;}

.safety-pdts{width:auto; margin:0 30px 20px; float:left; text-align:center;}
.safety-pdts a{text-decoration:none;}
.safety-pdts a:hover{text-decoration:none;}

#products .pdt{
	-moz-animation: fadein 2s ease-in; /* Firefox */
	-webkit-animation: fadein 2s ease-in; /* Safari and Chrome */
	-o-animation: fadein 2s ease-in; /* Opera */
	animation: fadein 2s ease-in;
}

#products .pdt1{
	-moz-animation: fadein 1s ease-in; /* Firefox */
	-webkit-animation: fadein 1s ease-in; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in; /* Opera */
	animation: fadein 1s ease-in;
}

#products .pdt2{
	opacity: 0;
	-moz-animation: fadein 1s ease-in 5s forwards; /* Firefox */
	-webkit-animation: fadein 1s ease-in 5s forwards; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in 5s forwards; /* Opera */
	animation: fadein 1s ease-in 5s forwards;
}

#products .pdt3{
	opacity: 0;
	-moz-animation: fadein 1s ease-in 10s forwards; /* Firefox */
	-webkit-animation: fadein 1s ease-in 10s forwards; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in 10s forwards; /* Opera */
	animation: fadein 1s ease-in 10s forwards;
}

#products .pdt4{
	opacity: 0;
	-moz-animation: fadein 1s ease-in 15s forwards; /* Firefox */
	-webkit-animation: fadein 1s ease-in 15s forwards; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in 15s forwards; /* Opera */
	animation: fadein 1s ease-in 15s forwards;
}

#products .pdt5{
	opacity: 0;
	-moz-animation: fadein 1s ease-in 20s forwards; /* Firefox */
	-webkit-animation: fadein 1s ease-in 20s forwards; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in 20s forwards; /* Opera */
	animation: fadein 1s ease-in 20s forwards;
}

#products .pdt6{
	opacity: 0;
	-moz-animation: fadein 1s ease-in 25s forwards; /* Firefox */
	-webkit-animation: fadein 1s ease-in 25s forwards; /* Safari and Chrome */
	-o-animation: fadein 1s ease-in 25s forwards; /* Opera */
	animation: fadein 1s ease-in 25s forwards;
}
/*--Products Animation End--*/

.glasswares-list{-moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count:2; column-gap:3em;}

.thanks{font:normal 70px 'source_sans_proregular'; color:#111; letter-spacing:0.04em;}
.thanks-txt{font:normal 20px 'latoregular'; color:#111; letter-spacing:0.04em; line-height:1.6em;}
/*--INNER PAGES--*/

/*--CONTACT US--*/
#form input{width:36%; min-width:360px; max-width:360px; height:20px; float:left; border:1px solid #111; font:normal 13px 'latoregular'; color:#111; margin:0 50px 25px 0; padding:6px 5px; letter-spacing:0.1em; background:#f1f1f1;}
#form textarea{width:100%; min-width:360px; max-width:360px; height:60px; background:#f1f1f1; border:1px solid #111; font:normal 13px 'latoregular'; color:#111; margin:0 20px 20px 0; padding:6px 5px; float:left; letter-spacing:0.1em;}
#form input::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
#form textarea::placeholder {color: #000; opacity:0.9; filter:alpha(opacity=90);}
#form .submit{width:26%; min-width:372px; max-width:372px; height:35px; background:#c3181e; border:1px solid #ec1d25; font:normal 16px 'latoregular'; color:#fff; letter-spacing:0.1em; clear:both; padding:0 5px; cursor:pointer; margin:0;}
#address{width:100%; float:left; margin:40px 0 10px;}
#address .title{width:10%; float:left; font:normal 16px 'latoregular'; color:#111; letter-spacing:0.08em; line-height:1.8em; margin:0 0 15px;}
#address .info{width:90%; float:left; font:normal 16px 'latoregular'; color:#111; letter-spacing:0.1em; line-height:1.8em; margin:0 0 15px;}
#address .info a{font:normal 16px 'latoregular'; color:#111; text-decoration:underline;}
#address .info a:hover{font:normal 16px 'latoregular'; color:#111; text-decoration:none;}

.antispam{display:none;}
/*--CONTACT US--*/

/*--RESPONSIVE--*/
@media screen
	and (min-width:240px)
	and (max-width:319px){
	.content-area{width:90%; padding:0 5%;}
	header #logo{width:100%; max-width:200px; padding:10px 0;}
	header #logo img{width:157px; height:72px;}
	header nav{display:none;}
	#banner{display:none;}
	.bg1{padding:30px 0 0;}
	#red-box{display:none;}
	#abt-vvk{width:100%; margin:0; float:left; overflow:visible;}
	#abt-vvk #content-holder{width:100%; margin:0;}
	#abt-vvk .txt-holder{padding:20px;}
	#abt-vvk h1{margin:0 0 -12px -145px;}
	#abt-vvk img{width:100%; max-width:400px;}
	#pdts{margin:40px 0 0;}
	.view{width:100%; max-width:300px; margin:0 auto 20px !important; float:none;}
	.view-first img{width:100%; max-width:300px;}
	.view .mask, .view .content{width:100%; max-width:300px; overflow:visible; }
	.view-first:hover .mask {padding:6px 0; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9;
}
	#brands-holder{padding:30px 0 25px;}
	#brands-holder h3{width:100%;}
	#brands-holder .txt-holder{width:100%; margin:20px 0 0;}
	#brands-holder .txt-holder .container{width:100%; margin:0 0 20px;}
	.clients-bg{padding:40px 0 20px;}
	.clients-bg .heading-holder{width:100%; margin:0;}
	.clients-bg .clients-holder{width:100%; margin:0px 0 0;}
	.clients-bg .clients-holder img{margin:20px 0;}
	footer #address{width:100%; margin:0 0 20px;}
	footer #address .info{word-wrap:break-word;}
	footer #short-form{width:100%; margin:0;}
	footer #content-holder{margin:10px 0 0;}
	footer #content-holder h3{margin:0 0 15px;}
	footer #short-form input{width:97%; max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form textarea{width:97%; /*min-width:97%;*/ max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form .submit{width:auto; padding:0 25px;}
	#footer-links #links, #social{width:100%;}
	#footer-links #social p{text-align:left;}
	#abtus-banner, #pdts-banner, #surgical-banner, #glasswares-banner, #contact-banner{display:none;}
	.innerpg-bg{padding:40px 0 20px;}
	.pdt-holder{width:100%;}
	.pdt-container{width:100%; max-width:260px; height:100%; max-height:350px; margin:0 0 20px;}
	.pdt-container, .pdt-category{width:100%; max-width:260px; height:100%; max-height:350px;}	
	.safety-pdts{margin:0 0px 20px;}
	.glasswares-list{column-count:1;}
	#form input, #form textarea{min-width:95%; width:95%; margin:0 0px 25px 0;}
	#form .submit{width:100%; min-width:100%;}
	#address .title{width:30%; margin:0; float:none;}
	#address .info{width:70%; float:none;}
	#address h2{font:normal 22px 'source_sans_proregular';}
}


@media screen
	and (min-width:320px)
	and (max-width:479px){
	.content-area{width:90%; padding:0 5%;}
	header #logo{width:100%; max-width:200px; padding:10px 0;}
	header #logo img{width:157px; height:72px;}
	header nav{display:none;}
	#banner{display:none;}
	.bg1{padding:30px 0 0;}
	#red-box{display:none;}
	#abt-vvk{width:100%; margin:0; float:left; overflow:visible;}
	#abt-vvk #content-holder{width:100%; margin:0;}
	#abt-vvk .txt-holder{padding:20px;}
	#abt-vvk h1{margin:0 0 -16px -155px;}
	#abt-vvk p{margin:0 0 0 -155px;}
	#abt-vvk img{width:100%; max-width:400px;}
	.view{width:100%; max-width:300px; margin:0 auto 30px !important; float:none;}
	.view-first img{width:100%; max-width:300px;}
	.view .mask, .view .content{width:100%; max-width:300px; overflow:visible; }
	.view-first:hover .mask {-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9;}
	#brands-holder{padding:30px 0 25px;}
	#brands-holder h3{width:100%;}
	#brands-holder .txt-holder{width:100%; margin:20px 0 0;}
	#brands-holder .txt-holder .container{width:100%; margin:0 0 20px;}
	.clients-bg{padding:40px 0 20px;}
	.clients-bg .heading-holder{width:100%; margin:0;}
	.clients-bg .clients-holder{width:100%; margin:0px 0 0;}
	.clients-bg .clients-holder img{margin:20px 0;}
	footer #content-holder{margin:20px 0 0;}
	footer #address{width:100%; margin:0 0 20px;}
	footer #address .info{word-wrap:break-word;}
	footer #short-form{width:100%; margin:0;}
	footer #content-holder h3{margin:0 0 15px;}
	footer #short-form input{width:97%; max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form textarea{width:97%; /*min-width:97%;*/ max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form .submit{width:auto; padding:0 25px;}
	#footer-links #links, #social{width:100%;}
	#footer-links #social p{text-align:left;}
	#footer-links p{line-height:1.8em;}
	#abtus-banner, #pdts-banner, #surgical-banner, #glasswares-banner, #contact-banner{display:none;}
	.innerpg-bg{padding:40px 0 20px;}
	.pdt-holder{width:100%;}
	.pdt-container{margin:0 0 20px; float:left;}
	.safety-pdts{margin:0 0px 20px;}
	.glasswares-list{column-count:1;}
	#form input, #form textarea{min-width:95%; width:95%; margin:0 0px 25px 0;}
	#form .submit{width:100%; min-width:100%;}
	#address .title{width:30%; margin:0; float:none;}
	#address .info{width:70%; float:none;}
	#address h2{font:normal 22px 'source_sans_proregular';}
}

@media screen
	and (min-width:400px)
	and (max-width:479px){
	#abt-vvk h1{margin:0 0 -16px -185px;}
	#abt-vvk p{margin:0 0 0 -185px;}
}

@media screen
	and (min-width:480px)
	and (max-width:767px){
	.content-area{width:94%; padding:0 3%;}
	header #logo{width:100%; max-width:200px; padding:10px 0; float:none;}
	header #logo img{width:157px; height:72px;}
	header nav{display:none;}
	#banner{display:none;}
	.bg1{padding:30px 0 0;}
	#red-box{display:none;}
	#abt-vvk{width:100%; margin:0; float:left; overflow:visible;}
	#abt-vvk #content-holder{width:100%; margin:0;}
	#abt-vvk .txt-holder{width:16%; padding:20px;}
	#abt-vvk h1{margin:0 0 -16px -135px;}
	#abt-vvk p{margin:0 0 0 -135px;}
	#abt-vvk img{width:100%; max-width:400px;}
	#pdts{margin:30px 0;}
	.view{width:100%; max-width:300px; margin:0 auto 30px !important; float:none;}
	.view-first img{width:100%; max-width:300px;}
	.view .mask, .view .content{width:100%; max-width:300px; overflow:visible; }
	.view-first:hover .mask {-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9;}
	#brands-holder{padding:30px 0 25px;}
	#brands-holder h3{width:100%;}
	#brands-holder .txt-holder{width:100%; margin:20px 0 0;}
	#brands-holder .txt-holder .container{width:100%; margin:0 0 20px;}
	.clients-bg{padding:40px 0 20px;}
	.clients-bg .heading-holder{width:100%; margin:0;}
	.clients-bg .clients-holder{width:100%; margin:0px 0 0;}
	.clients-bg .clients-holder img{margin:20px 20px 20px 0;}
	footer #content-holder{margin:20px 0 0;}
	footer #address{width:100%; margin:0 0 20px;}
	footer #address .info{word-wrap:break-word;}
	footer #short-form{width:100%; margin:0;}
	footer #content-holder h3{margin:0 0 15px;}
	footer #short-form input{width:97%; max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form textarea{width:97%; /*min-width:97%;*/ max-width:300px; margin:0 10px 20px 0; padding:2% 1%;}
	footer #short-form .submit{width:auto; padding:0 25px;}
	#footer-links #links, #social{width:100%;}
	#footer-links #social p{text-align:left;}
	#footer-links p{line-height:1.8em;}
	#abtus-banner, #pdts-banner, #surgical-banner, #glasswares-banner, #contact-banner{display:none;}
	.innerpg-bg{padding:40px 0 20px;}
	.pdt-holder{width:100%;}
	.pdt-container{margin:0 40px 20px 0; float:none;}
	.safety-pdts{margin:0 20px 20px 0;}
	.glasswares-list{column-count:1;}
	#form input, #form textarea{min-width:360px; width:95%; margin:0 0px 25px 0;}
	#form .submit{width:100%; min-width:372px;}
	#address .title{width:20%;}
	#address .info{width:80%;}
	#address h2{font:normal 26px 'source_sans_proregular';}
}

@media screen
	and (min-width:600px)
	and (max-width:700px){
	#abt-vvk .txt-holder{width:16%;}
	#abt-vvk h1{margin:0 0 -16px -155px;}
	#abt-vvk p{margin:0 0 0 -155px;}
}

@media screen
	and (min-width:700px)
	and (max-width:767px){
	#abt-vvk .txt-holder{width:16%;}
	#abt-vvk h1{margin:0 0 -16px -165px;}
	#abt-vvk p{margin:0 0 0 -165px;}
}

@media screen
	and (min-width:768px)
	and (max-width:1019px){
	.content-area{width:94%; padding:0 3%;}
	header nav{width:auto; float:right; margin:11px 0;}
	header nav a{float:left; margin:10px 40px 0 0;}
	header nav a:last-child{float:left; margin:10px 0px 0 0;}
	#abt-vvk{width:100%;}
	#abt-vvk #content-holder{margin:100px 30px 0 0;}
	#pdts{margin:40px 0 20px;}
	.view{float:none; margin:0 auto 30px !important;}
	#brands-holder h3{width:28%;}
	#brands-holder .txt-holder{width:72%;}
	#brands-holder .txt-holder .container{margin:0 5% 6% 0;}
	.clients-bg .heading-holder{width:29%; margin:0 6% 0 0;}
	.clients-bg .clients-holder{width:65%;}
	footer #address{width:40%;}
	footer #short-form{width:50%;}
	footer #short-form input{width:100%; max-width:300px;}
	footer #short-form textarea{width:100%; /*min-width:100%;*/ max-width:300px;}
	#abtus-banner, #pdts-banner, #surgical-banner, #glasswares-banner, #contact-banner{background-size:cover; background-position:center;}
}

@media screen
	and (min-width:1020px){
}
/*--RESPONSIVE--*/