.elementor-1172 .elementor-element.elementor-element-43db176{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1172 .elementor-element.elementor-element-43db176:not(.elementor-motion-effects-element-type-background), .elementor-1172 .elementor-element.elementor-element-43db176 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.centon.my/wp-content/uploads/2024/08/srf-centon-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1172 .elementor-element.elementor-element-4054187{text-align:center;}.elementor-1172 .elementor-element.elementor-element-4054187 .elementor-heading-title{font-family:"Judson", Sans-serif;font-size:48px;font-weight:400;text-transform:uppercase;line-height:1.2em;color:#FFFFFF;}.elementor-1172 .elementor-element.elementor-element-d72acd5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1172 .elementor-element.elementor-element-f3e5d93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1172 .elementor-element.elementor-element-f3e5d93.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1172 .elementor-element.elementor-element-13c53ec{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1172 .elementor-element.elementor-element-fd9abd6 > .elementor-widget-container{box-shadow:0px 0px 10px 10px #F7F9F9;}@media(max-width:1024px){.elementor-1172 .elementor-element.elementor-element-4054187{text-align:center;}.elementor-1172 .elementor-element.elementor-element-f3e5d93{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1172 .elementor-element.elementor-element-13c53ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1172 .elementor-element.elementor-element-43db176{--min-height:300px;}.elementor-1172 .elementor-element.elementor-element-4054187{text-align:center;}.elementor-1172 .elementor-element.elementor-element-4054187 .elementor-heading-title{font-size:35px;}.elementor-1172 .elementor-element.elementor-element-f3e5d93{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1172 .elementor-element.elementor-element-13c53ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1172 .elementor-element.elementor-element-13c53ec{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1172 .elementor-element.elementor-element-13c53ec{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-fd9abd6 */.elementor-1172 .elementor-element.elementor-element-fd9abd6 .cwrannty {

border: none;
  
    width: 834px;
    max-width: 100%;
    margin: 0px auto;
    padding: 30px 27px;
    font-family: 'Teachers', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.elementor-1172 .elementor-element.elementor-element-fd9abd6 .button {
  background-color: #2B3574;
  color: #FFFFFF;
  padding: 12px 30px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  border-radius:250px;
	width:auto;
}

.elementor-1172 .elementor-element.elementor-element-fd9abd6 .button:hover {
  opacity: 0.8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3e5d93 *//*** General ***/
html {
	background: #d7d7d7;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #a5a5a5;
	line-height: 1.85;
	position: relative;
}

a {
	color: inherit;
}

a:hover {
	color: #000;
}

p {
	margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
	color: #313131;
	line-height: 1.5;
}

h2 {
	margin-bottom: 15px;
	font-weight: 300;
    font-size: 1.7em;
    letter-spacing: 3px;
}

h3 {
	font-size: 1.1em;
	color: #a5a5a5;
	letter-spacing: 0px;
}

h4 {
	font-size: 1.25em;
	letter-spacing: 3px;
}

iframe {
	margin-bottom: 0px;
	display: block;
}

.nvp85 {
	padding-top: 85px;
	padding-bottom: 85px;
}

.grey-bg {
	background-color: #f6f6f6;
}

.white-font {
	color: #fff;
    text-shadow: 1px 1px 7px #000;
}

.white-font h2 {
	color: #fff;
}

span.med {
	color: #3d3d3d;
	font-weight: 500;
}

.dl-horizontal {
	display: inline-block;
	text-align: initial;
	margin: 30px 0px;
}

.dl-horizontal dt {
	width: 250px;
	font-weight: 500;
	color: #3d3d3d;
}

.dl-horizontal dd {
	margin-left: 300px;
}

/** Animation **/
.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes pulsegreen {
    0% {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }
    70% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }
}

/*** Floating Button ***/
#floating-widget {
    bottom: 75px;
    right: 20px;
    top: initial;
}
#floating-widget a {
    animation: pulsegreen 2s infinite;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: #fff!important;
    border-radius: 100%;
    text-align: center;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

a#whatsapp-float {
	background-color: #64bb53;
	margin-bottom: 10px;
}

