@charset "utf-8";
/* CSS Document */

body { margin: 0; font-size: 14px; font-weight:400; color:#666; background:url(../images/bg.jpg);}

h1, h2, h3 { font-size:20px; font-weight:400; text-transform:uppercase; color:#000; margin:15px 0;}

.mt30 { margin-top:30px;}
.mt22 { margin-top:22px !important;}
.mlr0 { margin-left:0px; margin-right:0px;}
.mlr15 { margin-left:15px; margin-right:15px;}

.navbar-default {font-size:14px; color: font-weight:400; color:#7c7c7c; line-height:70px; border:1px solid #fff; margin:15px 0 0 0; text-transform:uppercase;}

.gradient {background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;    
	-webkit-box-shadow: 0px 10px 13px rgba(228, 228, 228, 1);
-moz-box-shadow: 0px 10px 13px rgba(228, 228, 228, 1);
box-shadow: 0px 10px 13px rgba(228, 228, 228, 1);}

.navbar-nav > li { border-left:1px solid #f4f4f4; padding:2.3%;}
.navbar-nav > li:first-child { border-left:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background:none;}
.navbar-nav { width:100%;}
.navbar-collapse { padding:0;}
.nav > li > a { padding:0;}
.container-fluid { padding:0;}
.carousel-control.left, .carousel-control.right { background:none;}
.carousel-indicators .active { background:#000; border:none;}
.carousel-indicators li { border:1px solid #ccc; background:#ccc;}
.carousel-inner > .item { margin:0 auto; text-align:center;}

.logo { margin:20px auto 0 auto; text-align:center; display:block;}
.logo img{ margin:0 auto; text-align:center;}
header span { font-size:12px; font-weight:300;}
.officefurniture { padding:0 10px 10px 10px; display:block; overflow:hidden; font-weight:300; line-height:22px;}
.officefurniture span{ margin:0 15px 0 0; display:inline; float:left;}
.queryform { padding:0 10px 10px 10px; overflow:hidden; display:block;}
.queryform label{ width:100%;}
#short-contact-form input[type="text"],
#short-contact-form input[type="email"],
#short-contact-form input[type="tel"],
#short-contact-form input[type="country"],
#short-contact-form input[type="address"],
#short-contact-form textarea,
#short-contact-form button[type="submit"] {
font-size:14px; font-weight:400; color:#fff; text-transform:uppercase;
}

#short-contact-form {
margin:0; padding:0;
}

#short-contact-form label span {
	cursor:pointer;
	color:#000;
	display:block;
	margin:5px 0;
	font-weight:900;
}

#short-contact-form input[type="text"],
#short-contact-form input[type="email"],
#short-contact-form input[type="tel"],
#short-contact-form input[type="url"],
#short-contact-form textarea {
	width:100%;
	background:#7c7c7c;
	margin:0 0 5px;
	padding:0 10px;
	margin:0 0 5px 0;
	border:1px solid #7c7c7c;
	color:#fff;
}
#short-contact-form input[type="text"]:hover,
#short-contact-form input[type="email"]:hover,
#short-contact-form input[type="tel"]:hover,
#short-contact-form input[type="country"]:hover,
#short-contact-form input[type="address"]:hover,
#short-contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #fff;
}

#short-contact-form textarea {
	height:85px;
	max-width:100%;
}

#short-contact-form button[type="submit"] {
	background: #272727;
	display:inline-block;
	color:#fff;
	font-size:14px;
	padding:4px 10px;
	margin:6px auto 15px auto;
	text-decoration:none;
}

#short-contact-form button[type="submit"]:hover {background: #4c4c4c;
}
#short-contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.9);
}
#short-contact-form input:focus,
#short-contact-form textarea:focus {
	outline:0;
	border:1px solid #000;
}
::-webkit-input-placeholder {
    color:#ffffff !important;
}
:-moz-placeholder {
    color:#ffffff !important;
}
::-moz-placeholder {
    color:#ffffff !important;
}
:-ms-input-placeholder {
    color:#ffffff !important;
}


