﻿/*GLOBAL*/
body { font-family: 'Montserrat', sans-serif; color: #8f8f8f; font-size: 13px; }
p { margin: 0 0 20px; }
h1, h2, h3, h4, h5, h6 { font-weight: 200; margin-bottom: 20px; }
h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
a { color: #222; }
a:hover, a:focus { color: #b31616; }
ul.menu { list-style: none; padding-left: 0; margin-bottom: 0; }
ul.menu li { margin-bottom: 4px; }
/*TYPO*/
.section-header .section-title { text-transform: uppercase; color: #232323; font-size: 28px; }
.section-header.has-tagline .section-title { margin-bottom: 10px; }
.section-header strong { color: #b31616; display: block; font-weight: 800; }
.section-header.no-block-bold-text strong { display: inline; }
.section-header.custom-color strong { color: inherit; }
.text-light { font-weight: 200; }
.text-normal { font-weight: 500; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: 700; }
.text-xtrabold { font-weight: 800; }
/*MISC*/
.ninja-coming-soon i.ninja-comingsoon-icon, .ninja-thank-you i.ninja-tq-icon { background-color: #b31616; border-color: #b31616; }
.ninja-coming-soon .entry-title, .ninja-thank-you .entry-title { font-weight: 500; text-transform: uppercase; margin-bottom: 10px; }
.bg-light-grey { background-color: #f4f4f4; }
.nfluid-wrapper .nxtra-height { min-height: 350px; }
.nfluid-wrapper .nfluid-content > *:last-child { margin-bottom: 0; }
/*TABLE*/
.panel .table.table-bordered { border: 1px solid #ddd; }
th { font-weight: 600; }
/*GRID*/
.grid-container { display: grid; }
.grid-container.container:before, .grid-container.container:after { content: none; }
/*FLEX*/
.nflex-xs, .nflex-sm, .nflex-md, .nflex-lg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.nflex-row { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.nflex-column { -webkit-flex-flow: column wrap; flex-flow: column wrap; }
.nflex-height { -webkit-flex: 1; flex: 1; width: 100%; }
.nflex-vcenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; }
.nflex-hcenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; }
/*BUTTONS*/
.btn.btn-default.nxm, .wpcf7-submit.nxm { margin: 0; }
.btn.btn-default, .wpcf7-submit { background-color: transparent; color: #7d7d7d; border-color: #a1a1a1; font-size: 12px; font-weight: 600;
    border-radius: 20px; box-shadow: none; text-shadow: none; position: relative; padding: 8px 20px 8px 30px;
}
.btn.btn-default::before { content: "\f101"; font-family: 'FontAwesome'; line-height: 13px; font-weight: bold; font-size: 17px;
    position: absolute; left: 14px; top: 50%; transform: translateY(-60%);
}
.btn.btn-default:hover::before { -webkit-animation: animateIcon .5s infinite; -webkit-animation-direction: alternate; 
    animation: animateIcon .5s infinite; animation-direction: alternate; 
}
.btn.btn-default:hover, .wpcf7-submit:hover { color: #fff; border-color: #b31616; background: #b31616; }
.btn.btn-default.no-icon { padding-left: 20px; }
.btn.btn-default.no-icon::before { content: none; }
@-webkit-keyframes animateIcon { 0% { left: 11px; } 100% { left: 16px; } }
@keyframes animateIcon { 0% { left: 11px; } 100% { left: 16px; } }
.btn.black { background-color: #1b1b1b; color: #fff; border-color: #1b1b1b; }
.btn.black:hover { background-color: transparent; color: #1b1b1b; border-color: currentColor; }
.btn.black.v2:hover { background-color: #fff; color: #1b1b1b; border-color: #fff; }
.btn.red { background-color: #b31616; color: #fff; border-color: #b31616; }
.btn.red:hover { background-color: transparent; color: #b31616; border-color: currentColor; }
/*HEADER*/
.header-top { background: #161616; font-size: 12px; color: #8c8c8c; padding-top: 0; }
.header-top p { font-size: inherit; }
.header-top p, .header-top a:not(:hover) { color: inherit; }
.social-icons ul { margin-bottom: 0; }
.ninja-social .widgettitle { display: none; }
.social-icons li a { background: none; color: #fff; width: 25px; height: 25px; font-size: 15px; line-height: 25px; border-radius: 5px; 
	margin-right: 3px; margin-bottom: 0; position: relative;
}
.social-icons li a[href*="youtube.com"] .fa:before { content: "\f16a"; }
.social-icons li a[href*="jobstreet.com"] .fa:before { content: "\f0ac"; }
.social-icons li a[href*="jobstreet.com"]:hover { background-color: #fff200; color: #1c3f95!important; }
#header-top-links > a { display: inline-block; margin-right: 25px; }
#header-top-links > a i { margin-right: 5px; }
.header-top-right, #navigation-menu { -webkit-justify-content: flex-end; justify-content: flex-end; }
.header-middle { padding-top: 10px; padding-bottom: 10px; }
#logo { margin-right: auto; max-width: 410px; }
#mobile-logo { display: none; }
.navbar-collapse.collapse { padding-left: 0; }
ul#menu-primary li a { font-size: 12px; color: #959595; background: none; }
ul#menu-primary > li > a { padding: 0; }
ul#menu-primary > li:not(:last-of-type) > a { margin-right: 20px; }
ul#menu-primary li a:hover, ul#menu-primary li.active > a, 
ul#menu-primary > li.current-menu-ancestor > a, ul#menu-primary > li.current_page_parent > a { color: #b31616; }
/*RESPONSIVE MENU*/
#responsive-navigation { position: absolute; top: 15px; right: 15px; }
#responsive-menu-button { position: relative!important; top: 0!important; left: auto!important; right: 0!important; bottom: auto!important; z-index: auto!important; border-radius: 0!important; }
#responsive-menu-button:hover .responsive-menu-inner, #responsive-menu-button:hover .responsive-menu-inner::before, #responsive-menu-button:hover .responsive-menu-inner::after { background-color: #fff; }
.responsive-menu-box { height: 32px!important; }
.admin-bar #responsive-menu-container { margin-top: 32px; }
#responsive-menu ul { padding: 0; }
#responsive-menu-button.is-active + #responsive-menu-container { box-shadow: 2px 0px 20px rgba(0, 0, 0, .25); }
#responsive-menu-container { left: -1px!important; }
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > a > .responsive-menu-subarrow { background: #25358c!important; border-color: #25358c!important; color: #fff!important; }
#responsive-menu-container.push-left, #responsive-menu-container.slide-left { opacity: 0; }
.responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left { opacity: 1; }
/*CART COUNTER*/
.widget_ywraq_mini_list_quote { margin: 0; }
.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper { visibility: hidden; right: 0; z-index: 999; }
.widget_ywraq_mini_list_quote .raq-info { margin: 0; padding: 0; border: 0; font-size: initial; color: inherit; }
.enquiry-list-counter { margin-left: 5px; color: initial; }
a.raq_label { position: relative; display: block; }
a.raq_label:before { content: "\f07a"; font-family: 'FontAwesome'; color: #fff; background: #b31616; font-size: 22px; line-height: 29px; padding: 5px 15px 5px 10px; height: 35px; width: 40px; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
a.raq_label:hover:before { background-color: #666; }
span.raq-tip-counter { background-color: #79100e; color: #fff; position: absolute; bottom: 2px; right: 0; font-size: 11px; border-radius: 50%; line-height: 1; text-align: center; padding: 4px 7px; transition: background-color 0.3s ease-in-out; }
a.raq_label:hover span.raq-tip-counter { background-color: #444; } 
ul.yith-ywraq-list { padding: 0; margin: 0; list-style: none; }
.widget_ywraq_mini_list_quote .yith-ywraq-list-content { border: 1px solid rgba(0,0,0,0.1); box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.2); }
.widget_ywraq_mini_list_quote .yith-ywraq-list-content ul li { border-bottom: 1px dashed #ddd; padding-bottom: 23px; }
ul.yith-ywraq-list li.no-products { text-align: center; padding-left: 0; font-weight: 600; font-style: italic; }
ul.yith-ywraq-list li .yith-ywraq-list-item-info { font-weight: 500; }
ul.yith-ywraq-list a.yith-ywraq-item-remove.remove { top: 2px; left: -3px; }
ul.yith-ywraq-list img { width: 50px; border: 1px solid #ddd; }
ul.yith-ywraq-list li .quantity:before { content: 'Quantity:'; font-weight: 700; font-size: 12px; color: #000; }
.widget_ywraq_mini_list_quote .yith-ywraq-list-content a.button { display: block; max-width: 115px; margin: 0 auto; }
/*SEARCH*/
#search-bar { position: relative; }
#search-button { color: #fff; background-color: #b31616; width: 35px; height: 35px; line-height: 34px; font-size: 15px; display: inline-block; margin-left: 3px; }
#search-button:hover, #search-button.popup-open { background-color: #666; }
#search { background: #fff; color: #484860; position: absolute; width: 350px; height: 150px; top: 35px; right: 5px; box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out; opacity: 0; z-index: 9999; animation-duration: .5s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease-in-out; }
#search.open { animation-name: slideFadeUp; }
#search.close { animation-name: slideFadeDown; }
.popup-search-form { width: initial; float: initial; margin: initial; background: initial; border: initial; display: block; position: absolute; top: 50%; left: 0; right: 0; width: 100%; transform: translateY(-50%); padding: 0; }
#search input[type="search"] { background: none; font-size: 30px; width: 100%; font-weight: 200; text-align: center; border: 0; margin: 22px auto 12px; padding: 5px 10px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#search input[type="search"]::-webkit-input-placeholder { opacity: .7; }
#search input[type="search"]::-moz-placeholder { opacity: .7; }
#search input[type="search"]:-ms-input-placeholder { opacity: .7; }
#search input[type="search"]:-moz-placeholder { opacity: .7; }
#search .btn { margin: 0 auto; display: block; }
#search:not(.open) { pointer-events: none; }
#search button.close { color: #000; z-index: 99999; position: absolute; top: 4px; right: 4px; opacity: 1; width: 30px; height: 30px; font-size: 30px; outline: 0; transition: all 0.3s ease; }
#search button.close:hover { color: #ec1c24; }
/* Animation */
@keyframes slideFadeUp {
  0%   { opacity: 0; transform: translate(0, 60px); }
  100% { opacity: 1; transform: translate(0, 0); }
}
@keyframes slideFadeDown {
  0%   { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, 60px); }
}
.search-form { background: none; width: initial; margin-bottom: 0; float: none; position: relative; display: inline-block; padding-left: 0; }
.search-form:after { content: ''; display: table; clear: both; }
.search-form .search-field { background: #ededed; padding: 5px 15px 5px 35px; max-width: 170px; font-size: 13px; border-radius: 20px; outline: 0; box-sizing: border-box; transition: all 0.3s ease-in-out; }
.search-form .search-submit { background: url('/wp-content/themes/ninja/images/search.png') center no-repeat; padding: 3px 12px; margin: 0; position: absolute; top: 0; left: 5px; bottom: 0; }
.search-form .search-field:focus { box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); }
.search-keyword { color: #b31616; }

.search-results-list article { box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.31); margin-bottom: 30px; padding-bottom: 20px; }
.search-results-list article:last-of-type { margin-bottom: 0; }
/*PAGE BANNER*/
.page-banner { min-height: 150px; padding: 15px; }
.page-banner .page-title { text-transform: uppercase; color: #fff; margin: 0; font-weight: 300; font-size: 36px; }
/*HOME*/
#why-choose-us { grid-template-columns: repeat(2, 1fr); }
#why-choose-us > div { padding: 30px; min-height: 275px; text-align: center; color: #232323; }
#why-choose-us > div:nth-child(2n) { color: #fff; }
#why-choose-us > div > *:last-child { margin-bottom: 0; }
.welcome-col-1 { padding-right: 45px; }
#why-choose-us .reason-1 { background: #d8d8d8; text-align: left; }
#why-choose-us .reason-1 h1 { font-size: 45px; }
#why-choose-us .reason-1 strong { display: block; }
#why-choose-us .reason-2 { background: url('/wp-content/uploads/2018/03/Equipment-cables-and-piping-as-found-inside-of-a-modern-industrial-power-plant.jpg') center / cover no-repeat; }
#why-choose-us .reason-3 { background: url('/wp-content/uploads/2018/03/Industrial-worker-with-protective-mask-welding-inox-elements-in-steel-structures-manufacture-workshop.jpg') center / cover no-repeat; }
#why-choose-us .reason-4 { background: url('/wp-content/uploads/2018/03/Business-People-Rush-Hour-Walking-Commuting-City-Concept.jpg') center / cover no-repeat; }
#home-highlights { background-color: #f2f2f2; position: relative; }
#home-highlights:before { position: absolute; top: 0; left: 0; width: 1135px; height: 100%; pointer-events: none; 
	background: url('/wp-content/uploads/2018/03/Metal-worker-in-a-factory-grinding-with-sparks.jpg') center / cover no-repeat; content: '';
}
#home-highlights > .container { z-index: 1; }
.home-featured-products, .home-news-events { padding: 45px 30px; }
.home-featured-products, .bg-red-welding { color: #fff; background: url('/wp-content/uploads/2018/03/Metal-worker-in-a-factory-grinding-with-sparks.jpg') center / cover no-repeat; }
.bg-red-welding { font-weight: 300; }
.home-news-events { background-color: #f2f2f2; color: #232323; }
/*PAGES*/
#about-highlight-boxes { grid-template-columns: repeat(4, 1fr); }
#about-highlight-boxes > div { padding: 45px 30px; min-height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; }
#about-highlight-boxes > div > *:last-child { margin-bottom: 0; }
#about-highlight-boxes .section-title { font-size: 45px; margin-bottom: 0; }
.service-box h4 { color: #fff; }
#our-services-content-2 h4 { color: #232323; }
#about-highlight-boxes ul { padding-left: 20px; }
#about-highlight-boxes ul, #about-highlight-boxes ul > li:last-of-type { margin-bottom: 0; }
#about-highlight-boxes ul li { margin-bottom: 5px; }
#our-vision-title 		{ -webkit-justify-content: flex-end; justify-content: flex-end;
	background-image: url('/wp-content/uploads/2018/03/beautiful-young-man-wearing-glasses-smiling-and-touching-his-chin.jpg'); 
}
#our-mission-title, #our-mission-content { grid-row-start: 2; grid-row-end: 2; }
#our-mission-title 		{ order: 2; background-image: url('/wp-content/uploads/2018/03/Conceptual-image-of-urban-lifestyle.jpg'); }
#our-services-content-1 { color: #fff; background-image: url('/wp-content/uploads/2018/03/Welding-Robotic-Machines.jpg'); }
#our-services-content-2 { background-image: url('/wp-content/uploads/2018/03/Young-man-in-a-factory-in-protective-workwear.jpg'); }
#our-services-content-3 { color: #fff; background-image: url('/wp-content/uploads/2018/03/Workers-welding-work-at-night-in-the-pipeline.jpg'); }
#company-image 			{ grid-column: span 2; background-image: url('/wp-content/uploads/2018/03/company-image.jpg'); background-position: top right!important; }
#company-image-2 		{ background-image: url('/wp-content/uploads/2018/03/company-image-2.jpg'); }
#our-vision-content, #our-mission-content { background-color: #efefef; }
#our-services-title { background-color: #d8d8d8; }
#our-vision-title, #our-mission-content { text-align: right; }
#contact-info.grid-container { grid-template-columns: repeat(2, 1fr); }
#company-details { background: url('/wp-content/uploads/2018/03/Business-People-Rush-Hour-Walking-Commuting-City-Concept-black-overlay.jpg') center / cover no-repeat; }
#company-details a:not(:hover):not(:focus) { color: inherit; }
#contact-form { color: #fff; background: url('/wp-content/uploads/2018/03/Beautiful-chinese-business-woman-over-blue-office-background.jpg') center / cover no-repeat; }
.map-link { position: relative; margin-top: 10px; display: inline-block; margin-right: 10px; }
.map-link img { transition: all 0.3s ease; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
.map-link:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 85%; left: 5%; height: 10px; width: 90%; 
  opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
}
.map-link:hover::before, .map-link:focus::before { opacity: 1; }
.map-link:hover img, .map-link:focus img { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
/*ARCHIVE*/
.post-listing { margin-bottom: 0; }
.post-listing:after { content: ''; display: table; clear: both; }
.post-listing li { width: 100%; -webkit-flex-basis: calc(48.8% - 1px); flex-basis: calc(48.8% - 1px); float: left; margin-right: 15px; padding: 0; border: 0; position: relative; }
.post-listing li:nth-child(2n) { margin-right: 0; }
.post-listing li:nth-child(2n+1) { clear: both; }
.post-listing li:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; 
	pointer-events: none; background-color: #1d1d1d; transition: all 0.3s ease-in-out;
}
.post-listing li:hover::before { background-color: #b20f22; }
.post-listing li .post-link { width: 100%; }
.post-listing li .featured-image { opacity: .2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center; 
	pointer-events: none; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out;
}
.post-listing li:hover .featured-image { background-color: rgba(179, 22, 22, .8); }
.post-listing li .post-inner { -webkit-flex: 1; flex: 1; padding: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.post-listing li .post-inner a:hover { color: #eee; }
.post-listing li .post-details { position: relative; z-index: 2; }
.post-listing .post-details, .post-listing .post-title, .post-listing .post-date { color: #eee; }
.post-listing .post-title, .post-listing .post-date { margin-bottom: 10px; }
.post-listing li .post-details .post-date { text-transform: none; font-weight: 300; font-size: 11px; }
.post-listing li .post-details .read-more-text { color: #fff; text-transform: uppercase; }
.widget_archive h3 { background-color: #232323; font-weight: 800; }
.sidebar aside { background-color: #efefef; }
.widget_archive select { border-radius: 0; }
/*SINGLE*/
.single-post .featured-image { margin-bottom: 20px; max-height: 450px; width: auto; }
.single-post h4 { font-weight: 600; margin-top: 40px; }
.single-post .post-date { font-size: 12px; font-weight: 500; margin-bottom: 0; }
.single-post .post-date i { margin-right: 5px; }
/*HOME - LATEST NEWS*/
.latest-posts > .post-news:not(:last-of-type) { margin-bottom: 30px; }
.latest-posts .post-title { color: #8f8f8f; display: inline-block; }
.latest-posts .post-title:hover { color: #333; }
.latest-posts .post-date { display: block; color: #b31616; font-style: italic; font-size: 11px; margin-top: 5px; font-weight: 600; }
/*SHORTCODE ULTIMATE*/
.su-gmap.nxm, .su-accordion.nxm, .su-tabs.nxm, .su-list.su-list-style-.nxm ul { margin-bottom: 0!important; }
.su-gmap:after { content: ''; display: table; clear: both; }
.su-gmap iframe { float: left; width: 100%; }

.su-tabs { border-radius: 0!important; padding: 0!important; background: none!important; }
.su-tabs-nav { padding: 0 0 0 1em; margin: 0 0 1.618em; overflow: hidden; position: relative; }
.su-tabs-nav:before { display: table; position: absolute; content: ' '; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #d3ced2; z-index: 1; }
.su-tabs-nav:after { content: ' '; display: table; clear: both; }
.su-tabs-nav span { border: 1px solid #d3ced2; background-color: #ebe9eb!important; position: relative; z-index: 0; border-radius: 4px 4px 0 0;
    margin: 0 -2px!important; padding: .5em 1em!important; font-weight: 600; color: #6b6a6b!important; line-height: 1.6!important;
}
.su-tabs-nav span:hover { background-color: #ddd!important; }
.su-tabs-nav span:before, .su-tabs-nav span:after { border: 1px solid #d3ced2; position: absolute; bottom: -1px; width: 5px; height: 5px; content: ' '; box-sizing: border-box; }
.su-tabs-nav span:before { left: -5px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; box-shadow: 2px 2px 0 #ebe9eb; }
.su-tabs-nav span:after { right: -5px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; box-shadow: -2px 2px 0 #ebe9eb; }
.su-tabs-nav span.su-tabs-current:before { box-shadow: 2px 2px 0 #fff; }
.su-tabs-nav span.su-tabs-current:after { box-shadow: -2px 2px 0 #fff; }
.su-tabs-nav span.su-tabs-current { background: #fff!important; z-index: 2; border-bottom-color: #fff; color: #8f8f8f!important; }
.su-tabs-pane { padding: 0!important; color: #8f8f8f!important; }

.su-spoiler-style-default > .su-spoiler-title { background-color: #ddd; padding-left: 30px; font-weight: 600; text-transform: uppercase; color: #777; }
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 5px!important; }
.su-spoiler-style-default > .su-spoiler-title:hover { background-color: #ccc; }
.su-spoiler-style-default:not(.su-spoiler-closed) > .su-spoiler-content { padding: 30px!important; }
.su-spoiler-style-default .su-spoiler-content > h3:first-of-type { text-transform: uppercase; color: #555; }
.su-spoiler-style-default .su-spoiler-content > h3:first-of-type strong { font-weight: 800; }
/*FORM ELEMENTS*/
::-webkit-input-placeholder { color: #bbb; }
::-moz-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
:-moz-placeholder { color: #bbb; }
.white-form ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }
.white-form ::-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
.white-form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }
.white-form :-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
.white-form :focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }
.white-form :focus::-moz-placeholder { color: rgba(255, 255, 255, 0.5); }
.white-form :focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); }
.white-form :focus:-moz-placeholder { color: rgba(255, 255, 255, 0.5); }

.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select { border: 0; border-radius: 0; background: none;
	border-bottom: 1px solid #ddd; padding: 3px 0; color: #555; outline: 0; margin-top: 5px; margin-bottom: 15px; transition: all 0.3s ease-in-out;
}
.white-form.wpcf7-form input:not([type="submit"]):not([type="reset"]), .white-form.wpcf7-form textarea, .white-form.wpcf7-form select {
	border-color: rgba(255, 255, 255, 0.5); color: #fff;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="file"] { width: auto!important; }
span.wpcf7-not-valid-tip { font-weight: 600; letter-spacing: -.5px; text-align: left; font-size: 13px; margin-top: -10px; color: #d01d1d; margin-bottom: 15px; }
.white-form span.wpcf7-not-valid-tip { color: #650e0e; }
div.wpcf7 .ajax-loader { border-radius: 50%; background-color: #fff; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; }
div.wpcf7-response-output { font-size: 13px; font-weight: 600; letter-spacing: -.5px; padding: 15px; margin-bottom: 0; border: 1px solid transparent; border-radius: 4px; }
div.wpcf7-validation-errors { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
div.wpcf7-mail-sent-ng { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
div.wpcf7-mail-sent-ok { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

#newsletter-form { position: relative; }
.newsletter-form-inner { grid-template-columns: 75% 25%; border-radius: 20px; border: 2px solid #fff; overflow: hidden; background-color: #fff; }
#newsletter-form input { margin: 0; padding: 8px 20px; border-color: transparent; }
#footer-newsletter .wpcf7-form.invalid .newsletter-form-inner { border-color: red; }
#newsletter-form .wpcf7-submit { border-top-right-radius: 0; border-bottom-right-radius: 0; border: 0; outline: 0; }
#newsletter-form .wpcf7-submit:hover { background-color: #232323; color: #fff; }
div.wpcf7 #newsletter-form .ajax-loader { position: absolute; bottom: -25px; right: 10px; }
div.wpcf7 #newsletter-form span.wpcf7-not-valid-tip { display: none; }

#newsletter-form .wpcf7-not-valid::-webkit-input-placeholder { color: rgba(255, 0, 0, .7); }
#newsletter-form .wpcf7-not-valid::-moz-placeholder { color: rgba(255, 0, 0, .7); }
#newsletter-form .wpcf7-not-valid:-ms-input-placeholder { color: rgba(255, 0, 0, .7); }
#newsletter-form .wpcf7-not-valid:-moz-placeholder { color: rgba(255, 0, 0, .7); }
/*OWL CAROUSEL*/
.owl-carousel.owl-mytheme { position: relative; z-index: initial; overflow: hidden; margin: 0!important; padding-left: 35px; padding-right: 35px; }
.owl-carousel.owl-mytheme .owl-nav { margin: 0; }
.owl-carousel.owl-mytheme .owl-nav .owl-prev, .owl-carousel.owl-mytheme .owl-nav .owl-next { width: 25px; overflow: hidden; color: #ccc; background: none!important; padding: 0; font-size: 50px; position: absolute; margin: 0; top: 50%; transform: translateY(-50%); line-height: 50px; transition: all 0.3s ease; }
.owl-carousel.owl-mytheme .owl-nav .owl-prev{ left: 0; }
.owl-carousel.owl-mytheme .owl-nav .owl-next{ right: 0; }
.owl-carousel.owl-mytheme .owl-nav .owl-prev:before,
.owl-carousel.owl-mytheme .owl-nav .owl-next:before { font-family: FontAwesome; padding-right: 5px; }
.owl-carousel.owl-mytheme .owl-nav .owl-prev:before { content: "\f104"; }
.owl-carousel.owl-mytheme .owl-nav .owl-next:before { content: "\f105"; }
.owl-carousel.owl-mytheme .owl-nav [class*=owl-]:hover { color: #333; }
#logo-carousel { margin-bottom: 20px; }
#logo-carousel a { display: block; }
#logo-carousel img { width: auto; transition: all 0.3s ease-in-out; }
#logo-carousel a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .5; }
/*PAGINATION*/
.navigation { clear: both; }
.pagination { margin-top: 30px; margin-bottom: 0; }
.navigation .pagination span, .navigation .pagination a { font-size: 12px; text-transform: uppercase; }
.pagination>li>a, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover { color: #232323; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:hover, .pagination span.current, .pagination a:hover { 
	color: #fff; background: #232323; border-color: #232323;
}
/*FOOTER*/
#footer { color: #c1c1c1; padding-top: 0; background: none; }
#footer a:not(:hover):not(:focus) { color: inherit; }
#footer .footer-widgets { font-size: 12px; padding-top: 15px; background-color: #161616; color: #c1c1c1; }
#footer .footer-inner { padding-left: 15px; padding-right: 15px; padding-top: 50px; padding-bottom: 50px; }
#colophon { background: #050505; color: #fff; padding-bottom: 0; }
#copyright { text-align: left; font-size: 11px; font-weight: 200; }
#footer h3.widgettitle { font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 600; }
#footer h3.widgettitle:after { content: none; }
table.contact-table td { vertical-align: top; }
#footer .social-icons-wrapper { margin-top: 10px; }
.scroll-to-top:hover { background: #b31616; }
#footer-newsletter { color: #fff; background: url('/wp-content/uploads/2018/03/Business-man-signing-a-contract.jpg') center / cover no-repeat; }
#floating-widget { top: 50%; transform: translateY(-50%); }
#whatsapp { width: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; background: #9e1210; color: #fff!important; }
#whatsapp:hover { background: #555; }
/*RESPONSIVE*/
@media (min-width: 1200px){
	.home-featured-products { background: none; }
}
@media (max-width: 1199px){
	.nflex-lg { display: block; }
	#home-highlights:before { content: none; }
	#home-highlights > .container { width: 100%; }
	.home-featured-products, .home-news-events { padding: 0; }
	.home-featured-products > .inner, .home-news-events > .inner { padding: 45px 30px; width: 970px; margin-left: auto; margin-right: auto; }
	#about-highlight-boxes { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; margin-bottom: 15px; }
  #company-image { grid-column: 1; grid-row-start: 6; grid-row-end: 6; }
	#company-info { background-color: #efefef; grid-column: span 2; min-height: auto!important; }
}
@media (min-width: 992px) and (max-width: 1199px){
	#why-choose-us > div { min-height: 305px; }
}
@media (max-width: 991px){
	.nflex-md { display: block; }
	.nfluid-content, .nimg-wrapper { padding-left: 30px; padding-right: 30px; }
	.nimg-wrapper img { margin-bottom: 30px; }
	#footer-newsletter .section-title { margin-bottom: 8px; }
	#newsletter-form { margin-top: 25px; }
	.footer-widget:not(:first-of-type) { margin-top: 50px; }
	#footer ul.menu { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; }
	#footer ul.menu, #footer ul.menu li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
	#home-welcome > .container { width: 100%; }
	#why-choose-us > div { min-height: 225px; }
	.welcome-col-1 { width: 750px; margin-left: auto; margin-right: auto; padding-right: 15px; }
	.welcome-col-2 { padding-left: 0; padding-right: 0; }
	.home-featured-products > .inner, .home-news-events > .inner { width: 750px; padding-left: 15px; padding-right: 15px; }
	.contact-container { padding-left: 0; padding-right: 0; }
	#contact-info.grid-container { grid-template-columns: 100%; }
}
@media (min-width: 768px) and (max-width: 991px){
	.post-listing li { -webkit-flex-basis: calc(48.8% - 1px); flex-basis: calc(48.8% - 1px); }
}
@media (min-width: 768px){
	.post-listing li:nth-child(2n+1):nth-last-child(-n+2), .post-listing li:nth-child(2n+1):nth-last-child(-n+2) ~ li { margin-bottom: 0; }
}
@media (max-width: 768px){
  .su-tabs-nav { padding: 0; }
  .su-tabs-nav span { margin: 0!important; border-bottom-color: #d3ced2!important; }
  .su-tabs-nav span:before, .su-tabs-nav span:after { content: none; }
  .su-tabs-nav span:not(:first-of-type) { border-radius: 0; margin-top: -1px!important; }
}
@media (max-width: 767px){
	.nflex-sm { display: block; }
  .header-top-left { display: none; }
  .header-top-right { -webkit-justify-content: flex-start; justify-content: flex-start; }
  .header-top-right .widget_custom_html { margin-right: auto; }
	#footer .footer-inner { padding-top: 35px; padding-bottom: 35px; }
	.welcome-col-1 { width: 100%; }
	.home-featured-products > .inner, .home-news-events > .inner { width: 100%; }
	.post-listing li { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; }
	.post-listing li:last-child { margin-bottom: 0; }
  .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper { width: 275px; right: 0; left: 0; transform: translateX(-85%); }
  .table-responsive { border: 0; }
  .table-responsive>.table { border: 1px solid #ddd; }
  .table-responsive:before { display: block; padding: 8px 3px; content: '\f0a4\00A0\00A0 Scroll to right to view more'; 
    font-family: 'FontAwesome','Montserrat', sans-serif; font-weight: 500; text-align: left; font-size: 12px;
  }
}
@media (max-width: 550px){
	#why-choose-us .reason-1 h1 { font-size: 35px; }
	#about-highlight-boxes { grid-template-columns: 100%; }
	#about-highlight-boxes > div { min-height: auto; text-align: center; grid-column: 1; grid-row-start: unset; grid-row-end: unset; order: unset; }
	#about-highlight-boxes ul { text-align: left; display: inline-block; }
	#about-highlight-boxes .box-title { text-align: center; -webkit-justify-content: center; justify-content: center; }
	#about-highlight-boxes .box-image { min-height: 225px; }
}
@media (max-width: 480px){
  #header-top-links { padding: 7px 0; }
  #header-top-links > a { display: block; margin-right: 0; }
  #search-button { margin-left: 5px; }
	#search { max-width: 300px;  }
	#search input[type="search"] { font-size: 24px; }
  #desktop-logo { display: none; }
  #mobile-logo { display: block; }
  #logo img { max-width: 210px; }
  .welcome-col-2 { padding: 0 10px 10px; }
	#why-choose-us { grid-template-columns: 100%; grid-gap: 10px; }
	#why-choose-us > div { min-height: 175px; -webkit-justify-content: center; justify-content: center; text-align: center!important; }
	#why-choose-us .reason-1 strong { display: inline; }
	.newsletter-form-inner { grid-template-columns: 63% 37%; }
	#newsletter-form input { padding-right: 10px; }
  .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper { transform: translateX(-72%); }
  #footer { margin-bottom: 39px; }
  .scroll-to-top { bottom: 55px; }
  #floating-widget { top: auto; transform: unset; }
  #whatsapp { width: 100%; }
}
@media (max-width: 359px){
	#search { max-width: 265px; }
}

.grecaptcha-badge{
	display:none!important;
}
