/*
Theme Name: kj Theme
Theme URI: http://kj.com
Description: The kj Theme based on the famous Wordpress CMS.
Version:1.0
Author: kj
*/


/* normal */


/*Global CSS*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,600,700,800|Roboto:300,400,500,700&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: 'Roboto', sans-serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
a { color: #000; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer; }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }
/* Wrapper */

#wrapper { float: left; width: 100%; overflow: hidden; }
/* layout */

#layout { width: 100%; position: relative; }
.wrapper { max-width: 1288px; margin: 0 auto; position: relative; padding: 0 0px; }
/* header */

#header { padding: 20px 0; position: relative; z-index: 10; background: #353535; float: left; width: 100%; }
.fixed { padding-top: 200px; }
.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
.logo { float: left; width: 20%; }
/* topBar */

.topBar { float: left; width: 223px; }
.topBar ul { list-style: none; overflow: hidden; float: right; }
.topBar li { padding-left: 5px; float: left; }
.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.topBar li a:hover img { opacity: 0.8; }
.span.wpcf7-not-valid-tip { font-family: 'Roboto', sans-serif; }
/* menuBar */

.menuBar { float: left; width: 65%; text-align: center; padding-top: 10px; }
.menuBar a.mobilemenu { display: none; }
.menuBar ul { padding: 0px; list-style: none; }
.menuBar li { padding: 0 10px; position: relative; line-height: 30px; font-size: 15px; display: inline-block; }
.menuBar li a { text-decoration: none; color: #fff; }
.menuBar li a:hover, .menuBar li.active a { color: #e5081a; }
.menuBar ul>li.menu-item-has-children { padding-right: 15px; }
.menuBar ul>li.menu-item-has-children > a { padding-bottom: 20px; }
/* .menuBar ul>li.menu-item-has-children>a { padding-right: 25px; background: url('./images/arrow-down.png') right no-repeat; padding-bottom: 26px; }
 */.menuBar li ul { position: absolute; left: 0px; top: 42px; width: 220px; background: #e00009; }
.menuBar li li { padding: 0px; float: none; width: 100%; border: 0px; border-bottom: #CCC solid 1px; text-align: left; }
/* .menuBar li li.menu-item-has-children>a { background: url('images/arrow-right.png') right no-repeat; } */
.menuBar li li a { padding: 10px 20px; display: block; color: #FFF; font-size: 16px; font-weight: 400; }
.menuBar li li a:hover { color: #eee; }
.menuBar li li ul { left: 100%; top: 0px; }
.menuBar li ul { display: none; }
.menuBar li:hover ul { display: block; }
.menuBar li:hover li ul { display: none; }
.menuBar li:hover li:hover ul { display: block; }
.menuBar a.close { display: none; }
.menuBar li a { position: relative; padding-bottom: 5px; font-family: 'Roboto', sans-serif; font-weight: 700; }
.menuBar li a:hover, .menuBar li a:focus, .menuBar li a:active { cursor: pointer; }
.menuBar li a:hover:before, .menuBar li a:focus:before, .menuBar li a:active:before { width: 100%; }
.menuBar li a:before { content: ''; position: absolute; left: 0; bottom: -1px; height: 3px; background-color: #e5081a; width: 0; transition: width 0.4s; }
.menuBar ul>li.menu-item-has-children>a:after {content: url('./images/arrow-down.png');display: inline-block;vertical-align: top;margin-left: 8px;height: auto;}
.call-now { float: left; width: 15%; text-align: right; padding: 14px 0px; }
.call-now a { background: url(images/phone.png) left 16px center no-repeat; padding: 14px 31px 14px 40px; margin-bottom: 0; background-size: 20px; text-decoration: none; color: #fff; background-color: #e00009; border-radius: 5px; font-size: 18px; font-weight: 700; }
.call-now a:hover { background: transparent; border: 1px solid #e00009; background: url(images/phone.png) left 16px center no-repeat; border-radius: 5px; font-size: 18px; font-weight: 700; padding: 14px 31px 14px 40px; margin-bottom: 0; background-size: 20px; text-decoration: none; color: #fff; }
/* home banner */

.banner-bg { min-height: 865px; float: left; width: 100%; }
.banner-bg .banner-heading { float: left; width: 100%; padding: 77px 0px 0px 0px; }
.banner-logo {padding-bottom: 20px;}
.banner-bg .banner-heading h1 { font-size: 95px; text-transform: uppercase; color: #e00009; font-weight: 800; font-style: italic; padding-bottom: 16px; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; }
.banner-bg .banner-heading p { font-size: 34px; color: #fff; font-family: 'Roboto', sans-serif; padding-bottom: 7px; }
.banner-bg .banner-heading .banner-form { float: left; width: 100%; padding-top: 77px; padding-bottom: 55px; }
.banner-bg .banner-form .field { float: left; width: 33.333%; }
.banner-bg .banner-form .field input { width: 100%; width: 100%; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 500; padding: 20px; border-radius: 5px; border: none; }
.banner-bg .field.name { padding-right: 2%; }
.banner-bg .field.number { padding-right: 1%; }
.banner-bg .field.submit { padding-left: 1%; }
.banner-bg .field.submit input.wpcf7-submit { background-color: #e00009 !important; background: url(images/red-sign.png)right center no-repeat; margin-bottom: 0; background-size: 80px; }
.banner-bg .wpcf7-validation-errors, .banner-bg .wpcf7-acceptance-missing { clear: both; padding: 20px; text-align: center; color: #fff; }
.banner-bg .field.submit input.wpcf7-submit { text-align: left; padding: 20px; text-transform: uppercase; }
.banner-bg .field.submit input.wpcf7-submit:hover { border-color: #222; }
.banner-bg .banner-heading ul { float: left; width: 100%; padding: 20px; background: rgba(115, 74, 58, 0.6) }
.banner-bg .banner-heading ul li { list-style: none; color: #fff; font-size: 18px; background: url(images/white-right.png) left center no-repeat; padding: 8px 40px; margin-bottom: 0; background-size: 20px; }
/*about*/

.about-section { float: left; width: 100%; background: #ebebeb; padding: 60px 0px 127px; }
.about-section .about-text { max-width: 950px; margin: 0px auto; }
.about-section h2 { font-size: 45px; font-weight: 800; color: #222; font-family: 'Montserrat', sans-serif; text-align: center; padding-bottom: 36px; }
.about-section p { text-align: center; padding-bottom: 30px; font-weight: 300; font-size: 17px; color: #222222; line-height: 20px; line-height: 25px; }
.about-img { background: url(images/about-img.png)center center no-repeat; background-size: cover; min-height: 213px; margin-bottom: 26px; }
.about-img ul { padding: 20px; }
.about-img ul li { background: url(images/right.png) left center no-repeat; padding: 8px 40px; margin-bottom: 0; background-size: 20px; list-style: none; color: #000; font-size: 18px; font-weight: 500; }
.about-section .quote-btn { text-align: center; float: left; width: 100%; padding-top: 30px; padding-bottom: 9px; }
.about-section a { background-color: #e00009 !important; text-decoration: none; color: #fff; padding: 18px 269px 18px 36px; background: url(images/red-sign.png)right center no-repeat; margin-bottom: 0; text-transform: uppercase; background-size: 80px; border-radius: 5px; display: inline-block; }
.about-section a:hover { }
/*services*/

.services { float: left; width: 100%; background: #eb9d6d; padding: 60px 0px; }
.services h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 68px; text-align: center; text-transform: uppercase; }
.services .service-inner { float: left; width: 100%; padding-bottom: 40px; }
.services .left-img { float: left; width: 50%; }
.services .left-img img { width: 100%; padding-right: 34px; }
.services .service-inner.con .left-img { float: right; }
.services h3 { font-size: 35px; font-weight: 300; color: #000; padding-bottom: 16px; }
.services p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; padding-bottom: 67px; }
.services .right-text { float: left; width: 50%; padding: 0px 271px 0px 0px; }
.services a { text-decoration: none; color: #fff; font-weight: 700; background: #e00009; padding: 26px 56px; display: inline-block; border: 1px solid #e00009; }
.services a:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }
.services .service-inner.con .right-text { float: left; padding: 0px 30px 0px 210px; text-align: right; }
/*solution*/


/* Banner */
.banner { background-size: cover !important; float: left; width: 100%; }
.banner.noimg { background: url(images/first-banner.jpg) center top no-repeat;  }
.banner h1 { padding: 100px 0;  text-align: center; font-size: 65px;text-transform: uppercase; color: #e00009;font-weight: 800;font-style: italic;-webkit-text-stroke: 2px #fff;}

.content-base { padding: 80px 0; float: left; width: 100%; }
.content-base .leftbox { width: 48%; float: left; }
.content-base .rightbox { width: 48%; float: right; }
.content-base .wrapper { padding: 0 50px; }
.content-base h1 { color: #e00009; margin-bottom: 20px;}
.content-base h2 { color: #e00009; margin-bottom: 20px;}
.content-base h3 { color: #e00009; margin-bottom: 20px; clear: both; }
.content-base h4 { color: #e00009; margin-bottom: 20px; }
.content-base p { font-size: 16px;color: #000;font-weight: 400;line-height: 28px;margin-bottom: 15px; }
.content-base ul, .content-base ol { margin-left: 20px; margin-bottom: 20px; }
.content-base ul li { list-style: disc; color: #000; margin-bottom: 5px; }
.repeaterbox .image { float: left; width: 25%; }
.repeaterbox .content { float: left; width: 75%; padding: 0 20px; }
.repeaterbox .box { float: left; width: 100%; margin-bottom: 20px; }


.solution { float: left; width: 100%; background: #e00009; text-align: center; padding: 120px 0px 151px; }
.solution h2 { color: #fff; font-size: 45px; font-weight: 800; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.solution p { font-size: 24px; color: #fff; font-style: italic; font-weight: 300; padding: 35px 14% 66px; }
.sol-btn a.quote { background: #ecf1f5; color: #000; padding: 20px 86px; text-decoration: none; margin: 1%; font-size: 20px; border: 1px solid #fff; display: inline-block; }
.sol-btn a.quote:hover { background: transparent; border: 1px solid #ecf1f5; }
.sol-btn a.book { background: #353535; color: #fff; padding: 20px 95px; text-decoration: none; margin: 1%; font-size: 20px; border: 1px solid #222; display: inline-block; }
.sol-btn a.book:hover { background: transparent; border: 1px solid #ecf1f5; }

/*we-work*/
.we-work { float: left; width: 100%; padding: 125px 0 135px; }
.we-work h2 { font-family: 'Montserrat', sans-serif; font-size: 37px; color: #222222; font-weight: 800; text-transform: uppercase; text-align: center; padding-bottom: 58px; letter-spacing: 5px; }
.we-work h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; color: #222; padding-bottom: 17px; }
.we-work p { padding-bottom: 29px; line-height: 20px; }
.we-work a { padding-bottom: 30px; display: inline-block; font-style: italic; }
.we-work a:hover { color: #ff0000; }
.we-work .work-left { float: left; width: 60%; padding-right: 153px; }
.we-work .work-img { float: left; width: 40%; }

/*process*/
.process { float: left; width: 100%; background: #dcdcdc; padding: 112px 0 117px; }
.process .process-inner { max-width: 1010px; margin: 0 auto; text-align: center; }
.process h2 { color: #3e3e3e; text-transform: uppercase; font-size: 36px; font-weight: 800; font-family: 'Montserrat', sans-serif; text-align: center; padding-bottom: 53px; letter-spacing: 5px; }
.process h6 { color: #e00009; font-size: 26px; font-weight: 400; }
.process h3 { font-size: 95px; color: #222222; font-weight: 400; border-bottom: 2px solid #222; }
.process .card { float: left; width: 27.33%; margin: 3%; min-height: 264px; }
.process .card p { font-size: 20px; color: #222; padding-top: 60px; }
.process .process-inner a { background: #e00009; color: #fff; padding: 16px 25px; text-decoration: none; display: inline-block; font-size: 20px; border-radius: 5px; margin-top: 17px; text-transform: uppercase; letter-spacing: 5px; border: 1px solid #e00000; }
.process .process-inner a:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }

/*gallery*/
.gallery { float: left; width: 100%; background: #222; text-align: center; padding: 56px 0px 52px; }
.gallery.inner { background: none; }
.gallery.inner p { color: #666; }
.gallery h2 { color: #fff; font-size: 37px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding-bottom: 8px; letter-spacing: 5px; }
.gallery p { font-size: 20px; font-weight: 300; color: #fff; padding-bottom: 30px }
.gallery .g-card { float: left; width: 33.33%; padding: 1%; max-height: 200px; overflow: hidden; }
.gallery .g-card img { width: 100%; }
.gallery .gallery-inner { padding: 0 9%; float: left; width: 100%; }

/*blog*/
.blog { background: url(images/blog-bg.jpg)center center no-repeat; background-size: cover; min-height: 879px; float: left; width: 100%; padding: 90px 0; }
.contact-page.blogbanner .contact-banner { background: url(images/blog-bg.jpg)center center no-repeat; background-size: cover; margin-bottom: 50px; }
body.blog #lefttPart, body.single #lefttPart { float: left; width: 100%; margin-bottom: 50px; }
body.blog { background: none; background-size: cover; float: left; width: 100%; padding: 0; }
.blog h2 { color: #222; font-size: 36px; font-weight: 800; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center; padding-bottom: 40px; }
.blog .blog-card-left { float: left; width: 48%; background: rgba(231, 231, 229, 0.6); padding: 14px; margin: 1%; }
.blog .blog-inner { float: left; width: 50%; }
.blog .blog-text { float: left; width: 50%; }
.blog h4 { font-weight: 700; color: #222; font-family: 'Montserrat', sans-serif; padding-bottom: 10px; }
.blog p { padding-bottom: 14px; color: #222; line-height: 21px; }
.blog a { font-style: italic; }
.blog .blog-btn { text-align: center; float: left; width: 100%; padding-top: 49px; }
.blog .blog-btn a { background: #ff0000; color: #fff; padding: 15px 35px; text-decoration: none; font-style: unset; display: inline-block; border: 1px solid #e00009; }
.blog .blog-btn a:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }

/*ready-to*/
.ready-to { float: left; width: 100%; background: #fff; padding: 97px 0 83px; text-align: center; }
.ready-to h2 { text-transform: uppercase; color: #353535; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding-bottom: 10px; }
.ready-to p { font-size: 26px; color: #353535; font-weight: 400; padding-top: 30px; padding-bottom: 32px; }
.ready-to a.quote { background: #353535; color: #fff; padding: 20px 55px; display: inline-block; text-decoration: none; margin: 2%; font-size: 18px; border: 1px solid #222; }
.ready-to a.quote:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }
.ready-to a.book { background: #ff0000; color: #fff; padding: 20px 35px; display: inline-block; text-decoration: none; margin: 2%; font-size: 18px; border: 1px solid #ff0000; }
.ready-to a.book:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }


/* Inner page CSS */

/* home banner */
.bannerInner { min-height: 764px; float: left; width: 100%; }
.bannerInner .banner-heading { float: left; width: 100%; padding: 77px 0px 0px 0px; }
.bannerInner .banner-heading h1 { font-size: 65px; text-transform: uppercase; color: #e00009; font-weight: 800; font-style: italic; padding-bottom: 16px; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; }
.bannerInner .banner-heading p { font-size: 28px; color: #fff; font-family: 'Roboto', sans-serif; padding-bottom: 7px; }
.bannerInner .banner-heading .banner-form { float: left; width: 100%; padding-top: 77px; padding-bottom: 55px; }
.bannerInner .banner-form .field { float: left; width: 33.333%; }
.bannerInner .banner-form .field input { width: 100%; width: 100%; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 500; padding: 20px; border-radius: 5px; border: none; }
.bannerInner .field.name { padding-right: 2%; }
.bannerInner .field.number { padding-right: 1%; }
.bannerInner .field.submit { padding-left: 1%; }
.bannerInner .field.submit input.wpcf7-submit { background-color: #e00009 !important; background: url(images/red-sign.png)right center no-repeat; margin-bottom: 0; background-size: 80px; }
.bannerInner .wpcf7-validation-errors, .bannerInner .wpcf7-acceptance-missing { clear: both; padding: 20px; text-align: center; color: #fff; }
.bannerInner .field.submit input.wpcf7-submit { text-align: left; padding: 20px; text-transform: uppercase; }
.bannerInner .field.submit input.wpcf7-submit:hover { border-color: #222; }
.bannerInner .banner-heading ul { float: left; width: 100%; padding: 20px; background: rgba(115, 74, 58, 0.6) }
.bannerInner .banner-heading ul li { list-style: none; color: #fff; font-size: 18px; background: url(images/white-right.png) left center no-repeat; padding: 8px 40px; margin-bottom: 0; background-size: 20px; }

/* About */
.about { width: 100%; float: left; padding: 50px 0; text-align: center; }
.about h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 28px; text-align: center; text-transform: uppercase; }
.about p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; margin-bottom: 15px; }
.about a { text-decoration: none; color: #fff; font-weight: 700; background: #e00009; padding: 16px 46px; display: inline-block; text-transform: uppercase; margin-top: 30px; border: 1px solid #fff; }
.about a:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }

/* Why Us */
.whyUs { width: 100%; float: left; padding: 50px 0; background: #f1f1f1; text-align: center; }
.whyUs h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 28px; text-align: center; text-transform: uppercase; }
.whyUs p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; margin-bottom: 15px; }
.whyUs a { color: #e00009; display: inline-block; }

/* other-services */
.otherservices { float: left; width: 100%; background: #eb9d6d; padding: 60px 0px; }
.otherservices h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 68px; text-align: center; text-transform: uppercase; }
.otherservices .service-inner { float: left; width: 100%; padding-bottom: 40px; }
.otherservices .left-img { float: left; width: 50%; }
.otherservices .left-img img { width: 100%; padding-right: 34px; }
.otherservices .service-inner.con .left-img { float: right; }
.otherservices h3 { font-size: 35px; font-weight: 300; color: #000; padding-bottom: 16px; }
.otherservices p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; padding-bottom: 67px; }
.otherservices .right-text { float: left; width: 50%; padding: 0px 271px 0px 0px; }
.otherservices a { text-decoration: none; color: #fff; font-weight: 700; background: #e00009; padding: 26px 56px; }
.otherservices a:hover { background: transparent; border: 1px solid #e00009; color: #e00009; }
.otherservices .service-inner.con .right-text { float: left; padding: 0px 30px 0px 210px; text-align: right; }
.service-inner-page .process { background: #fff; }

/* Testimonials */
.testimonials { width: 100%; float: left; padding: 50px 0; background: #f1f1f1; }
.testimonials h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 28px; text-align: center; text-transform: uppercase; }
.testimonials .slider-card { max-width: 580px; text-align: center; margin: 0 auto; }
.testimonials .slider-card p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; margin-bottom: 15px; }
.testimonials .slider-card h5 { font-size: 16px; color: #e00009; font-weight: 500; line-height: 28px; text-transform: uppercase; }
.testimonials .owl-dot { width: 18px; height: 18px; border-radius: 100%; display: inline-block; background: #e00009; margin: 0 3px; opacity: 0.3; cursor: pointer; }
.testimonials .owl-dot:hover, .testimonials .owl-dot.active { opacity: 1; }
.testimonials .owl-controls { width: 100%; text-align: center; }

/* areas-we-services */
.areas-we-services { width: 100%; float: left; padding: 50px 0; text-align: center; }
.areas-we-services h2 { font-size: 48px; font-weight: 800; color: #000; font-family: 'Montserrat', sans-serif; padding-bottom: 28px; text-align: center; text-transform: uppercase; }
.areas-we-services p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; margin-bottom: 15px; }
.areas-we-services ul { max-width: 266px; margin: 0 auto; text-align: left; }
.areas-we-services ul li { background: url(images/right.png) left center no-repeat; padding: 8px 40px; margin-bottom: 0; background-size: 20px; list-style: none; color: #000; font-size: 18px; font-weight: 500; }
.service-inner-page .ready-to { background: #f1f1f1; }


/*types of concrete*/
.concrete-inner-page .bannerInner{min-height: 520px;float: left;width: 100%;}

/*chat page*/
.chart-inner-page .bannerInner .banner-heading{padding: 130px 0;}
.chart-inner-page .bannerInner .banner-heading h1{font-size: 55px;}
.chart-inner-page .bannerInner{float: left;width: 100%;min-height: 350px;}
.about-charts{float: left;width: 100%;padding: 60px 0;}
.page-id-446 .flake-range{padding: 0;}
.about-charts .charts-inner{max-width: 850px;margin: 0 auto;}
.about-charts .charts-inner p{padding-bottom: 30px;}
.about-charts .charts-inner h5{border-bottom: 2px solid #e00009;font-size: 20px;padding-top: 60px;padding-bottom: 10px;}
.about-charts h1{color:#e00009;font-weight: 700;text-align: center;padding-bottom: 30px;font-style: italic;font-size: 35px;}
.about-charts p a{color: #e00009;text-decoration: none;}
.chart-color-images{float: left;width: 100%;padding: 0 0 60px 0;}
.chart-color-images .charts-inner{max-width: 850px;margin: 0 auto;}
.image-note{float: left;width: 100%;text-align: center;}
.chart-color-images .charts-inner h2{border-bottom: 2px solid #e00009;font-size: 20px;padding-bottom: 10px;}
.chart-color-images .charts-inner p{text-align: center;font-size: 12px;color: #a39999;}
.chart-color-images img.wp-image-423.aligncenter{margin-bottom: 10px;}
.flake-range{float: left;width: 100%;padding: 0px 0 60px;}
.flake-range .chart-inner{max-width: 850px;margin: 0 auto;}
.flake-range .chart-inner p a{color: #e00009;text-decoration: none;}
.flake-range .chart-inner h2{border-bottom: 2px solid #ed3237;}
.flake-range .chart-inner h3{font-size: 16px;color: #201e1e;padding-bottom: 10px;}
.flake-range .chart-inner h4{border-bottom: 2px solid #e00009;padding-bottom: 10px;}
.flake-range .range{float: left;width: 25%;padding: 20px;min-height: 200px;text-align: center;}
.page-id-540 .range.pattern.stemped{float: left;width: 33.33%;}
.page-id-540 .chart-color-images h5{padding: 20px 0;}
.release-agent-image{float: left;width: 100%;}
.release-agent-image .charts-inner{max-width: 850px;margin: 0 auto;}
.flake-range .range.pattern{float: left;width: 25%;}
.flake-range .comb-card{float: left;width: 25%;padding:20px;text-align: center;min-height: 206px;}
.flake-range .comb-card h3{font-size: 14px;}
.flake-range .chart-inner p{text-align: center;font-size: 12px;color: #a39999;line-height: 25px;}
.bottom-charts{float: left;width: 100%;background: #f1f1f1;padding: 30px 0;}
.bottom-charts .chart-inner{max-width: 850px;margin: 0 auto;text-align: center;}
.bottom-charts .chart-inner p{padding: 20px 0;}
.bottom-charts .bottom-card{float: left;width: 25%;padding: 20px;text-align: center;text-decoration: none;}
.bottom-charts .bottom-card h3{font-size: 16px;padding-bottom: 10px;}
.chart-inner-page .plain-charts{float: left;width: 100%;background: #ddd;}
.plain-charts .chart-inner{max-width: 850px;margin: 0 auto;text-align: center;}
.plain-charts .chart-inner p{padding: 20px 0;}
.plain-charts .bottom-card{float: left;width: 25%;padding: 20px;text-align: center;text-decoration: none;}
.plain-charts h3{font-size: 16px;padding-bottom: 10px;}
.page-id-431 .charts-inner p img{margin-bottom: 20px;}


/* colorChart update Css */

.colorChart{width: 100%; float: left;padding: 10px 0 30px;}
.colorChart .colorCardInner {max-width: 700px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.colorChart .colorCard {width: 14%;float: left;text-align: center;padding: 15px 0;}
.colorChart .colorCard .colorBox {border-radius: 100%;border: 1px solid #888;height: 80px;width: 80px;margin: 0 auto;}
.colorChart .colorCard h5{font-size: 14px; color: #000;padding-bottom: 10px;font-weight: 500;}

.colorChartHeading {width: 100%;float: left;}
.colorChartHeading h2{border-bottom: 2px solid #e00009;font-size: 20px;padding-top: 60px;padding-bottom: 10px;}
.colorChartHeading .wrapper{max-width: 850px;}

.colorChartDetails {width: 100%;float: left;padding-bottom: 50px;}
.colorChartDetails .wrapper{max-width: 850px;}
.colorChartDetails p {text-align: center;font-size: 12px;color: #a39999;}
  
.stampedPage .colorChart{padding-bottom: 60px;}
.stampedPage .colorChart .wrapper{max-width: 850px;}
.stampedPage .colorChart h2{border-bottom: 2px solid #e00009;font-size: 20px;padding-bottom: 10px;}
.stampedPage .colorCardInner{padding-top: 40px;}



/*contact page*/
.contact-page { float: left; width: 100%; }
.contact-page .contact-banner { float: left; width: 100%; padding: 80px 0; }
.contact-page h1 { padding: 100px 0;  text-align: center; font-size: 65px;text-transform: uppercase; color: #e00009;font-weight: 800;font-style: italic;-webkit-text-stroke: 2px #fff;}
.contact-page .map-form { float: left; width: 100%; padding: 60px 10%; }
.contact-page .middle-inner { float: left; width: 50%; }
.contact-page .middle-inner.con { padding-right: 10px; }
.contact-page .middle-inner.form { float: left; width: 50%; padding-left: 10px; }
.contact-page .middle-inner.form h5 { margin-bottom: 45px; }
.contact-page iframe { float: left; width: 100%; height: 354px; display: block; margin-top: 20px; }
.contact-page .ques { margin-bottom: 10px; }
.contact-page input { width: 100%; }
.contact-page textarea { width: 100%; float: left; font-size: 16px; font-family: 'Roboto', sans-serif; padding: 8px 10px; margin-bottom: 10px; height: 168px; resize: none; }

/* footer */
.social { float: left; width: 100%; background: #ff0000; padding: 0px 0px; }
.social .social-left { float: left; width: 50%; padding: 14px 0 0; }
.social p { color: #fff; padding: 8px 0px; }
.social a { text-decoration: none; color: #fff; }
.social .social-right { float: left; width: 50%; text-align: right; }
.social .social-right ul { padding: 0; }
.social .social-right ul li { list-style: none; display: inline-block; padding: 0px 6px; }

/*footer-middle*/
.footer-middle { float: left; width: 100%; background: #353535; padding: 54px 0; }
.footer-middle .middle-inner { float: left; width: 33.333%; }
.footer-middle h2 { color: #fff; font-size: 40px; font-style: italic; font-weight: 700; font-family: 'Montserrat', sans-serif; padding-bottom: 28px; letter-spacing: 5px; }
.footer-middle p { color: #fff; font-size: 18px; }
.footer-middle iframe { height: 177px; margin-top: 57px; width: 100%; padding-right: 18px; }
.footer-middle h5 { font-size: 16px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; padding-top: 25px; padding-bottom: 34px; }
.footer-middle .footer-menu { float: left; width: 50%; }
.footer-menu.first { padding-left: 30px; }
.footer-middle ul { padding: 0; }
.footer-middle ul li { list-style: none; line-height: 26px; }
.footer-middle ul li a { text-decoration: none; color: #fff; font-size: 14px; }
.footer-middle ul li a:hover { color: #e5081a }
.footer-middle .ques { float: left; width: 100%; margin-bottom: 10px; }
.footer-middle .ques.name { width: 50%; float: left; padding-right: 5px; }
.footer-middle .ques.phone { width: 50%; float: left; padding-left: 5px; }
.footer-middle .ques input { width: 100%; font-family: 'Roboto', sans-serif; }
.footer-middle textarea { width: 100%; resize: none; font-size: 16px; font-family: 'Roboto', sans-serif; padding: 8px 10px; height: 105px; }
.footer-middle .wpcf7-submit { background: #ff0000; font-weight: 700; font-size: 16px; border: 1px solid #ff0000; }
.footer-middle .wpcf7-submit:hover { background: #222; color: #fff; border-color: #fff; }

/*copyright-footer*/
.copyright-footer { float: left; width: 100%; background: #ecf1f5; padding: 24px 0px; }
.copyright-footer .left { float: left; width: 50%; }
.copyright-footer .right { float: left; width: 50%; text-align: right; }
.copyright-footer p { font-size: 14px; }
.copyright-footer p a { background: url(images/search-logo.png) right center no-repeat; padding: 0px 132px 0 0px; margin-bottom: 0; height:23px; width:125px;vertical-align:middle;display:inline-block; }

/* fullPart */
.blogdetails .align-left { float: left; margin: 0 20px 20px 0; }
.blogdetails p { margin-bottom: 20px; }
.blogdetails h1 { margin-bottom: 30px; }
#fullPart { float: left; width: 100%; }

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover {background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */


/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/


/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */


/* footer */

#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; }
#footer p { float: left; }
#footer span { float: right; }

/* Responsive Css Start */

@media only screen and (max-width: 1120px) {
.wrapper { max-width: 95%; }
.menuBar ul > li.menu-item-has-children{padding-right: 0px;}
.menuBar ul > li.menu-item-has-children > a{padding-right: 0;}
header .call-now a, header .call-now a:hover { padding: 14px 15px 14px 40px; background-size: 17px; font-size: 14px }
.menuBar li { padding: 0 10px; }
.menuBar li a { font-size: 16px; font-weight: 500; }
.menuBar { text-align: center; }
.banner-bg .banner-heading h1 { font-size: 75px; }
.bannerInner .banner-heading h1 { font-size: 65px; }
.about-section { padding: 60px 0px 90px; }
.services .right-text { padding: 0px 35px 0px 0px; }
.services .service-inner.con .right-text { padding: 0px 30px 0px 60px; }
.services a { padding: 18px 35px; }
.services p { padding-bottom: 50px }
.we-work { padding: 60px 0 70px; }
.we-work .work-left { padding-right: 20px; }
.process h2 { letter-spacing: 0; }
.process { padding: 60px 0 67px; }
.blog { padding: 60px 0 80px; }
.blog .blog-card-left { width: 100%; }
.blog .blog-inner { width: 35%; }
.blog .blog-text { width: 65%; }
.ready-to h2 { font-size: 32px; }
.footer-middle h2 { font-size: 35px; }

/*update*/
.otherservices h2 { font-size: 35px; }
.otherservices .right-text { padding: 0px 70px 0px 0px; }
.otherservices .service-inner.con .right-text { padding: 0px 30px 0px 70px; }
.otherservices p { padding-bottom: 45px; }
.otherservices a { padding: 20px 40px; }
.contact-page .map-form { padding: 60px 0%; }
.chart-inner-page .bannerInner .banner-heading h1{font-size: 40px;}
}

@media only screen and (max-width: 1020px) {
.logo { width: 30%; }
#header { padding: 15px; }
#header a.mobilemenu { display: block; }
#menu { display: none; }
.call-now { display: none; }
.menuBar { float: right; text-align: right; }
.banner-bg { min-height: 670px; }
.banner-bg .banner-bg { min-height: 765px; }
.banner-bg .banner-heading h1 { font-size: 65px; }
.banner-bg .banner-heading p { font-size: 25px; }
.banner-bg .banner-heading .banner-form { padding: 40px 0; }
.about-section h2 { font-size: 35px; }
.about-section a { padding: 18px 150px 18px 36px; }
.services { padding: 60px 0px 40px; }
.services h2 { font-size: 35px; }
.services h3 { padding-bottom: 0px; }
.services p { padding-bottom: 25px; line-height: 25px; }
.services h3 { font-size: 30px; }
.services a { padding: 11px 15px; }
.solution { padding: 60px 0px 91px; }
.solution h2 { font-size: 35px; }
.solution p { padding: 22px 0% 66px; }
.we-work h2 { font-size: 35px; letter-spacing: 0; }
.process h2 { font-size: 28px; padding-bottom: 25px; }
.process .card { width: 44%; }
.gallery .gallery-inner { padding: 0px; }
.blog .blog-text { padding-left: 20px; }
.blog p { padding-bottom: 15px; }
.ready-to { padding: 60px 0 46px; }
.ready-to h2 { font-size: 24px; }
.footer-middle .middle-inner { width: 50%; }
.middle-inner.form { width: 100%; }
.footer-middle textarea { height: 140px; }
.concrete-inner-page .bannerInner{min-height: 470px;}
.chart-inner-page .bannerInner{min-height: 315px;}
.plain-charts .bottom-card{min-height: 170px;}
.page-id-481 .plain-charts h3{font-size: 15px;}
.page-id-446 .plain-charts h3{font-size: 15px;}
.page-id-446 .about-charts{padding: 60px 0 0px;}
.page-id-540 .bottom-charts .bottom-card h3{font-size: 15px;}

/*update*/
.bannerInner .banner-heading h1 { font-size: 45px; }
.bannerInner .banner-heading p { font-size: 25px; }
.about h2 { font-size: 28px; }
.whyUs h2 { font-size: 28px; }
.otherservices h2 { font-size: 28px; }
.otherservices .right-text { padding: 0px 0px 0px 0px; }
.otherservices .service-inner.con .right-text { padding: 0px 30px 0px 0px; }
.otherservices h3 { font-size: 30px; padding-bottom: 0; }
.otherservices p { padding-bottom: 25px; }
.otherservices a { padding: 12px 25px; }
.solution h2 { font-size: 28px; }
.areas-we-services h2 { font-size: 28px; }
.testimonials h2 { font-size: 28px; }
.chart-inner-page .bannerInner .banner-heading h1{font-size: 30px;}
.colorChartHeading .wrapper{padding: 0 15px;}
.stampedPage .colorChart .wrapper{padding: 0 15px;}

}

@media only screen and (max-width: 767px) {
.banner-bg .banner-heading { padding: 60px 0px 0px 0px; }
.banner-bg .banner-heading h1 { font-size: 50px; }
.banner-bg .banner-heading p { font-size: 20px; }
.banner-bg .banner-form .field { width: 100%; padding: 0; margin-bottom: 2%; }
.banner-bg .banner-heading .banner-form { padding: 20px 0 0 0; }
.services .service-inner { padding-bottom: 0px; }
.services .left-img { width: 100%; padding-bottom: 20px; }
.services .left-img img { padding-right: 0; }
.services .right-text { width: 100%; padding-bottom: 0px; }
.solution h2 { font-size: 30px; }
.sol-btn a.quote { padding: 15px 50px; }
.sol-btn a.book { padding: 15px 60px; }
.we-work h2 { font-size: 27px; }
.we-work .work-left { width: 100%; padding-right: 0; }
.we-work .work-img { width: 100%; }
.we-work .work-img img { width: 100%; max-height: 350px; }
.blog p { padding-bottom: 4px; }
.ready-to h2 { font-size: 20px; }
.ready-to p { font-size: 20px; padding-top: 10px; }
.ready-to a.quote { padding: 15px 30px; }
.ready-to a.book { padding: 15px 10px; }
.footer-middle { padding: 54px 0 20px; }
.footer-middle .middle-inner { width: 100%; margin-bottom: 15px; }
.footer-middle iframe { height: 300px; padding-right: 0; }
.copyright-footer .left { width: 100%; text-align: center; margin-bottom: 15px; }
.copyright-footer .right { width: 100%; text-align: center; }
.flake-range .range.pattern{width: 50%;}
.about-charts .charts-inner h5{padding-top: 0;}
.page-id-431 .flake-range{padding: 0px 0 0px;}
.page-id-481 .flake-range .range.pattern{width: 33.33%;}
/*update*/
.bannerInner { min-height: 800px; }
.bannerInner .banner-form .field { width: 100%; }
.bannerInner .field { margin-bottom: 10px; }
.bannerInner .field.name { padding-right: 0; }
.bannerInner .field.number { padding: 0; }
.bannerInner .field.submit { padding: 0; }
.otherservices .left-img { width: 100%; padding-bottom: 20px; }
.otherservices .left-img img { padding-right: 0; }
.otherservices .right-text { width: 100%; }
.otherservices .service-inner.con .right-text { padding: 0; }
.contact-page .middle-inner { width: 100%; }
.contact-page .middle-inner.con { padding-right: 0; margin-bottom: 30px; }
.contact-page .middle-inner.form { width: 100%; padding-left: 0; }
.contact-page .middle-inner.form h5 { margin-bottom: 20px; }
.repeaterbox .image { width: 100%; margin-bottom: 20px; }
.repeaterbox .image img { width: 100%; }
.repeaterbox .content { width: 100%; padding: 20px 0; }
.content-base .wrapper { width: 100%; padding: 0 20px; }
.banner h1 { font-size: 28px; }
.chart-inner-page .bannerInner{min-height: 100%;}
.chart-inner-page .bannerInner .banner-heading h1{font-size: 29px;}
.about-charts .charts-inner p img{float: left;width: 100%;margin: 0 0 20px 0;}
.plain-charts .bottom-card{width: 50%;}
.page-id-540 .flake-range .comb-card{width: 33.33%;}
.page-id-540 .flake-range .chart-inner p{width: 100%;float: left;}
.page-id-540 .bottom-charts .bottom-card h3{font-size: 13px;}

.colorChart .colorCard{width: 16%;}

}

@media only screen and (max-width: 639px) {
.banner-bg a.flex-prev, .banner-bg a.flex-next { display: none; }
}

@media only screen and (max-width: 600px) {
.logo { width: 50%; float: left; }
.menuBar { width: 50%; float: left; text-align: right; }
.banner-bg { min-height: 550px; }
.banner-bg .banner-heading h1 { font-size: 32px; }
.banner-heading h1 { font-size: 32px; }
.banner-bg .banner-heading ul { padding: 20px 0px 20px 20px; }
.banner-bg .banner-heading ul li { font-size: 16px; }
.banner-bg .banner-heading p { font-size: 16px; }
.banner-bg .banner-form .field input { padding: 15px; }
.banner-bg .field.submit input.wpcf7-submit { padding: 15px; }
.banner-bg .banner-heading { padding: 30px 0px 0px 0px; }
.about-section { padding: 40px 0px 60px; }
.about-section a { padding: 18px 88px 18px 36px; }
.about-section h2 { font-size: 30px; padding-bottom: 20px; }
.about-section p { padding-bottom: 15px; }
.about-img { margin-top: 15px; }
.services h2 { font-size: 18px; padding-bottom: 50px; }
.solution { padding: 60px 0px 60px; }
.solution h2 { font-size: 18px; }
.solution p { font-size: 16px; padding: 22px 0% 30px; }
.sol-btn a.quote { width: 100%; float: left; margin: 0 0 10px 0; }
.sol-btn a.book { width: 100%; float: left; margin: 0 0 10px 0; }
.we-work h2 { padding-bottom: 40px; }
.services h3 { font-size: 26px; }
.we-work .work-img img { max-height: 300px; }
.process h2 { font-size: 23px; }
.process .card { width: 100%; margin: 0; }
.process .process-inner a { letter-spacing: 0; }
.gallery .g-card { width: 100%; }
.blog h2 { font-size: 30px; }
.blog .blog-inner { width: 100%; }
.blog .blog-text { width: 100%; padding-left: 0; }
.blog .blog-card-left { margin: 0 0 5% 0; }
.ready-to { padding: 30px 0 46px; }
.ready-to h2 { font-size: 17px; }
.ready-to p { font-size: 16px; }
.ready-to a.quote { width: 100%; float: left; margin: 0 0 5% 0; }
.ready-to a.book { width: 100%; float: left; margin: 0; }
.social .social-left { width: 100%; text-align: center; margin-bottom: 5%; }
.social .social-right { width: 100%; text-align: center; }
.footer-middle h2 { font-size: 25px; }
.footer-menu.first { padding-left: 0; }
.footer-middle { padding: 30px 0 0px; }
.footer-middle iframe { margin-top: 35px; }
.footer-middle .footer-menu { width: 100%; }
.footer-middle h5 { padding-bottom: 15px; }
.footer-middle .ques.name { width: 100%; padding-right: 0; }
.footer-middle .ques.phone { width: 100%; padding-left: 0; }
.copyright-footer p { font-size: 12px; }
.services .service-inner.con .right-text { padding: 0px 0px 0px 0px; }
/*update*/
.bannerInner { min-height: 660px; }
.bannerInner .banner-heading { padding: 40px 0px 0px 0px; }
.bannerInner .banner-heading .banner-form { padding-top: 35px; padding-bottom: 10px; }
.bannerInner .banner-heading h1 { font-size: 22px; }
.bannerInner .banner-heading p { font-size: 16px; line-height: 30px; }
.bannerInner .banner-heading ul li { padding: 8px 0px 8px 40px; }
.about h2 { font-size: 24px; line-height: 30px; }
.whyUs h2 { font-size: 24px; line-height: 30px; }
.otherservices h2 { font-size: 24px; line-height: 30px; padding-bottom: 30px; }
.contact-page .map-form { padding: 30px 0%; }
.wpcf7-validation-errors, .wpcf7-acceptance-missing { text-align: center; }
.chart-inner-page .bannerInner{min-height:100%;}
.chart-inner-page .bannerInner .banner-heading{padding: 80px 0;}
.chart-inner-page .bannerInner .banner-heading h1{font-size:19px;line-height: 28px;}
.about-charts{padding: 30px 0;}
.chart-color-images img.wp-image-423.aligncenter{margin-bottom: 30px;}
.chart-color-images .charts-inner p{text-align: left !important;margin-bottom: 10px;}
.plain-charts .bottom-card{width: 100%;}
.page-id-481 .flake-range .chart-inner h3{font-size: 14px;}
.page-id-481 .flake-range .range{min-height: 187px;}
.page-id-446 .about-charts{padding: 30px 0 0px}
.page-id-540 .range.pattern.stemped{width: 100%;}
.page-id-540 .flake-range .comb-card{width: 100%;}
.page-id-540 .bottom-charts .bottom-card{width: 100%;}
.page-id-481 .flake-range .range.pattern{width: 50%;}

.colorChart .colorCard {width: 33.33%;}
.colorChartDetails{padding: 0 10px 50px;}
.stampedPage .colorChart{padding-bottom: 30px;}
}