a#facebook-float {
	background-color: #3a559f;
}

#fbMsg img {
	top: initial;
	bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
}

.scroll-to-top {
    right: initial;
    left: 20px;
}

/*** Button ***/
.btn.btn-default {
	background: transparent;
	border: 1px solid #b7b7b7;
	border-radius: 20px;
	color: #7e7e7e;
	font-size: 0.95em;
    padding: 8px 15px;
    min-width: 115px;
	letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.3s ease-in-out;
}

.btn.btn-default.btn-white {
	border: 1px solid #fff;
	color: #fff;
}

.btn.btn-default:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 50%;
    z-index: -1;
    -webkit-transform: skewX(-30deg); 
    -moz-transform: skewX(-30deg); 
    -ms-transform: skewX(-30deg); 
    -o-transform: skewX(-30deg); 
    transform: skewX(-30deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.btn-default:hover:before {
    right: 0%;
    left: 0%;
    margin-left: -1em;
    margin-right: -1em;
    background: #5cbde6;
}

.btn.btn-default:hover {
	color: #fff;
	border-color: #5cbde6;
}

.btn.btn-form {
	background: #000;
	color: #fff;
	border-color: #000;
}

.newsletter-form .btn.btn-form {
	min-width: initial;
	border: none;
	border-bottom: 1px solid #000;
	border-radius: 0px;
	margin-top: 0px;
	font-size: 13px;
	background: transparent;
	color: #7e7e7e;
	outline: none;
}

/*** Search ***/
#search-bar {
	margin-left: 10px;
}

#search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: 9999;
    transform: translate(0, 100%);
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

#search .close {
    color: #fff;
    background: #d12f2b;
    background: -moz-linear-gradient(top, #d12f2b 0%, #ff002a 100%);
    background: -webkit-linear-gradient(top, #d12f2b 0%,#ff002a 100%);
    background: linear-gradient(to bottom, #d12f2b 0%,#ff002a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d12f2b', endColorstr='#ff002a',GradientType=0 );
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    padding: 7px 17px;
    font-size: 40px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.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"] {
    color: #fff;
    background: none;
    font-size: 60px;
    width: 100%;
    font-weight: 300;
    text-align: center;
    border: 0;
    padding: 15px 30px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search .btn {
    margin: 0 auto;
    display: block;
}

#search.open {
	animation-name: slideFadeUp;
}

#search.close { 
	animation-name: slideFadeDown;
}

#search-button {
	color: #a5a5a5;
	padding: 0px 10px;
}

#search-button:hover {
	color: #fff;
}

@keyframes slideFadeUp {
  0%   { opacity: 0; }
  100% { opacity: 1; transform: translate(0, 0); }
}
@keyframes slideFadeDown {
  0%   { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, 100%); }
}

.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: 15px; outline: 0; box-sizing: border-box; transition: all 0.3s ease-in-out; }
.search-form .search-submit { background: url('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); }

/*** Contact Form ***/
div.wpcf7 {
	margin-top: 25px;
}

.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select {
	border-radius: 0px;
	border: 1px solid #cccccc;
	outline: none;
	padding: 5px 15px;
	margin-bottom: 15px;
}

.wpcf7-form label {
    font-weight: 400;
    color: #000;
    display: block;
    margin-bottom: 0px;
}

.wpcf7-form textarea {
	height: 80px;
}

.wpcf7-form-control-wrap .wpcf7-not-valid {
  	border: 1px solid red!important;
}

.form-grid {
	display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}

.serial-wrapper input {
	max-width: 83px !important;
	text-align: center;
}

.serial-wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 11px;
}

.serial-wrapper ::-moz-placeholder { /* Firefox 19+ */
	font-size: 11px;
}

.serial-wrapper :-ms-input-placeholder { /* IE 10+ */
	font-size: 11px;
}

.serial-wrapper :-moz-placeholder { /* Firefox 18- */
	font-size: 11px;
}

.imageupload {
	background: transparent;
	border: 1px solid #cccccc;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    padding: 5px 15px;
	margin-bottom: 15px;
}

.imageupload label {
	color: #666;
	margin-bottom: 0px;
	font-weight: 400;
}

input[type="file"] {
	width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    cursor: pointer;
}

span.wpcf7-not-valid-tip {
  display: none!important;
}

div.wpcf7 .ajax-loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.newsletter-form {
	display: flex;
	align-items: center;
}

#newsletter-sec input.wpcf7-email {
	border: none !important;
	border-bottom: 1px solid #000 !important;
	border-radius: 0px;
	background: transparent;
	padding-left: 0px;
	margin-bottom: 0px !important;
}

