/*
Theme Name: Toolmakers NZ
Theme URI: https://softdevelopment.net
Description: Theme is created for Tool makers site
Version: 1.0
Author: Soft Development Team
Author URI: https://softdevelopment.net
*/

body{
  font: 15px/1.5 'Roboto', sans-serif;
  padding:0;
  margin:0;
  background-color:#fff;
	overflow:hidden;
}
body.page-id-104 {
	background-color: #000;
}
h1{
	/*font-family: 'Titillium Web', sans-serif;*/
	font-family: 'Play', sans-serif;
	font-weight: 300;
}
.page-template-contact-page-template h2 {
	font-family: 'Play', sans-serif;
	font-size: 2rem;
	font-weight: normal;
}
label {
	margin-bottom: 0.5rem;
	float: left;
	width: 100%;
}
input[type="text"], input[type="password"], input[type="email"], select {
	height: 2.75em;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
	/* background: rgba(255, 255, 255, 0.05); */
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
	background: #fff !important;
	border: 1px solid #fff;
}
input[type="submit"] {
	padding: 0.6rem 3rem;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 1.1rem;
}
#musli li div, #musli li iframe {
	height: 240px !important;
}
#post-108 p{
	margin:0;
	color: #c8c6c6;
}
/* Global */
.container {
	width: 90%;
	margin: auto;
	overflow: hidden;
	max-width: 1230px;
	position: relative;
}
.pages-all .container .page {
	background: #000;
	color: #eee;
	padding-bottom: 2em;
	position: relative;
}
.page-template-gallery-page-template .pages-all .container .page {
	padding-bottom: 5px;
}
#post-104 {
	padding-bottom: 0;
}
.pages-all .container .page h2 {
	font-size: 1.3em;
}
.pages-all .container .page p {
	font-size: 0.8em;
}
.bread-crumps-about {
	text-align: left;
	max-width: 560px;
	margin: 4px auto 0 auto;
	position: relative;
	width: 100%;
	font-size: 15px !important;
	color: #dfdede;
}
.bread-crumps-about i {
	color: #64bb46;
	position: relative;
	padding: 0 4px;
	font-size: 22px;
	top: 3px;
}
.pages-all .container .page .services-p {
	margin-bottom: 4em !important;
	position: relative;
}
.pages-all .container .page .services-p::after {
	width: 110%;
	height: 1.3px;
	content: "";
	background: radial-gradient(#4ed036, black);
	position: absolute;
	left: -50px;
	bottom: -25px;
}
header .container{
	overflow: inherit;
}
header .container::before {
    content: url('./images/v-shape.png');
    position: absolute;
    left: -1em;
    bottom: -8.2em;
    z-index: 99;
}
/*header::before {
	content: url('./images/logo-vshape.png');
	position: absolute;
	bottom: 0;
	left: 0;
}*/
.page-template-gallery-page-template #boxes .container {
	width: 100%;
	max-width: 100%;
}
.page-template-contact-page-template .contact-container {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
.cont-details {
	text-indent: -35px;
}
.contact-page-columns > div:first-child {
	background: #000;
	color: #d5d3d3;
	margin: 0;
}
.contact-page-columns .left-contact-block {
	width: 400px;
	float: right;
}
.contact-page-columns .left-contact-block h2 span {
	color: #4ed036;
}
.contact-page-columns .right-contact-block {
	width: 400px;
	float: left;
	margin-left:2rem;
}
.contact-page-columns > div:last-child {
	background: #4ed036;
	margin: 0;
	color: #ecebeb;
}
.contact-page-columns .left-contact-block p {
	margin: 20px 0 20px 0;
	position: relative;
	float: left;
	width: 100%;
	color: #dbd9d9;
}
.contact-phone {
	margin-top: 10px !important;
}
.contact-page-columns .left-contact-block p::after {
	content: "";
	position: absolute;
	width: 60%;
	background: #9e9b9b;
	height: 2px;
	left: 0;
	bottom: -20px;
}
.contact-phone::before {
	font-family: "fontawesome";
	font-weight: 900;
	content: "\f10b";
	position: absolute;
	color: #4ed036;
	left: -35px;
	top: -5px;
	font-size: 1.5em;
}
.contact-address::before {
	font-family: "fontawesome";
	font-weight: 900;
	content: "\f041";
	position: absolute;
	color: #4ed036;
	left: -35px;
	top: -5px;
	font-size: 1.5em;
}
.contact-email::before {
	font-family: "fontawesome";
	font-weight: 900;
	content: "\f1fa";
	position: absolute;
	color: #4ed036;
	left: -35px;
	top: -5px;
	font-size: 1.5em;
}
.contact-website::before {
	font-family: "fontawesome";
	font-weight: 900;
	content: "\f0ac";
	position: absolute;
	color: #4ed036;
	left: -35px;
	top: -5px;
	font-size: 1.5em;
}
ul{
  margin:0;
  padding:0;
  list-style: none;
}
#post-108 ul li::before {
  content: "\2022";
  color: #4ed036;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
a{
    color: #000;
    text-decoration: none;
}
.button_1{
  height:38px;
  background:#e8491d;
  border:0;
  padding-left: 20px;
  padding-right:20px;
  color:#ffffff;
}

.dark{
  padding:15px;
  background:#35424a;
  color:#ffffff;
  margin-top:10px;
  margin-bottom:10px;
}

/* Header **/
header {
	/* background: transparent; */
	color: #ffffff;
	padding-top: 15px;
	min-height: 70px;
	/* border-bottom: #64bb46 1px solid; */
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
	transition: all 0.5s;
	/*background: url('./images/header-background.png');
	background-position: -30.2em 0;
	background-size: 150% 100%;
	padding-bottom: 1em;
	background-repeat: no-repeat;*/
	/*background: url('./images/header-background-2.png') center bottom no-repeat, url('./images/header-background-repeat.png') center bottom repeat-x;*/
	padding-bottom: 0.5em;
	background-color: #231f20;
	border-bottom: 2px solid #64bb46;
}
header nav {
    transition: all 0.5s;
}
header.fade-in {
	background: #231f20;
	z-index: 4;
	height: 60px;
	transition: all 0.5s;
	padding-top: 10px;
	padding-bottom: 0;
	border: none;
	box-shadow: -1px 5px 5px #201e1e;
}
header.fade-in .container::before{
	content: "";
}
header .site-logo img {
	height: 75px;
	transition: all 0.5s;
}
header.fade-in .custom-logo{
    height: 70px;
	width: 90%;
    transition: all 0.5s;
}
header.fade-in nav {
    margin-top: 0px;
    transition: all 0.5s;
}
header a{
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
  font-size:16px;
}
header li, footer li {
	float: left;
	display: inline;
	padding: 0 16px 0 16px;
	position: relative;
}
header ul li {
	padding: 25px 16px;
}
ul .current_page_item a {
	color: #64bb46;
}
ul .current_page_item li .sub-menu li a {
	color: #fff;
}
ul li .sub-menu {
	position: absolute;
	width: 200px;
	background: #4ed036;
	top: 75px;
	left: -60px;
	padding: 10px 0;
	display: none;
}
.page-id-104 ul li.menu-item-has-children:hover .sub-menu {
	display: block;
}
ul li .sub-menu li {
	float: left;
	width: 100%;
	text-align: center;
	padding: 3px 0;
}
ul li .sub-menu li a {
	text-transform: capitalize;
	position: relative;
	border-bottom: 1px solid #339341;
	padding-bottom: 2px;
	color: #fff;
}
ul li .sub-menu li a:hover {
	color: #6c6a6a;
}
ul li .sub-menu li:last-child a {
	border: none;
}
header li a, footer li a {
	font-family: 'Titillium Web', sans-serif;
}
header li i {
	color: #4ed036;
}
header li:last-child {
	padding-right: 0;
}
header #branding{
  	float:left;
	position: relative;
}
/*#showcase .container::before {
	content: url('./images/logo-vshape.png');
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
}*/
header #branding h1{
  margin:0;
}
header .site-logo {
    float: left;
    margin-right: 1rem;
    width: 65px;
}
header .site-title {
	float: left;
	line-height: 1.75;
}
header .site-title a {
	font-weight: 700;
	font-size: 1.5rem;
	text-transform: unset;
}
header nav {
	float: left;
	/*margin-top: 25px;*/
	margin-left: 30px;
}
.header-logo-right {
	float: left;
	width: 60px;
	margin-left: 15px;
}
header .highlight, header .current a{
  color:#e8491d;
  font-weight:bold;
}
header a:hover {
	color: #64bb46;
}
/* Showcase */
#showcase{
  min-height:590px;
  background:url('https://dev.softdevelopment.net/kings_motors/wp-content/uploads/2019/03/header-home.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  text-align:left;
  color:#ffffff;
  position:relative;
}
#showcase .container {
	position: relative;
	z-index: 3;
	padding-top: 14em;
	width: 70%;
}
#showcase .container .inner-block {
	float: left;
	width: 50%;
}
#showcase .inner-block.left-block .container-inner {
	top: 0 !important;
}
#showcase .container .inner-block .container-inner {
	width: 90%;
	float: none;
	position: relative;
	top: -50px;
	max-width: 400px;
	margin: 0 auto;
}
#showcase .container .inner-block .container-inner .owl-item {
	background: #000;
}
#showcase .container .inner-block .container-inner .owl-item div {
	padding: 4% 4% 4% 4%;
	float: left;
	width: 92%;
}
#showcase .container .inner-block .container-inner .owl-item img {
	width: 100%;
	height: 265px;
}
#showcase .container .inner-block .container-inner .caption {
	padding: 3% 3%;
	color: #fff;
	float: left;
	width: 94%;
}
#showcase .container .inner-block .container-inner .caption i {
	color: #4ed036;
	margin-right: 5px;
}
/* Navigation of header owl slider change */
#showcase .container .inner-block .container-inner .owl-nav .owl-prev span {
	background: url('./images/prev-nav.png');
	width: 40px;
	height: 60px;
	float: left;
	background-size: cover;
	font-size: 0;
}
#showcase .container .inner-block .container-inner .owl-nav .owl-prev span {
	background: url('./images/prev-nav.png');
	width: 40px;
	height: 60px;
	float: left;
	background-size: cover;
	font-size: 0;
}#showcase .container .inner-block .container-inner .owl-nav .owl-next span {
	background: url('./images/next-nav.png');
	width: 40px;
	height: 60px;
	float: left;
	background-size: cover;
	font-size: 0;
}
.owl-prev,
.owl-next {
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  z-index: -1;
}

