@charset "utf-8";
body {margin: 0px; padding: 0px;
/*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
b{font-weight:bold;}
body {
	line-height: 1;
	background:#fff;
	font-family: arial;
	color:#222222;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration: none; color:#0c408a;}

.wraper{max-width:1170px; width:100%; margin:0 auto;}
.header{width:100%; float:left; background:#0070c0; padding:10px 0;}
.head-border{border-bottom: solid 3px #0079db;}
.hgroup{max-width:200px; width:100%; float:left;}
.navigation{float:right;}
.navigation ul{list-style:none; margin:0px; padding:0px; float: right;}
.navigation ul li{float:left; margin:10px 16px;font-family: 'Roboto', sans-serif; font-size:15px; font-weight: 500; color:#fff; text-transform: capitalize;}
/*.login{ color: #fff !important; text-transform: uppercase; font-weight: bold; padding: 10px 20px 10px 40px !important; display: inline-block; background: url(../images/lock-icon.png) 14px center no-repeat; background-color: #0079db; border: none !important;}
.login:hover{color: #fff !important; background-color: #016ec7;}*/
.navigation ul li a{font-family: 'Roboto', sans-serif; font-size:15px; font-weight: 500; color:#fff; padding:5px 10px;}
.navigation ul li a:hover{color:#000; text-decoration: none; background: #eee;}
.navigation ul li a.active{color:#000; background: #eee;}
.banner{width: 100%; float: left;}
.banner img{width: 100%;}
.about-us{width: 100%; float: left; padding: 20px 0 27px 0; min-height: 450px}
.about-us-heading{font-family: 'Roboto', sans-serif; font-size:24px; font-weight: bold; color:#0079db; text-align: center; text-transform: uppercase;}
.about-us-home{width: 100%; float: left; padding: 20px 0 27px 0;}
.mid-section{width: 100%; max-height: 1170px; float: left; margin-bottom: 35px;}
.mid-section p{font-family: 'Roboto', sans-serif; font-size:14px; color: #373737; text-align: center; font-weight: 400; line-height: 25px; margin: 10px 0;}
.mid-section a{font-family: 'Roboto', sans-serif; font-size:14px; color: #0079db; text-align: center; font-weight: 400; line-height: 25px; width: 70px; margin: 0 auto; display: block;}
.what-we-do{width: 100%; max-width: 1170px; float: left;}
.what-we-do ul{list-style: none; margin: 0px; padding: 0px;}
.what-we-do ul li{float: left; max-width: 389px; width: 100%; margin-right: 1px;}
.what-we-do ul li:last-child{margin-right: 0px;}
.what-we-do ul li a{ background:#0079db url(../images/wht-we-do.png) 30px center no-repeat; display: block; height: 152px; padding: 34px 25px 0 130px;}
.what-we-do ul li a.who-we-are{background:#0079db url(../images/who-we-are.png) 30px center no-repeat;}
.what-we-do ul li a.why-choose{background:#0079db url(../images/why-choose.png) 30px center no-repeat;}
.what-we-do ul li a.who-we-are:hover{background:#525252 url(../images/who-we-are.png) 30px center no-repeat;}
.what-we-do ul li a.why-choose:hover{background:#525252 url(../images/why-choose.png) 30px center no-repeat;}
.what-we-do ul li a:hover{background: #525252 url(../images/wht-we-do.png) 30px center no-repeat; text-decoration: none;}
.what-we-do ul li a strong{font-family: 'Roboto', sans-serif; font-size:18px; color: #fff; font-weight: bold; display: block; padding: 0 0 5px 0; padding-bottom: 4px; margin-bottom: 5px; background: url(../images/border-strong.jpg) left bottom no-repeat;}
.what-we-do ul li a span{font-family: 'Roboto', sans-serif; font-size:14px; color: #fff; text-align: center;}
.foot-bottom{width: 100%; float: left; background: #1e1d1c; padding: 35px 0 0 0; border-top: solid 1px #d2d2d2;}
.quick-links{max-width: 240px; width: 100%; float: left;}
.quick-links strong{font-family: 'Roboto', sans-serif; font-size:18px; color: #c4beb8; font-weight: bold; display: block; padding-bottom: 12px; background: url(../images/foot-border.jpg) left bottom no-repeat; margin-bottom: 20px;}
.quick-links ul{list-style: none; margin: 0px; padding: 0px;}
.quick-links ul li{width: 100px; border-bottom: solid 1px #6b6865;}
.quick-links ul li:last-child{border: none;}
.quick-links ul li a{font-family: 'Roboto', sans-serif; font-size:14px; color: #6b6865; line-height: 30px;}
.quick-links ul li a:hover{text-decoration: none;}
.facebook{width: 34px; height: 34px; float: left; background: url(../images/s-icons.png) left top no-repeat; margin: 0 8px 8px 0;}
.linkedin{width: 34px; height: 34px; float: left; background: url(../images/s-icons.png) -41px top no-repeat; margin: 0 8px 8px 0;}
.twitter{width: 34px; height: 34px; float: left; background: url(../images/s-icons.png) -82px top no-repeat; margin: 0 8px 8px 0;}
.pinterest{width: 34px; height: 34px; float: left; background: url(../images/s-icons.png) -123px top no-repeat; margin: 0 8px 8px 0;}
.facebook:hover{background: url(../images/s-icons.png) left bottom no-repeat;}
.linkedin:hover{background: url(../images/s-icons.png) -41px bottom no-repeat;}
.twitter:hover{background: url(../images/s-icons.png) -82px bottom no-repeat;}
.pinterest:hover{background: url(../images/s-icons.png) -123px bottom no-repeat;}
.contact-us{width: 100%; max-width: 300px; float: left;}
.contact-us strong{font-family: 'Roboto', sans-serif; font-size:18px; color: #c4beb8; font-weight: bold; display: block; padding-bottom: 12px; background: url(../images/foot-border.jpg) left bottom no-repeat; margin-bottom: 20px;}
.contact-us ul{list-style: none; margin: 0px; padding: 0px;}
.contact-us ul li{border-bottom: solid 1px #6b6865; font-family: 'Roboto', sans-serif; font-size:14px; color: #6b6865; line-height: 30px;}
.contact-us ul li a{font-family: 'Roboto', sans-serif; font-size:14px; color: #6b6865; line-height: 30px;}
.contact-us ul li span{color: #c4beb8;}
.contact-us ul li a:hover{text-decoration: none;}
.contact-us ul li:last-child{border: none;}
.logo-bottom{width: 100%; max-width: 370px; float: right; text-align: center;}
.copyright{width: 100%; max-width: 1170px; float: left; border-top: solid 1px #312f2e; padding: 15px 0; margin: 35px 0 0 0;}
.copyright-left{float: left; font-family: 'Roboto', sans-serif; font-size:14px; color: #53514e;}
.copyright-right{float: right; font-family: 'Roboto', sans-serif; font-size:14px; color: #53514e; text-transform: uppercase;}
.copyright-right a{color: #53514e;}
.copyright-right a:hover{text-decoration: none; color: #53514e;}
.back-to-top{width: 100%; text-align: center; display: inline-block; margin: 10px 0 20px 0;}
.top-nav-second{display: none;}
.about-us-image{width: 100%; text-align: center; padding: 18px 0; float: left;}
.about-us-content{width: 100%; float: left; margin: 0 0 25px 0; min-height: 400px;}
.about-us-content p{text-align: center; margin: 10px 0 25px 0; font-family: 'Roboto', sans-serif; font-size:14px; color: #373737; line-height: 25px; padding: 0 35px}
.contact-us-form{width: 100%; float: left; margin-bottom: 50px;}
.contact-us-inner-section{ float: left; max-width: 600px; padding: 0 0 0 20px; width: 100%;}
.contact-us-inner-section label{font-family: 'Roboto', sans-serif; font-size:14px; color: #9a9a9a; float: left; width: 90px; font-weight: normal; padding-top: 45px;}
.contact-us-inner-section span{padding-top: 35px; display: inline-block;}
.captcha-input{width: 100% !important; max-width: 280px !important; float: right;}
.heading-top{color: #282528; font-family: "Open Sans",sans-serif; font-size: 24px; padding: 50px 0 0;}
.contact-us-inner-section input{ border-image: none; border-style: none none solid; border-width: medium medium 1px; color: #6a6e73; font-family: "Open Sans",sans-serif; font-size: 13px; line-height: 62px; height: 62px; margin: 10px 0 0; max-width: 567px; width: 100%;}
.send-button{background:rgba(0, 0, 0, 0) url("../images/contact-us-img.png") no-repeat scroll -269px 15px !important; border: medium none !important; color: #0079db !important; float: right; font-family: "Open Sans",sans-serif !important; font-size: 16px !important; height: 50px; max-width: 170px !important; padding: 0 0 0 50px; margin: 20px 0 0 0 !important; clear: both;}
.contact-us-inner-section-side{float: right; margin: 100px 0 0; max-width: 530px; width: 100%;}
.contact-us-inner-section-side ul{list-style: none; margin: 0px; padding: 0px;}
.contact-us-inner-section-side ul li{min-height: 100px;}
.contact-us-inner-section-side img{float: left; margin: 0 20px 30px 0;}
.contact-us-inner-section-side strong{color: #6d6d6d; display: block; font-family: "Roboto",sans-serif; font-size: 24px; font-weight: 400; text-transform: uppercase;}
.contact-us-inner-section-side ul li span{color: #6b6865; font-family: "Roboto",sans-serif; font-size: 14px; width: 100%; max-width: 340px; display: block;}
.contact-us-inner-section-side ul li span a{color: #6b6865; font-family: "Roboto",sans-serif; font-size: 14px;}
.log-in-pop-up{max-width: 355px; width: 100%; background: rgba(137, 137, 137, 0.7); padding: 35px 25px 20px 25px; position: relative; top: 129px; margin: 0 auto;}
.heading-4{font-family: 'Roboto', sans-serif; font-size:24px; color: #FFF; text-transform: uppercase; font-weight: bold; text-align: left;}
.log-in-pop-up input{padding: 0 0 0 12px; max-width: 300px; width: 100%; height: 37px; font-family: 'Arimo', sans-serif; font-size: 13px; color: #727272; margin: 18px 0 0 0;}
.log-in-pop-up span a{ font-family: 'Arimo', sans-serif; font-size: 11.74px; color: #fff; line-height: 44px; font-weight: 500; text-align: left; display: inline-block; margin: 0px; float: left;}
.log-in-pop-up span a:hover{text-decoration: none;}
.log-in-pop-up label{float: right; font-family: 'Arimo', sans-serif; font-size: 11.74px; color: #fff; display: inline-block; line-height: 44px; font-weight: 500;}
.login-checkbox{width: 15px !important; height: auto !important; float: left; margin:15px 6px 0 0 !important;}
.sign-in-pop-up{max-width: 275px; width: 100%; text-align: center !important; background: #0079db; border: none; font-family: 'Arimo', sans-serif; font-size:14px; color: #FFF !important; font-weight: 600 !important; margin: 10px 0 0 0 !important; border-radius: 3px;}
.sign-in-pop-up:hover{background: #016ec7;}
.log-in-pop-up a{font-family: 'Arimo', sans-serif; font-size: 13px; color: #fff; text-align: center; display: block !important; margin: 20px 0 0 0;}
.log-in-pop-up a:hover{text-decoration: none; color: #8b8b8b;}
.close-btn{width: 12px; height: 12px; position: absolute; right: 18px; top: 0;}
/*.logout{ color:#353535; background: none !important; margin: 0 10px; padding: 9px 10px; display: block;}
.logout:hover{border-bottom:solid 2px #0079db !important; color:#0079db !important; text-decoration: none;}*/
.my-account-inner{width: 620px; margin: 0 auto; padding: 35px 0 0 0;}
.my-account-inner strong{font-family: 'Roboto', sans-serif; font-size:24px; color: #353535; text-transform: uppercase; font-weight: bold; text-align: center; display: inline-block; width: 100%;}
.my-account-inner input{max-width: 500px; width: 100%; height: 50px; border: solid 1px #ccc; padding-left: 10px;}
.my-account-inner input[type="submit"]{height: 50px; background: #0079db; color: #fff; text-transform: uppercase; font-weight: bold; width: 100px; float: right;}
.search-inner{width: 100%; float: left; padding: 15px; background: #c0c0c0; margin-bottom: 20px;}
.search-inner strong{font-family: 'Roboto', sans-serif; font-size:21px; color: #353535; text-transform: uppercase; font-weight: 500; display: inline;}
.search-inner input{max-width: 200px; width: 100%; height: 45px; border: solid 1px #ccc; padding-left: 10px; float: left; background: #fff;}
.search-inner input[type="submit"]{height: 45px; background: #0070c0; color: #fff; text-transform: uppercase; font-weight: bold; width: 100px; float: left;}
.search-inner input[type="submit"]:hover{ background: #0057b9; color: #fff; text-decoration: none;}
.upload-bttn{height: 45px; background: #0070c0; color: #fff; text-transform: uppercase; font-weight: bold; width: 100px; text-align: center; line-height: 45px; display: inline-block; float: left;}
.upload-bttn:hover{ background: #0057b9; color: #fff; text-decoration: none;}
.perpage{margin: 20px 0 10px 0; border-bottom: solid 1px #444444; border-top: solid 1px #444444; padding: 10px 0; clear: both;}
.perpage p{font-family: 'Roboto', sans-serif; font-size:16px; color: #444444; text-transform: uppercase; font-weight: bold; text-align: left; float: left; line-height: 30px; margin-right: 10px;}
.perpage select{width: 70px; height: 30px;}
.part-number strong{font-size: 16px !important;}
.pagination{float: right; margin: 0px !important;}
.update-stock{margin: 0 auto; background: #0079db;  display: block; width: 200px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 10px; font-size: 16px; text-align: center;}
.update-stock span{margin-left: 10px;}
.update-stock:hover{color: #fff; background: #0057b9; text-decoration: none;}
.browse-new-file{float: left; padding: 0px !important; line-height: 38px; -webkit-appearance: inherit; max-width: 370px !important; cursor: pointer;}
.back-arrow{font-weight: bold; text-transform: uppercase; width: 100%; text-align: right; padding-right: 18px;}
.back-arrow span{margin-right: 5px;}
.part-number tr{border-bottom: dotted 1px #ccc;}
.my-account-inner input::-webkit-file-upload-button{background: #595959; line-height: 40px; height: 45px; color: #fff; font-weight: bold; text-transform: capitalize;}
.contact-us-inner-section-side ul li:last-of-type span{margin-top: 5px;}
.sku-result-new{max-width: 500px; background: #0070c0; height: 450px; margin: 0 auto; padding: 35px 25px 0;  position: relative; top: 129px; width: 100%; color: #fff;}
.sku-result-new a{margin-top: 15px; display: block;}
.sku-result-new tr td{border: none !important;}
.sku-form{display: inline-block; width: 320px; float: left; margin-top: 10px;}
.sku-section-left{width: 57%; float: left;}
.sku-section-right{width: 42%; float: left;}
.browse-new{background: url(../images/browse-new-file.jpg) left top no-repeat; width: 80px; height: 45px; float: left; position: absolute; margin-top: 10px;}
.size-control{max-width: 280px !important;}
.remove-stock{float: right; font-family: 'Roboto', sans-serif; font-size:16px; color: #000099; font-weight: bold;}
.faq-mid-section{width: 100%; float: left; text-align: left;}
.faq-mid-section ul{list-style: none; margin: 0px; padding: 0px;}
.faq-mid-section ul li{padding:5px 0 5px 20px; background: url(../images/li-arrow.png) left 10px no-repeat; margin-left: 10px;}
.faq-question{background: #0079db; border-radius: 50px; padding-top: 2px; color: #fff; display: inline-block; width: 25px; height: 25px; text-align: center;}
.faq-answer{background: #525252; border-radius: 50px; padding-top: 2px; color: #fff; display: inline-block; width: 25px; height: 25px; text-align: center;}


@media only screen and (max-width:1230px){
    .wraper{max-width: 1000px;}
    .what-we-do ul li{max-width: 330px;}
    .quick-links{max-width: 180px;}
    .logo-bottom{max-width: 340px;}
    .contact-us-inner-section-side{max-width: 380px;}
    #mask{width: 100% !important;}
    .search-inner input{max-width: 160px;}
    .sku-form{width: 270px;}
    .browse-new-file{max-width: 300px !important;}
    .size-control{max-width: 220px !important;}
}




@media only screen and (max-width:1023px){
    .wraper{max-width: 700px;}
    .navigation ul li{margin: 10px 2px;}
    .navigation ul li a{padding: 10px 4px;}
    .about-us{min-height: 600px;}
    .what-we-do ul li{max-width: 232px;}
    .what-we-do ul li a{padding: 125px 10px 25px 0; text-align: center; background: #0079db url("../images/wht-we-do.png") no-repeat scroll center 20px; height: auto;}
    .what-we-do ul li a strong{background: url("../images/border-strong.jpg") no-repeat scroll center bottom;}
    .what-we-do ul li a.who-we-are{background: #0079db url("../images/who-we-are.png") no-repeat scroll center 20px;}
    .what-we-do ul li a.why-choose{background: #0079db url("../images/why-choose.png") no-repeat scroll center 20px;}
    .what-we-do ul li a:hover{background: #525252 url("../images/wht-we-do.png") no-repeat scroll center 20px;}
    .what-we-do ul li a.who-we-are:hover{background: #525252 url("../images/who-we-are.png") no-repeat scroll center 20px;}
    .what-we-do ul li a.why-choose:hover{background: #525252 url("../images/why-choose.png") no-repeat scroll center 20px;}
    .quick-links{max-width: 140px;}
    .contact-us{max-width: 190px; margin-left: 30px;}
    .logo-bottom{max-width: 180px;}
    .logo-bottom a img{width: 100%;}
    .back-to-top{width: auto;}
    .contact-us-inner-section{max-width: 350px;}
    .contact-us-inner-section-side{max-width: 310px;}
    .login{padding: 10px 10px 10px 30px !important;}
    .captcha-input{max-width: 100% !important;}
    .my-account-inner input::-webkit-file-upload-button{-webkit-appearance: none;}
    .search-inner input{max-width: 325px;}
    .sku-section-left{width: 100%;}
    .sku-section-right{width: 100%; margin-top: 20px;}
    .sku-form{width: 50%;}
    .search-inner input{max-width: 225px;}
    .browse-new-file{max-width: 560px !important;}
    .size-control{max-width: 472px !important;}
}



@media only screen and (max-width:767px){
    .wraper{max-width: 300px;}
    .header{margin-bottom: 70px;}
    .hgroup{max-width: 300px; float: none; text-align: center;}
    .top-nav-second{position: absolute !important; width: 100%; max-width: 300px; display: block; margin-top: 20px;}
    .navigation{display: none;}
    .navbar-header{background: none;}
    .navbar-collapse ul li a.active{background: #0079db; color: #fff !important;}
    .what-we-do ul li{max-width: 100%; margin-bottom: 5px;}
    .quick-links{max-width: 150px;}
    .contact-us{margin: 15px 0 0 0; max-width: 100%;}
    .logo-bottom{max-width: 100%;}
    .logo-bottom a img{width: 85%;}
    .copyright-left{text-align: center; width: 100%;}
    .copyright-right{text-align: center; width: 100%; margin: 5px 0;}
    .about-us{min-height: inherit;}
    .about-us-image img{width: 90%;}
    .about-us-content p{padding: 0 10px;}
    .contact-us-inner-section{padding: 0px;}
    #boxes .window{left: 0 !important;}
    .log-in-pop-up{max-width: 300px;}
    .search-inner{width: 100%; display: inline-block;}
    .search-inner input{width: 180px; float: left; margin-bottom: 25px;}
    .search-inner input[type="submit"]{padding: 0px; width: 80px; float: left;}
    .part-number{overflow: scroll;}
    .logout{margin: 0px;}
    .nav > li > a{background: none; padding: 5px !important; color: #9d9d9d !important;}
    .nav > li{background: none; padding: 5px !important; color: #9d9d9d !important; text-transform: capitalize;}
    .upload-bttn{width: 80px; float: left;}
    .sku-form{width: 100%;}
    .size-control{max-width: 90px !important;}
    .remove-stock{margin: 0 10px 5px 0;}
}