/*** Header ***/
.sticky {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	z-index: 9;
}

.sticky + #content {
	padding-top: 59px;
}

#header {
	background-color: #000;
	padding: 10px 0px;
}

#header .row {
	display: flex;
	align-items: center;
}

#navigation-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: initial;
}

.navbar-nav>li {
	margin-bottom: 0px;
}

.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target > span {
	color: #a5a5a5;
	font-size: 1.05em;
    position: relative;
	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
    overflow: hidden;
}

.ubermenu-sub-indicators.ubermenu-skin-minimal .ubermenu-has-submenu-drop > .ubermenu-target {
	padding-right: 15px;
}

.ubermenu-sub-indicators.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target > i {
	color: #a5a5a5;
	right: 0px;
}

.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
	outline: none;
	padding: 3px;
	margin: 12px;
}

.ubermenu-skin-minimal .nav-btn > a.ubermenu-target {
	background-color: #5bbce6;
	padding: 8px 12px 4px;
	margin: 10px 5px;
    text-transform: uppercase;
}

.ubermenu-skin-minimal .nav-btn > .ubermenu-target > span {
    color: #fff;
}

.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target:before {
	content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0px;
    background: #fff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ubermenu.ubermenu-skin-minimal .ubermenu-image {
	display: inline;
    filter: grayscale(1);
    transition: all 0.3s ease;
}

ul.ubermenu-row > li.ubermenu-item {
	padding: 15px;
}

ul.ubermenu-row > li.ubermenu-item:hover .ubermenu-image {
	filter: grayscale(0);
}

.ubermenu-skin-minimal li.ubermenu-current-menu-item>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.menu-item.current-menu-ancestor>a {
	background-color: transparent;
	color: #fff;
}

.ubermenu-skin-minimal li > .ubermenu-target:hover:before,
.ubermenu-skin-minimal li>a:focus:before,
.ubermenu-skin-minimal li.ubermenu-current-menu-item > .ubermenu-target:before,
.ubermenu-skin-minimal li.ubermenu-current-menu-ancestor > .ubermenu-target:before {
	left: 0%;
	right: 0%;
}

/*** Body ***/
.product-cat-grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.product-cat-grid .grid-wrapper {
	padding: 60px;
	text-align: right;
	position: relative;
	overflow: hidden;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 520px;
}