.officeproducts { display:block; overflow:hidden; padding:0 10px 10px 10px; margin:0 auto; text-align:center;}
.officeproducts .carousel-indicators { bottom:-23px;}
.officeproducts .carousel { margin-top:30px;}
.contact { display:block; overflow:hidden; padding:0 10px 10px 10px; font-weight:300; border-left:1px solid #e4e4e4; margin:0 auto; text-align:center; line-height:23px;}
.contact strong{ display:block; font-weight:300;}
.catalog { display:block; overflow:hidden; padding:0 10px 10px 10px; font-weight:300; border-left:1px solid #e4e4e4; margin:0 auto; text-align:center;}
.more { font-size:13px; color:#fff; margin:15px 0 10px 0; font-weight:400; display:block}
.more a{ color:#fff; text-decoration:none; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #272727 0%, #383838 100%); text-transform:uppercase; padding:5px 15px; }
.enlarge { font-size:13px; color:#fff; margin:15px auto 10px auto; font-weight:400; display:block; background:#000; border:none; padding:5px 10px; text-transform:uppercase;}
.close { font-size:30px;}

footer { margin:30px 0 20px 0; padding:0; text-align:center; overflow:hidden; font-size:14px; text-transform:uppercase; clear:both;}
footer .navbar-default { margin-bottom:20px;}
footer address {font-size:13px; font-weight:300; line-height:20px; text-transform:uppercase; display:block; width:100%; text-align:center; margin:10px 0 0 0; border:none; text-align:center; box-shadow:none; background:none; max-height:inherit; max-width:none; padding:0;}
footer ul.citywise { display:block; list-style-type:none; margin:0 0 15px 0; padding:0; line-height:10px; font-size:12px;}
footer ul.citywise li { display:inline-block; margin:0 1%; padding:0;}
footer ul.citywise li strong{ font-weight:300;}
footer ul.citywise li a{ color:#666; text-decoration:none; font-weight:300;}

section {clear: both; display: block; margin: 0;}
section article { clear: both; font: 300 15px/20px "Oswald";  margin: 0 0 20px; padding: 0;}
section article strong { display:block; font-weight:400; margin:0 0 5px 0;}
.product { display:block; overflow:hidden; padding:0 10px 10px 10px; text-align:center; margin:0 auto;}
.product img{ margin:0 auto; text-align:center;}
address {font-size:15px; font-weight:300; color:#7c7c7c; padding:10px 10px 20px 10px; margin:0 auto 20px auto; overflow:hidden; display:block; text-align:center; max-width:600px; min-width:300px; font-style:normal;}
address ul { list-style-type:none; text-align:left; margin:10px 0 0 0;}
address li { display:block; line-height:30px;}
address li span { display:inline; float:left; width:30%;}
address li b { display:table-cell; font-weight:300;}
address li a { text-decoration:none; color:#7c7c7c;}
address li a:hover { text-decoration:underline; color:#7c7c7c;}
section .productbox { text-align:center; padding:10px; margin:0 auto 30px auto; overflow:hidden;}
section .productbox h3 { margin:0 0 10px 0; padding:0; font:normal 16px 'Oswald'; color:#7c7c7c; display:block; text-transform:uppercase;}
section .productbox img { margin:0 auto 10px auto; text-align:center;}
section #productlisting { background: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;    
	-webkit-box-shadow: 0px 10px 13px rgba(228, 228, 228, 1);
-moz-box-shadow: 0px 10px 13px rgba(228, 228, 228, 1);
box-shadow: 0px 10px 13px rgba(228, 228, 228, 1); clear:both; margin:0 0 20px 0; overflow:hidden;}
section #productlisting .productlisting { font-size:13px; font-weight:300; color:#7c7c7c; padding:10px 0 0 0; margin:0 auto 50px auto; overflow:hidden; display:inline-block; border-bottom:1px dotted #7c7c7c; position:relative; }
section #productlisting .productlisting strong { margin:0; padding:0; font:normal 16px 'Oswald'; color:#7c7c7c; display:inline-block; text-transform:uppercase; width:47%; z-index:99999;}
section #productlisting .productlisting .quote{ font-weight:400; display:inline; font-size:11px; text-transform:uppercase; margin:5px 0 0 0; position:absolute; bottom:5px; right:5px; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #272727 0%, #383838 100%); z-index:9999;}
section #productlisting .productlisting .quote a { color:#fff; text-decoration:none; padding:2px 5px;}
section #productlisting .productlisting .quote a:hover {color:#fff; text-decoration:none; padding:2px 5px;}
section #productlisting .productlisting img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; margin:0 0 5px 0; width:100%;}
section #productlisting .productlisting img:hover { transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); -webkit-transform:scale(1.3);  -o-transform:scale(1.3);}


.page_top { position:fixed; bottom:10%; right:10px; width:30px; height:30px; border-radius:5px; background:#000; color:#fff; font-size:25px; text-align:center; vertical-align:middle; line-height:30px;}
.page_top a{ color:#fff; text-decoration:none;}

.query-form {max-width:600px; min-width:240px; width:95%;	margin:0 auto;	position:relative;	text-align:left;}
.query-form label{width:100%;}
.query-form .form-group{ margin-bottom:0;}
#contact-form input { color: #999; }
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="country"],
#contact-form input[type="address"],
#contact-form textarea,
#contact-form button[type="submit"] {font-size:14px; font-weight:400;}
#contact-form { margin:0; padding:0}
#contact-form h4 {margin:5px 0 15px; display:block; font-size:16px; font-weight:400;}
#contact-form label span {cursor:pointer; color:#000; 	display:block; margin:5px 0; font-weight:400; font-size:16px;}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {width:97%; border:1px solid #CCC;background:#FFF; margin:0 0 5px; padding:10px; color: #999;}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="country"]:hover,
#contact-form input[type="address"]:hover,
#contact-form textarea:hover {-webkit-transition:border-color 0.3s ease-in-out;	-moz-transition:border-color 0.3s ease-in-out;	transition:border-color 0.3s ease-in-out; border:1px solid #AAA;}
#contact-form textarea {height:100px; max-width:100%;}
#contact-form button[type="submit"] {
	background: #272727; display:inline-block; color:#fff;	font-size:16px; padding:10px; margin:6px auto 15px auto; text-decoration:none;}
#contact-form button[type="submit"]:hover {background: #4c4c4c;}
#contact-form button[type="submit"]:active {box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
#contact-form input:focus,
#contact-form textarea:focus {outline:0; border:1px solid #999;}
::-webkit-input-placeholder {color:#888;}
:-moz-placeholder { color:#888;}
::-moz-placeholder { color:#888;}
:-ms-input-placeholder { color:#888;}
.captcha { width:auto; height:30px;}
.breadcrumb { font-weight:300;}



@media screen and (max-width:1200px){
.navbar-nav > li { padding:2.3% 2.3%;}
}

@media screen and (max-width:1023px){
.navbar-nav > li { padding:2.3% 1.5%;}
.officefurniture { margin-bottom:30px;}
.officefurniture img { margin:0 auto;}
.officeproducts img { margin:0 auto;}
}

@media screen and (max-width:767px){
.navbar-default .navbar-brand { width:78%;}
.navbar-brand { height:auto;}
.navbar-nav { margin:7.5px 15px;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left:0; margin-right:0;}
.navbar-nav > li { border-left:none; padding:1.3% 2%;}
.contact { border-left:none;}
.catalog { border-left:none;}
footer ul.citywise li {  margin:0 1% 5px 1%;}
}