/* Global
-----------------------------------------------*/
body { font-size: 14px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; line-height: 1.4; }
a:hover, a:focus { color: #055da2; }
.btn.btn-default, .wpcf7-submit { text-transform: uppercase; border-radius: 0; font-size: 13px; min-width: 130px;
	color: #000; background-color: #F7CA18; border: 1px solid #F7CA18; padding: 5px 10px;
}
.btn.btn-default:hover, .wpcf7-submit:hover { background-color: transparent; color: #F7CA18; border: 1px solid currentColor; }
.btn.black { color: #fff; background-color: #000; border-color: #000; }
.btn.black:hover { color: #000; }
.floating-widget { display: inline-block; position: fixed; right: 0; top: 33%; transform: rotate(-90deg); transform-origin: right bottom; z-index: 999; }
.floating-widget a.btn { border-radius: 0; border-top-left-radius: 12px; border-top-right-radius: 12px; margin: 0; letter-spacing: 1px;
    padding: 10px 12px; line-height: 1;
}
.floating-widget a.btn:hover { background-color: #111; }
.scroll-to-top:hover { background: #f4c717; }

li { margin-bottom: 0; }

/* Header
-----------------------------------------------*/
#page { position: relative; }
#header { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; }
.header-middle {background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}
#navigation-menu { -webkit-justify-content: flex-end; justify-content: flex-end; }

#header ul#menu-primary > li > a { color: #fff; text-transform: uppercase; position: relative; padding: 15px 18px; }
#header ul#menu-primary > li > a:hover, #header ul#menu-primary > li > a:focus, #header ul#menu-primary > li.active > a { 
	background: none; color: #f7ca18; 
}
#header ul#menu-primary > li.active > a { font-weight: bold; }
#header ul#menu-primary > li.active > a:after { content: '\f107'; font-family: 'FontAwesome'; display: block; text-align: center;
    position: absolute; bottom: -2px; left: 0; right: 0;
}
ul#menu-primary .dropdown-menu > li > a { padding: 8px 20px; }
ul#menu-primary .dropdown-menu > li > a:hover, ul#menu-primary .dropdown-menu > li > a:focus,ul#menu-primary .dropdown-menu > li.active > a { 
	background: #f7ca18; 
}
.dropdown-menu>li>a { white-space: normal; min-width: 200px; }
.dropdown-menu ul { top: 0; left: 100%; margin: 0!important; }
.dropdown-menu .menu-item-has-children > a:after { content: ''; position: absolute; top: 40%; right: 10px; border-bottom: 4px solid transparent;
    border-top: 4px solid transparent; border-left: 4px solid;
}

#responsive-menu-button { position: relative!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; 
  float: right; z-index: initial!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-container #responsive-menu li.responsive-menu-current-item > a > .responsive-menu-subarrow { 
  background: #1d2275!important; border-color: #1d2275!important; color: #fff!important; 
}

/*====== CART COUNTER ======*/
.widget_ywraq_mini_list_quote { margin: 0; }
.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper { display: none!important; }
.widget_ywraq_mini_list_quote .raq-info { margin: 0; padding: 0; border: 0; font-size: initial; color: inherit; }
.enquiry-list-counter { margin-left: 10px; }
a.raq_label { position: relative; display: block; }
a.raq_label:before { content: "\f07a"; font-family: 'FontAwesome'; font-size: 25px; line-height: 1; color: #fff; 
    padding: 5px 15px 5px 10px; border-radius: 50%; height: 41px; width: 42px; 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: #F7CA18; color: #000; }
span.raq-tip-counter { position: absolute; bottom: -4px; right: -2px; font-size: 13px; border-radius: 50%; border: 2px solid #F7CA18; 
	background-color: #F7CA18; color: #000; text-align: center; width: 22px; height: 22px; line-height: 18px;
}
a.raq_label:hover span.raq-tip-counter { border-color: #fff; }
/*====== END CART COUNTER ======*/

/*PAGE BANNERS*/
.page-header-wrapper { position: relative; min-height: 200px; }
.page-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; 
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; 
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff;
}
.page-banner:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(2, 71, 144, 0.8);
}
.page-banner:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,0.45); 
}
.page-banner img { object-fit: cover; width: 100%; height: 100%; }
.page-header-wrapper .page-title { color: #fff; padding-top: 76px; padding-bottom: 35px; }
.page-title h1 { margin: 0; line-height: normal; font-size: 3em; text-transform: uppercase; word-break: break-word; 
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); 
}

