/*
Theme Name: Sparkling Child
Author: Locus-T
Author URI: http://www.locus-t.com.my
Description: Sparkling Child Theme created to suit Locus-T purposes
Template: sparkling
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling-child
*/

/* GLOBAL */
body { color: #111; background: #F2F2F2; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.6; max-width: 1600px; margin: 0 auto; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: bold; }
.h1, .h2, .h3, h1, h2, h3, .entry-title { margin-top: 0; margin-bottom: 10px; }
.h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 30px; }
.h3, h3 { font-size: 26px; }
.h4, h4 { font-size: 20px; }
.h5, h5 { font-size: 18px; }
.h6, h6 { font-size: 16px; }
.entry-title { color: inherit; font-size: 24px; }
a { color: #043a7e; outline: 0!important; }
a:focus, a:hover, .entry-title a:hover, .entry-title a:focus, #footer-area a:hover, #footer-area a:focus { color: #329dbd; text-decoration: none!important; }
p { margin: 0 0 10px; }

.fa-paper-plane { color: #03b7f6; font-size: 3em!important; text-align: center!important; margin: 0; }
.scroll-to-top:hover { background: #03b7f6; }
.scroll-to-top i{ color: #fff!important; }

.btn{ border-radius: 0; min-width: 130px; letter-spacing: 1px; padding: 10px 15px!important; line-height: 1; }
.btn.btn-default { background: #329dbd; border: 1px solid #329dbd; color: #fff; }
.btn.btn-default:hover, .btn.btn-default:focus { background: transparent; color: #329dbd; }
.btn.white { background: transparent; border-color: #fff; color: #fff; }
.btn.white:hover, .btn.white:focus { background: #fff; color: #43a8c2; }
.btn.white.v2:hover, .btn.white.v2:focus { background: #fff; color: #277bc4; }
.btn.black { background: #282828; border-color: #282828; color: #fff; }
.btn.black:hover, .btn.black:focus { background: transparent; color: #282828; }

#content { background: #fff; }
.page-header { border: none; margin: 0; padding: 0; }
.post-inner-content { padding: 0!important; border: none!important; background: none!important; }
.container-fluid.main-content-area, .container-fluid.main-content-area > .row > .main-content-inner { padding: 0!important; }
.container-fluid.main-content-area > .row, .main-content-area { margin: auto; }
.entry-content, .entry-summary, .single-view, .blog-item-wrap { margin: 0; }
section.error-404.not-found { margin: 25px auto; }
.search article.post-result:not(:last-of-type) {padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
section.no-results.not-found { margin-top: 15px; margin-bottom: 25px; }
.btn.btn-default.read-more { float: none; font-size: 1em; }
.form-search .search-query { border-radius: 0; padding: 4px 28px 4px 10px; background: #fff url('img/search.png') 96% 48% no-repeat;
	background-size: 15px; max-width: 180px; margin: 0; height: auto;
}
.search .page-title { margin-top: 15px; margin-bottom: 25px; }
.search .page-title .highlight { color: #08b5fa; }

.container-fluid, .container-fluid > .row > [class*='col']:not([class*='padding-']) { padding: 0; }
.container-fluid > .row { margin: 0; }

/*HEADER*/
.navbar.navbar-default { background: #fff; border: none; border-bottom: 2px solid #043a7e; border-radius: 0; font-family: inherit; color: initial; }
.site-navigation-inner { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.chead-inner { margin-bottom: 15px; margin-top: 15px; text-align: right; display: -ms-flexbox; display: -webkit-flex; display: flex; 
	-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.chead-inner > * { vertical-align: middle; display: inline-block; margin-right: 20px; }
.chead-inner a.cart-list-btn { color: #31a0bc; font-size: 15px; font-weight: bold; }
.chead-inner a.cart-list-btn:hover { color: #555; }
a.cart-list-btn i { font-size: 22px; }

/*NAV*/
.navbar-collapse.collapse { border: none; padding: 0!important; }
.navbar-default .navbar-nav li a { font-size: 15px; background: none!important; color: #31a0bc; line-height: 1; font-weight: normal; 
	padding: 10px 20px; border: none;
}
.navbar-default .navbar-nav > li > a { font-weight: bold; }

.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.nav > .open>a, .nav > .open>a:focus, .nav > .open>a:hover { color: #fff!important; background: #31a0bc!important; }
.navbar-default .navbar-nav .dropdown-menu li > a:hover, .navbar-default .navbar-nav .dropdown-menu li > a:focus,
.navbar-default .navbar-nav .dropdown-menu > li.active > a {
    color: #fff!important; background: #31a0bc!important;
}
.navbar-default .navbar-nav .dropdown-menu > li.active > a:hover, .navbar-default .navbar-nav .dropdown-menu > li.active > a:focus{
	background: #8e8e8e!important;
}
.nav > .open>a, .nav > .open>a:focus, .nav > .open>a:hover { border-color: transparent; }
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle { color: #31a0bc; }
.navbar-default .navbar-nav .dropdown-menu { border: none; background: #fff; border-radius: 0; padding: 0; }
.dropdown-menu ul { top: 0; left: 100%; margin: 0; }
.dropdown-menu ul ul { top: -5px; }
.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;
}
.navbar-default .navbar-nav .dropdown-menu li a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { font-size: 14px; color: #333; }
.dropdown-menu { -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,.175); box-shadow: 0px 2px 12px rgba(0,0,0,.175); }

#responsive-menu-button { position: relative!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; 
	float: right; margin-left: 15px!important; z-index: initial!important; border-radius: 0!important;
}
.responsive-menu-box { height: 32px!important; }
.admin-bar #responsive-menu-container { margin-top: 32px; }
#responsive-menu-container { box-shadow: 3px 3px 15px 0px rgba(147, 147, 147, 0.3); }
#responsive-menu ul { padding: 0; }
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > a > .responsive-menu-subarrow { 
	background: #03b7f6!important; border-color: #03b7f6!important; color: #fff!important; 
}

/*PAGES*/
.padding-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-45 { padding-top: 45px; padding-bottom: 45px; }
.padding-thick30 { padding-left: 30px; padding-right: 30px; }
.padding-x30 { padding: 30px; }
.padding-x45 { padding: 45px; }
.margin-15 { margin-top: 15px; margin-bottom: 15px; }
.margin-30 { margin-top: 30px; margin-bottom: 30px; }
table.table { background: #fff; }
table.table td { vertical-align: middle; }
table.table-bordered { border: 1px solid #ddd!important; }
#tab-specifications table.table td, #tab-specifications table.table th, table.table.text-center th { vertical-align: middle!important; 
	text-align: center; 
}
.bg-blue { background: #277bc4; color: #fff; }

.page-banner { position: relative; padding-bottom: 16%; min-height: 220px; }
.page-banner-inner { 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-inner img { object-fit: cover; width: 100%; height: 100%; }
.page-banner .page-title { position: absolute; top: 50%; left: 10%; transform: translate(-10%, -50%); color: #043a7e; max-width: 450px; }

.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.fluid-wrapper { position: relative; }
.fluid-wrapper .row.flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; 
	-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.fluid-wrapper .row.flex > [class*='col-'] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;
}
.welcome-message .img-wrapper img { object-position: bottom left; object-fit: scale-down; }
.fluid-wrapper .box-content-left, .fluid-wrapper .box-content-right { position: absolute; top: 0; width: 100%; max-width: 50%; height: 100%; 
	 color: #fff; padding: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
.fluid-wrapper .box-content-left { left: 0; background: #277bc4; } 
.fluid-wrapper .box-content-right { right: 0; background: rgba(49, 160, 188, .9); }
.fluid-wrapper .container-fluid, .fluid-wrapper .container-fluid > .row > [class*='col-'] { padding: 0; }
.fluid-wrapper .container-fluid > .row { margin: 0; }
.fluid-wrapper .container-fluid img { width: 100%; }
.fluid-wrapper .secondary-fit-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fluid-wrapper .secondary-fit-img img { object-fit: cover; width: 100%; height: 100%; }
.fluid-wrapper.pollution-message .img-wrapper { min-height: 400px; padding-bottom: 32%!important; }
.fluid-wrapper.products-message1 .img-wrapper img { object-fit: scale-down; object-position: right; padding-right: 20px; }
.fluid-wrapper.products-message2 { color: #fff; }
.fluid-wrapper.products-message2 .img-wrapper [class*='img-container'] { background: #fff; }
.fluid-wrapper.products-message2 .img-wrapper img { object-fit: scale-down; }
.img-wrapper.scale-down img { object-fit: scale-down; }
.car-on-road-bg img { object-position: top left; }
.services-boxes > [class*='col'] [class*='col'] { padding: 0; background-color: #292929; margin-bottom: 15px; margin-top: 15px; }
.services-boxes > [class*='col'] [class*='col'] strong { padding: 10px 15px; color: #fff; display: table-cell; width: 100%; vertical-align: middle; }

/*NAVIGATION*/
.navigation { clear: both; }
.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: #329dbd; }
.navigation .wp-pagenavi-pagination span.current, .navigation .wp-pagenavi-pagination a:hover { color: #fff; background-color: #329dbd; border-color: #329dbd; }

/*WIDGET MENU*/
.widget ul li { border: none!important; padding-bottom: 0; }
.widget ul { font-size: inherit; line-height: 1.6; }
.widget-container { list-style: none!important; }

/*FOOTER*/
#footer-area { background: #282828; font-size: inherit; line-height: 2; color: #fff; box-shadow: inset 0 13px 20px -15px rgba(0,0,0,0.3); }
#footer-area .footer-widget-area { background: none!important; padding: 0; margin: 30px 0; }
#footer-area .widgettitle { margin-bottom: 20px; font-weight: bold; }
#footer-area .widget ul.menu li { line-height: 1.2; }
#colophon { border:none; padding: 0; background: #282828; border-top: 2px solid #7c7c7c; }
.site-info { color: #7c7c7c; margin-top: 10px; margin-bottom: 10px; }
#footer-area a { color: inherit; }
.copyright{ text-align: center; margin: 0; }
.footer-widget .widget { margin-bottom: 20px; }
#menu-footer { margin: 0; text-align: initial; }

/*FORM ELEMENTS*/
.wpcf7 { outline: 0; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
    width: 100%; padding: 7px 10px; margin-bottom: 10px; border-radius: 0; border: 1px solid #ddd; color: #555; background: #fff;
}
select { padding-top: 8px !important; padding-bottom: 8px !important; }
input, optgroup, select, textarea { color: #111; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
	outline: none; box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1);
}
input[type="submit"], input[type="reset"] { box-shadow: none; letter-spacing: 2px; padding-right: 12px!important; }
textarea { height: 180px; }
#footer-area .wpcf7-form-control-wrap + br { display: none; }
.bg-blue span.wpcf7-not-valid-tip { color: #ffff00; }
.wpcf7-not-valid-tip { margin: -8px 0 10px; }
div.wpcf7 .ajax-loader { background-color: #fff; border-radius: 50%; }

/*RESPONSIVE*/

@media ( min-width: 992px ){
	section.error-404.not-found > .row { display: flex; align-items: center; }
	.fluid-wrapper .row.flex > [class*='col-'] { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	.fluid-wrapper .flex-reverse { display:flex; flex-direction:row-reverse!important; }
	.img-container-right, .img-container-left { position: absolute; bottom: 0; top: 0; }
	.img-container-left  { left: 0; right: 50%; }
	.img-container-right { left: 50%; right: 0; }
	.img-wrapper { position: initial; }
	.img-container-right img, .img-container-left img { object-fit:cover; width:100%; height:100%; }
	.page-banner-inner img { object-position: left center; }
}

@media ( max-width: 1199px ){
	.su-lightbox-content { width: 80%!important; }
}
@media ( min-width: 992px ) and ( max-width: 1199px ){
	.fluid-wrapper.welcome-message [class*='box-content'], .fluid-wrapper.pollution-message [class*='box-content'] { max-width: 100%; }
	/*.fluid-wrapper.pollution-message .img-wrapper { padding-bottom: 45%!important; }*/
}
@media ( max-width: 991px ){
	.chead-inner { margin-left: 20px; }
	a.cart-list-btn { margin-right: 10px; }
	a.cart-list-btn:not(:hover) { color: #03b7f6; }
	a.cart-list-btn i { font-size: 2.2em; }
	.page-banner .page-title { left: 25%; transform: translate(-25%, -50%); }
	.page-banner .page-title h1 { font-size: 30px; line-height: 1.3; }
	.fluid-wrapper > .container, .fluid-wrapper [class*='col'].img-wrapper { padding-left: 0; padding-right: 0; }
	.fluid-wrapper > .container { width: 100%; }
	.fluid-wrapper .row.flex { margin-left: 0; margin-right: 0; }
	.img-container-right, .img-container-left { position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
	.img-container-right img, .img-container-left img { object-fit:cover; width:100%; height:100%; }
	.fluid-wrapper .img-wrapper { padding-bottom: 30%; min-height: 280px; }
	.fluid-wrapper .secondary-img-wrapper { display: none; }
	.fluid-wrapper.pollution-message .img-wrapper { min-height: 325px; }
	.footer-widget { margin-bottom: 20px; }
}
@media ( max-width: 767px ){
	.page-banner .page-title h1 { font-size: 28px; }
	.table-responsive:before { content: "\f0a4 \2003 Scroll to right to view more"; font-family: 'FontAwesome', 'Open Sans', sans-serif; 
		padding: 5px 0; display: block; font-style: italic;
	}
	.fluid-wrapper .box-content-left, .fluid-wrapper .box-content-right { max-width: initial; opacity: .9; }
	.footer-widget ul.menu { margin: 0; text-align: initial; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	.footer-widget ul.menu, .footer-widget 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;
	}
}
@media ( max-width: 480px ){
	.page-banner .page-title { padding: 0 30px; max-width: 100%; width: 100% }
	.fluid-wrapper.pollution-message .img-wrapper { min-height: 400px; padding-bottom: 50%!important; }
	.services-boxes > [class*='col']{ width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; float: none; }
	.footer-widget { margin-bottom: 10px; }
	.footer-widget ul.menu { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}
@media ( max-width: 359px ){
	.page-banner .page-title h1 { font-size: 24px; }
}