.owl-prev {
  left: -1.45em;
}

.owl-next {
  right: -1.3em;
}
#showcase::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(32, 32, 32, 0.3);
	z-index: 1;
}
/*header .container::before {
	content: "";
	width: 80px;
	height: 80px;
	background: red;
	position: absolute;
	left: 5%;
	bottom: -43px;
	border-bottom: 1px solid green;
	border-right: 1px solid green;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 99;
}*/
#showcase-two{
  height: 500px;
  min-height:500px;
  background:url('images/about-background.png') no-repeat;
  background-size: 100% 100%;
  text-align:center;
  color:#ffffff;
  border-bottom: 2px solid #36ae48;
}
.page-template-gallery-page-template #showcase-two {
	height: 0;
	min-height: 0;
}
#showcase-services{
  min-height:460px;
  background-size: 100% 100%;
  text-align:center;
  color:#ffffff;
}
#showcase-contact{
  min-height:480px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align:center;
  color:#ffffff;
}
.contact-page-columns .wp-block-column{
	flex-grow: 1;
}
#showcase h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 5rem;
	font-weight: 900;
	margin-bottom: 0px;
	letter-spacing: -5px;
}
#showcase p{
  font-size:20px;
}

#showcase-two h1, #showcase-services h1{
  font-size:55px;
  margin-bottom:10px;
}
#showcase-two p, #showcase-contact p, #showcase-services p{
  font-size:20px;
}
#showcase .container .block {
	float: left;
	width: 100%;
}
#showcase .container .block a {
	color: #fff;
}
#showcase .container .block-one h2 {
	text-align: left;
	margin: 0;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 15px;
}
#showcase .container .block-one h2 span.two, #showcase .container .block-one h2 span.three {
	font-size: 4.3rem;
}
#showcase .container .block-one h2 img{
	width: 65px;
}
#showcase .container .block-one h2 .fa-angle-double-right::before {
    content: "\f101";
    right: 50px;
    position: absolute;
    bottom: -8px;
}
#showcase .container .block-one i{
	font-size: 4rem;
	font-weight: 800;
	color: #4ed036;
}
#showcase .container .block-two h1, #showcase-two .container .block-two h1 {
	text-align: left;
	margin: 0;
	line-height: 1;
}
#showcase .container .block-two h2 {
	text-align: left;
	margin: 0;
	font-size: 3rem;
	font-weight: 800;
	line-height: 0.7;
	letter-spacing: -2px;
}
#showcase .container .block-two a, #showcase-two .container .block a, #showcase-contact .container .block a, #showcase-services .container .block a {
	float: left;
	color: #fff;
	padding: 10px 30px;
	background: #4ed036;
	margin-top: 15px;
	font-size: 1.07rem;
}
#showcase .container .block-three h3, #showcase-two .container .block-three h3, #showcase-contact .container .block-three h3, #showcase-services .container .block-three h3 {
	text-align: left;
}
#showcase .container .block-three h3 {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 1.17em;
	background: #000;
	float: left;
	padding: 3px 10px;
	border-radius: 2px;
}
#showcase-two .container .block, #showcase-contact .container .block, #showcase-services .container .block {
	min-height: 110px;
}
#showcase-contact .container .block {
	margin: 0 auto;
	max-width: 810px;
}
#showcase-contact .block.block-three div {
	float: left;
	width: 100%;
}
#showcase-contact .block.block-three h1 {
	float: left;
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 3rem;
}
#showcase-contact .block.block-three h1 span {
	color: #4ed036;
}
.why-we-are-better-choice{
	position: relative;
}
.why-we-are-better-choice::before {
	content: url("./images/box.png");
	position: absolute;
	top: -56px;
	left: -5px;
}
.home .why-we-are-better-choice .scroll-to-down {
	content: url("./images/down-arrow.png");
	position: absolute;
	top: 15px;
	right: 100px;
	cursor: pointer;
}
.why-we-are-better-choice.about {
	text-align: left;
	color: #000;
	width: 50%;
	padding: 3% 25% 0 25%;
	font-weight: normal;
	font-size: 1.5em;
	text-indent: 22px;
	position: relative;
}
.why-we-are-better-choice.about.first::after {
	content: "";
	width: 2px;
	height: 200px;
	position: absolute;
	left: 265px;
	top: 0;
	background: #757272;
}
.why-we-are-better-choice.about.secend-abt {
	margin-top: 0;
	background: #a6a8ab;
	position: relative;
	width: 50%;
	padding: 3% 25% 0 25%;
	z-index: 1;
	text-indent: 22px;
	color: #fff;
	position: relative;
}
.wp-block-quote.kings-quote-block.secnd-kqb {
	background: #a6a8ab;
	position: relative;
	padding: 1% 20% 4% 27%;
}
.wp-block-quote.kings-quote-block.secnd-kqb p{
	position: relative;
}
.wp-block-quote.kings-quote-block.secnd-kqb p::before {
	content: "";
	width: 2px;
	height: 195px;
	position: absolute;
	background: #fff;
	left: -63px;
	top: -79px;
	z-index: 99;
}
.why-we-are-better-choice.about::before {
	content: "";
	/* content: url(http://joysoft.design/tool-makers/wp-content/uploads/2019/05/box.png); */
	position: absolute;
	top: -65px;
	left: 15px;
	width: 230px;
	height: 215px;
	background-image: url('https://teknicdeezinez.co.nz/wp-content/uploads/2019/05/box.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.why-we-are-better-choice.about.secend-abt::before {
	display: none;
}
.wp-block-quote.kings-quote-block.secnd-kqb::before {
	content: "";
	/* content: url(http://joysoft.design/tool-makers/wp-content/uploads/2019/05/box.png); */
	position: absolute;
	bottom: -60px;
	left: 15px;
	width: 220px;
	height: 300px;
	background-image: url('./images/concept-and-products.png');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 99;
}
.address-phone-hours .textwidget{
	position: relative;
}
.address-phone-hours #custom_html-2 .textwidget{
	margin-left: 40px;
}
.address-phone-hours #custom_html-2 .textwidget::before {
    font-family: "fontawesome";
    font-weight: 900;
    content: "\f041";
    position: absolute;
    color: #fff;
    left: -38px;
	top: 0;
	font-size: 2rem;
}
.address-phone-hours #custom_html-3 .textwidget::before {
    font-family: "fontawesome";
    font-weight: 900;
    content: "\f10b";
    position: absolute;
    color: #fff;
    left: -38px;
	top: 0;
	font-size: 2rem;
}
.address-phone-hours #custom_html-4 .textwidget::before {
    font-family: "fontawesome";
    font-weight: 900;
    content: "\f017";
    position: absolute;
    color: #fff;
    left: -38px;
	top: 0;
	font-size: 2rem;
}
/*.container #post-104 .wp-block-columns.has-3-columns {
	padding: 0 10%;
}*/
.container #post-104 h2.about-kcm:first-child {
	font-family: 'Play', sans-serif;
	max-width: 680px;
	margin: 0 auto 0 auto;
	font-size: 2rem;
	font-weight: normal;
	padding-top: 1.5em;
	width: 100%;
}
#post-104 .entry{
	position: relative;
}
#post-104 .scroll-to-down {
	content: url('./images/down-arrow.png');
	position: absolute;
	right: 85px;
	top: 40px;
	cursor: pointer;
}
.container #post-532 h2#case-study-title {
	width: 45%;
	margin: 0 auto 0 auto;
	text-indent: -2rem;
	font-size: 2rem;
	font-weight: 300;
	padding-top: 1.5em;
}
.container #post-104 h2.about-kcm span {
	color: #4ed036;
}
.container #post-532 h2#case-study-title span {
	color: #4ed036;
	font-weight: 500;
}
.container #post-104 .com-history {
	max-width: 560px;
	margin: 20px auto 0 auto;
	padding-left: 0%;
	position: relative;
	color: #4ed036;
	width: 100%;
}
.container #post-104 .about-top-para-50-per {
	width: 45%;
	margin: 15px 22% 0 27%;
	padding-left: 0%;
	position: relative;
}
.container #post-532 .case-study-first-para, .container #post-532 h2 {
	width: 47%;
	margin: 20px auto 0 auto;
	padding-left: 3%;
	position: relative;
}
.container #post-104 .about-top-para-50-per::before {
	content: "";
	background: #2e7137;
	height: 230px;
	width: 2px;
	position: absolute;
	left: -62px;
	top: -85px;
}
.container #post-532 .case-study-first-para::before {
	content: "";
	background: #2e7137;
	height: 150px;
	width: 1px;
	position: absolute;
	left: 0;
	top: -38px;
}
#example3_650, #example3_664, #example3_738 {
	max-width: 605px !important;
	margin: 3em auto;
	overflow: hidden;
}
.page-id-532 .slider-pro {
	margin: 3rem auto;
	width: 605px !important;
}
.page-id-532 .sp-mask {
	width: 100% !important;
}
.abt-first {
	color: #4ed036;
	font-size: 3rem;
	line-height: 0;
}
.mac-and-equip {
	width: 50%;
	padding: 2.5% 25% 0 25%;
	background: #fff;
	color: #35a345;
	margin: 0;
	font-size: 23px;
	text-indent: 28px;
	position: relative;
}
.mac-and-equip::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 320px;
	background: #4ed036;
	top: 0;
	left: 265px;
}
.mac-and-equip span {
	color: #000;
}
.mac-and-equip-blocks {
	background: #fff !important;
	padding: 0 14% 6% 14% !important;
}
.mac-and-equip-blocks h5 {
	margin-bottom: 0;
	font-size: 1rem;
}
.mac-and-equip-blocks ul li {
	position: relative;
	margin-top: 12px;
}
.mac-and-equip-blocks ul li::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: #4ed036;
	left: -20px;
	top: 8px;
}
.key-team-members {
	font-weight: 300;
}
.key-team-members strong{
	color: #4ed036;
	font-weight: 600;
}
.our-team-members .wp-block-column p.team-member-name{
	position: relative;
}
.our-team-members .wp-block-column p.team-member-name::after {
	content: "";
	background: red;
	width: 85%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -4px;
}
.services-area-cols {
	background: #e7e8e9;
	color: #000;
	padding: 0 8%;
	margin-bottom: 0;
}
.page-template-contact-page-template .wp-block-columns {
	margin-bottom: 0;
}
.services-area-cols h3 {
	margin-top: 10px;
}
.wp-block-image{
	margin-bottom:10px;
}
/* Newsletter */
#newsletter{
  padding:15px;
  color:#ffffff;
  background:#35424a
}

