/********* Compiled - Do not edit *********/
:root{--color-primary:#005dab;--color-secondary:#00a1b1;--color-gradient-start:#2d459d;--color-gradient-stop:#52629e;--color-link:#494949;--color-link-hover:#00a1b1;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Lato;font-weight:400;line-height:1.6em;font-size:18px;color:#3d4047;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Nunito Sans;font-weight:800;line-height:1.2em;font-size:66px;color:#181b31;}.h2,h2{font-family:Nunito Sans;font-weight:600;line-height:1.2em;font-size:46px;color:#181b31;}.h3,h3{font-family:Nunito Sans;font-weight:600;line-height:1.2em;font-size:34px;color:#181b31;}.h4,h4{font-family:Nunito Sans;font-weight:600;line-height:1.2em;font-size:26px;color:#181b31;}.h5,h5{font-family:Nunito Sans;font-weight:600;line-height:1.2em;font-size:22px;color:#181b31;}.h6,h6{font-family:Nunito Sans;font-weight:600;line-height:1.2em;font-size:18px;color:#181b31;}.main-header .navbar-brand{max-width:220px !important;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(104, 104, 104) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:rgb(45, 50, 102) !important;}}/* Global CSS */
.text-white {
    color: #ffffff;
}


/* Divider */
.custom-left-divider{
    width: 100px;
}
.custom-left-divider .vc_separator .vc_sep_holder_l::after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 10px;
    height: 6px;
    background-color: #000;
}


.dark-links p a{
    color:#00cfe4!important;
    transition: all .33s ease;
}
.dark-links p a:hover {
    text-decoration:underline;
}

.curve-divider.wpb_single_image .vc_single_image-wrapper {
    max-width:120px!important;
}

/* Liquid Image container */
.liquid-img-group-container figure:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50px;
    right: 50px;
    border: 6px solid #005dab;
}

/* Home Page */
.banner-col .wpb_wrapper .wpb_wrapper-inner {
    margin-bottom: -40px;
}

/* Features Section */
.feature-col .wpb_wrapper-inner,
.feature-col .feature-box {
    height: 100%;
}

.feature-col .feature-box {
    position: relative;
    overflow: hidden;
}
.feature-col .feature-box:after {
    content: "";
    width: 34px;
    height: 102px;
    position: absolute;
    top: -5px;
    right: 40px;
    background-image: url(../2021/09/Shape.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.feature-col .feature-box .iconbox-icon-wrap img {
    width: 80px;
}

.feature-col .feature-box .contents p {
    color: #f4f4f4;
}

/* Application Section */
.application-col .wpb_wrapper-inner {
    height: 100%;
}
.application-box {
    align-items: center!important;
    height: 100%;
}
.application-box .iconbox-icon-wrap img {
    filter: brightness(1);
    transition: all .3s ease;
}
.application-box:hover .iconbox-icon-wrap img {
    filter: brightness(0) invert(1);
}

.application-box .iconbox-icon-wrap {
    width: 80px;
}
.application-box .iconbox-icon-wrap .iconbox-icon-container {
    margin-right: 18px;
}
.application-box h3 {
    font-weight:700;
    /*text-transform: uppercase;*/
}


/* Color Box */
.color-box.fancy-box-case-study .fancy-box-header {
    left: 15px;
    right: 15px;
}
.color-box.fancy-box-case-study .fancy-box-header h3 {
    font-size: 12px;
}
.color-box.fancy-box-case-study:hover {
    transform: scale(1);
}
.color-box.fancy-box-case-study:hover .fancy-box-contents {
    box-shadow: none;
}
.color-box.fancy-box-case-study figure {
    transform: scale(1);
}

/* Fitting Box */
.fitting-col .wpb_wrapper-inner {
    height: 100%;
}
.fitting-box {
    box-shadow: 0 0 20px 0 #0000001f;
    height: 100%;
        background-color: #f6f6f6;
}
.fitting-box .cb-img-container {
    background-color: #fff;
}
.fitting-box figure.fancy-box-image.loaded {
    margin: 25px 30px;
}
.fitting-box .fancy-box-contents {
    padding: 0 25px 30px;
}

.fitting-box .fancy-box-header h3 {
    margin-top: -55px;
    position: relative;
    color: #00000036;
    line-height: 1em;
}


/* Stockist Box */
.stockist-col .wpb_wrapper-inner {
    height: 100%;
}

.stockist-box {
    box-shadow: 0 0 20px 0 #0000001f;
    height: 100%;
    background-color: #ffffff;
}
.stockist-box .fancy-box-contents {
    padding: 0 25px 30px;
}

.stockist-box figure.fancy-box-image.loaded {
    /*margin: 25px 30px;*/
}

/* Contact Page Form */
.contact-pg-form form label {
    display: block;
}

.contact-pg-form {
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
}
.contact-pg-form  .nm-field, .contact-pg-form .msg-field {
    width: 100%;
}
.contact-pg-form  .add-field, .contact-pg-form .tel-field {
    width: 50%;
}

.contact-pg-form input.wpcf7-form-control, .contact-pg-form textarea {
    padding: 1em;
}



/* Faq Heading */
.faq-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #045daa!important;
}
.faq-accordion .vc_tta-panel .vc_tta-panel-heading {
    background-color: #00a2b2!important;
}
.faq-accordion .vc_tta-panel-title>a {
    color: #fff!important;
}
.faq-accordion .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff!important;
}
.faq-accordion .vc_tta-panel-heading .vc_tta-controls-icon::before, 
.faq-accordion .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #fff!important;
}

