/*
Theme Name: Arcata
Author: Bonoboz team
Author URI: http://www.bonoboz.in
Description: The 2012 theme for WordPress is a fully responsive theme.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s ease;}
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%;vertical-align: baseline;}
body {line-height: 1;}
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;}
caption,th,td {font-weight: normal;text-align: left;}
h1,h2,h3,h4,h5,h6 {clear: both;font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.5; margin-bottom:20px;}
h1{ font-size:28px;}
h2 {font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0;text-decoration: none;}
hr {background-color: #ccc;border: 0;height: 1px;margin: 24px;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0;-ms-interpolation-mode: bicubic;max-width: 100%; height:auto}
/* Clearing floats */
.clear:after,.wrapper:after,.format-status .entry-header:after {clear: both;}
.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after {display: table;content: "";}
/* =Repeatable patterns-------------------------------------------------------------- */
/* Shared Post Format styling */
article.format-quote footer.entry-meta,article.format-link footer.entry-meta,article.format-status footer.entry-meta {font-size: 11px;line-height: 2.181818182;}
/* Form fields, general styles first */
button,input,select,textarea {border: 1px solid #ccc;font-family: inherit;padding:5px 10px; font-size:15px;}
button,input {line-height: normal;}
textarea {font-size: 100%;overflow: auto;vertical-align: top;}
/* Reset non-text input types */
input[type="checkbox"],input[type="radio"],input[type="file"],input[type="hidden"],input[type="image"],input[type="color"] {border: 0;padding: 0;margin: 0 5px 0}
/* Buttons */
.menu-toggle,input[type="submit"],input[type="button"],input[type="reset"],article.post-password-required input[type=submit],.bypostauthor cite span {padding:5px 20px;font-size:16px;line-height: 19px;font-weight: normal;color: #fff;background-color: #cc3300; border:1px solid #cc3300}
.menu-toggle,button,input[type="submit"],input[type="button"],input[type="reset"] {cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
.menu-toggle:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,article.post-password-required input[type=submit]:hover {color: #cc3300;background-color: #fff; border-color:#cc3300}
.bypostauthor cite span {color: #fff;background-color: #21759b;background-image: none;border: 1px solid #1f6f93;box-shadow: none;padding: 0;}
/* Responsive images */
/* Make sure videos and embeds fit their containers */
embed,iframe,object,video {max-width: 100%;}
.entry-content .twitter-tweet-rendered {max-width: 100% !important; /* Override the Twitter embed fixed width */}
/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {max-width: 100%; /* Keep wide captions from overflowing their container. */padding: 4px;}
.wp-caption .wp-caption-text,.gallery-caption,.entry-caption {font-style: italic;font-size: 12px;line-height: 2;color: #757575;}
img.wp-smiley,.rsswidget img {border: 0;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.entry-content .gallery { margin:0 0 0 50px !important; float:right; width:50%;}
.entry-content dl.gallery-item {padding:0 0 0 20px; margin:0}

.gallery-item a,.gallery-caption {width: 90%;}
.gallery-item a {display: block;}
.gallery-caption a {display: inline;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto;max-width:100%;padding:0;}
.gallery-columns-1 .gallery-icon img {padding: 3%;}
/* Navigation */
.site-content nav {clear: both;line-height: 2;overflow: hidden;}
#nav-above {padding: 24px 0;}
#nav-above {display: none;}
.paged #nav-above {display: block;}
.nav-previous,.previous-image {float: left;width: 50%;}
.nav-next,.next-image {float: right;text-align: right;width: 50%;}
.nav-single + .comments-area,#comment-nav-above {margin: 48px 0;}
/* Author profiles */
.author .archive-header {margin-bottom: 24px;}
.author-info {border-top: 1px solid #ededed;margin: 24px 0;padding-top: 24px;overflow: hidden;}
.author-description p {color: #757575;font-size: 14px;line-height: 1.846153846;}
.author.archive .author-info {border-top: 0;margin: 0 0 48px;}
.author.archive .author-avatar {margin-top: 0;}
/* =Basic structure-------------------------------------------------------------- */
/* Body, links, basics */
html {font-size: 87.5%;}
body { font:16px/18px 'Source Sans Pro', Arial, Helvetica, sans-serif; text-rendering: optimizeLegibility;color: #444; background-color:#fff;}
a {outline:none;color: #cc3300;}
a:hover {color:#323232;}
a:focus { outline:0}
/* Assistive text */
.assistive-text,.site .screen-reader-text {position: absolute !important;clip: rect(1px, 1px, 1px, 1px);}
.main-navigation .assistive-text:focus {background: #fff;border: 2px solid #333;border-radius: 3px;clip: auto !important;color: #000;display: block;font-size: 12px;padding: 12px;position: absolute;top: 5px;left: 5px;z-index: 100000; /* Above WP toolbar */}
/* Header */
.site-header{position: fixed;top: 0;width: 100%;z-index: 99997; background-color:#fff;}
.site-header:before {background:#b2b3aa;content: "";display: block;height: 4px;left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}
#main { margin-top:110px; clear:both;}
.fullWidth { width:100% !important; float:none !important}
.site-header .site { position:relative;}
.site-header .site:after {border-left: 5px solid #ffffff;border-right: 5px solid #ffffff;content: "";height: 8px;left: -5px;position: absolute;top: 0;z-index: 10; background-color:#cc3300; width:250px;}
.site-title { float:left; margin:23px 0 16px}
.site-title img { display:block}
/* Navigation Menu */
.main-navigation {float:right; margin:24px 60px 0 0}
.main-navigation li {font-size:18px;line-height: 1.42857143;list-style: decimal-leading-zero inside none;font-family:'Raleway', Arial, Helvetica, sans-serif}
.main-navigation li:before {content: ''; }
.main-navigation li ul {}
.main-navigation li ul:before {border-color:transparent transparent #e5e5e0;}
.main-navigation li ul:before, .main-navigation li ul:after {border-style: solid;border-width: 0 8px 8px;content: "";left:20%;margin-left:-8px;opacity: 1;position: absolute;top: -8px;transition: all 0.2s ease-in-out 0s;}
.main-navigation li ul:after {border-color: transparent transparent #cc3300;top: -8px;}
.main-navigation li ul li { list-style:none}
.main-navigation a {color: #cc3300; text-decoration:none;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}
.main-navigation a:hover,.main-navigation a:focus {color: #333;}
/* Search  */
.searchBtn, .socialBtn {position:absolute; right:0; top:30px; background-color: #cbccc2;border-radius: 50%;height: 40px;transition: background-color 0.3s ease-in-out 0s, margin-top 0.2s ease-in-out 0s;width: 40px;z-index: 30; display:block;}
.socialBtn {background-image: url(images/social_button.png);}
.searchBtn {background-image: url(images/search_button.png);}
.searchBtn:hover, .socialBtn:hover, .searchBtn.active {background-color:#cc3300}
.searchBox {position:absolute; right:0; top:80px;background:#cc3300; color:#fff; padding:5px; display:none; transition:none; z-index:99999}
.searchBox:before {border-color:transparent transparent #e5e5e0;}
.searchBox:before, .searchBox:after {border-style: solid;border-width: 0 8px 8px;content: "";left:91%;margin-left: -8px;opacity: 1;position: absolute;top: -8px;transition: all 0.2s ease-in-out 0s;}
.searchBox:after {border-color: transparent transparent #cc3300;top: -7px;}
.searchBox #s { border:none; height:33px;}
.searchBox input { float:left;}
/** Banner ===================================*/
.indexBanner { margin-bottom:30px; height:550px;}
.bx-wrapper {position: relative;margin:0;padding: 0;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {background: #fff;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {position: absolute;top:50%; margin-top:-30px; outline: 0;width:40px;height:60px;text-indent: -9999px;z-index: 9999;background:url(images/arrow_slider.png) no-repeat}
.bx-wrapper .bx-controls-direction .bx-prev {left:10px; background-position:0 0}
.bx-wrapper .bx-controls-direction .bx-next {right:10px; background-position:right 0}

/*InnerBanner*/
.blogBanner {background:url(images/blog_banner.jpg) no-repeat center top fixed; height:300px; margin-bottom:30px;}

.introText { text-align:center; font-size:18px; font-weight:300; line-height:1.6; background-color:#f5f5f5}
.introText .site { padding:20px 100px;} 
.servicesBlock {margin: 0 -1.5% 30px;}
.servicesBlock .home4Block {float:left; width:22%; margin:0 1.5%; padding:0 30px; color:#fff; background-position:right 15px; background-repeat:no-repeat;font-size:14px;}
.servicesBlock .home4Block p { padding-bottom:20px;}
.servicesBlock .home4Block h2 { margin:0; padding:20px 0 15px; font-size:20px;}
.servicesBlock .hBlock1 { background-color:#cc3300; background-image:url(images/home1.png)}
.servicesBlock .hBlock2 { background-color:#c4896f; background-image:url(images/home2.png)}
.servicesBlock .hBlock3 { background-color:#5cb0a5; background-image:url(images/home3.png)}
.servicesBlock .hBlock4 { background-color:#57a2bc; background-image:url(images/home4.png)}

.counterSection {background-color:#202020; color:#fff; font-size:15px; font-weight:700; line-height:normal; padding:75px 0;}
.counterSection .counterBlock { float:left; width:33.33%; text-align:center;}
.counterSection span { display:block}
.counterSection .counter, .counterSection .mainC { font-size:50px;}
.counterSection .mainC .counter { display:inline}
 /* Footer */
#footer { background-color:#fdfdfc; margin:0; padding:15px 0;}
.siteInfo { float:right; line-height:28px; color:#cbccc2; font-size:13px;}
.siteInfo a { color:#cbccc2;}
.siteInfo a:hover { text-decoration:none; color:#cc3300}
.socialIcons { float:left;}
.socialIcons li { float:left; margin-right:5px;}
.socialIcons li a { background:url(images/social.jpg) no-repeat; width:28px; height:28px; display:block; overflow:hidden; text-indent:-1000px;}
.socialIcons li a:hover { opacity:0.7;}
.socialIcons li .ld { background-position:-1px 0}
.socialIcons li .fb { background-position:-32px 0}
.socialIcons li .gp { background-position:-63px 0}
.socialIcons li .rss { background-position:-94px 0}
.socialIcons li .tw { background-position:-125px 0}
.footerWidgets {margin: 0 -1.5%;color: #cbccc2}
.footerWidgets .widget{ float:left; width: 21%; margin: 0 2% 30px;}
.footerWidgets .widget-title {border-bottom: 2px solid #e4e4df;margin-bottom: 25px;padding:15px 0;color: #9b9b97;font-size:18px; font-weight:normal}
.footerWidgets a {color: #cbccc2; text-decoration:none; font-weight:bold}
.footerWidgets a:hover {color: #323232;}
.footerWidgets ul li{border-top: 1px solid #e1e1e1;padding: 5px 0;}
.footerWidgets ul li:first-child { border-top:none}
.ourTeamLeaders { clear:both}
.homeTitle{padding-bottom:10px;border-bottom:2px solid rgba(178, 179, 170, 0.2);margin-bottom:30px;position:relative;color:#2a2a2a}
.homeTitle:before{content:"";display:block;position:absolute;width:40px;height:2px;bottom:-2px;left:0;background:#cc3300}
.teamListing {margin: 0 -1.5% 30px;}
.teamListing .teamBlock {float:left; width:22%; margin:0 1.5%; min-height:215px;border: 1px solid #e5e5e0; position:relative; overflow:hidden}
.teamBlock .teamInfo { position:absolute; left:0; bottom:-50px;background:#fff; padding:15px; width:100%}
.teamListing .teamBlock:hover .teamInfo{ bottom:0; height:100%}
.teamBlock .teamInfo h3 { margin:0; color:#323232}
.teamBlock .designation{color:#57a2bc; margin-bottom:10px;}
.teamBlock .teamInfo:before {border-color:transparent transparent #e5e5e0;}
.teamBlock .teamInfo:before, .teamBlock .teamInfo:after {border-style: solid;border-width: 0 8px 8px;content: "";left: 50%;margin-left: -8px;opacity: 1;position: absolute;top: -8px;transition: all 0.2s ease-in-out 0s;}
.teamBlock .teamInfo:after {border-color: transparent transparent #ffffff;top: -7px;}

.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; display:none}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;display: block;font-size: .85em;padding: 10px;}
#sldier li {position:relative; height:550px}
.bannerCaption { position:absolute; top:150px;background-color:#fff; width:410px; padding:30px;}
.bannerCaption h1 { border-left:4px solid #cc3300;line-height: 1.8;margin-bottom: 10px;padding-left: 20px;  font-size:30px;}
.bannerCaption p { padding-left:20px; font-size:16px; color:#757575 ; line-height:24px;}
.bannerCaption.leftCaption{ left:70px;}
.bannerCaption.rightCaption{ right:70px;}
.moreBtn {position: relative; font-size:13px;}
.moreBtn:before {content: '';background: #cbccc2 url(images/arrow_list.png) no-repeat 4px 3px;width: 11px;height:11px;position: absolute;top:4px;right: -20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;-ms-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
.moreBtn:hover:before { background-color:#cc3300}
/* Sidebar */
.widget-area .widget {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;margin-bottom: 48px;word-wrap: break-word;}
.widget-area .widget h3 {margin-bottom:20px; font-size:24px; position:relative; border-bottom:2px solid #f0f0ee; padding-bottom:10px;}
.widget-area .widget h3:before {border-right:2px solid #fff;bottom:-2px;content: "";display: block;height:2px;left: 0;position: absolute;background-color:#cc3300; width:35px;}
.widget-area .widget p,.widget-area .widget li,.widget-area .widget .textwidget {font-size: 14px;line-height: 1.846153846;}
.widget-area .widget p {margin-bottom: 24px;}
.widget-area .textwidget ul {list-style: disc outside;margin: 0 0 24px;}
.widget-area .textwidget li {margin-left: 36px;}
.widget-area .widget li {border-top: 1px solid #e1e1e1; padding:5px 15px 5px 0; position:relative; color:#252525}
.widget-area .widget li:first-child {border:none}
.widget-area .widget a {color: #57a2bc; text-decoration:none}
.widget-area .widget a:hover {color: #21759b;}
.widget-area .widget a:visited {color: #57a2bc;}
.widget-area #s {width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */}

.widget-area .widget li a:before {content: '';background: #cbccc2 url(images/arrow_list.png) no-repeat 4px 3px;width: 11px;height:11px;position: absolute;top:12px;right:0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;-ms-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
.widget-area .widget li a:hover:before { background-color:#cc3300}

/*Breadcrumbs*/
#breadcrumbs{color:#b0b0b0; float:right; padding:25px 0}
#breadcrumbs a {color:#b0b0b0; text-decoration:none}
#breadcrumbs a:hover { color:#cc3300; text-decoration:underline}
/*Product Page*/
.productPage{margin:0 -1.5%;}
.productBlock {float:left; width:47%; margin:0 1.5%;position:relative; overflow:hidden;}
.productBlock img { display:block}
.productBlock .productBg {height:100%;position:absolute; left:0; top:0; width:100%;}
.productBlock:hover .productBg {background:url(images/product-hover-bg.png) repeat;}
.productBlock .productInfo { position:absolute; left:0; bottom:0;background:#fff; padding:15px; width:92%; margin:4%; text-align:center;}
.productBlock:hover .productInfo {bottom:35%; width:96%; margin:2%}
.productBlock .productInfo h3 { margin:0; color:#323232}
.productBlock .category{color:#57a2bc;}
.productBlock .productInfo:before {border-color:transparent transparent #e5e5e0;}
.productBlock .productInfo:before, .productBlock .productInfo:after {border-style: solid;border-width: 0 8px 8px;content: "";left: 50%;margin-left: -8px;opacity: 1;position: absolute;top: -8px;transition: all 0.2s ease-in-out 0s;}
.productBlock .productInfo:after {border-color: transparent transparent #ffffff;top: -7px;}

/*Product Listing*/
.productListing{margin:0 -1.5%;}
.prdBlock {float:left; width:47%; margin:0 1.5% 30px;position:relative; border:1px solid #e5e5e0;}
.prdBlock .prdColor {border-bottom:1px solid #EEEEEE;}
.prdBlock .prdColor img { display:block; width:100%}
.dyeIntermediates .prdBlock .prdColor:hover { background:url(images/gredient-hover.jpg) repeat-x left center; background-size:cover}
.prdBlock .prdColor:hover img { opacity:0.7;}
.entry-content .prdBlock h3 {margin:0; padding:8px 15px 5px; font-size:15px; line-height:normal; font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;}
.clNumber { padding:0 15px 10px; color:#57a2bc}
.prdBlock h3 a{color:#323232; text-decoration:none; font-weight:500}
.prdBlock h3 a:hover {color:#cc3300}
.prdBtn {border-top:1px solid #e5e5e0;padding:10px 15px;}
.prdBtn a{color:#57a2bc; text-decoration:none;display:inline-block; padding-left:30px; background-position:left center; background-repeat:no-repeat}
.prdBtn a:hover { color:#cc3300}
.prdBtn .view {float:left; background-image:url(images/view.png);}
.prdBtn .download {float:right; background-image:url(images/download.png);}
.prdBtn .view:hover {background-image:url(images/view_hover.png);}
.prdBtn .download:hover {background-image:url(images/download_hover.png);}
	
.dyesListing { margin:0 -1%}
.dyesListing .prdBlock{min-height:140px; margin:0 1% 20px;width:31.33%;}
.dyesListing .prdBlock .prdColor { min-height:60px;}
.dyesFilter { background-color:#EEF9FC; padding:20px 20px 10px; margin-bottom:20px; border:1px solid #D4EEF5}
.dyesFilter label{ margin:0 20px 10px 0; display:inline-block}


.violet_5{background-color:#98559a}
.blue_250{background-color:#2c3449}
.black_5{background-color:#253243}
.blackn150{background-color:#393d40}
.blackwwn{background-color:#1f1e23}
.black_31{background-color:#4d4253}
.blue_21{background-color:#47a4e1}
.blue_220{background-color:#395996}
.yellow_18{background-color:#f0e13e}
.yellow_95{background-color:#f9f53e}
.orange_12{background-color:#ed9929}
.orange_13{background-color:#ec4c34}
.red_24{background-color:#e23256}
.red_31{background-color:#d33c73}
.blue_49{background-color:#4661bc}
.yellow_84{background-color:#ef8e27}
.yellow_105{background-color:#e9d127}
.yellow_135{background-color:#f5f437}
.orange_84{background-color:#f65038}
.red_120{background-color:#e13863}
.red_141{background-color:#da336b}
.green_19{background-color:#214345}
.blue_160{background-color:#4760a2}
.blue_171{background-color:#2c3350}
.yellow_145{background-color:#f28f31}
.yellow_160{background-color:#f8f430}
.orange_122{background-color:#df351e}
.red_195{background-color:#da3d74}
.red_250{background-color:#c02161}
.blue_194{background-color:#263753}
.blue_221{background-color:#33497b}
.blue_222{background-color:#3f4e79}

.directyellow11{background-color:#df7110}
.directyellow12{background-color:#eea11f}
.directyellow44{background-color:#f7d239}
.directyellow99{background-color:#f2a231}
.directyellow107{background-color:#863600}
.directyellow118{background-color:#FFC600}
.directyellow142{background-color:#e17924}
.directorange26{background-color:#ee473e}
.directorange34{background-color:#e45221}
.directorange102{background-color:#eb3e30}
.directorange108{background-color:#e94641}
.directred16{background-color:#9b6437}
.directred23{background-color:#db3937}
.directred31{background-color:#ba303f}
.directred72{background-color:#B5022F}
.directred79{background-color:#BD1520}
.directred80{background-color:#d62d40}
.directred81{background-color:#ce3547}
.directred84{background-color:#fff}
.directred239{background-color:#dd373b}
.directviolet9{background-color:#332242}
.directblue1{background-color:#394f80}
.directblue14{background-color:#050875}
.directblue71{background-color:#232850}
.directblue80{background-color:#265cdb}
.directblue86{background-color:#3f98d0}
.directblue218{background-color:#05a8e8}
.directblack19{background-color:#2e3831}
.directblack22{background-color:#292c35}
.directblack80{background-color:#2b2a32}
.directblack168{background-color:#4d5667}
.directblack170{background-color:#122407}
.directblack179{background-color:#122407}
.directgreen26{background-color:#334e49}
.directgreen96{background-color:#04664E}
.directgreen99{background-color:#04664E}
.acidyellow11{background-color:#F5EF3B}
.acidyellow17{background-color:#fff}
.acidyellow42{background-color:#fff}
.acidyellow99{background-color:#FFD105}
.acidorange3{background-color:#fff}
.acidorange7{background-color:#fff}
.acidorange56{background-color:#fff}
.acidred1{background-color:#fff}
.acidred14{background-color:#fff}
.acidred97{background-color:#F51A0F}
.acidred114{background-color:#fff}
.acidred119{background-color:#fff}
.acidred131{background-color:#fff}
.acidred254{background-color:#F50F39}
.acidviolet1{background-color:#85156E}
.acidviolet17{background-color:#fff}
.acidviolet90{background-color:#9c0f2f}
.acidblue113{background-color:#fff}
.acidblue193{background-color:#333657}
.acidbrown348{background-color:#fff}
.acidbrown349{background-color:#fff}
.acidgreen20{background-color:#00BDA5}
.acidblack26{background-color:#030421}
.acidblack52{background-color:#26252a}
.acidblack194{background-color:#27242d}
.acidblack210{background-color:#030421}
.acidblack234{background-color:#030421}
.acidyellow17 { background-color:#faeb0a}
.acidyellow42{background-color:#ffe105 }
.acidorange3{ background-color:#ec8a01}
.acidorange7{ background-color:#fc3109}
.acidorange56{ background-color:#ff9900}
.acidred1{ background-color:#FF638C}
.acidred14{ background-color:#C10061}
.acidred114{ background-color:#ea0001}
.acidred119{ background-color:#690412}
.acidred131{ background-color:#dd179e}
.acidviolet17{ background-color:#5611aa}
.acidblue113{ background-color:#334b7b}
.acidbrown348{ background-color:#400d00}
.acidbrown349{ background-color:#4c3300}

.productSidebar .widget{background:#f4f4f4;border-top: 5px solid #ccc;padding: 10px 20px 20px;position: fixed;width: 293px;}
.productSidebar .widget h3 { border-color:#ddd}
.sidebarContact .wpcf7-text, .sidebarContact select, .sidebarContact textarea, .sidebarContact .wpcf7-captchar {width:100%;padding:8px 15px;background:#fff; border:1px solid #ccc;position:relative;z-index:8888}
.sidebarContact .wpcf7-text:focus, .sidebarContact select:focus, .sidebarContact textarea:focus, .sidebarContact .wpcf7-captchar:focus{border-color:#555;}
.sidebarContact .elementRow { padding-bottom:8px;}
.sidebarContact textarea{height:70px;}
.sidebarContact .capblock img{float:left; margin:10px 10px 0 0;}
.sidebarContact .capblock input{float:right;width:130px;}
.sidebarContact .capblock br{display:none}
.sidebarContact .inputField{position:relative;}
.sidebarContact div.wpcf7 img.ajax-loader{position:absolute;left:195px;top:67px}
.sidebarContact .elementRow.btns{margin:0;text-align:right;}
.sidebarContact .wpcf7-submit { float:right;}
span.wpcf7-not-valid-tip{clear:both}
.star{color:#ff0000}

.contactForm{float: left;width:70%;}
.contactForm .sidebarContact { margin:0 -15px;}
.contactForm .sidebarContact .elementRow{float:left; width:50%; padding:0 15px 15px;}

.contactForm .sidebarContact .full, .contactForm .sidebarContact .capblock{ float:none; width:auto}
.contactForm .sidebarContact .capblock input { float:left;}
.contactForm .sidebarContact .btns { float:right; position:relative; z-index:99}
.contactForm .sidebarContact .btns input { float:right; width:auto}
.contactAddress {float: right;width:25%;}
.entry-content .contactAddress h3 { margin-top:0; font-weight:bold}

.contactUsMap {height:400px; width:100%; margin-bottom:30px; position:relative;} 
#map {position:relative;} 
.cover {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: 0;}
.manufacturingPage { float:right; width:50%; margin-left:50px; height:409px;}
.maMainPage h3 { font-weight:bold; font-size:24px; clear:none}
.maMainPage  .ul5cols li { float:left; width:16%}
.entry-content .manufacturingSldier li, .entry-content .manufacturingSldier { margin:0}
.manufacturingSldier li{ height:300px;}
#mfPager { text-align:center; margin:20px -1%}
#mfPager a {float:left; width:18%; margin:0 1%;}
#mfPager img { border:2px solid #ddd}
#mfPager a.active img { border-color:#cc3300}
.maMainPage .maImgBlock { border-bottom:1px dotted #eee; margin-bottom:30px;}
.maMainPage .maImgBlock.last { border-bottom:none; margin-bottom:0;}
.maMainPage .maImgBlock img{ float:left; margin:0 30px 30px 0}
.maMainPage .maImgBlock br { display:none}
.entry-content .maMainPage .maImgBlock h3{ margin:0 0 15px}
/*About US*/
.aboutUsPage {}
.aboutLeft {float:left; width:62%}
.aboutRight { float:right; width:32%}
.aboutRight img { width:100%}
.entry-content .aboutRight blockquote {clear:both}

/*CSR*/
.csrQoute { max-width:840px; margin:0 auto}

/*********	LiteBox v1.3 **********/
.litebox-overlay,.litebox-overlay > * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.litebox-overlay {display: none;width: 100%;min-width: 280px;text-align: center;position: fixed;top: 0;left: 0;z-index: 99999;}@-webkit-keyframes liteboxLoader {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}@-moz-keyframes liteboxLoader {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(360deg); }}@-ms-keyframes liteboxLoader {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}@-o-keyframes liteboxLoader {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}@keyframes liteboxLoader {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.litebox-overlay .litebox-loader {position: absolute;width: 40px;height: 40px;left: 20px;top: 20px;border: 3px solid #111;border-right-color: #fff;border-radius: 50%;-webkit-animation: liteboxLoader 1s linear infinite;-moz-animation: liteboxLoader 1s linear infinite;-ms-animation: liteboxLoader 1s linear infinite;-o-animation: liteboxLoader 1s linear infinite;animation: liteboxLoader 1s linear infinite;}.litebox-overlay .litebox-text {width: 100%;padding: 0 15px;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 12px;line-height: 50px;position: absolute;bottom: 0;z-index: 2;-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}.litebox-overlay .litebox-text.active {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);opacity: 1;}.litebox-overlay .litebox-close {width: 40px;height: 40px;background: url(images/litebox-close.png) no-repeat center;opacity: .7;position: absolute;top: 20px;right: 20px;-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;}.litebox-overlay .litebox-close:hover {opacity: 1;cursor: pointer;}.litebox-overlay .litebox-nav {display: none;width: 60px;height: 60px;margin-top: -30px;opacity: .2;position: absolute;top: 50%;z-index: 9999999;-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;}.litebox-overlay .litebox-nav:hover {opacity: .5;cursor: pointer;}.litebox-overlay .litebox-prev {background: url(images/litebox-prev.png) no-repeat center;left: 20px;}.litebox-overlay .litebox-next {background: url(images/litebox-next.png) no-repeat center;right: 20px;}.litebox-overlay .litebox-container {position: absolute;top:4%;right: 10%;bottom: 4%;left: 10%;overflow: hidden;}.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }.litebox-overlay img,.litebox-overlay iframe {display: inline-block;max-width: 100%;max-height: 100%;margin: 0 auto;vertical-align: middle;overflow-x: hidden;}.litebox-overlay iframe {width: 100%;height: 100%;position: relative;z-index: 999999;}.litebox-overlay .litebox-inline-html {width: 100%;padding: 20px;background: #FFF;line-height: normal;overflow-x: hidden;line-height: normal !important;position: absolute;}.litebox-overlay .litebox-error {width: 100%;height: 100%;color: #FFF;text-align: center;line-height: inherit;}.litebox-overlay .litebox-error span {background: rgba(0, 0, 0, .9);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 20px;color: #FFF;text-shadow: 1px 1px 0 #000;line-height: normal;}@media only screen and (max-width: 479px) {.litebox-overlay .litebox-close { display: none; }}.litebox-content {display:inline-block; padding:5px; background-color:#fff}

/* =Main content and comment content-------------------------------------------------------------- */
.entry-meta {clear: both;}
.entry-header {margin-bottom:24px; padding:0; position:relative; border-bottom:2px solid #f0f0ee}
.entry-header:before {border-right:2px solid #fff;bottom:-2px;content: "";display: block;height:2px;left: 0;position: absolute;background-color:#cc3300; width:35px;}
.blog .entry-header { border:none; margin:0}
.blog .entry-header:before {display:none}
.entry-header img.wp-post-image {margin-bottom: 24px;}
.entry-header .entry-title {font-size:44px;line-height: 1.2;font-weight:600; clear:none}
.blog .entry-header .entry-title { font-size:24px;}
.entry-header .entry-title a {text-decoration: none;}
.entry-header .entry-format {margin-top: 24px;font-weight: normal;}
.entry-header .comments-link {margin-top: 24px;font-size: 14px;line-height: 1.846153846;color: #757575;}
.comments-link a,.entry-meta a {color: #757575;}
.comments-link a:hover,.entry-meta a:hover {color: #21759b;}
article.sticky .featured-post {border-top: 4px double #ededed;border-bottom: 4px double #ededed;color: #757575;font-size: 14px;line-height: 3.692307692;margin-bottom: 24px;text-align: center;}
.entry-content,.entry-summary,.mu_register {line-height: 1.714285714;}
.entry-content h1,.comment-content h1,.entry-content h2,.comment-content h2,.entry-content h3,.comment-content h3,.entry-content h4,.comment-content h4,.entry-content h5,.comment-content h5,.entry-content h6,.comment-content h6 {margin: 24px 0;line-height: 1.714285714;}
.entry-content h1,.comment-content h1 {font-size: 21px;line-height: 1.5;}
.entry-content h2,.comment-content h2,.mu_register h2 {font-size: 18px;line-height: 1.6;}
.entry-content h3,.comment-content h3 {font-size: 16px;line-height: 1.846153846;}
.entry-content h4,.comment-content h4 {font-size: 14px;line-height: 1.846153846;}
.entry-content h5,.comment-content h5 {font-size: 14px;line-height: 1.846153846;}
.entry-content h6,.comment-content h6 {font-size: 12px;line-height: 1.846153846;}
.entry-content p,.entry-summary p,.comment-content p,.mu_register p {margin: 0 0 24px;line-height: 1.714285714;}
.entry-content a:visited,.comment-content a:visited {color: #9f9f9f;}
.entry-content ol,.comment-content ol,.entry-content ul,.comment-content ul,.mu_register ul {margin: 0 0 24px;line-height: 1.714285714;}
.entry-content ul ul,.comment-content ul ul,.entry-content ol ol,.comment-content ol ol,.entry-content ul ol,.comment-content ul ol,.entry-content ol ul,.comment-content ol ul {margin-bottom: 0;}
.entry-content ul,.comment-content ul,.mu_register ul {list-style: disc outside;}
.entry-content ol,.comment-content ol {list-style: decimal outside;}
.entry-content li,.comment-content li,.mu_register li {margin: 0 0 0 36px;}
.entry-content blockquote {margin-bottom: 24px;padding:0 40px;font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:normal; text-align:center;quotes: "\201C""\201D""\2018""\2019"; position:relative}
.entry-content blockquote:before, .entry-content blockquote:after {color: #ccc;font-size:100px; line-height:100px; position:absolute; text-align:left}
.entry-content blockquote:before {content: open-quote; left:-10px; top:0}
.entry-content blockquote:after {content: close-quote; right:10px; bottom:-60px}
.entry-content blockquote p:last-child,.comment-content blockquote p:last-child {margin-bottom: 0;}
.entry-content code,.comment-content code {font-family: Consolas, Monaco, Lucida Console, monospace;font-size: 12px;line-height: 2;}
.entry-content pre,.comment-content pre {border: 1px solid #ededed;color: #666;font-family: Consolas, Monaco, Lucida Console, monospace;font-size: 12px;line-height: 1.714285714;margin: 24px 0;overflow: auto;padding: 24px;}
.entry-content pre code,.comment-content pre code {display: block;}
.entry-content abbr,.comment-content abbr,.entry-content dfn,.comment-content dfn,.entry-content acronym,.comment-content acronym {border-bottom: 1px dotted #666;cursor: help;}
.entry-content address,.comment-content address {display: block;line-height: 1.714285714;margin: 0 0 24px;}
img.alignleft,.wp-caption.alignleft {margin: 0 24px 24px 0;}
img.alignright,.wp-caption.alignright {margin: 0 0 24px 24px;}
.shadow {-webkit-box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.3); padding:4px; border:1px solid #ccc}
img.aligncenter,.wp-caption.aligncenter {clear: both;margin-top: 0;margin-bottom: 24px;}
.entry-content embed,.entry-content iframe,.entry-content object,.entry-content video {margin-bottom: 24px;}
.entry-content dl,.comment-content dl {margin: 0 24px;}
.entry-content dt,.comment-content dt {font-weight: bold;line-height: 1.714285714;}
.entry-content dd,.comment-content dd {line-height: 1.714285714;margin-bottom: 24px;}
.entry-content table,.comment-content table {border-bottom: 1px solid #ededed;color: #757575;font-size: 12px;line-height: 2;margin: 0 0 24px;width: 100%;}
.entry-content table caption,.comment-content table caption {font-size: 16px;margin: 24px 0;}
.entry-content td,.comment-content td {border-top: 1px solid #ededed;padding: 6px 10px 6px 0;}
.site-content article {margin-bottom:30px;}
.blog .site-content article { border-bottom:2px solid #f0f0ee}
.page-links {clear: both;line-height: 1.714285714;}
footer.entry-meta {margin-top: 24px;font-size: 14px;line-height: 1.846153846;color: #757575;}
.single-author .entry-meta .by-author {display: none;}
.mu_register h2 {color: #757575;font-weight: normal;}
/* =Archives-------------------------------------------------------------- */
.archive-header,.page-header {margin-bottom: 48px;padding-bottom: 22px;border-bottom: 1px solid #ededed;}
.archive-meta {color: #757575;font-size: 12px;line-height: 2;margin-top: 22px;}
/* =Single audio/video attachment view-------------------------------------------------------------- */
.attachment .entry-content .mejs-audio {max-width: 400px;}
.attachment .entry-content .mejs-container {margin-bottom: 24px;}
/* =Single image attachment view-------------------------------------------------------------- */
.article.attachment {overflow: hidden;}
.image-attachment div.attachment {text-align: center;}
.image-attachment div.attachment p {text-align: center;}
.image-attachment div.attachment img {display: block;height: auto;margin: 0 auto;max-width: 100%;}
.image-attachment .entry-caption {margin-top: 8px;}
/* =Aside post format-------------------------------------------------------------- */
article.format-aside h1 {margin-bottom: 24px;}
article.format-aside h1 a {text-decoration: none;color: #4d525a;}
article.format-aside h1 a:hover {color: #2e3542;}
article.format-aside .aside {padding: 24px 24px 0;background: #d2e0f9;border-left: 22px solid #a8bfe8;}
article.format-aside p {font-size: 14px;line-height: 1.846153846;color: #4a5466;}
article.format-aside blockquote:last-child,article.format-aside p:last-child {margin-bottom: 0;}
/* =Post formats-------------------------------------------------------------- */
/* Image posts */
article.format-image footer h1 {font-size: 14px;line-height: 1.846153846;font-weight: normal;}
article.format-image footer h2 {font-size: 11px;line-height: 2.181818182;}
article.format-image footer a h2 {font-weight: normal;}
/* Link posts */
article.format-link header {padding: 0 10px;float: right;font-size: 11px;line-height: 2.181818182;font-weight: bold;font-style: italic;text-transform: uppercase;color: #848484;background-color: #ebebeb;border-radius: 3px;}
article.format-link .entry-content {max-width: 80%;float: left;}
article.format-link .entry-content a {font-size: 22px;line-height: 1.090909091;text-decoration: none;}
/* Quote posts */
article.format-quote .entry-content p {margin: 0;padding-bottom: 24px;}
article.format-quote .entry-content blockquote {display: block;padding: 24px 24px 0;font-size: 15px;line-height: 1.6;font-style: normal;color: #6a6a6a;background: #efefef;}
/* Status posts */
.format-status .entry-header {margin-bottom: 24px;}
.format-status .entry-header header {display: inline-block;}
.format-status .entry-header h1 {font-size: 15px;font-weight: normal;line-height: 1.6;margin: 0;}
.format-status .entry-header h2 {font-size: 12px;font-weight: normal;line-height: 2;margin: 0;}
.format-status .entry-header header a {color: #757575;}
.format-status .entry-header header a:hover {color: #21759b;}
.format-status .entry-header img {float: left;margin-right: 21px;}
/* =Comments-------------------------------------------------------------- */
.comments-title {margin-bottom: 48px;font-size: 16px;line-height: 1.5;font-weight: normal;}
.comments-area article {margin: 24px 0;}
.comments-area article header {margin: 0 0 48px;overflow: hidden;position: relative;}
.comments-area article header img {float: left;padding: 0;line-height: 0;}
.comments-area article header cite,.comments-area article header time {display: block;margin-left: 85px;}
.comments-area article header cite {font-style: normal;font-size: 15px;line-height: 1.42857143;}
.comments-area cite b {font-weight: normal;}
.comments-area article header time {line-height: 1.714285714;text-decoration: none;font-size: 12px;color: #5e5e5e;}
.comments-area article header a {text-decoration: none;color: #5e5e5e;}
.comments-area article header a:hover {color: #21759b;}
.comments-area article header cite a {color: #444;}
.comments-area article header cite a:hover {text-decoration: underline;}
.comments-area article header h4 {position: absolute;top: 0;right: 0;padding: 6px 12px;font-size: 12px;font-weight: normal;color: #fff;background-color: #0088d0;background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #009cee, #0088d0);background-image: -ms-linear-gradient(top, #009cee, #0088d0);background-image: -webkit-linear-gradient(top, #009cee, #0088d0);background-image: -o-linear-gradient(top, #009cee, #0088d0);background-image: linear-gradient(top, #009cee, #0088d0);border-radius: 3px;border: 1px solid #007cbd;}
.comments-area .bypostauthor cite span {position: absolute;margin-left: 5px;padding: 2px 5px;font-size: 10px;}
.comments-area .bypostauthor cite b {font-weight: bold;}
a.comment-reply-link,a.comment-edit-link {color: #686868;font-size: 14px;line-height: 1.846153846;}
a.comment-reply-link:hover,a.comment-edit-link:hover {color: #21759b;}
.commentlist .pingback {line-height: 1.714285714;margin-bottom: 24px;}
/* Comment form */
#respond {margin-top: 48px;}
#respond h3#reply-title {font-size: 16px;line-height: 1.5;}
#respond h3#reply-title #cancel-comment-reply-link {margin-left: 10px;font-weight: normal;font-size: 12px;}
#respond form {margin: 24px 0;}
#respond form p {margin: 11px 0;}
#respond form p.logged-in-as {margin-bottom: 24px;}
#respond form label {display: block;line-height: 1.714285714;}
#respond form input[type="text"],#respond form textarea {font-size: 12px;line-height: 1.714285714;padding: 10px;width: 100%;}
#respond form p.form-allowed-tags {margin: 0;font-size: 12px;line-height: 2;color: #5e5e5e;}
.required {color: red;}
/* =Front page template-------------------------------------------------------------- */
.entry-page-image {margin-bottom: 14px;}
.template-front-page .site-content article {border: 0;margin-bottom: 0;}
.template-front-page .widget-area {clear: both;float: none;width: auto;padding-top: 24px;border-top: 1px solid #ededed;}
.template-front-page .widget-area .widget li {margin: 8px 0 0;font-size: 14px;line-height: 1.714285714;list-style-type: square;list-style-position: inside;}
.template-front-page .widget-area .widget li a {color: #757575;}
.template-front-page .widget-area .widget li a:hover {color: #21759b;}
.template-front-page .widget-area .widget_text img {float: left;margin: 8px 24px 8px 0;}
/* =Widgets-------------------------------------------------------------- */
.widget-area .widget ul ul {margin-left: 12px;}
.widget_rss li {margin: 12px 0;}
.widget_recent_entries .post-date,.widget_rss .rss-date {color: #aaa;font-size: 11px;margin-left: 12px;}
#wp-calendar {margin: 0;width: 100%;font-size: 14px;line-height: 1.846153846;color: #686868;}
#wp-calendar th,#wp-calendar td,#wp-calendar caption {text-align: left;}

#wp-calendar #next {padding-right: 24px;text-align: right;}
.widget_search label {display: block;font-size: 14px;line-height: 1.846153846;}
.widget_twitter li {list-style-type: none;}
.widget_twitter .timesince {display: block;text-align: right;}
/* =Plugins----------------------------------------------- */
img#wpstats {display: block;margin: 0 auto 24px;}
/* =Media queries-------------------------------------------------------------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,* but in the future W3C standard way. -ms- prefix is required for IE10+ to* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor* the meta tag. See http://core.trac.wordpress.org/ticket/25888.*/
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.author-avatar {float: left;margin-top: 8px;}
.author-description {float: right;width: 80%;}
.site {margin: 0 auto;max-width:1170px;}
.site-content {float: left;width:70%; clear:both}
.widget-area {float: right;width:25%;}
body.template-front-page .site-content,body.attachment .site-content{width: 100%;}
.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul {display: inline-block !important;text-align: left;width: 100%;}
.main-navigation ul {margin: 0;text-indent: 0;}
.main-navigation li {float:left;min-width:60px;}
.main-navigation li a {white-space: nowrap; border-bottom:2px solid #eff0ee; line-height:30px; display:block; padding:0 30px 0 0;}
.main-navigation li a:hover,.main-navigation li a:focus {color: #000; border-bottom-color:#cc3300;}
.main-navigation li {margin: 0 15px 0 5px;position: relative;}
.main-navigation li ul {margin:0;padding: 0;position: absolute;top:56px;z-index: 1;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px); border-top:2px solid #cc3300; left:-20px;box-shadow:0 0 15px rgba(0, 0, 0, .04);	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, .04);	-moz-box-shadow:0 0 15px rgba(0, 0, 0, .04);-ms-box-shadow:0 0 15px rgba(0, 0, 0, .04);	-o-box-shadow:0 0 15px rgba(0, 0, 0, .04);}
.main-navigation li ul li{ margin:0}
.main-navigation li ul ul {top: 0;left: 100%;}
.main-navigation ul li:hover > ul,.main-navigation ul li:focus > ul,.main-navigation .focus > ul {border-left: 0;clip: inherit;overflow: inherit;height: inherit;width: inherit;}
.main-navigation li ul li a {background: #fff;display: block;font-size:16px; color:#b0b0b0; line-height:20px;padding:10px 20px;width:200px;white-space: normal; border:none}
.main-navigation li ul li a:hover,.main-navigation li ul li a:focus {background: #f7f7f7;color: #323232;}
.main-navigation .current-menu-item > a,.main-navigation .current-menu-ancestor > a,.main-navigation .current_page_item > a,.main-navigation .current_page_ancestor > a {color: #333;border-bottom-color:#cc3300;}
.menu-toggle {display: none;}
#respond form input[type="text"] {width: 46.333333333%;}
#respond form textarea.blog-textarea {width: 79.666666667%;}
.template-front-page .site-content,.template-front-page article {overflow: hidden;}
.template-front-page.has-post-thumbnail article {float: left;width: 47.916666667%;}
.entry-page-image {float: right;margin-bottom: 0;width: 47.916666667%;}
.template-front-page .widget-area .widget,.template-front-page.two-sidebars .widget-area .front-widgets {float: left;width: 51.875%;margin-bottom: 24px;}
.template-front-page .widget-area .widget:nth-child(odd) {clear: right;}
.template-front-page .widget-area .widget:nth-child(even),.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {float: right;width: 39.0625%;margin: 0 0 24px;}
.template-front-page.two-sidebars .widget,.template-front-page.two-sidebars .widget:nth-child(even) {float: none;width: auto;}
.commentlist .children {margin-left: 48px;}
}

/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width: 1169px) {
.site { padding:0 20px;}
.site-header { position:static}
#main { margin-top:0}
.indexBanner, #sldier li, .manufacturingSldier li, .manufacturingPage { height:auto;}
.searchBtn, .socialBtn, .searchBox { right:20px}
.productSidebar .widget { position:static}
.site-content { width:67%}
.widget-area { width:30%;}
.productSidebar .widget { width:auto}
.entry-content .prdBlock h3 { min-height:55px}
.dyesFilter label { display:inline}
}
@media only screen and (max-width: 1023px) {
.main-navigation li a { padding-right:7px}
.servicesBlock .home4Block { width:47%; margin:0 1.5% 20px}
.entry-header .entry-title { font-size:32px;}
.maMainPage .ul5cols li {width:20%}
}
@media only screen and (max-width:900px) {
.main-navigation *{transition:none}
.menu-main-menu-container { display:none;}
.menu-toggle, .menu-toggle:hover {position:absolute; right:60px; top:24px; color:#fff; display:block; background:url(images/res-menu.png) no-repeat right center #cc3300; margin:8px 0; padding:8px 50px 8px 15px}
.main-navigation { position:relative; float:none; margin:0}
.menu-main-menu-container { position:absolute; left:0; top:100px; width:100%; z-index:99999; background-color:#cc3300;}
.main-navigation li { margin:0; float:none; list-style:none; border-top:1px solid #e74711}
.main-navigation li a { color:#fff; padding:7px 20px; display:block;border:none;}
.main-navigation li ul::before, .main-navigation li ul::after { display:none}
.main-navigation ul li > ul, .main-navigation .focus > ul {border-left: 0;clip: inherit;overflow: inherit;height: inherit;width: 100% !important; position:static; border:none;box-shadow:none}
.main-navigation li ul li a { width:auto; background:none; color:#fff; padding:10px 20px 10px 40px;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color:#fff; font-weight:bold}
.site-content { width:60%}
.widget-area { width:37%;}
}
@media only screen and (max-width:899px) {
.productListing { margin:0}
.prdBlock { width:auto; float:none; margin:0 0 20px;}
.entry-content .prdBlock h3 { min-height:5px}
.dyesListing .prdBlock {float:left; width:48%}
.contactForm { width:65%}
.contactAddress { width:32%}
}
@media only screen and (max-width: 799px) {
.bannerCaption { top:100px;}
.productPage { margin:0}
.productBlock { float:none; width:auto; margin:0 0 20px;}
.productBlock img { width:100%}
}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.bannerCaption { top:50px;}
.bannerCaption.leftCaption { left:50px;}
.bannerCaption.rightCaption { right:50px;}
.introText .site { padding:20px}
.counterSection .counterBlock { padding:0 15px;}
.aboutLeft, .aboutRight { float:none; width:auto;}
#breadcrumbs { float:none; text-align:right; padding:10px 0}
.site-content, .widget-area {float:none; width:auto;}
.manufacturingPage, .contactForm, .contactAddress { float:none; margin:0 0 30px; width:auto}
.manufacturingPage .bx-wrapper img { width:100%}
.maMainPage .ul5cols li {width:27%}
}
@media only screen and (max-width: 639px) {
.site { padding:0 10px;}
.searchBtn, .socialBtn, .searchBox { right:10px}
#main { clear:both;}
.counterSection { padding:15px 0}
.counterSection .counterBlock { float:none; width:auto; padding:15px 0}
.servicesBlock { margin:0}
.servicesBlock .home4Block, .indexBanner { float:none; width:auto; margin:0 0 10px;}
.bannerCaption{padding:15px; position:static; width:auto; background-color:#eee}
.bannerCaption h1 { font-size:18px;}
.bannerCaption p { font-size:14px; line-height:normal}
.dyesListing .prdBlock {float:none; width:auto}
.maMainPage .ul5cols li {width:42%}
.contactUsMap, #map { height:300px !important;}
.maMainPage .maImgBlock { text-align:center}
.maMainPage .maImgBlock img { float:none; margin:0 0 15px}
}
@media only screen and (max-width: 479px) {
.menu-toggle, .menu-toggle:hover { right:50px; overflow:hidden; text-indent:-1000px; text-align:left; width:50px; height:40px; padding:0; background-position:12px center}
.maMainPage .ul5cols li {width:42%} { float:none; width:auto}
.contactForm .sidebarContact { margin:0}
.contactForm .sidebarContact .elementRow { float:none; width:auto; padding:0 0 20px}
span.wpcf7-form-control-wrap { clear:both; display:block}
}

/* =Print----------------------------------------------- */
@media print {
body {background: none !important;color: #000;font-size: 10pt;}
footer a[rel=bookmark]:link:after,footer a[rel=bookmark]:visited:after {content: " [" attr(href) "] "; /* Show URLs */}
a {text-decoration: none;}
.entry-content img,.comment-content img,.author-avatar img,img.wp-post-image {border-radius: 0;box-shadow: none;}
.site {clear: both !important;display: block !important;float: none !important;max-width: 100%;position: relative !important;}
.site-header {margin-bottom: 72px;text-align: left;}
.author-avatar,#colophon,#respond,.commentlist .comment-edit-link,.commentlist .reply,.entry-header .comments-link,.entry-meta .edit-link a,.page-link,.site-content nav,.widget-area,img.header-image,.main-navigation {display: none;}
.wrapper {border-top: none;box-shadow: none;}
.site-content {margin: 0;width: auto;}
.entry-header .entry-title,.entry-title {font-size: 21pt;}
footer.entry-meta,footer.entry-meta a {color: #444;font-size: 10pt;}
.author-description {float: none;width: auto;}
/* Comments */
.commentlist > li.comment {background: none;position: relative;width: auto;}
.commentlist .avatar {height: 39px;left: 2.2em;top: 2.2em;width: 39px;}
.comments-area article header cite,.comments-area article header time {margin-left: 50px;}
}