/*BREADCRUMBS*/
.breadcrumbs { text-transform: uppercase; font-size: 13px; }
.breadcrumbs a { color: #fff; }
.breadcrumbs a:hover, .breadcrumbs a:focus { color: #F7CA18; }
.breadcrumbs span[property='itemListElement']:last-child { color: #F7CA18; font-weight: bold; }

/* Home
-----------------------------------------------*/
#section-separator-wrapper { background: #fff; pointer-events: none; }
#triangle-section-separator path { fill: #fff; }
#triangle-section-separator { position: relative; margin-top: -100px; margin-bottom: 10px; }

/* Search
-----------------------------------------------*/
#search-bar { /*margin-bottom: 7px;*/ margin-left: 15px; }
.form-search { position: relative; padding-left: 0; }
.form-search input:-webkit-autofill, .form-search input:-webkit-autofill:hover, .form-search input:-webkit-autofill:focus,
.form-search input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #097890 inset; -webkit-text-fill-color: white !important; }
input.search-box { margin-top: -6px; -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; 
	transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; box-shadow: none; cursor: pointer; margin: 2px 0;
	width: 35px; height: 35px; border-radius: 20px; border: none; background-position: 9px; background-repeat: no-repeat; 
	text-indent: 35px; background-color: #f4c717; background-image: url('images/search.png'); padding: 0;
}
.search-box:hover { box-shadow: 0 0 0 3px #000; }
.search-box:focus { -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background-color 0.6s; transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background-color 0.6s;
	background-color: #eee; border: none; outline: none; box-shadow: none!important; padding-left: 35px; cursor: text; width: 140px!important; 
	text-indent: 0!important;
}
#header .search-box:focus { background-color: #f4c717; width: 100px!important; }
#header .search-box:hover { box-shadow: 0 0 0 3px #fff; }
.form-search ::-webkit-input-placeholder {color: #000;}
.form-search ::-moz-placeholder {color: #000;}
.form-search :-ms-input-placeholder {color: #000;}
.form-search :-moz-placeholder {color: #000;}

.search .search-keyword { color: #055da2; font-weight: 600; }
.search-results-list article { margin-bottom: 30px; }

/* Pages
-----------------------------------------------*/
.page-header:not(.nxline) { padding: 0; margin: 0; border: 0; }
.page-header:not(.nxline) h1 { display: inline-block; font-weight: bold; color: #f7ca18; border-left: 4px solid #055da2; 
	padding-left: 15px; margin-bottom: 20px; 
}
.page-header.v2:not(.nxline) h1 { font-size: 2em; margin-bottom: 15px; }

.bg-dots-map { background: url('/wp-content/uploads/2017/05/bg-dots-map.jpg') right top no-repeat; }
.bg-building-darkblue { background: url('/wp-content/uploads/2017/05/building-landscape-with-blue-overlay.jpg') center/ cover no-repeat; }
.bg-support-cctv { background: url('/wp-content/uploads/2017/05/CCTV-Consultation.jpg') right top / contain no-repeat; }
.bg-support-cctv h1 { font-weight: 300; }
.bg-support-cctv h1 a { font-weight: bold; }
.bg-support-cctv h1 a:not(:hover):not(:focus) { color: #f7ca18; }
.bg-testimonials { position: relative; background: linear-gradient(rgba(47,47,47,0.9),rgba(47,47,47,0.9)), url('/wp-content/uploads/2017/05/bg-people-of-all-races-genders-posing.jpg') center/ cover no-repeat; }
.bg-dark-blue { background-color: #1d2275; color: #fff; }
.bg-dark-blue strong, .bg-dark-blue b { color: #f7ca18; }
.bg-light-grey{background:#f9f9f9;}

.testimonial-list { color: #fff; font-size: 1.1em; }
.testimonial-item { font-weight: 300; }
.testimonial-item .testimonial-author { font-size: 13px; }
.testimonial-item .testimonial-author:before { content: ''; display: block; width: 25px; border-top: 2px solid #fff; 
	padding-bottom: 15px; margin-top: 15px;
}
.testimonial-item i[class*='fa-quote'] { color: #ffb617; margin: 5px 12px 5px 5px; width: auto; }

ul.icon-list { padding: 0; list-style: none; margin: 20px auto 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: flex;
	-webkit-flex-flow: row wrap; flex-flow: row wrap;
	-webkit-justify-content: center; justify-content: center;
}
ul.icon-list li { width: 180px; height: 180px; margin: 0; background: #3f51b5; color: #fff; font-size: 14px; font-weight: bold; margin: 10px;
	transition: all 0.3s ease; padding: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: flex;
    -webkit-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; align-items: center; 
    -webkit-justify-content: center; justify-content: center;
}
ul.icon-list li:hover { background: #303f9f; }

.vision-mission-inner { padding: 20px; background: #0d1043; }

.ads-list .item { width: 33.33%; float: left; margin-bottom: 20px; }
.ads-list .item .item-inner { background: #E1E1E1; }
.ads-list .item .item-inner:after { content: ''; display: table; clear: both; }
.ads-list .item img { float: left; width: 35%; }
.ads-list .item .item-header { float: left; width: 65%; padding: 10px 15px; }
.ads-list .item .item-header .btn { margin-top: 5px; }

/* TIMELINE EXPRESS
-----------------------------------------------*/
/*#cd-timeline { margin: 3em 0!important; }*/
#cd-timeline .cd-timeline-content { background: #0d1043!important; box-shadow: 0 3px 0 #111!important; }
#cd-timeline .cd-timeline-content { color: #fff; }
#cd-timeline .cd-timeline-content h2, .cd-timeline-content strong { color: #f7ca18; }
#cd-timeline .cd-timeline-title-container { float: none; }
#cd-timeline .cd-timeline-img { background: #0d1043!important; box-shadow: 0 0 0 4px #f7ca18, inset 0 2px 0 rgba(0,0,0,.08), 0 3px 0 4px rgba(0,0,0,.05); }
#cd-timeline .cd-timeline-img span.year { color: #f7ca18; }
#cd-timeline .cd-timeline-block:nth-child(odd) .cd-timeline-content::before { border-left-color: #0d1043; }
#cd-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content::before { border-right-color: #0d1043; }
#cd-timeline .cd-timeline-block { margin: 0; }

/* TQ & Coming Soon
-----------------------------------------------*/
.ninja-thank-you i.ninja-tq-icon, .ninja-coming-soon i.ninja-comingsoon-icon { 
	color: #000; background-color: #f7ca18;  border: 5px solid #f7ca18; 
}

/* Archive & Single
-----------------------------------------------*/
.widget_archive h3 { padding: 8px 15px; background-color: #0d1043; }
.post-listing { margin: 0; }
.post-listing:after, .post-listing li:after { content: ''; display: table; clear: both; }
.post-listing li { border: 0; background: #f5f5f5; box-shadow: 4px 4px 0px #dadada; width: 48%; float: left; margin-right: 2.5%; }
.featured-img { margin-right: 0; width: 30%; max-width: 130px; }
.featured-img img { max-height: 130px; width: auto; }
.post-details { float: left; width: 70%; padding-left: 15px; }
.post-listing li a.btn { margin-top: 5px; }
.single-post .entry-header { margin-bottom: 30px; }
.single-post .single-post-title { font-weight: 300; }
.entry-date { display: block; color: #777; font-size: 13px; }
.single-post .post-featured-img { margin: 30px 0; }
.single-post .post-featured-img img { border: 5px solid #e1e1e1; max-height: 330px; width: auto; cursor: pointer; transition: all 0.3s ease; }
.single-post .post-featured-img img:hover { border-color: #aaa; }

/* Navigation
-----------------------------------------------*/
.navigation { clear: both; }
.pagination { margin-top: 0; }
.navigation .wp-pagenavi-pagination span, .navigation .wp-pagenavi-pagination a { font-size: 12px; text-transform: uppercase;}
.pagination>li>a, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover { color: #111; }
.pagination>li>a:focus, .pagination>li>a:hover { color: #2d34a7; }
.navigation .wp-pagenavi-pagination span.current, 
.navigation .wp-pagenavi-pagination a:hover { color: #fff; background-color: #2d34a7; border-color: #2d34a7; }

/* Form Elements
-----------------------------------------------*/
.wpcf7 ::-webkit-input-placeholder { color: #aaa; font-weight: 600; letter-spacing: 1px;}
.wpcf7 ::-moz-placeholder { color: #aaa; font-weight: 600; letter-spacing: 1px;}
.wpcf7 :-ms-input-placeholder { color: #aaa; font-weight: 600; letter-spacing: 1px;}
.wpcf7 :-moz-placeholder { color: #aaa; font-weight: 600; letter-spacing: 1px;}
.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select{
	border-radius: 0; border-color: #aaa; padding: 10px;
}
div.wpcf7-response-output { margin: 1em 0.5em; }
span.wpcf7-not-valid-tip { font-weight: 600; font-size: 13px; margin: -5px 0 10px; }

/* Footer
-----------------------------------------------*/
#footer { background: #0d1043; font-size: 13px; }
#footer a:not(.btn) { color: inherit; }
#footer a:not(.btn):hover, #footer a:not(.btn):focus { color: #f7ca18; }
#footer .widgettitle { color: #F7CA18; text-transform: uppercase; font-weight: bold; }
#footer .widgettitle:after { content: none; }
#colophon { background: #06092c; color: #fff; }
#footer ul.menu { list-style: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-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;
}
#footer li { margin-bottom: 10px; }
#footer .ninja-social { margin-top: 15px; }
.social-icons li a { position: relative; color: #fff; }
.social-icons li a:not(:hover) { background: none; }
.social-icons li a[href*="jobstreet"] .fa:before{ content: ""; background-image: url('/wp-content/uploads/2017/05/jobstreet-logo.png'); 
	width: 35px; height: 35px; display: inline-block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;
	background-size: 35px; background-repeat: no-repeat; background-position: center;
}
.social-icons li a[href*="jobstreet"]:not(:hover) .fa:before { -webkit-filter: grayscale(100%) invert(100%); filter: grayscale(100%) invert(100%); }
.social-icons li a[href*="jobstreet"]:hover { background-color: #ffff00; }


.policy ul{ padding-left:20px;margin-top:10px; }
.policy ul ul{ padding-left:15px; }
.policy ul li{
	list-style: none;
	margin-bottom:5px;
}

.policy ol { counter-reset: item;margin-top:15px;padding-left:20px; }
.policy ol > ol { padding-left:30px; }
.policy ol > li { display: block;margin-bottom: 15px;position: relative;color:#fff; }
.policy ol li:before { content: counters(item, ".") "."; counter-increment: item;position: absolute;margin-left:-18px; }
.policy ol li > ol li:before { content: counters(item, ".") "";margin-left:-28px; }
.policy ul.alphabet li{
	list-style: lower-alpha;
}
.policy ul.alphabet li:before { content:'';position: initial;margin-left:0;counter-increment: initial;  }

.policy p{ color:#fff; }

/* Responsive
-----------------------------------------------*/
@media ( max-width: 1199px ){
	.enquiry-list-counter { margin-right: 20px; }
}
@media ( max-width: 1170px ){
	.bg-support-cctv { background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)), url('/wp-content/uploads/2017/05/CCTV-Consultation.jpg') no-repeat; 
		background-position: 19% 50%; background-size: cover;
	}
}
@media ( min-width: 992px ){
	.ads-list .item:nth-child(3n+1):nth-last-child(-n+3), .ads-list .item:nth-child(3n+1):nth-last-child(-n+3) ~ .item { margin-bottom: 0; }
}
@media ( max-width: 991px ){
	.home #logo { margin-right: auto; }
	/*.home #header { position: relative; top: initial; left: initial; right: initial; z-index: initial; }*/
	.page-header-wrapper { min-height: 245px; }
	.page-header-wrapper .page-title { padding-top: 70px; padding-bottom: 15px; }
	.page-title h1 { font-size: 2.5em; }
	.breadcrumbs { margin-top: 5px; }
	.testimonial-item { margin-top: 30px; margin-bottom: 30px; }
	.ads-list .item { width: 50%; }
	.content-with-sidebar { margin-bottom: 30px; }
	.sidebar { margin-top: 30px; margin-bottom: 0; }
	.footer-widget:not(:last-of-type) {margin-bottom: 30px;}
}
@media (max-width: 821px){
	.cd-timeline-block:nth-child(odd) .cd-timeline-content::before { border-left-color: transparent!important; }
	#cd-timeline .cd-timeline-img span.year { line-height: 50px; }
}
@media ( min-width: 768px ){
	.post-listing li:nth-child(2n) { margin-right: 0; }
	.col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.col-2, .col-2 > li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; 
		page-break-inside: avoid; break-inside: avoid-column;
	}
}
@media ( min-width: 768px ) and ( max-width: 991px ){
	.ads-list .item:nth-child(2n+1):nth-last-child(-n+2), .ads-list .item:nth-child(2n+1):nth-last-child(-n+2) ~ .item { margin-bottom: 0; }
	.footer-third > .widget { width: 50%; float: left; }
	#footer .ninja-social { margin-top: 0; }
}
@media ( max-width: 767px ){
	.post-listing li { margin-right: 0; width: 100%; }
	.ads-list .item { width: 100%; }
	.ads-list .item:last-of-type { margin-bottom: 0; }
	.ads-list .item-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
	.ads-list .item img , .ads-list .item .item-header { float: none; width: auto; }
	.ads-list .item img { max-height: 90px; }
	.testimonial-list { margin-top: 0; margin-bottom: 0; }
	.testimonial-item { padding-left: 30px; padding-right: 30px; }
	.testimonial-list .testimonial-item:not(:last-of-type) { border-bottom: 1px solid rgba(255, 255, 255, .15); padding-bottom: 30px; }
	#footer .ninja-social {margin-top: 30px;}
}
@media ( max-width: 480px ){
	.post-listing li .post-title { font-size: 15px; }
}

a.add-request-quote-button.button {margin-bottom:15px;}
.single-product button.single_add_to_cart_button.button.alt, .single-product .woocommerce-message, .single-product .woocommerce.ywraq-wrapper .woocommerce-message {
    display: block !important;
}
.woocommerce div.product form.cart div.quantity {float:none !important;margin-bottom:30px;}
.a2a_kit.a2a_kit_size_25.addtoany_list {display: block;margin-top: 30px;}

.su-gmap iframe{width:100%;}

.btn.btn-default.whatsapp{
	background-color: #25d366;
    border: 1px solid #25d366
}

.floating-widget a.whatsapp:hover{
	background-color: #075e54;
}

.text-justify{
	text-align: justify;	
}

ul.water_pump{
	list-style: none;
}

ul.water_pump li:before{
	content: '✓';
}

.ywraq-quote-icon-icon_quote{
    display: none;
}