.product-cat-grid .grid-wrapper > h2 {
    position: absolute;
    left: 25px;
    bottom: 25px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.product-cat-grid .hoverbox {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.product-cat-grid .hoverbox:before,
.product-cat-grid .hoverbox:after,
.product-cat-grid .hoverbox .hoverbox-content:before,
.product-cat-grid .hoverbox .hoverbox-content:after {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
}

.product-cat-grid .hoverbox .hoverbox-content {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.product-cat-grid .hoverbox:before,
.product-cat-grid .hoverbox:after {
	height: 50%;
	width: 50%;
	position: absolute;
	content: '';
	background-color: #080808;
}

.product-cat-grid .hoverbox:before {
	top: 0;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.product-cat-grid .hoverbox:after {
	bottom: 0;
	right: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.product-cat-grid .hoverbox .hoverbox-content:before,
.product-cat-grid .hoverbox .hoverbox-content:after {
	width: 50%;
	height: 50%;
	position: absolute;
	content: '';
	background-color: #000000;
}

.product-cat-grid .hoverbox .hoverbox-content:before {
	top: 0;
	right: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.product-cat-grid .hoverbox .hoverbox-content:after {
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.product-cat-grid .grid-wrapper:hover .hoverbox:before,
.product-cat-grid .grid-wrapper:hover .hoverbox:after,
.product-cat-grid .grid-wrapper:hover .hoverbox .hoverbox-content:before,
.product-cat-grid .grid-wrapper:hover .hoverbox .hoverbox-content:after {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0.6;
}

.product-cat-grid .grid-wrapper:hover .hoverbox .hoverbox-content:before,
.product-cat-grid .grid-wrapper:hover .hoverbox .hoverbox-content:after {
	z-index: -1;
}

.product-cat-grid .grid-wrapper:hover .hoverbox .hoverbox-content {
	opacity: 1;
}

.product-cat-grid .grid-wrapper:hover > h2 {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.slick-slider {
	margin: 30px 0px;
}

.slick-slide, .slick-slide a {
	outline: none;
}

.slick-slide img {
	margin: auto;
    filter: grayscale(1);
    transition: all 0.3s ease;
}

.slick-slide:hover img {
	filter: grayscale(0);
}

.slick-prev, .slick-next {
	width: 30px;
	height: 30px;
}

.slick-prev:before {
	content: "\f104";
}
.slick-next:before {
	content: "\f105";
}

.slick-prev {
	left: 0px;
	z-index: 999;
}

.slick-next {
	right: 0px;
}

.slick-prev:before, .slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	font-size: 18px;
	width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-sec {
	background-image: url(/wp-content/uploads/2018/11/about-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	background-position: right top;
	min-height: 935px;
	display: flex;
	align-items: center;
}

.award-carousel .slick-track {
    display: flex;
    align-items: center;
}

.sidebar h4 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: 30px;
}

ul#product-sidebar {
    list-style-type: none;
    padding-left: 0px;
    font-size: 1.1em;
}

ul.sidebar>li.current-cat>a {
	color: #000;
}

ul.sidebar>li>a {
    display: block;
    position: relative;
}

ul.sidebar>li>a>span {
    margin-left: auto;
    padding: 0px 5px;
    position: absolute;
    right: 0;
}

ul.sidebar>li>a>span>i {
    transition: all 0.3s ease;
}

ul.sidebar li.open>a>span>i {
    transform: rotate(-180deg);
}

ul#product-sidebar ul.product-submenu {
	padding-left: 30px;
	list-style-type: none;
	margin: 10px 0px;
	font-size: 0.9em;
}

.product-main-sec {
	background-image: url(/wp-content/uploads/2018/11/non-pump-inner-bg.jpg);
}

.product-cat-sec, .product-main-sec {
	min-height: 460px;
	display: flex;
	align-items: center;
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
}

ul.post-listing {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	text-align: center;
}

ul.post-listing li {
	border: 0px;
	margin-bottom: 0px;
}

ul.post-listing .featured-img {
	margin-bottom: 20px;
}

.navigation {
	text-align: right;
	margin-top: 30px;
}

ul.pagination>li>a, ul.pagination>li>span {
	border: none;
	color: #c5c5c5;
	font-size: 1.1em;
}

ul.pagination>li>a:focus, ul.pagination>li>a:hover, ul.pagination>li>span:focus, ul.pagination>li>span:hover, ul.pagination>li>.current {
	background-color: transparent;
	color: #777777;
}

.color-list {
    list-style-type: none;
    padding-left: 0px;
}

.color-list li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.color-list li:not(:last-child) {
    margin-right: 6px;
}

.shop-link-wrapper img {
	width: 60px;
}

.shop-link-wrapper a {
	margin-right: 15px;
    margin-bottom: 10px;
	display: inline-block;
}

.product-custom-1 {
	min-height: 700px;
}

.nflex-end {
	display: flex;
	align-items: flex-end;
}

.grid-icon-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.grid-icon-container strong {
	color: #3d3d3d;
}

.grid-icon-container .grid-wrapper {
	padding: 15px;
	display: flex;
    align-items: center;
    position: relative;
}

.grid-icon-container .grid-wrapper .text-wrapper {
	padding-left: 15px;
}

.grid-icon-container .grid-wrapper p, .grid-icon-container .grid-wrapper img {
	flex-shrink: 0;
}

.grid-icon-container .grid-wrapper:before {
	content: '';
	height: 75%;
	width: 1px;
	display: block;
	background-color: #b0b0b0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.product-custom-3 {
	min-height: 600px;
    background-attachment: fixed;
}

.warranty {
	background-image: url(/wp-content/uploads/2018/11/e-warranty-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	min-height: 460px;
	display: flex;
	align-items: center;
}

ul.warranty-img {
    padding-left: 0px;
    list-style-type: none;
}

ul.warranty-img li {
	display: inline-block;
	margin: 10px;
}

.contact-info {
	padding: 5px 0px;
}

.contact-info i {
	color: #313131;
	font-size: 1.2em;
	margin-bottom: 8px;
	display: block;
}
/*** Footer ***/
#footer {
	background: #fff;
	font-size: 0.95em;
	color: #a5a5a5;
}

#footer .footer-inner {
	padding: 0px 15px;
}

#newsletter-sec {
	background-image: url(/wp-content/uploads/2018/11/newsletter-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 100%;
}

#footer ul li.current-menu-item a, #footer ul li.current-menu-parent a {
	color: #000;
}

#media_image-4 {
	margin-bottom: 30px;
}

#footer ul.sub-menu {
	display: none;
}

ul.social-icon {
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 30px;
}

ul.social-icon li {
	display: inline-block;
	margin: 0px 5px;
}

ul.social-icon li a {
	color: #726e6e;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

/*** Responsive Menu ***/
button.responsive-menu-accessible .responsive-menu-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s;
    transition-property: all;
}

button.responsive-menu-accessible.is-active .responsive-menu-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(225deg);
}

button.responsive-menu-accessible .responsive-menu-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in;
}