#newsletter h1{
  float:left;
}

#newsletter form {
  float:right;
  margin-top:15px;
}

#newsletter input[type="email"]{
  padding:4px;
  height:25px;
  width:250px;
}

/* Boxes */
#boxes {
	position: relative;
	margin-top: -60px;
	z-index: 3;
	background-image: url('./images/background2.jpg');
	background-repeat: no-repeat;
	background-position: 0px 59px;
	background-size: 100% 80%;
}
.page-id-532 #boxes {
	background-color: #000;
}
.page-template-products-and-services #boxes {
	background-size: cover;
}
#boxes.pages-all {
	margin-top: 0;
	background-position: 0px -15px;
}
#boxes .box{
  float:left;
  text-align: center;
  width:30%;
  padding:10px;
}

#boxes .box img{
  width:90px;
}
.products-services-bottom {
	background: #000;
}
.products-services-bottom .green-area {
	background: #4ed036;
	min-height: 375px;
	position: relative;
}
.products-services-bottom .scroll-to-top {
	content: url('./images/up-arrow.png');
	position: absolute;
	right: 100px;
	top: 40px;
	cursor: pointer;
}
.kings-quote-block .block-quotes {
	font-size: 1.5rem;
	color: #4ed036;
}
.wp-block-quote .wp-block-columns p i {
	color: red;
	font-size: 2rem;
}
.wp-block-quote .wp-block-columns p i:first-child {
	float: left;
}
.wp-block-quote .wp-block-columns p i:last-child {
	float: right;
}
.wp-block-quote.kings-quote-block cite {
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 400;
	color: #5d5e5f;
}
.wp-block-quote.kings-quote-block cite i {
	color: #4ed036;
	font-size: 13px;
	margin-top: 3px;
}
/* Sidebar */
aside#sidebar{
  float:right;
  width:30%;
  margin-top:10px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:90%;
  padding:5px;
}

