@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic,300italic,300);
/* ==================================================
   COMMON
================================================== */
body { background-color: #fff; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 16px; color: #171717; line-height: 18px; }
a { color: #131412; cursor: pointer; text-decoration: none; }
a:hover { color: #FF8460; }
a:visited,
a:focus,
a:link { outline: none; background: none; text-decoration: none; }
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: transparent; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #444444; }
/* h1 { font-size: 28px; font-weight: bold; } */
h1 {
	
    font-size: 40px !important;
    font-weight: 200 !important;
    color: #f0f0f0 !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
	font-weight: bold !important;
}

.fog {    
	font-size: 30px !important;
	font-weight: 200 !important;
	color: #86161D !important;
	text-align: center !important;
	margin: 0 0 10px 0 !important;
	}	
p.kill {
    line-height: 1.8;
	font-size: 18px;
}
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h6 { font-size: 8px; }
ul { margin: 0px; padding: 0px; list-style: none; }
.brd { height: 1px; background-color: #8e8e8e; }
.brd-ver { border-right: 1px solid #333333; }
.red { color: #d12026; }
.black { color: #222222; }
.black-bg { background-color: #222222; }
.gray-bg { background-color: #e7e7e7; }
.readmore { text-transform: uppercase; font-weight: 600; display: block; }
.more { font-weight: 600; }
.donwloadlink { font-size: 20px; font-weight: 600; line-height: 32px; }
.donwloadlink span { background-image: url(../images/download-icon.png); width: 32px; height: 32px; display: inline-block; background-position: center center; background-repeat: no-repeat; margin-right: 15px; vertical-align: middle; }
.donwloadlink span.pdf { background-image: url(../images/download-mime-icons.png); width: 32px; height: 44px; display: inline-block; background-position: 0px -47px; background-repeat: no-repeat; margin-right: 15px; vertical-align: middle; }
.donwloadlink span.docx { background-image: url(../images/download-mime-icons.png); width: 32px; height: 44px; display: inline-block; background-position: 0px 0px; background-repeat: no-repeat; margin-right: 15px; vertical-align: middle; }
#floating-box { top: 40%; right: 0px; position: fixed; z-index: 1000; }
#floating-box a { background-image: url(../images/contact-us.jpg); width: 36px; height: 129px; display: block; background-position: center center; background-repeat: no-repeat; }
#cookie-law-info-bar { display: none; }
#loader { background-image: url("../images/AjaxLoader.gif"); background-position: center center; background-repeat: no-repeat; bottom: 0; display: block; height: 32px; left: 0; margin: auto; position: absolute; right: 0; top: -70%; width: 32px; }
.videoPlayButtonWrapper { bottom: 0; color: #d12026; font-size: 50px; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; }
.videoPlayButtonWrapper .videoPlayButton { bottom: 0; color: #d12026; font-size: 50px; height: 50px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 50px; z-index: 10; }
/* ==================================================
   HEADER
================================================== */
#logo-menu { }
#logo-menu .logoWrapper { padding-bottom: 20px; padding-top: 20px; }
#logo-menu .logoWrapper h1 { margin-top: 0px; margin-bottom: 0px; }
#mainMenu { background-color: #d12026; }
#mainMenu .menuWrapper { }
#mainMenu .menuWrapper .main-menu { padding-left: 0; padding-right: 0; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer { display: table; width: 100%; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul { display: table-row; width: 100%; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li { display: table-cell; text-align: center; padding-bottom: 10px; padding-top: 10px; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li:hover,
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li.current-menu-item { background-color: #B61D22; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li a { font-family: "Roboto Condensed"; color: #ffffff; font-size: 16px; display: inline-block; padding: 0px 7px; text-transform: uppercase; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li.current-menu-item a { font-weight: 700; color: #ffffff; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li.current-menu-item a > span { background-color: #1d0303; display: block; height: 5px; left: -10%; margin-top: 15px; position: relative; width: 120%; display: none !important; }
#mainMenu .menuWrapper .main-menu .mainmenuContainer ul li.current-menu-item a > span > span { background-image: url(../images/menu-top-arrow.png); width: 100%; height: 3px; display: block; background-position: center center; background-repeat: no-repeat; position: absolute; top: -3px; }
#mainMenu .menuWrapper .navbar { margin-bottom: 0px; min-height: inherit; border: none; }
#content { padding-bottom: 35px; padding-top: 35px; }
/* ==================================================
   BREADCRUMB
================================================== */
#title-breadcrumb { background-color: #fcfcfc; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; padding-top: 10px; }
#title-breadcrumb h4 { margin: 0px; font-weight: 600; color: #444444; padding-left: 15px; }
#title-breadcrumb .breadcrumbWrapper { padding-right: 15px; }
#title-breadcrumb .breadcrumbWrapper,
#title-breadcrumb .breadcrumbWrapper a { color: #888888; }
#title-breadcrumb .breadcrumbWrapper span { color: #d12026; }
/* ==================================================
   PAGE BANNER
================================================== */
#page-banner .page-banner img { width: 100%; }
/* ==================================================
   MIDDLE
================================================== */

#content .page-title h1,
#content .page-title h2,
#content .page-title h3,
#content .page-title h4,
#content .page-title h5,
#content .page-title h6 { text-transform: uppercase; font-weight: 600; color: #444444; margin-top: 0px; }
#content .sidebar ._title { text-transform: uppercase; font-weight: 600; color: #444444; }
#content .sidebar .qualityDownloadsLinks a { color: #888888; font-weight: 600; float: left; margin-bottom: 15px; }
#content .sidebar .qualityDownloadsLinks a:hover { text-decoration: underline; color: #d12026; }
.tabsWrapper .tab-content ul,
._content ul,
.page .description ul li,
.single .description ul { padding-left: 10px; }
.tabsWrapper .tab-content ul li,
._content ul li,
.page .description ul li,
.single .description ul li { list-style: inside disc; margin-bottom: 10px; }
.address p,
.phone,
.email,
.fax { margin-bottom: 5px; }
/* ==================================================
   HOMEPAGE
================================================== */
#homepage-video { max-height: 525px; overflow: hidden; position: relative; }
#homepage-video video { margin-top: -8%; }
#homepage-materials { position: relative; }
#homepage-materials .carouselEffect { display: none; }
#homepage-materials .carouselEffect .item a,
#homepage-materials .carouselEffect .item a h4 { display: block; text-align: center; width: 100%; }
#homepage-materials .carouselEffect h4 { color: #222222; display: inline; font-size: 26px; font-weight: 300; margin-top: 0; text-transform: uppercase; vertical-align: middle; margin-bottom: 0px; position: relative; }
#homepage-materials .carouselEffect h4 span { border-right: 1px solid #d12026; width: 1px; height: 42px; position: absolute; right: -1px; top: 0px; }
#homepage-materials .carouselEffect .item { }
#homepage-materials .carouselEffect .item .brd-right { border-right: 1px solid #d12026; padding-bottom: 5px; padding-top: 5px; }
#homepage-materials .carousel-left { background-image: url("../images/slider-left-arrow.png"); background-position: center center; background-repeat: no-repeat; bottom: 0; display: block; height: 51px; left: -65px; margin: auto; position: absolute; top: -10px; width: 26px; z-index: 0; }
#homepage-materials .carousel-right { background-image: url("../images/slider-right-arrow.png"); background-position: center center; background-repeat: no-repeat; bottom: 0; display: block; height: 51px; right: -65px; margin: auto; position: absolute; top: -10px; width: 26px; z-index: 0; }
#homepage-industries { padding-top: 60px; padding-bottom: 30px; }
#contact-list,
#blog-list,
#industries-list,
#materials-list,
#products-list,
#material-detail-view,
#industry-detail-view,
#product-detail-view { padding-top: 50px; padding-bottom: 50px; }
#contact-list .heading .widget-title,
#material-detail-view .heading .widget-title,
#product-detail-view .heading .widget-title,
#industry-detail-view .heading .widget-title,
#industries-list .heading .widget-title,
#materials-list .heading .widget-title,
#products-list .heading .widget-title,
#homepage-products .heading .widget-title,
#homepage-industries .heading .widget-title,
#homepage-aboutus .heading .widget-title,
#homepage-blogs .heading .widget-title { margin: 0px; color: #444444; text-transform: uppercase; font-weight: 600; font-size: 28px; }
#homepage-products { background-color: #f7f8f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-bottom: 50px; padding-top: 50px; }
#homepage-aboutus { background-color: #f7f8f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-bottom: 75px; padding-top: 50px; }
#homepage-aboutus .pages-list { position: relative; }
#homepage-aboutus .pages-list .divider { background-image: url("../images/divider.png"); background-position: center center; background-repeat: repeat; display: block; height: 250px; left: 32px; position: absolute; top: 5px; width: 1px; z-index: 0; }
#homepage-aboutus .pages-list ._title { color: #444444; text-transform: uppercase; font-weight: 600; font-size: 18px; }
#homepage-blogs { padding-top: 55px; padding-bottom: 55px; }
#homepage-blogs ._title a { font-size: 20px; color: #444444; font-weight: 700; }
#homepage-blogs ._date_category { color: #d3d2d2; }
#homepage-blogs ._image img { width: 100%; max-width: 80px; }
#blog-list .heading h1 {margin: 0px 0px 30px 0px;
    color: #444444;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;}
#blog-list .blogWrapper ._title h2 { margin-top: 0px; }
#blog-list .blogWrapper ._title h2 a { font-weight: 600; color: #222222; }
#blog-list .blogWrapper .feature_image { float: left; height: 100%; overflow: hidden; position: relative; width: 100%; }
#blog-list .blogWrapper .feature_image a { float: left; width: 100%; }
#blog-list .blogWrapper .feature_image a img { width: 100%; }
#blog-list .blogWrapper .feature_image div.img_container { background: none repeat scroll 0 0 #f7f8f9; height: 100%; left: -100%; position: absolute; top: 0; width: 100%; border: 1px solid #616161; }
#blog-list .blogWrapper .feature_image div.hover_img { background: url("../images/view_post.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; height: 100%; margin: 0 auto; width: 253px; }
#blog-list .blogWrapper .feature_image:hover div.img_container { cursor: pointer; left: 0; }
#contact-list .addressBox h3 { color: #d12026; font-weight: 600; font-size: 28px; margin-bottom: 15px; text-transform: uppercase; }

/*search button--- DAVINCI*/

#header .leftNav ul li .searchArea input[type=text]
 { display:block; vertical-align:baseline; background:#000;
 border:1px solid #4d4d4d; padding:0 10px; height:30px;
 color:#aeaeae; font-size:16px; width:100%; margin-bottom:0px; }
/*=================================================================*/

/* ==================================================
   FOOTER
================================================== */
#footer1 { padding-top: 55px; padding-bottom: 55px; background-color: #f7f8f9; }
#footer1 .crudeOilPriceWrapper ._title .widget-title,
#footer1 .nickelPriceWrapper ._title .widget-title { font-weight: 600; margin-top: 0px; }
#footer1 .crudeOilPriceWrapper ._price > span,
#footer1 .nickelPriceWrapper ._price > span { font-weight: 300; font-size: 40px; color: #444444; }
#footer1 .crudeOilPriceWrapper ._price > span > span,
#footer1 .nickelPriceWrapper ._price > span > span { font-weight: 900; font-size: 28px; margin-left: 5px; }
#footer1 .crudeOilPriceWrapper ._change span,
#footer1 .nickelPriceWrapper ._change span { font-size: 14px; line-height: 30px; }
#footer1 .crudeOilPriceWrapper ._change span.down,
#footer1 .nickelPriceWrapper ._change span.down { color: #cf1f26; }
#footer1 .crudeOilPriceWrapper ._change span.up,
#footer1 .nickelPriceWrapper ._change span.up { color: #30840b; }
#footer1 .crudeOilPriceWrapper ._date span,
#footer1 .nickelPriceWrapper ._date span { font-size: 14px; line-height: 30px; color: #888888; }
#footer2 { background-color: #222222; color: #dddddd; padding-bottom: 35px; }
#footer2 .nav { }
#footer2 .nav ul { }
#footer2 .nav li { }
#footer2 .nav li a { color: #444444; text-transform: uppercase; background-color: #fff; margin-right: 1px; border-radius: 0px; border: none; font-weight: 700; }
#footer2 .nav li:last-child a { margin-right: 0px; }
#footer2 .nav li.active a { background-color: #222222; color: #fff; border: none; }
#footer2 h3,
#footer2 .widget-title { color: #d12026; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; }
#footer2 .phone a,
#contact-list .phone a { font-weight: 600; }
#footer2 .phone a { font-size: 13px; word-break: break-all; }
#footer2 .phone span,
#contact-list .phone span { background-image: url(../images/address-icon.png); background-position: 0px 0px; background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 3px; vertical-align: middle; }
#footer2 .fax a,
#contact-list .fax a { font-weight: 600; }
#footer2 .fax a { font-size: 13px; word-break: break-all; }
#footer2 .fax span,
#contact-list .fax span { background-image: url(../images/address-icon.png); background-position: 0px -78px; background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 3px; vertical-align: middle; }
#footer2 .email a,
#contact-list .email a { font-weight: 600; }
#footer2 .email a { font-size: 12px; word-break: break-all; }
#footer2 .email span,
#contact-list .email span { background-image: url(../images/address-icon.png); background-position: 0px -28px; background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 3px; vertical-align: middle; }
#footer2 .map a,
#contact-list .map a { font-weight: 600; }
#footer2 .map span,
#contact-list .map span { background-image: url("../images/address-icon.png"); background-position: 0 -52px; background-repeat: no-repeat; display: inline-block; height: 20px; margin-right: 10px; vertical-align: middle; width: 16px; }
#footer2 .website a,
#contact-list .website a { font-weight: 600; }
#footer2 .website span,
#contact-list .website span { background-image: url(../images/address-icon.png); background-position: 0px -100px; background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 3px; }
#footer2 ul.menu { }
#footer2 ul.menu li { width: 50%; float: left; }
#footer2 ul.menu li a { color: #797171 !important; }
#footer2 ul.menu li a:hover { color: #FFFFFF !important; }
#footer2 .box { min-height: 260px; }
#footer2 a:hover { color: #ffffff; }
#footer3 { background-color: #333333; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #444444; }
#footer3 .copyrightWrapper { color: #adadad; }
#footer3 .termsAndConditionsMenuWrapper ul { float: right; }
#footer3 .termsAndConditionsMenuWrapper ul li { border-right: 1px solid #adadad; float: left; margin-right: 15px; padding-right: 15px; }
#footer3 .termsAndConditionsMenuWrapper ul li:last-child { padding-right: 0px; margin-right: 0px; border: none; }
#footer3 .termsAndConditionsMenuWrapper ul li a { color: #adadad; }
/* ==================================================
   TABS
================================================== */
.tabsWrapper ul.nav-tabs { text-align: center; width: 100%; border-bottom: none; display: table; }
.tabsWrapper ul.nav-tabs.nav-default li { display: table-cell; width: auto; float: none; margin-bottom: 0px; text-align: center; }
.tabsWrapper ul.nav-tabs li a { background-color: #e7e7e7; padding: 15px 15px; color: #888888; border-radius: 0px; margin-right: 1px; }
.tabsWrapper ul.nav-tabs.nav-justified li a { margin-right: 4px; }
.tabsWrapper ul.nav-tabs li:last-child a { margin-right: 0px; }
.tabsWrapper ul.nav-tabs li.active a { background-color: #86161D; color: #ffffff; font-weight: 600; position: relative; }
.tabsWrapper ul.nav-tabs li.active a > span { background-image: url("../images/red-arrow.png"); background-position: center center; background-repeat: no-repeat; bottom: -10px; display: block; height: 19px; left: 0; position: absolute; width: 100%; z-index: 5; }
.tabsWrapper .tab-content { padding: 30px; background-color: #ffffff; border-bottom: 1px solid #ededed; }
.tab-content { padding: 30px; background-color: #ffffff; border-bottom: 1px solid #ededed; }

#contact-list .tabsWrapper .tab-content { padding: 15px; }
.tabsWrapper .tab-content.inner { background-color: #f7f8f9; }
.tabsWrapper .tab-content h2._title { font-weight: 600; color: #86161D; text-transform: uppercase; margin-top: 0px; }
/* ==================================================
   HOVER BLOCK EFFECT
================================================== */
.hoverBlockWrapper figure { margin-bottom: 30px; background: #fff; cursor: pointer; overflow: hidden; position: relative; }
.hoverBlockWrapper figure img { display: block; min-height: 160px; position: relative; width: 100%; }
.hoverBlockWrapper figure figcaption { backface-visibility: hidden; padding: 15px; }
.hoverBlockWrapper figure figcaption::before,
.hoverBlockWrapper figure figcaption::after { pointer-events: none; }
.hoverBlockWrapper figure figcaption,
.hoverBlockWrapper figure figcaption > a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.hoverBlockWrapper figure figcaption > a { font-size: 0; opacity: 0; text-indent: 200%; white-space: nowrap; z-index: 1000; }
.hoverBlockWrapper figure h2 { background-color: #ffffff; color: #d12026; float: left; font-size: 20px; font-weight: 600; padding: 5px 10px; text-transform: uppercase; }
.hoverBlockWrapper figure h2 span { font-weight: 800; }
.hoverBlockWrapper figure h2,
.hoverBlockWrapper figure p { margin: 0; }
.hoverBlockWrapper figure p { color: #ffffff; }
figure.effect-sadie figcaption::before { background: #ad0609; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: translate3d(0px, 100%, 0px); width: 100%; }
figure.effect-sadie h2 { color: #d12026; left: 0; position: absolute; top: 50%; transform: translate3d(0px, -50%, 0px); transition: transform 0.35s ease 0s, color 0.35s ease 0s; }
figure.effect-sadie figcaption::before,
figure.effect-sadie p { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
figure.effect-sadie p { bottom: 0; left: 0; opacity: 0; padding: 15px; position: absolute; transform: translate3d(0px, 0px, 0px); width: 100%; }
.colum-3 figure.effect-sadie:hover h2 { color: #d12026; transform: translate3d(0px, -50%, 0px) translate3d(0px, -60px, 0px); }
.colum-4 figure.effect-sadie:hover h2 { color: #d12026; transform: translate3d(0px, -50%, 0px) translate3d(0px, -50px, 0px); }
figure.effect-sadie:hover figcaption::before { opacity: 0.7; transform: translate3d(0px, 0px, 0px); }
figure.effect-sadie:hover p { opacity: 1; transform: translate3d(0px, 5px, 0px); }
/*materials hover*/
.materials_view .hoverBlockWrapper figure { min-height: 150px; }
.materials_view .hoverBlockWrapper figure figcaption { min-height: 150px; background-color: #000000; padding:18px;}
.materials_view .hoverBlockWrapper figure figcaption h2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff; position: relative; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper { clear: both; width: 100%; }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText { line-height:20px;}
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText1 { color: rgba(207,31,38,1); }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText2 { color: rgba(207,31,38,0.75); }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText3 { color: rgba(207,31,38,0.50); }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText4 { color: rgba(207,31,38,0.25); }
.materials_view .hoverBlockWrapper figure figcaption .thumbTextWrapper .thumbText5 { color: rgba(207,31,38,0); }
.materials_view .hoverBlockWrapper figure:hover figcaption { transition: background-color 0.5s; background-color: #cf1f26; }
.materials_view .hoverBlockWrapper figure:hover figcaption .thumbTextWrapper .thumbText1 { color: rgba(0,0,0,1); }
.materials_view .hoverBlockWrapper figure:hover figcaption .thumbTextWrapper .thumbText2 { color: rgba(0,0,0,0.75); }
.materials_view .hoverBlockWrapper figure:hover figcaption .thumbTextWrapper .thumbText3 { color: rgba(0,0,0,0.50); }
.materials_view .hoverBlockWrapper figure:hover figcaption .thumbTextWrapper .thumbText4 { color: rgba(0,0,0,0.25); }
.materials_view .hoverBlockWrapper figure:hover figcaption .thumbTextWrapper .thumbText5 { color: rgba(0,0,0,0); }
/* ==================================================
	BOOTSTRAP OVERWRITE
================================================== */
.row-centered { text-align: center; }
.col-centered { display: inline-block; float: none; /* reset the text-align */ text-align: left;/* inline-block space fix */ }
.col-fixed { /* custom width */ width: 320px; }
.col-min { /* custom min width */ min-width: 320px; }
.col-max { /* custom max width */ max-width: 320px; }
/* ==================================================
	PAGINATION
================================================== */
.pagination { width: 100%; }
.pagination .wp-pagenavi { text-align: center; }
.pagination .wp-pagenavi span.pages,
.pagination .wp-pagenavi span.extend,
.pagination .wp-pagenavi a.last { display: none; }
.pagination .wp-pagenavi a { color: #888888; border: none; }
.pagination .wp-pagenavi span.current { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #444444; border-image: none; border-style: none none solid; border-width: medium medium 2px; }
/* ==================================================
	SOCIAL ICONS
================================================== */
ul.sociallinks { }
ul.sociallinks li { float: left; margin-right: 15px; }
ul.sociallinks li:last-child { margin-right: 0px; }
ul.sociallinks li a { background-image: url(../images/social-icons.png); background-repeat: no-repeat; display: block; width: 30px; height: 30px; color: transparent; }

ul.sociallinks a.fa-twitter { background-position: -40px 0px; }
ul.sociallinks a.fa-facebook { background-position: -80px 0px; }
ul.sociallinks a.fa-google-plus { background-position: -120px 0px; }
ul.sociallinks a.fa-youtube { background-position: -160px 0px; }
/* ==================================================
	SIDEBAR
================================================== */
.sidebar aside.widget { clear: both; margin-bottom: 30px; width: 100%; float: left; }
.sidebar aside.widget .widget-title { margin-top: 0px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #222222; }
.sidebar aside.widget ul { }
.sidebar aside.widget ul li { }
.sidebar aside.widget ul li a { color: #222222; font-size: 11px; font-weight: 600; }
.sidebar aside.widget ul li a:hover { text-decoration: underline; color: #d12026 }
.sidebar aside.widget ul li .post-date { clear: both; display: inline-block; font-size: 10px; width: 100%; }
#related-posts-list .heading .widget-title { margin-top: 0px; color: #222222; text-transform: uppercase; font-weight: 600; font-size: 20px; }
#related-posts-list .relatedPostsWrapper { margin-bottom: 15px; }
#related-posts-list .relatedPostsWrapper ._title h2 { margin-top: 0px; margin-bottom: 0px; }
#related-posts-list .relatedPostsWrapper ._title h2 a { color: #222222; font-weight: 600; font-size: 14px; }
/* ==================================================
	CONTACT FORM
================================================== */
#contact-list .formWrapper label { color: #666666; font-weight: 600; font-size: 12px; }
#contact-list .formWrapper label span.required { color: #c3512f; }
#contact-list .formWrapper .input,
#contact-list .formWrapper .textarea { width: 100%; background-color: #fcfcfc; border: 1px solid #e1e1e1; padding: 5px; border-radius: 3px; }
#contact-list .formWrapper .btn { background-color: #d12026; background-image: none; border: medium none; font-weight: 600; padding: 15px 45px; }
#contact-list .formWrapper .error { color: #d12026; font-size: 10px; }
#cookie-law-info-bar { padding: 20px; background: rgba(0,0,0,0.8) !important; position: relative !important; }
#cookie-law-info-bar #CONSTANT_OPEN_URL { display: inline-block; text-align: right; width: 50%; }
#cookie-law-info-bar #cookie_action_close_header { text-align: left; width: 50%; }
#cookie-law-info-bar .title { font-size: 24px; margin: 0 0 20px 0; }
#cookie-law-info-bar .cookie-wrapper { margin-left: auto; margin-right: auto; width: 980px; }
/* ==================================================
	ADDRESS LIST MAP
================================================== */
#address-list-map { background-color: #222222; padding-bottom: 30px; padding-top: 30px; }
#address-list-map h3 { color: #ffffff; font-size: 26px; text-transform: uppercase; font-weight: 600; }
#address-list-map .addressMapWrapper { position: relative; }
#address-list-map .addressMapWrapper img { width: 100%; }
#address-list-map .addressMapWrapper a { background-image: url(../images/map-marker.png); background-repeat: no-repeat; display: block; width: 22px; height: 33px; position: absolute; }
#address-list-map .addressMapWrapper a:hover,
#address-list-map .addressMapWrapper a.active { background-position: 0px -34px; z-index: 10; }
#address-list-map .addressMapWrapper a#map_usa { left: 15%; top: 27%; }
#address-list-map .addressMapWrapper a#map_india { bottom: 55%; right: 25%; }
#address-list-map .addressMapWrapper a#map_china { bottom: 71%; right: 14%; }

/*#address-list-map .addressMapWrapper a#map_india {  bottom: 55%; right: 25%;}*/
#address-list-map .addressMapWrapper a#map_europe { left: 48.8%; top: 26.5%; }
#address-list-map .addressMapWrapper a#map_kazakhstan { top: 24%; left: 66%; }
#address-list-map .addressMapWrapper a#map_norway { top: 11%; left: 49%; }
#address-list-map .addressMapWrapper a#map_uae { right: 39%; top: 32%; }
#address-list-map .addressMapWrapper a#map_newzeland { left: 98%; top: 73%; }
#address-list-map .addressMapWrapper a#map_netherland { top: 18%; left: 52%; }
#address-list-map .addressMapWrapper a#map_canada { left: 11.8%; top: 14.5%; }
#address-list-map .addressMapWrapper a#map_kenya { left: 57.8%; top: 50.5%; }


#address-list-map #contact-list { color: #dddddd; padding-bottom: 0px; padding-top: 0px; }
#address-list-map #contact-list .box { display: none; }
#address-list-map #contact-list .box.active { display: block; }
#address-list-map #contact-list .box a:hover { color: #ffffff; }
/* ==================================================
	ANNOUNCEMENT
================================================== */
#announcement { }
#announcement .announcementWrapper { font-size: 18px; font-weight: 300; }
#announcement .announcementWrapper .title { font-style: italic; color: #d12026; }
/* ==================================================
	MESSAGE
================================================== */
#messageWrapper { padding-top: 15px; }

body.page-id-23 .page-banner img {
  height: 250px; 
  object-fit: cover;
}

/****Contact-new page ***/

.addresscontainer {
    background-color: #373737;
    padding: 20px;
    color: #fff !important;
}
.addresscontainer a {
    color: #fff;
}
.addresscontainer h3 {
    color: #fff !important;
}
.padzero > .inner {
    padding: 0px !important;
}
.padzero .addressBox {
    padding: 0px;
}
.margint40 {
	margin-top: 40px;
}
.margint40 textarea {
    height: 180px;
}
.margint40 input[type='text'], .margint40 input[type='email'] {
    padding: 8px !important;
}


.indro{ margin:40px 0px !important; float:left;}
.indro h1{ margin-bottom:50px !important;}
.indro p{ line-height:26px !important; font-size:24px !important;}

/*.pro-tab{background-color:#e7e7e7 !important;}*/

/***********************/
@media (max-width: 767px) {

     .topcell h3 {
        font-size:12px !important;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

          .topcell h3 {
        font-size:12px !important;
    }
	.input-lg {
    height: 39px;
    border: 1px solid #ccc;
	width: 100%;}
	.btn-lg{
		height:31px;
		}
		.btn-lg .glyphicon.glyphicon-search {
    top: -5px !important;
	}
	#custom-search-input{
		margin-top:5px;}
		.padding-top3 {
    padding-top: 144px;
}

}



table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
	background-color: #DADADA;
}

th, td {
    text-align: left;
    padding: 6px;
	border: 1px solid #B9B !important;

}  
th:nth-child(even){background-color: #fff }
th:nth-child(odd){background-color: #fff  }
tr:nth-child(even){background-color: #fff }
tr:nth-child(odd){background-color: #fff  }
tr:nth-child(2n) {
    background-color: #E9E9E9;
}
.middle {
  text-align:center;
  background-color: #RED;
  border: 1px solid #ddd;
}
.MsoNormal {
    /* margin: 0; */
}
<!-- Table ends-->
.myimage{ margin-left:20px; }
#image_shadow {
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px red;
	margin-left: -30px;
    width: 106%;
}
.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.black_lal
{
background-color:#000000 !important;
padding:20px !important;
width:26% !important;
height:40% !important;
border-radius:30px !important;
}






 /*----Our Products----*/
.ourProducts { padding:40px 0 70px 0; background:url(images/quick-links-bg.jpg) repeat; position:relative; }
.ourProducts:after { content:""; position:absolute; left:0; bottom:0; background:url(../images/our-product-bg.png) no-repeat bottom center; width:100%; height:417px; z-index:7; }
.ourProducts .content { position:relative; z-index:8; }
.ourProducts h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; }
.ourProducts h2 span { font-weight: 700; }
.ourProducts .topText { font-size:20px; color:#474747; text-align:center; line-height:30px; padding-top:20px; }
.ourProducts .productList { width:100%; margin-top:60px; }
.productBox { width:33.333333%; float: left; overflow: hidden; position: relative; text-align: center; }
.productBox .proContent { width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; padding:10px 20px; }
.productBox img { display: block; position: relative; width:100%; }
.productBox h2, .productBox h2 a { color: #fff; position: relative; font-size:25px; text-transform:capitalize; text-align:left; padding:10px 0; }
.no-borderradius .productBox h2 { display:none; }
.productBox p { position: relative; color: #f0dbcb; font-size:15px; text-align:left; line-height:22px; }
.productBox .readMore { font-size:14px; line-height:29px; color:#f0dbcb; background:url(../images/off-white-arrow.png) right 9px no-repeat; padding-right:23px; float:left; margin-top:10px; }
.productBox .readMore:hover { padding-right:30px; background:url(../images/off-white-arrow.png) right 9px no-repeat; color:#fff; }
.productBox 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; }
.productBox .proContent { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background:url(../images/our-pro-bg.png) repeat; -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; cursor:pointer; border-bottom:4px solid #000; }
.productBox h2 { position:static; -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; }
.no-borderradius .productBox:hover h2 { display:block; }
.productBox 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; } /*.productBox: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); }*/
.productBox .readMore { -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; }
.productBox:hover .proContent { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.productBox:hover h2, .productBox:hover p, .productBox:hover .readMore { -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); }
.productBox:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.productBox:hover .readMore { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /*----TabArea----*/
.tabbingArea { position: relative; margin-top:40px; }
.tabbingArea .tabsNav {/* width:882px; margin:0 auto;border:2px solid #b72027; border-right:0; position:relative;*/ margin:0 auto; text-align:center; } /*.tabbingArea .tabsNav:before{position:absolute; right:0; top:0; width:2px; height:49px; content:""; background:#b72027;}*/
.tabbingArea .tabsNav .tabsTab { position: relative; }
.tabbingArea .tabsNav .tabsAnchor { padding:0 28px; line-height:49px; display: inline-block; font-size:20px; color: #474747; outline:0; position:relative; }
.tabbingArea .tabsNav .tabsStateDisabled { opacity: 0.5; }
.tabbingArea .tabsNav .tabsStateActive .tabsAnchor, .tabbingArea .tabsNav .tabsAnchor:hover { color: #fff; background-color: #b72027; }
.tabbingArea .tabsNav .tabsStateActive .tabsAnchor:after, .tabbingArea .tabsNav .tabsAnchor:hover:after { content:""; position:absolute; bottom:-14px; left:50%; margin-left:-14px; border-left:12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #b72027; border-bottom:0; z-index:99999; }
.tabbingArea .tabsAccordionTitle .tabsAnchor { display: block; padding: 10px; background-color: #b72027; color: #fff; text-decoration: none; margin-bottom: 3px; }
.tabbingArea .tabsAccordionTitle.tabsStateDisabled { opacity: 0.5; }
.tabbingArea .tabsAccordionTitle.tabsStateActive .tabsAnchor { background-color: #e5e5e5; color: #b72027; outline:none; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }
.tabbingArea .tabsTab { /*float:left; margin: 0; list-style: none;*/ float:none; display:inline-block; margin: 0 0 0 -4px; list-style: none; border-bottom:2px solid #b72027; border-top:2px solid #b72027; }
.tabbingArea .tabsTab.first { border-left:2px solid #b72027; background-color: #86161D !important; }
.tabbingArea .tabsTab.last { border-right:2px solid #b72027; background-color: #86161D !important; }
.tabbingArea .tabsPanel { padding:0; display: none; transition:all 0.3s ease 0ms; }
.tabbingArea .tabsAccordionTitle { display: none; }
.tabbingArea .tabsPanel.tabsStateActive { display: block; }
.ourProducts .tabbingArea .tabsTab { position:relative; background-color: #86161D !important; }
#indexProduct ul li a {color:#ffffff !important;}
.ourProducts .tabbingArea .tabsTab:after { position:absolute; right:0; top:10px; height:30px; width:1px; background:#ccc; content:""; }
.ourProducts .tabbingArea .tabsTab.tabsStateActive:after, .ourProducts .tabbingArea .tabsTab:hover:after { display:none; }
.ourProducts .tabbingArea .tabsTab:last-child:after { display:none; }
.projects .projectsYearOuter .tabbingArea .owl-item.tabsTab { border:0; } 
#footer3 .copyrightWrapper a {color:#b72027 !important;}
#footer3 .copyrightWrapper a:hover {color:#FFFFFF !important;}
/*----Quick Links----*/
.quiceLinks { padding:40px 0 80px 0; background-image:url(images/quick-links-bg.jpg); background-repeat: repeat; }
.bg { padding:40px 0 80px 0; background-image:url(../images/quick-links-bg.jpg); background-repeat: repeat; }
.quiceLinks h2, .contactUs h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; }
.quiceLinks h2 span, .contactUs h2 span { font-weight: 700; }
.quiceLinks h3:before, .contactUs h3:before { background:#b2b2b2; content: ""; display: block; height:1px; left: 0px; position: absolute; top: 50%; width:100%; z-index: 1; }
.quiceLinks h3, .contactUs h3 { position: relative; text-align: center; display:block; text-transform:uppercase; font-size:19px; }
.quiceLinks h3 span, .contactUs h3 span { z-index: 2; display: inline-block; padding: 0px 20px; position: relative; background-image:url(images/quick-links-bg.jpg); background-repeat: repeat; }
.quiceLinks .quiceLinksBox { width:103%; margin-left:-3%; }
.quiceLinks .box { width:47%; margin:3% 0 0 3%; float:left; background:#fff; position:relative; }
.quiceLinks .box .thumb { width:45%; float:left; position:absolute; left:0; }
.quiceLinks .box .thumb img { width:100%; }
.quiceLinks .box .details { float:right; width:55%; padding:15px 20px; position:relative; background:#fff; height:203px; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.no-flexboxlegacy .quiceLinks .box .details { height:203px; }
.quiceLinks .box .title { color:#b72027; font-size:20px; padding-left:74px; line-height:24px; }
.quiceLinks .box .title { background:url(images/quick-links-icon.png) left top no-repeat; }
.quiceLinks .box.pipeChart .title { background-position:0 0; padding:12px 0 12px 58px; }
.quiceLinks .box.valueAdded .title { background-position:0 -78px; padding-left:80px; }
.quiceLinks .box.valveAutomation .title { background-position:0 -174px; }
.quiceLinks .box.onTheGO .title { background-position:0 -269px; }
.quiceLinks .box .title span { font-size:23px; text-transform:uppercase; font-weight: 700; display:block; }
.no-borderradius .quiceLinks .box .title span { font-size:22px; }
.quiceLinks .box p { color:#848484; font-size:16px; line-height:22px; margin:10px 0; padding:0; height:86px; overflow:hidden; }
.quiceLinks .box .readMore { font-size:13px; line-height:22px; color:#b72027; background:url(../images/red-arrow.png) right 3px no-repeat; padding-right:23px; }
.quiceLinks .box .readMore:hover { color:#848484; padding-right:30px; background:url(../images/gray-arrow.png) right 3px no-repeat; }
.quiceLinks .box:hover .details { width:100%; opacity:0.9; }


.enq{color:#b72027 !important;}