button.responsive-menu-accessible.is-active .responsive-menu-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0;
}

button.responsive-menu-accessible .responsive-menu-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

button.responsive-menu-accessible.is-active .responsive-menu-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg);
}

#responsive-menu-button.is-active + #responsive-menu-container {
  box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.25);
}

/*** Reponsive Layout ***/
@media (max-width: 1199px) {
	.product-cat-grid .grid-wrapper {
		text-align: center;
		padding: 35px;
	}

	.product-cat-grid .grid-wrapper > h2 {
		position: initial;
		margin-top: 20px;
	}

	.form-grid {
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 0px;
	}

	.serial-wrapper {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.serial-wrapper input {
		max-width: 100% !important;
		margin-bottom: 0px !important;
	}

	.product-cat-grid .grid-wrapper  {
		display: block;
		min-height: 100%;
	}
}

@media (max-width: 991px) {
	section, #footer, .text-right, .nbg-img {
		text-align: center;
	}

    #responsive-menu-container #responsive-menu .ubermenu-row > a.responsive-menu-item-link {
        display: none;
    }

    #responsive-menu-container #responsive-menu .ubermenu-row .responsive-menu-submenu-depth-2 {
        display: block;
    }

	.nflex-center {
		display: block;
	}

	.nvp85 {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.nhp30 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mnmb35 {
		margin-bottom: 35px;
	}

	#navigation-menu {
		display: none;
	}

	#search-bar {
		display: none;
	}

	.product-cat-sec {
		min-height: 100%;
	}

	ul.post-listing {
		grid-template-columns: repeat(2, 1fr);
	}

	.navigation {
		text-align: center;
		margin-top: 0px;
	}

	ul#product-sidebar ul.product-submenu {
		text-align: left;
	}

	.sidebar h4 {
		display: block;
	}

	.grid-icon-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-sec {
		min-height: 100%;
	    background-position: 60% top;
	}

    .product-custom-3 {
        min-height: 100%;
    }

	.warranty {
		min-height: 100%;
	    background-position: 60% top;
	}

	.newsletter-form {
		justify-content: center;
	}

	.footer-widget {
		margin: 10px 0px;
	}

	#media_image-4 {
		margin-bottom: 15px;
	}

	ul.social-icon {
		margin-top: 15px;
	}
}