/* Main-col */
article#main-col{
  float:left;
  width:65%;
}

/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}
.phone-garth-txt-btm {
	color: #777070;
}
footer {
	padding: 20px 0;
	color: #ffffff;
	background-color: #6d6f71;
	text-align: center;
	float: left;
	width: 100%;
	border-top: 20px solid #4ed036;
}
footer .left {
	float: left;
	width: 20%;
	margin-top: 0.7em;
	position: relative;
}
footer .left::after {
	content: "";
	width: 2px;
	height: 80%;
	position: absolute;
	background: #989898;
	right: -20px;
	top: 5px;
	z-index: 2;
}
footer .center {
	float: left;
	width: 53%;
	margin-top: 2em;
	margin-left: 2%;
}
footer .right {
	float: left;
	width: 25%;
	font-size: 0.8em;
	margin-top: 1.5em;
}
footer a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
}
footer .left .site-logo, footer .left .site-title {
	float: left;
}
footer .left .site-title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-left: 10px;
}
footer .right ul li a {
	font-size: 0.8rem;
	padding: 0px;
	text-transform: uppercase;
}
footer .right ul li a i {
	color: #4ed036;
}
.owl-carousel .owl-item {
	min-height: 275px !important;
}
.owl-carousel .owl-item img {
	/*width: 45px !important;*/
	height: 60px !important;
}
.owl-carousel .owl-item .wp-block-column {
	padding: 0 8%;
	position: relative;
	float: left;
	min-height: 275px;
	height: 100%;
	width: 84%;
}
.owl-carousel .owl-item .wp-block-column:hover .overlay {
	height: 94%;
	opacity: 1;
	padding-top: 10%;
}
.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(6, 6, 6, 0.96);
	overflow: hidden;
	width: 76%;
	height: 0;
	padding: 0% 12% 0 12%;
	transition: .5s ease;
	color: #fff;
}
.overlay p a {
	float: left;
	color: #fff;
	background: #4ed036;
	padding: 5px 0 5px 8%;
	width: 92%;
	margin-top: 20px;
	font-size: 1.4rem;
}
.overlay p a i {
	float: right;
	padding: 0.1rem 1rem 0 0;
	font-size: 2rem;
	line-height: 1 !important;
}
.services-block-headings {
	float: left;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1;
}
.services-block-headings span {
	float: left;
	width: 100%;
	color: #fff;
}
.services-block-headings span:first-child {
	font-weight: 800;
	font-size: 1.8rem;
}
.learn-more {
	text-transform: uppercase;
	font-size: 0.9rem;
	position: absolute;
	left: 1.5em;
	bottom: 15px;
	font-weight: 600;
	color: #222;
	letter-spacing: 2px;
}
.owl-carousel .owl-item .wp-block-column i {
	color: #fff;
	font-size: 1.5rem;
	line-height: 12px;
}
.owl-carousel .owl-item .wp-block-column i::before {
	float: left;
}
.view-our-all-services {
	color: #999696;
	word-spacing: 0.5rem;
	margin-bottom: 0;
}
.specialists-in{
    font-size: 3rem;
    font-weight: 100;
    margin-top: 0;
}
.under-cars-headings {
	margin-top: 0;
	padding-right: 15%;
}
.why-we-are-better-choice {
	font-size: 1.8rem;
	font-weight: 200;
	background: #e7e8e9;
	margin-bottom: 0;
	padding-top: 1rem;
	margin-top: 65px;
	text-indent: 55px;
	position: relative;
}
.why-we-are-better-choice span {
	font-weight: 300;
}
.why-we-are-better-choice .comp-name {
	color: #4ed036;
	font-weight: 900;
}
.three-blocks-layout {
	background: #e7e8e9;
}
.three-blocks-layout .wp-block-column h3 {
	font-size: 20px;
	font-weight: 900;
	margin: 10px 0;
}
.three-blocks-layout p {
	color: #555454;
}
.kings-quote-block {
	background: #e7e8e9;
	margin: 0;
	padding: 1% 20% 2% 27%;
	font-size: 1em;
	color: #000;
	width: 53%;
	margin-top: -15px;
}
.kings-quote-block.about {
	padding: 1% 23% 2% 27%;
	width: 50%;
}
.kings-quote-block.about p {
	font-size: 14px !important;
}
.three-blocks-layout .wp-block-column:first-child {
	margin-left: 185px;
}
.services-area-cols .wp-block-column:first-child {
	margin-left: 130px;
}
.services-area-cols.mac-and-equip-blocks .wp-block-column:first-child {
	margin-left: 185px;
}
.abt-our-team-heading {
	background: #4ed036;
	margin: 0;
	padding: 3% 25% 0 25%;
	font-size: 28px;
	position: relative;
	text-indent: 25px;
}
.abt-our-team-heading::before {
	content: "";
	width: 2px;
	height: 70px;
	background: #444;
	top: 0;
	left: 22%;
	z-index: 99;
	position: absolute;
}
.abt-our-team-heading .scroll-to-top {
	content: url('./images/up-arrow.png');
	top: 30px;
	right: 10%;
	z-index: 99;
	position: absolute;
	cursor: pointer;
}
.abt-our-team-heading span {
	color: #444;
}
.wp-block-columns.has-3-columns.abt-our-team-members {
	background: #4ed036;
	padding: 1% 4% 5% 4%;
}
.wp-block-columns.has-3-columns.abt-our-team-members h3 {
	margin-bottom: 0;
	color: #444;
}
.wp-block-columns.has-3-columns.abt-our-team-members .abt-owner-workshop {
	margin-top: 0;
	margin-bottom: 22px;
	font-size: 14px;
	color: #444;
	position: relative;
}
.wp-block-columns.has-3-columns.abt-our-team-members .abt-owner-workshop::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 85%;
	height: 1px;
	background: #eceaea;
}
.wp-block-columns.has-3-columns.abt-our-team-members div:first-child {
	margin-left: 185px;
}
.offer-block {
	float: left;
	width: 80%;
	background: #4ed036;
	padding: 2% 10%;
	margin-bottom: 2rem;
}
.offer-block .left-block {
	float: left;
	width: 25%;
}
.offer-block .left-block h3 {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 14px;
}
.offer-block .left-block h3::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 145px;
	border-right: 2px dashed #fff;
	right: 9%;
	top: 2.7rem;
}
.offer-block .left-block h3 span {
	float: left;
	width: 100%;
	text-align: center;
}
.offer-block .left-block h3 span.offer-wht{
	font-size: 5.8rem;
	line-height: 0.8;
	text-align: center;
	color: #fff;
	font-weight: 900;
	letter-spacing: -5px;
}
.percent{
	position: relative;
}
.percent::after {
	content: "%";
	position: absolute;
	right: 35px;
	bottom: 0;
	font-size: 55px;
}
.offer-block .right-block {
	float: left;
	width: 75%;
}
.offer-block .right-block h3 {
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 0;
}
.offer-block .right-block h3 span {
	color: #000;
	font-size: 1.6rem;
}
.offer-block .right-block h3 span.white {
	color: #eee;
}
.offer-block .right-block p {
	font-size: 17px;
	margin-top: 5px;
	color: #f7f7f7;
}
.offer-block .right-block p span {
	color: #fff;
}
.schedule-your-appointment-block {
	grid-template-columns: 33.33% auto !important;
	padding: 0% 10% 7% 15%;
	background: #000;
	position: relative;
}
.schedule-your-appointment-block .scroll-to-top {
	content: url("./images/up-arrow.png");
	position: absolute;
	bottom: 20px;
	right: 70px;
	cursor: pointer;
}
.schedule-your-appointment-block .wp-block-media-text__content{
	padding: 0 5%;
}
.schedule-your-appointment-block div h2 {
	color: #989595;
	margin-bottom: 0;
	font-size: 1.7rem;
	font-weight: 200;
}
.schedule-your-appointment-block div h4 {
	color: #eee;
	margin-bottom: 0;
}
.schedule-your-appointment-block div p {
	margin-top: 0;
	color: #d9d6d6;
	font-weight: normal;
}
.schedule-your-appointment-block div .owner-man{
	position: relative;
}
.schedule-your-appointment-block div .owner-man::after {
	content: "";
	width: 55%;
	bottom: -4px;
	left: 0;
	background: green;
	height: 1px;
	/* border-bottom: 2px solid red; */
	position: absolute;
}
.owner-man{
	font-weight: 300;
}
.owner-para{
	padding: 0 20% 0 0;
}
.address-phone-hours {
	float: left;
	width: 80%;
	padding: 3% 10%;
	background: #4ed036;
}
.address-phone-hours .container > div {
	float: left;
	width: 33.33%;
}
.address-phone-hours div h3 {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
}
.address-phone-hours div p {
	margin: 0;
}
.wp-block-button.book-an-appointment-btn a {
	background: #4ed036;
	border-radius: 0;
	padding: 8px 25px;
}
.wp-block-button.ask-for-a-quote a {
	padding: 8px 20px;
	border-radius: 0;
	background: #a3a4a5;
}
.services-three-blocks {
	max-width: 930px;
	margin: 0 auto;
}
.wp-block-columns.has-3-columns i {
	color: #4ed036;
	font-size: 2rem;
}
.what-our-clients-say {
	font-weight: 300;
	font-size: 2rem;
	background: #fff;
	margin: 0;
}
.what-our-clients-say-text {
	background: #fff;
	margin: 0 auto;
	padding: 1% 10% 3% 10%;
}
.what-our-clients-say-text p{
	font-size: 12px;
	margin-bottom: 25px;
}
.what-our-clients-say strong {
	font-weight: 600;
	color: #545252;
}
.what-our-clients-say-text cite {
	font-style: normal;
	font-size: 13px;
}
p.has-very-dark-gray-color:not(:focus):first-letter {
    color: #ef1d26 !important;
	font-weight: 400 !important;
}
.musli > li {
	height: 250px !important;
	background: #4ed036 !important;
}
.musli > li > div{
	border: none !important;
}
#post-108 {
	margin: 0 auto;
	padding: 2em 15em 5em 15em;
	position: relative;
}
#post-108 .scroll-to-down {
	content: url('./images/down-arrow.png');
	position: absolute;
	right: 100px;
	top: 40px;
	cursor: pointer;
}
#post-108 div div.wp-block-media-text {
	margin-bottom: 5rem;
}
#post-108 div h1 span {
	color: #4ed036;
}
#post-108 div div h2 span {
	color: #4ed036;
}
#post-108 div h3 {
	color: #949698;
	margin: 5px 0;
}
#post-532 .scroll-to-down {
	content: url('./images/down-arrow.png');
	position: absolute;
	right: 100px;
	top: 40px;
	cursor: pointer;
}
#post-532 .scroll-to-top {
	content: url('./images/up-arrow.png');
	position: absolute;
	right: 100px;
	bottom: 40px;
	cursor: pointer;
}
.teknic-bottom {
	background: #000;
	color: #c6c3c3;
	margin: 0;
	padding: 1.5rem 0 1rem 0;
	font-size: 2em;
	font-weight: 100;
}
.teknic-bottom span{
	font-weight: 900;
	color: #4ed036;
}
.schedule-your-appointment-block figure {
	text-align: right;
}
.schedule-your-appointment-block figure img{
	width: 50%;
}
.mobile-contacts{
	display: none;
}
.mobile-welcome-block {
	display: none;
}
/* splash on load */
#splash {
	position: fixed;
	top: 0;
	left: 0;
	background: #231f20;
	height: 100%;
	width: 100%;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 1s;
}
#splash a{
	text-align: center;
}
#splash img{
	width: 70%;
}
#splash.fade {
	opacity: 0;
	display: none;
}
@media screen and (min-width: 1015px) { 
    #toggle {
        display:none;
    }
} 
/* Media Queries */
@media(max-width:1173px){
	header li, footer li {
		padding: 0 12px 0 12px;
	}
	header li a{
		font-size: 13px;
	}
	.why-we-are-better-choice::before{
		display:none;
	}
}
@media(max-width: 1014px){
  .header-logo-right{
    display:none;
  }
  header #branding,
  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  #boxes .box,
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }

  header{
    padding-bottom:20px;
  }

  #showcase h1{
    margin-top:40px;
	font-size: 3.5em;
  }

  #newsletter button, .quote button{
    display:block;
    width:100%;
  }

  #newsletter form input[type="email"], .quote input, .quote textarea{
    width:100%;
    margin-bottom:5px;
  }
  #popout {
    position: fixed;
    height: 100%;
    width: 250px;
    background: rgb(25, 25, 25);
    background: rgba(25, 25, 25, .9);
    color: white;
    top: 0px;
    left: -250px;
    overflow:hidden;
	z-index: 99999;
    }
    #popout nav{
        margin:0;
    }
	#toggle {
		float: right;
		position: fixed;
		top: 28px;
		right: 18px;
		width: 20px;
		height: 28px;
		z-index: 99999;
		/* background: green; */
		padding: 0 5px;
		border: 2px solid #35a747;
	}
	#toggle .line {
		width: 100%;
		height: 2px;
		background: #35a245;
		float: left;
		margin-bottom: 5px;
	}
	#toggle .line:first-child {
		margin-top: 6px;
	}
    .nav-menu li { 
		border-bottom:1px solid #eee; 
		padding:20px;
		width:100%;
		display: block;
		text-align: left;
    }
     
    .nav-menu li:hover { 
    background:#CCC;
    }
     
    .nav-menu li a { 
    color:#FFF;
    text-decoration:none;
    width:100%;
    }
	
	/*css to fix mobile layout*/
	header {
	position: static;
	background: #231f20;
	}
	header.fade-in {
	padding-bottom: 45px;
	}
	header .site-logo {
		width: 100%;
	}
	header .site-title {
		width: 100%;
		margin: 0;
	}
	#showcase{
		background:url('https://dev.softdevelopment.net/kings_motors/wp-content/uploads/2019/03/header-home-mobile.jpg') no-repeat;
		height:500px;
		background-size: cover;
		background-position: center;
		padding-top: 5%;
		padding-bottom: 3%;
	}
	.home #showcase .container{
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		overflow: inherit;
	}
	#showcase .container {
		position: relative;
		z-index: 3;
		padding-top: 0;
		width: 70%;
	}
	.home #showcase .container .right-block{
		order:1;
	}
	.home #showcase .container .left-block{
		order:2;
	}
	#showcase-two, #showcase-services{
		height: 350px;
	}
	#showcase .container .block-one {
		display: block;
	}
	#showcase .container .block-one h2 {
		font-size: 1.5em;
		line-height: 35px;
	}
	#showcase .container .block {
		/*min-height: 160px;*/
	}
	#showcase .container .block-three h3 {
		text-align: left;
		margin:0;
	}
	#showcase .container .inner-block {
		width: 100%;
	}
	#showcase .container .inner-block.left-block {
		margin-bottom: 1em;
	}
	#showcase .container .inner-block .container-inner {
		top: 0;
	}
	#showcase .container .block-two h2 {
		line-height: normal;
		font-size: 2.5rem;
	}
	.why-we-are-better-choice {
		font-size: 1.4rem;
		text-indent: 0;
	}
	#boxes{
		margin-top:0;
		background-position:0 0;
	}
	.kings-quote-block {
		padding: 5px 15px;
	}
	.three-blocks-layout .wp-block-column:first-child {
		margin-left: 0;
	}
	.home .wp-block-column {
		padding: 0 15px;
	}
	.offer-block .left-block {
		float: left;
		width: 100%;
	}
	.offer-block .right-block {
		width: 100%;
	}
	.offer-block .left-block h3::after {
		border-bottom: none;
		border-right: none;
	}
	.address-phone-hours .container > div {
		width: 100%;
		padding: 1.2rem 0;
	}
	.address-phone-hours #custom_html-2 .textwidget {
		margin-left: 0;
	}
	footer .left {
		width: 100%;
	}
	footer .right {
		width: 100%;
	}
	.contact-page-columns .left-contact-block {
		width: 70%;
		float: left;
		max-width: 400px;
		padding: 0 15%;
	}
	.contact-page-columns .right-contact-block{
		margin-left: 0;
		width: 80%;
		float: left;
		max-width: 400px;
		padding: 0 10%;
	}
	.contact-page-columns .right-contact-block p label span{
		float: left;
	}
	footer .center {
		display: none;
	}
}
@media(max-width: 768px){
	#post-108 {
		padding: 2em;
	}
	#post-108 div h1 {
		text-indent: 0 !important;
	}
}
@media(max-width: 480px){
	.mobile-contacts {
		display: flex;
		border-bottom: 1px solid #646664;
	}
	.mobile-contacts div {
		float: left;
		width: 100%;
	}
	.mobile-contacts a {
		float: left;
		width: 50%;
		text-align: center;
		background: #000;
		color: #fff;
		padding: 2em 0;
		text-transform: uppercase;
		font-weight: 600;
	}
	.mobile-contacts a:last-child {
		background: #35a747;
	}
	.mobile-welcome-block {
		display: block;
		color: #fff;
		margin: 0 auto;
		width: 76%;
		background: #000;
		padding: 10% 12%;
		font-weight: 600;
	}
	.home #showcase{
		height: 480px;
		min-height: 480px;
	}
	#showcase .container {
		width: 85%;
		padding-top: 10%;
	}
	#showcase h1 {
		font-size: 3em;
		letter-spacing: normal;
	}
	#showcase .container .block-two h2 {
		font-size: 2rem;
		line-height: 0.7;
		letter-spacing: -1px;
	}
	#showcase .container .block-three h3 {
		font-size: 0.8em;
		margin-top: 5px;
	}
	#showcase .container .inner-block .container-inner .owl-item img {
		height: 190px;
	}
	.home #boxes .container {
		width: 100%;
	}
	.home .wp-block-columns.has-5-columns.owl-carousel {
		width: 75%;
		margin: 0 auto;
	}