/*How To Fit*/
.button-group {
    margin-top: 25px;
}

.button-group p {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}


.button-group p a.download-btn {
    padding: 10px 14px;
    background-color: #025ca9;
    color: #fff;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
}

.button-group p a.download-btn:not(:first-child) {
    margin-left: 15px;
}

.button-group p a.download-btn:hover{
    background-color: #858585;
    
}



/*Specification page*/
.data-table-group .title {
    background-color: #005dab;
    color: #fff;
    padding: 10px 14px;
}
.data-table-group .data {
   padding: 10px 14px;
    background-color: #f6f6f6;
    color: #000;
}

/* Meadia Queries */

@media only screen and (max-width: 767px){
    .contact-pg-form .add-field, .contact-pg-form .tel-field {
        width: 100%;
    }
}


/* Range Page Style */
.color-range-grid .vc_grid-item .vc_gitem-zone a.vc_gitem-link.vc-zone-link{
   /* pointer-events: none;*/
    cursor: default;
}
.color-range-grid .vc_grid-item .vc_gitem-zone .vc_gitem-col {
    padding: 25px 20px 20px;
}
.color-range-grid .vc_grid-item .vc_gitem-zone .vc_gitem-post-data-source-post_title h4 {
    font-size: 20px!important;
    margin-top: 0;
    color: #005dab;
}
.color-range-grid .vc_grid-item .vc_gitem-zone .vc_gitem-post-data-source-post_excerpt p{
    margin-bottom: 0;
}
.color-range-grid .vc_grid-item .vc_gitem-zone .vc_gitem-post-data-source-post_excerpt p > a {
    color: #00cfe4;
}
.color-range-grid .vc_btn3-container.vc_btn3-left {
    display: none;
}



/*Color range detail page*/
body.color_ranges-template-default .post-image.hmedia.liquid-lp-media, body.color_ranges-template-default .entry-header, footer.entry-footer.liquid-lp-footer.d-flex.flex-row.flex-wrap span.entry-terms.category {
    display: none;
}