@media (max-width: 767px) {
	.product-cat-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.dl-horizontal {
		text-align: center;
	}

	.dl-horizontal dt {
		width: auto;
	}

	.dl-horizontal dd {
		margin-left: 0px;
	}

	.grid-icon-container .grid-wrapper {
		display: block;
	}

	.grid-icon-container .grid-wrapper .text-wrapper {
		padding-left: 0px;
	}
}

@media (max-width: 480px) {
	.product-cat-grid .grid-wrapper > h2 {
		display: none;
	}

	.product-cat-grid .hoverbox .hoverbox-content {
		opacity: 1;
	}

	.product-cat-grid .grid-wrapper .hoverbox:before,
	.product-cat-grid .grid-wrapper .hoverbox:after,
	.product-cat-grid .grid-wrapper .hoverbox .hoverbox-content:before,
	.product-cat-grid .grid-wrapper .hoverbox .hoverbox-content:after {
	    -webkit-transform: translate(0, 0);
    	transform: translate(0, 0);
		opacity: 0.6;
	}

	.product-cat-grid .grid-wrapper .hoverbox .hoverbox-content:before,
	.product-cat-grid .grid-wrapper .hoverbox .hoverbox-content:after {
		z-index: -1;
	}

	.serial-wrapper {
		display: block;
	}

	ul.post-listing {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-icon-container {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0px;
	}

	.grid-icon-container .grid-wrapper:before {
		content: none;
	}

    .shop-link-wrapper a {
        display: block;
        margin: 10px 0px;
    }
}
table.warrantyresult {
	max-width:100%;
	width: 350px;
    margin: 0 auto;
    text-align: left;
}
table.warrantyresult td {
	border:1px solid #ddd;
	vertical-align:top;
	padding: 5px;
}
table.warrantyresult tr td:first-child {
    background: #eee;
    font-weight: 700;
    text-align: right;
}

.page-template-page-check-warranty span.su-lightbox.hidelightbox {display:none !important;}

.cwrannty {border: 3px solid #f1f1f1;width: 800px;max-width: 100%;
    margin: 50px auto;
    padding: 30px 50px;}

#checkwarranty input[type=text], #checkwarranty input[type=password], #checkwarranty input[type=number] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  color:#282828;
}

#checkwarranty input::placeholder {
	color:#ccc;
	font-style:italic;
}

#checkwarranty button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

#checkwarranty button:hover {
  opacity: 0.8;
}


#checkwarranty .imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

#checkwarranty img.avatar {
  width: 40%;
  border-radius: 50%;
}

#checkwarranty .container {
  padding: 16px;
}

#checkwarranty span.psw {
  float: right;
  padding-top: 16px;
}

#proceedto2step label {margin-left:5px;}

.btn-action {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap:wrap;
}
.btn-action .btn {
	margin:15px;
}

input.btn.btn-default.btn-lg.proceed {
    background: #5cbde6;
    color: #fff;
    border: #5cbde6;
}

button.btn.btn-default.btn-lg.mfp-close {
    line-height: 0;
	height:34px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 480px) {
  table.warrantyresult {width:100%;}
  form#checkwarranty{padding:30px 15px;}
  div#test123 {padding:15px!important;width:100% !important;}
}
.sd 
.wpcf7-list-item{margin-left:0 !important;}
.sd label {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.sd label input {
    width: 30px !important;
    margin-bottom: -6px !important;
}

.wpcf7-validates-as-required > span > input {
    width: 15px !important;
    margin-right: 15px;
}
.wpcf7-validates-as-required > span {
    display: flex;
}/* End custom CSS */