.why-we-are-better-choice {
	float:left;
	padding-top: 10em;
	padding-left: 35px;
	padding-right: 35px;
}
.why-we-are-better-choice span {
	text-align: left;
	float: left;
	font-size: 1.9em;
	line-height: 60px;
	font-weight: 300;
}
.why-we-are-better-choice .comp-name {
	font-weight: 800;
	font-size: 3em;
}
.why-we-are-better-choice::before {
	display:block;
	width: 100%;
	text-align: center;
	left:0;
}
.kings-quote-block {
	width: 90%;
	padding: 5px 5%;
	font-size: 1.5em;
	font-weight: 300;
}
.kings-quote-block .block-quotes {
	display: none;
}
.home .wp-block-columns.has-3-columns .wp-block-column {
	padding: 0 35px;
}
.home .wp-block-columns.has-3-columns .wp-block-image {
	width: 170px;
	height: 170px;
	margin: 0 auto;
}
.home .wp-block-columns.has-3-columns .wp-block-image img{
		width:100%;
		height: 100%;
	}
.home .wp-block-columns.has-3-columns .wp-block-column h3 {
	font-size: 2em;
}
.home .wp-block-columns.has-3-columns .wp-block-column p {
	font-size: 1.5em;
	font-weight: 300;
}
.offer-block .left-block {
	display: none;
}
.offer-block .right-block h3 {
	margin-top: 0;
}
.offer-block .right-block h3{
		float: left;
	}