/* Popup */
.pum-theme-cutting-edge .pum-content {
    outline: none!important;
    font-weight: 400!important;
}
.pum-theme-cutting-edge .pum-content label {
    font-weight: 400!important;
    width:100%;
}
.pum-theme-cutting-edge .pum-content input,
.pum-theme-cutting-edge .pum-content select,
.pum-theme-cutting-edge .pum-content textarea{
    width:100%;
    border-radius: 0;
    color: #333!important;
    border: none!important;
    padding: 6px 8px;
}
.pum-theme-cutting-edge .pum-content input,
.pum-theme-cutting-edge .pum-content select,
.pum-theme-cutting-edge .pum-content textarea,
.pum-theme-cutting-edge .pum-content select{
    margin-top: 10px!important;
}
.pum-theme-cutting-edge button.wpcf7-field-group-add,
.pum-theme-cutting-edge button.wpcf7-field-group-remove {
    color: #000000;
}
.pum-theme-cutting-edge .pum-content input[type="submit"] {
    padding: 10px 28px;
    background-color: #00cfe4;
    border: none;
    width:auto!important;
    text-transform: uppercase;
    transition: all .33s ease;
}
.pum-theme-cutting-edge .pum-content input[type="submit"]:hover {
    opacity:0.9;
}

.pum-theme-cutting-edge .pum-content textarea {
    height:100px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555555;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #555555;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #555555;
}
:-moz-placeholder { /* Firefox 18- */
  color: #555555;
}
.color-range-grid .vc_grid-item .vc_gitem-zone a.vc_gitem-link.vc-zone-link {

	cursor: pointer;
}
 .sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: -40px;
  background-color: #00cfe4;
  overflow-x: hidden;
  transition: 0.5s;
  padding:20px;
  padding-top: 60px;
  z-index: 999;
  
}

.sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #fff;
	display: block;
	transition: 0.3s;
	width: 90%;
	margin-bottom: 5px;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
	position: absolute;
	top: 4%;
	right: 43px;
	font-size: 36px;
	margin-left: 50px;
	color: #fff;
}
.openbtn {
	background: transparent;
	border: none;
	color: #6cc9d2;
	margin-left: 5px;
}
.mini-head {
   margin:0px;
   margin-bottom: 20px;
display: block;
margin-top: 10px;
text-transform: uppercase;
font-size: 27px;
color: #fff;
font-weight: 700;
}
.instructiontext {
	font-size: 16px;
	line-height: 19px;
	width: 90%;
}
.cancelbutton {
margin-left:0px !important;
}
.section-pad {
    padding:50px 0px;
}
.bg-darks article {
    background:#f9f9f9;
    padding-bottom:10px;
}
.product-title {
    margin-left:5px;
    font-size: 20px !important;
margin-top: 10px;
color: #005dab;
margin-bottom:5px;
}
.thumbo {
width: 60px;
height: 60px;
margin-right: 5px;

}

.carto {
	margin: 0px;
	padding: 0;
	margin-left: 20px;
}
.disno {
	display: none;
}
.name {
    font-size:16px;
}
.remove-product {
	width: 30px !important;
}
.bg-darks {
    margin-bottom:15px;
}
#form {
    display:none;
}
.flexslider {
    margin:0px !important;
}
.pt0 {
    padding-top:0px;
}
.pb0 {
    padding-top:0px;
}
.shopactions a.gobutton, .shopactions a.cancelbutton {
	display: none;
	color: #FFF;
	text-decoration: none;
}
.product-haeding {
font-size: 40px;
color: #005dab;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0px;
}
.product-sub {
	font-size: 24px;
	color: #fff;
	text-transform: capitalize;
	background: #005dab;
	display: inline-block;
	padding: 1px 10px;
	border-bottom: solid 5px #6cc9d2;
}
.request-grid {
width:100%;
display:block;
margin-top:50px;
padding:10px;
}
.bordero {
    	border: solid 3px #005dab;
}
.request-grid h3 {
    margin:0px;
    color:#005dab;
    font-size: 24px;
}
.request-grid p {
    color:#8e8c8c;
    font-size: 16px;
    line-height: 20px;
}
.request-grid a {
	background: #005dab;
	display: inline-block;
	padding: 5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-weight: 600;
letter-spacing: 1px;
}
.actions {
	position: absolute;
	right: 53px;
}
.carto li {
	margin-bottom: 10px;
}
.coblue {
    color:#005dab;
}


.mobile-logo-default {
	width: 115px;
}
.inputas {
	width: 94%;
	font-size: 14px;
	padding-left:5px;
}
.custom-btn {
    background: #005dab;
	display: inline-block;
	padding: 5px 15px;
	color:#fff;
	margin:10px 0px;
	width:90%;
}