.offer-block .right-block p {
	float: left;
	margin-top: 12px;
	font-size: 1.5em;
	font-weight: 300;
	color: #fff;
}
.phone-garth-txt-btm {
	padding: 2em 2em !important;
	margin: 0;
}
.offer-block .right-block h3 span {
	float: left;
	width: 100%;
	font-size: 1.9em;
	line-height: 45px;
	font-weight: 800;
}
.offer-block .right-block h3 span.white {
	color: #fff;
}
.schedule-your-appointment-block{
	display: inherit;
}
.schedule-your-appointment-block figure {
	float: left;
	width: 100%;
	text-align: center;
}
.teknic-bottom {
	padding: 1em 0;
	font-size: 2.5em;
	font-weight: 100;
}
.what-our-clients-say {
	padding: 0 10%;
}
#showcase-two, #showcase-services, #showcase-contact {
	height: 300px;
	min-height:300px;
}
.schedule-your-appointment-block {
	top: -20px;
}
.schedule-your-appointment-block .scroll-to-top {
	right: 30px;
}
/*About Page*/
#post-104 {
	padding: 0 5%;
}
#post-104 .scroll-to-down {
	display: none;
}
.container #post-104 .com-history {
	margin-top: 0;
}
.container #post-104 .about-top-para-50-per {
	width: 100%;
	margin: 15px 0% 0 0%;
}
.container #post-104 h2.about-kcm:first-child {
	padding-top: 0.5em;
}
.container #post-104 .about-top-para-50-per::before {
	display: none;
}
.why-we-are-better-choice.about {
	width: 90%;
	padding: 1% 5% 3% 5%;
	text-indent: 0;
	margin-top: 0;
}
.kings-quote-block.about {
	padding: 1% 5% 2% 5%;
	width: 90%;
}
.why-we-are-better-choice.about.first::after {
	display: none;
}
.services-area-cols .wp-block-column:first-child {
	margin-left: 0;
}
.services-area-cols {
	padding: 0 5%;
}
.why-we-are-better-choice.about.secend-abt {
	width: 90%;
	padding: 3% 5% 0 5%;
	text-indent: 0;
}
.wp-block-quote.kings-quote-block.secnd-kqb {
	padding: 1% 5% 4% 5%;
}
.wp-block-quote.kings-quote-block.secnd-kqb::before {
	display: none;
}
.mac-and-equip {
	width: 90%;
	padding: 2.5% 5% 0 5%;
	text-indent: 0;
}
.mac-and-equip::before {
	display: none;
}
.services-area-cols.mac-and-equip-blocks .wp-block-column:first-child {
	margin-left: 0;
}
.abt-our-team-heading {
	padding: 3% 5% 0 5%;
	text-indent: 0;
}
.abt-our-team-heading::before {
	display: none;
}
.wp-block-columns.has-3-columns.abt-our-team-members {
	background: #4ed036;
	padding: 1% 5% 5% 5%;
}
.wp-block-columns.has-3-columns.abt-our-team-members div:first-child {
	margin-left: 0;
}
.wp-block-columns.has-3-columns.abt-our-team-members .wp-block-spacer {
	display: none;
}
.abt-our-team-heading .scroll-to-top {
	top: 4em;
}
/*case study page*/
.container #post-532 h2#case-study-title {
	width: 80%;
	text-indent: 0;
	font-size: 1.5rem;
}
.container #post-532 .case-study-first-para, .container #post-532 h2 {
	width: 80%;
}
.container #post-532 .case-study-first-para::before {
	display: none;
}
#post-532 .scroll-to-down {
	display: none;
}
#post-532 .scroll-to-top {
	right: 25px;
	bottom: 20px;
}
/*Products and services*/
#post-108 .scroll-to-down {
	display: none;
}
#post-108 h1 {
	margin-top: 0;
}
.pages-all .container .page .services-p::after {
	left: -20px;
}
}
@media(max-width: 440px){
	.home #showcase{
		height: 490px;
		min-height: 490px;
	}
	#showcase .container .block-three h3 {
		font-size: 0.7em;
		margin-top: 12px;
	}
	header {
		min-height: 55px;
		padding-bottom: 15px;
	}
	header .site-logo {
		width: 265px !important
	}
	header .site-logo img {
		height: 55px;
	}
	header .container::before {
		left: -1.5em;
		bottom: -6.9em;
	}
	#showcase h1 {
		font-size: 2.3em;
	}
	#toggle {
		top: 28px;
	}
}