/*
 Theme Name:   Craftsman Tools
 Theme URI:    http://www.chillibyte.co.uk/
 Description:  Craftsman Tools theme
 Author:       Matthew Pont
 Author URI:   https://www.matthewpont.com/
 Template:     kickstart
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout
 Text Domain:  kickstart-child
*/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

body {
    font-family: 'Roboto', sans-serif;
}

p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
}

.sidebar-line {
    display: none;
}

.widget-area .widget-title {
    color: #000000 !important;
    text-align: left;
    font-size: 21px;
    font-style: italic;
    font-weight: 900 !important;
}

#footer-widget-area .widget-area .widget-title {
    text-align: center;
}

#default-widget-area .xoxo li .widget-title {
    padding-bottom: 0 !important;
}

#default-widget-area .xoxo li ul li a {
    color: #9D4C98;
}

.widget-title {
    padding: 0 0 25px !important;
}

#footer-widget-area .widget-area ul.xoxo li.widget-container ul li {
    border-bottom: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.widget-area ul.xoxo li.widget-container ul li:before {
    content: none !important;
}

#footer-wrapper a {
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.widget-area ul.xoxo li.widget-container ul li {
    padding: 0 !important;
}

#copyright {
    width: 100% !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 300;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display:block;
}

.customerlogin {
    background-color: #19171c;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 0 20px;
    font-size: 16px;
    position: relative;
}

.customerlogin img {
    position: absolute;
    top: 10px;
    right: 10px;
}

.widget_nav_menu ul {
    margin: 0;
    padding: 0;
}

.widget_nav_menu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.widget_nav_menu h2 {
    text-align: left;
}

.purplegradient {
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#893976+0,875d7c+100 */
    background: rgb(137,57,118); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(137,57,118,1) 0%, rgba(135,93,124,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(137,57,118,1) 0%,rgba(135,93,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(137,57,118,1) 0%,rgba(135,93,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#893976', endColorstr='#875d7c',GradientType=1 ); /* IE6-9 */
}

.greengradient {
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#338022+0,55ad3d+100 */
    background: rgb(51,128,34); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(51,128,34,1) 0%, rgba(85,173,61,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338022', endColorstr='#55ad3d',GradientType=1 ); /* IE6-9 */
}

.bluegradient {
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63a6ff+0,8cbdff+100 */
    background: rgb(99,166,255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(99,166,255,1) 0%, rgba(140,189,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a6ff', endColorstr='#8cbdff',GradientType=1 ); /* IE6-9 */
}

.yellowgradient {
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8c33+0,f7af41+100 */
    background: rgb(238,140,51); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(238,140,51,1) 0%, rgba(247,175,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8c33', endColorstr='#f7af41',GradientType=1 ); /* IE6-9 */
}

.greygradient {
    height: 20px;
    background-color: transparent;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d1d3+0,eaeced+100 */
    background: rgb(208,209,211); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(208,209,211,1) 0%, rgba(234,236,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(208,209,211,1) 0%,rgba(234,236,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(208,209,211,1) 0%,rgba(234,236,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d1d3', endColorstr='#eaeced',GradientType=1 ); /* IE6-9 */
}

.customerlogin a {
    color: #fff !important;
}

#header-wrapper #header-widget-area {
    bottom: 41px;
}

#text-3 {
    bottom: 15px;
    text-align: left !important;
    color: grey;
    font-size: 16px;
    padding-left: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.logos {
    margin-left: auto;
    margin-right: auto;
}

#footer-widget-area {
    padding-bottom: 0 !important;
}

.widget-easy-twitter-feed-widget-col {
    margin-top: -12px;
}

#header #logo {
    left: -85px !important;
}

#primary-main-menu li.header-search-toggle {
    border-left: none !important;
}

#primary-main-menu li {
    display: inline-block;
    float: none !important;
}

#primary-main-menu {
    text-align: left;
    width: auto;
    right: auto !important;
    left: 100px;
}

#primary-main-menu li a {
    color: #231f20 !important;
    text-transform: none !important;
    font-weight: normal !important;
    border-bottom: none !important;
    font-size: 15px;
}

#header #logo {
    bottom: 35px !important;
}

#header-wrapper {
    border-bottom: none !important;
}

.testimonial p {
    text-align: center;
    font-style: italic;
    font-size: 25px !important;
}

.wpb_singleimage_heading {
    color: #000000 !important;
    text-align: center;
    font-size: 32px;
    font-style: italic;
    font-weight: 900 !important;
}

h2 {
    color: #000000 !important;
    text-align: center;
    font-size: 32px !important;
    font-style: italic !important;
    font-weight: 900 !important;
}

#wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.wpb_revslider_element {
    margin-bottom: 0 !important;
}

.toolholding .wpb_wrapper {
    background-color: #f8a831;
}

.workholding .wpb_wrapper {
    background-color: #80bce4;
}

.supplychain .wpb_wrapper {
    background-color: #51a24b;
}

.toolholding h3, .workholding h3, .supplychain h3 {
    text-align: center;
    font-style: italic;
    color: #fff;
    font-weight: 900;
    font-size: 25px;
    padding-top: 20px;
}

.toolholding img, .workholding img, .supplychain img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
}

.toolholding img:hover, .workholding img:hover, .supplychain img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
}

.hesperiden.tparrows.tp-leftarrow:before {
    margin-left: 25px !important;
}

.hesperiden.tparrows.tp-rightarrow:before {
    margin-right: 25px !important;
}

.hesperiden.tparrows:before {
    font-size: 30px !important;
    line-height: 100px !important;
}

.hesperiden.tparrows {
    width: 100px !important;
    height: 100px !important;
    background: #58585a !important;
    background: rgba(88,88,90,0.5) !important;
}

#primary-main-menu li ul li a {
    background-color: #404041 !important;
    opacity: 1 !important;
    color: #fff !important;
    border: none !important;
}

#primary-main-menu li ul {
    margin-left: -50px !important;
    margin-top: -15px !important;
}

#primary-main-menu li#menu-item-54 ul {
    margin-left: 0px !important;
}

#primary-main-menu li#menu-item-33 ul {
    margin-left: -66px !important;
}

#primary-main-menu li#menu-item-31 ul {
    margin-left: -40px !important;
}

.sub-menu {
    position: relative;
    background: #404041;
}
.sub-menu:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(88, 88, 90, 0);
    border-bottom-color: #404041;
    border-width: 8px;
    margin-left: -8px;
}

.entry-content li {
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 10px;
}

.entry-content ul {
    margin-bottom: 10px;
}

#sidebar_right {
    width: 30%;
}

.search-results #wrapper #content_left, .blog #wrapper #content_left, .page-id-10 #wrapper #content_left {
    width: 67%;
}

.search-results h2, .blog h2, .page-id-10 h2 {
    text-align: left;
    font-size: 21px !important;
    margin-bottom: 5px !important;
}

.search-results .blog-layout-medium, .blog .blog-layout-medium, .page-id-10 .blog-layout-medium {
    width: 25%;
    padding-right: 0;
    float: left;
}

.postholder {
    float: left;
    width: 75%;
    margin-bottom: 20px;
}

.postholder .padding {
    padding-left: 20px;
}

.readmore {
    font-size: 13px !important;
    margin-top: 5px;
    text-decoration: underline;
}

.post, .search .portfolio {
    padding-bottom: 20px !important;
}

.blogslider #rev_slider_3_1_wrapper {
    border-bottom: 32px solid #C7C8CA;
}

.blogslider {
    margin-bottom: 64px;
}

#primary-main-menu > li.current-menu-item > a:after, #primary-main-menu > li.current-menu-ancestor > a:after, #primary-main-menu > li.current_page_parent > a:after {
    content: none !important;
}

h1 {
    font-weight: 900 !important;
    font-style: italic !important;
}

.testimonial {
    text-align: center;
    margin-bottom: 40px;
}

.orange h2 {
    background-color: #f38f35;
    color: #fff !important;
    font-size: 21px !important;
    padding: 20px 0;
}

#slidetitle h1 {
    color: #fff;
    font-size: 44px;
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #f7f7f7;
    padding: 0 !important;
}

.products {
    background-color: #FEF2E2;
}

.parent-pageid-52 .products {
    background-color: #55AD3D;
}

.parent-pageid-14 .products {
    background-color: #8CBDFF;
}

.products h4 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8c33+0,f7af41+100 */
    background: rgb(238,140,51); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(238,140,51,1) 0%, rgba(247,175,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8c33', endColorstr='#f7af41',GradientType=1 ); /* IE6-9 */
    color: #000 !important;
    text-align: center;
    padding: 5px 0;
}

.parent-pageid-52 .products h4 {
    background: rgb(51,128,34);
    background: -moz-linear-gradient(left, rgba(51,128,34,1) 0%, rgba(85,173,61,1) 100%);
    background: -webkit-linear-gradient(left, rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%);
    background: linear-gradient(to right, rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338022', endColorstr='#55ad3d',GradientType=1 );
}

.parent-pageid-14 .products h4 {
    background: rgb(99,166,255);
    background: -moz-linear-gradient(left, rgba(99,166,255,1) 0%, rgba(140,189,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%);
    background: linear-gradient(to right, rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a6ff', endColorstr='#8cbdff',GradientType=1 );
}

.products ul {
    margin-left: 0;
    padding-bottom: 20px;
}

.products ul li {
    list-style-type: none;
    margin-left: 30px;
}

#gform_wrapper_2, #gform_wrapper_3 {
    background-color: #FEF2E2;
    margin-right: 0;
    max-width: 100%;
}

#gform_wrapper_2 .gform_body, #gform_wrapper_3 .gform_body {
    padding: 20px;
}

#gform_wrapper_2 .gform_heading, #gform_wrapper_3 .gform_heading {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8c33+0,f7af41+100 */
    background: rgb(238,140,51); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(238,140,51,1) 0%, rgba(247,175,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8c33', endColorstr='#f7af41',GradientType=1 ); /* IE6-9 */
    color: #000 !important;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    margin: 0;
}

.parent-pageid-52 #gform_wrapper_2 .gform_heading, .parent-pageid-52 #gform_wrapper_3 .gform_heading {
    background: rgb(51,128,34);
    background: -moz-linear-gradient(left, rgba(51,128,34,1) 0%, rgba(85,173,61,1) 100%);
    background: -webkit-linear-gradient(left, rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%);
    background: linear-gradient(to right, rgba(51,128,34,1) 0%,rgba(85,173,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338022', endColorstr='#55ad3d',GradientType=1 );
}

.parent-pageid-52 #gform_wrapper_2, .parent-pageid-52 #gform_wrapper_3 {
    background-color: #55AD3D;
}

.parent-pageid-14 #gform_wrapper_2 .gform_heading, .parent-pageid-14 #gform_wrapper_3 .gform_heading {
    background: rgb(99,166,255);
    background: -moz-linear-gradient(left, rgba(99,166,255,1) 0%, rgba(140,189,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%);
    background: linear-gradient(to right, rgba(99,166,255,1) 0%,rgba(140,189,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a6ff', endColorstr='#8cbdff',GradientType=1 );
}

.parent-pageid-14 #gform_wrapper_2, .parent-pageid-14 #gform_wrapper_3 {
    background-color: #8CBDFF;
}

#gform_wrapper_2 .gform_heading h3.gform_title, #gform_wrapper_3 .gform_heading h3.gform_title {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 18px;
}

#gform_wrapper_2 .gform_footer, #gform_wrapper_3 .gform_footer {
    padding: 1em 0 .625em;
    margin: 1em 0 0;
    clear: both;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
}

#gform_wrapper_2 input[type="submit"], #gform_wrapper_3 input[type="submit"] {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8c33+0,f7af41+100 */
    background: rgb(238,140,51); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(238,140,51,1) 0%, rgba(247,175,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(238,140,51,1) 0%,rgba(247,175,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8c33', endColorstr='#f7af41',GradientType=1 ); /* IE6-9 */
    color: #000 !important;
    font-weight: normal;
    text-shadow: none;
    text-transform: none;
}

#primary-main-menu li ul li a {
    text-align: center;
}

.timeline-date {
    display: none;
}

.introtext p {
    font-size: 18px !important;
}

.yellowproducts a {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
}

.greyproduct {
    background-color: #a7a9ac;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.greyproduct p {
    text-align: center;
    font-size: 24px !important;
    font-style: italic;
}

.page-id-14 .greyproduct p {
    font-size: 16px !important;
}

.page-id-136 .products h4 {
    background: #d0d1d3;
    text-align: left;
    padding: 10px 20px;
    font-weight: bold;
}

.page-id-136 .products {
    background-color: #f1f1f1;
}

#gform_wrapper_2 .gform_heading, #gform_wrapper_3 .gform_heading {
    background: #808183 !important;
    font-weight: bold;
}

#gform_wrapper_2 .gform_heading h3, #gform_wrapper_3 .gform_heading h3 {
    color: #fff;
    text-transform: uppercase;
}

#gform_wrapper_2 input[type="submit"], #gform_wrapper_3 input[type="submit"] {
    background: #808183 !important;
    color: #fff;
}

#gform_wrapper_2, #gform_wrapper_3 {
    background-color: #d0d1d3 !important;
}

#gform_wrapper_2 .gform_body, #gform_wrapper_3 .gform_body {
    padding: 0 20px;
}

.capto li, .capto p {
    font-size: 22px !important;
}

.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    background-color: #808183 !important;
    color: #fff !important;
}

.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
    background-color: #e38a16 !important;
}

.page-id-136 .orange #gform_wrapper_2, .page-id-136 .orange #gform_wrapper_3 {
    background-color: transparent !important;
}

.page-id-136 .orange #gform_wrapper_2 input[type="submit"], .page-id-136 .orange #gform_wrapper_3 input[type="submit"] {
    color: #fff !important;
}

#gform_3 textarea.small {
    height: 15em;
}

h1 {
    color: #000000 !important;
    text-align: center;
    font-size: 32px !important;
    font-style: italic !important;
    font-weight: 900 !important;
}

#text-3 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.client-logo {
    top: 0 !important;
    left: 0;
}

.client-logout {
    margin-left: 100px;
}

.widget_recent_entries .widgettitle {
    display: none;
}

dt, dd {
    float: left;
    width: 50%;
    font-size: 18px;
}

dt {
    font-weight: bold;
}

.single-product h2 {
    text-align: left;
    font-style: normal !important;
    font-size: 25px !important;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*='col-'] {
  float: left;
}

[class*='col-'] {
  padding-right: 20px;
}

[class*='col-']:last-of-type {
  padding-right: 0;
}

.grid-pad {
  padding: 20px 0 20px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}

.page-id-339 [class*='col-'] {
  padding-right: 0;
}

.col-1-1 {
  width: 100%;
}
.col-1-2 {
  width: 50%;
}
.col-1-4 {
  width: 25%;
}
.col-1-8 {
  width: 12.5%;
}
.col-2-3 {
  width: 66.66%;
}
.col-1-3 {
  width: 33.33%;
}

.product-section {
    margin-bottom: 50px;
}

.product_stp, .product_pdf, .product_dxf {
    float: left;
}

.product_row .padding {
    padding: 20px;
}

.product_img {
    float: left;
    width: 20%;
}

.product_details {
    float: left;
    width: 80%;
}

.product_img .padding {
    padding: 0 20px;
}

.product_details .padding {
    padding: 20px 0;
}

.ui-group {
    float: left;
    width: 25%;
}

.page-template-page-productsnew2020 .ui-group {
    width: 50%;
}

.page-template-page-productsnew2020 .ui-group.searcholder {
    width: 100%;
}

.ui-group select {
    width: 100%;
    font-size: 18px;
}

.ui-group .padding {
    padding: 0 20px;
}

.ui-group h3 {
    font-size: 18px;
}

.single-product .greygradient {
    margin-bottom: 20px;
}

.product_details_link {
    text-decoration: underline;
    font-weight: bold;
    color: #893A76;
}

.product_row {
    border-top: 1px solid #9e9d9d;
    margin-bottom: 20px;
}

.recommended {
    border: 2px solid #88507A;
    background: #eee;
}

.recommendedflag {
    position: absolute;
    bottom: 0;
    right: 10px;
    background: #fff;
    display: block;
    font-size: 15px;
    padding: 5px 20px;
    border: 1px solid #88507A;
    border-bottom: none;
}

#quicksearch {
    width: 100%;
    margin-bottom: 10px;
}

.ui-group .padding {
    padding: 0 20px;
    padding-bottom: 20px;
}

.product_img img {
    border: 1px solid #88507a;
}

.resetfilter {
    float: right;
    margin-bottom: 20px;
}

ul.newsidebit {
    text-align: center;
    padding: 0 20px;
}

.products ul.newsidebit li {
    margin-left: 0;
    display: inline-block;
}

.productspurple a {
    background: #884378;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
}

@media only screen and (max-width: 1340px) and (min-width: 768px) {
    #header #logo {
        left: 0 !important;
        bottom: 62px !important;
    }
}

@media only screen and (max-width: 1171px) {
    #primary-main-menu li {
        padding: 0 5px 25px !important;
    }
}


@media only screen and (min-width: 1170px) {
    #copyright-container, #wrapper, #header {
        width: 1170px !important;
    }
}

@media only screen and (max-width: 1171px) and (min-width: 768px) {
    #search-2 {
        display: none;
    }

    #header-wrapper #header-widget-area {
        bottom: 75px;
    }

    .toolholding h3, .workholding h3, .supplychain h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 979px) and (min-width: 768px) {
    #header #logo {
        left: 0 !important;
        bottom: 15px !important;
    }

    .toolholding h3, .workholding h3, .supplychain h3 {
        font-size: 14px;
    }

    body .toggleMenu {
        width: 110px;
    }
}

@media only screen and (max-width: 979px) {
    #wrapper #content_full, #wrapper #content_right, #wrapper #content_left, .blog .blog-layout-medium, .postholder, .page-id-10 .blog-layout-medium {
        width: 100% !important;
    }

    .postholder .padding {
        padding-left: 0;
    }

    .product_img, .product_details, .col-1-2, .col-2-3, .col-1-3 {
        width: 100%;
    }

    .product_img .padding {
        padding: 0;
    }

    .toggleMenu span {
        height: 17px !important;
    }

    #primary-main-menu li {
        width: 100%;
    }

    #primary-main-menu li ul {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    #primary-main-menu li ul li a {
        text-align: left;
    }

    #menu-wrapper {
        height: 45px;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        margin: 0;
        border: none;
        z-index: 999;
    }

    .toggleMenu {
        width: 100% !important;
        border-radius: 0 !important;
    }

    #header #logo {
        display: block;
        position: static;
        text-align: center;
        width: 100%;
        margin: 0px;
        bottom: 0;
    }

    #header-wrapper #header-widget-area {
        margin-top: 55px !important;
        text-align: center;
    }

    #header-wrapper, #header-wrapper #header-widget-area {
        position: relative !important;
    }

    #header-wrapper #header-widget-area {
        bottom: 41px !important;
        text-align: center !important;
        width: 100% !important;
    }

    #header {
        width: 100% !important;
    }

    #header-wrapper #header-widget-area ul.xoxo {
        float: none !important;
        margin-top: 0px !important;
        display: inline-block;
    }

    #logo {
        position: static !important;
        display: block;
        text-align: center;
        width: 100%;
    }

    #header {
        position: static;
        padding-bottom: 35px;
        padding-top: 85px;
        height: auto !important;
    }

    .client-logout {
        margin-left: 50px;
    }

    #primary-main-menu {
        position: absolute;
        top: 32px !important;
        width: 100%;
        left: 0;
    }

    #primary-main-menu li#menu-item-31 ul {
        margin-left: 0 !important;
    }
}






.quote-start, a:hover, #footer-widget-area a:hover, .entry-utility a:hover, #primary-main-menu li ul li:hover > a, #primary-main-menu li ul > li.current-menu-item > a, #primary-main-menu li ul > li.current-menu-ancestor > a, #primary-main-menu li ul > li.current_page_parent > a, .wp-pagenavi a:hover, .wp-pagenavi span.current, .su-fancy-link:hover, ul.pf-filter li.active a, .su-tabs-nav span.su-tabs-current .su-tab-icon, .su-tabs-nav span:hover .su-tab-icon, .su-tabs .pane-wrapper .pane-title:hover .su-tab-icon, .su-tabs .pane-wrapper .pane-title.su-tabs-current .su-tab-icon, .su-spoiler-title .spoiler-button.spoiler-active, .su-spoiler-title:hover .spoiler-button, .widget_side_menu ul li.current-menu-item a, #copyright a:hover, #footer-menu a:hover, .person-title, .quote-author, .service-box i, .fp_carousel .jcarousel-prev:hover, .fp_carousel .jcarousel-next:hover, .tp-caption.kickstart_color{color:#88507A;} .su-button, .sidebar-line span, .background-block, .nivo-directionNav a:hover, .nivo-controlNav a.active, .latest-blog-entry .blog-entry-date span, .link-button a, .post-link, #wp-calendar #today, #footer-widget-area #wp-calendar tbody td#today, .skillbar, input[type="submit"], thead th, .tp-caption.kickstart_button, .tp-caption.kickstart_bgcolor, #header-search-wrapper{background-color:#88507A;} ul.pf-filter li.active, .su-pullquote-style-1, .wp-pagenavi a:hover, .wp-pagenavi span.current, .staff-wrapper img, #primary-main-menu > li:hover > a, #primary-main-menu li.search-active a{border-color:#88507A;} .su-callout {border-left-color:#88507A;} #primary-main-menu > li.current-menu-item a:after, #primary-main-menu > li.current-menu-ancestor a:after, #primary-main-menu > li.current_page_parent > a:after, #header-search-wrapper:before {border-bottom-color:#88507A;} .latest-works ul li .pf-title, .filterable-grid li a.pf-info, .filterable-grid li a.pf-zoom, .filterable-grid .pf-title, .fp_carousel li .fp_title{background-color:#88507A; background-color:rgba(136,80,122, 0.8);} .woocommerce div.product span.price,.woocommerce div.product p.price,.woocommerce #content div.product span.price,.woocommerce #content div.product p.price,.woocommerce-page div.product span.price,.woocommerce-page div.product p.price,.woocommerce-page #content div.product span.price,.woocommerce-page #content div.product p.price, .woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price, .woocommerce .cart-collaterals .cart_totals table .total th, .woocommerce .cart-collaterals .cart_totals table .total td, .woocommerce table.shop_table tfoot .total td,.woocommerce table.shop_table tfoot .total th {color:#88507A;} .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #content input.button,.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button,.woocommerce-page #respond input#submit,.woocommerce-page #content input.button, .woocommerce span.onsale,.woocommerce-page span.onsale, .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {background-color:#88507A;} body{ background-color:;background-image: url();background-repeat:;background-position:;background-attachment:;  } body { font-family:Roboto, sans-serif;font-weight:;letter-spacing:;text-transform:;color:#000;font-size:; } input[type='submit']{ font-family:Roboto, sans-serif; } #primary-main-menu { font-family:Roboto, sans-serif;font-weight:;letter-spacing:;text-transform:; } .page-title h1 { font-family:Roboto, sans-serif;font-weight:;letter-spacing:;text-transform:; } #default-widget-area .xoxo li .widget-title, #footer-widget-area .widget-area .widget-title { font-family:Roboto, sans-serif;font-weight:bold;letter-spacing:;text-transform:uppercase;   } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2.post-title, .su-tabs .su-tabs-nav span, .su-tabs .pane-title, .su_au_name, .su-pricing-title, .su-pricing-value, .post_slider .info h2, .recent_post_widget_title, .tp-caption.kickstart_heading { font-family:Roboto, sans-serif;font-weight:;letter-spacing:;text-transform:;    } .custom-font{ font-family:, sans-serif;font-weight:;letter-spacing:;text-transform:;  } body a, ul#filter a {color:#000;} .mnky-breadcrumbs, .mnky-breadcrumbs a{color:#ffffff;} ul#filter li.current a { color:#000;} h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .su-service-title, .su-tabs .su-tabs-nav span, .su-tabs .pane-title, .su_au_name, .heading-wrapper h6, .su-spoiler-title {color:#000;} h1{font-size:;} h2{font-size:;} h3{font-size:;} h4{font-size:;} h5{font-size:;} h6{font-size:;} #header-wrapper{ background-color:;background-image: url();background-repeat:;background-position:; } #title-wrapper{ background-color:;background-image: url();background-repeat:;background-position:;background-attachment:;border-color:#EBEBEB;    -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; } #header {height:183px;} #header #logo {margin-left:0; margin-bottom:-15px;} #primary-main-menu{font-size:;} #primary-main-menu li{padding-bottom:25px;} #primary-main-menu > li.current-menu-item, #primary-main-menu > li.current-menu-ancestor, #primary-main-menu > li.current_page_parent {padding-bottom:27px;}  #primary-main-menu li a{color:#292929; border-color:#e7e7e7;} #primary-main-menu li ul li a{background-color:#313131;} #primary-main-menu li ul li a{color:#bfbfbf;} #footer-wrapper {background-color:#e4e3e3;} #copyright-wrapper {background-color:#e4e3e3;} #footer-widget-area .widget-area .widget-title {color:#000000;} #footer-wrapper, #copyright {color:#000000;} #footer-wrapper a, #copyright a, #footer-menu a {color:#000000;} .page-title h1{color:#000;} .page-title h1 { text-shadow: none; background: none; } #header-wrapper #header-widget-area ul.xoxo{margin-top:25px;} #top-bar-wrapper{background-color:#E9E9E9;} #top-bar-wrapper #top-bar, #top-bar-wrapper #top-bar a{color:#8B8B8B;} #orbit-wrapper, #orbit-content{ height: 390px !important;} @media only screen and (min-width: 480px) and (max-width: 767px) { #orbit-wrapper, #orbit-content{height:181px !important;}   } @media only screen and (max-width: 479px) { #orbit-wrapper, #orbit-content{height:125px !important;}  } @media only screen and (min-width: 768px) and (max-width: 979px) { #orbit-wrapper, #orbit-content{height:289px !important;}   } .page-id-836 .products { background-color: #f1f1f1; } .page-id-836 #gform_wrapper_2 .gform_heading { background: #808183; font-weight: bold; } .page-id-836 #gform_wrapper_2 .gform_heading h3 { color: #fff; text-transform: uppercase; } .page-id-836 #gform_wrapper_2 input[type="submit"] { background: #808183; color: #fff; } .page-id-836 #gform_wrapper_2 { background-color: #d0d1d3; } .page-id-836 #gform_wrapper_2 .gform_body { padding: 0 20px; } .introtext p { font-size:16px!important; } .page-id-591 .orange #gform_wrapper_2 { background-color: transparent !important; } .page-id-591 .products h4 { background: #d0d1d3; } .page-id-591 .products { background: #f1f1f1; } .page-id-593 .products h4 { background: #d0d1d3; } .page-id-593 .products { background: #f1f1f1; } .page-id-595 .products h4 { background: #d0d1d3; } .page-id-595 .products { background: #f1f1f1; } .page-id-597 .products h4 { background: #d0d1d3; } .page-id-597 .products { background: #f1f1f1; } .page-id-600 .products h4 { background: #d0d1d3; } .page-id-600 .products { background: #f1f1f1; } .page-id-593 .products h4 { background: #d0d1d3; } .page-id-593 .products { background: #f1f1f1; } .page-id-593 #gform_wrapper_2 { background-color: #d0d1d3; } .page-id-593 .orange #gform_wrapper_2 { background-color: transparent !important; } .greengradient { height: 100px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63a6ff+0,8cbdff+100 */ background: rgb(99,166,255); /* Old browsers */ background: -moz-linear-gradient(left, #51a025 0%, #51a025 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #51a025 0%,#51a025 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #51a025 0%,#91a020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a6ff', endColorstr='#8cbdff',GradientType=1 ); /* IE6-9 */ } .wpsm-thead-default th { background-color: #893976!important; } .grow:hover img { -webkit-filter: hue-rotate(90deg); /* Chrome, Safari, Opera */ filter: hue-rotate(90deg); } .workholdingimagehover .wpb_wrapper { background-color: #ffffff; } .toolholding img, .workholdingimagehover img, .workholding img, .supplychain img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; } .toolholding img:hover, .workholding img:hover, .workholdingimagehover img:hover, .supplychain img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; } li br { line-height: 28px; } div.aps-social-icon-wrapper { padding-left: 53px; } #gallery a { text-decoration:none; } #gallery .item { width: 200px; height: 200px; overflow: hidden; float: left; border: 5px solid #333; margin: 5px; } #gallery .item a { overflow: hidden; } #gallery .item a img { height: 100%; align-self: center; } .lightbox { /** Hide the lightbox */ opacity: 0; /** Apply basic lightbox styling */ position: fixed; z-index: 9999; width: 100%; height: 100%; top: -100%; left: 0; color:#333333; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .lightbox:target { /** Show lightbox when it is target */ opacity: 1; outline: none; top: 0; } .lightbox .box { width: -webkit-min-content; width: -moz-min-content; width: min-content; min-width:500px; margin: 2% auto; padding:10px 20px 10px 20px; background-color:#FFF; box-shadow: 0px 1px 26px -3px #777777; } .lightbox .title { margin:0; padding:0 0 10px 0px; border-bottom:1px #ccc solid; font-size:22px; } .lightbox .content { display:block; position:relative; } .lightbox .close { display:block; float:right; text-decoration:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:22px; color:#858585; } .clear { display:block; clear:both; } .vc_responsive .home_box_wrap.wpb_row .vc_span2 { float: left; width: 18.8%; padding: 0; margin-right: 1.5%; min-height: 0; } .home_box_wrap .home_box_last { margin: 0 !important; }

span.nofilter {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 32px;
    font-size: 18px;
}


	/* NEW BY THOM */
.page.hentry .wpb_wrapper table {margin-top:20px; margin-bottom:20px; border-bottom: 1px solid #7c7c7c;}
.page.hentry .wpb_wrapper tr td {background-color:#d5e7f7; color: #111; line-height: 1.2em; border-top: 1px solid #7c7c7c;border-left: 1px solid #7c7c7c;padding: 6px;}
.page.hentry .wpb_wrapper tr:nth-child(1) td:nth-child(4) {width: 35% !important;}
.page.hentry .wpb_wrapper tr td:last-child {border-right: 1px solid #7c7c7c;}
.page.hentry .wpb_wrapper tr:nth-child(2n+1) td {background-color: #eaf3fa;}
.page.hentry .wpb_wrapper tr:nth-child(1) td {background-color:#62a9d6;}
.page.hentry .wpb_wrapper tr:nth-child(2) td {background-color:#79bde8;}
.page.hentry .wpb_wrapper tr:hover td {background-color: #c2d6e8;}
.page.hentry .wpb_wrapper tr:nth-child(2n+1):hover td {background-color: #c9d9e6;}
.page.hentry .wpb_wrapper tr:nth-child(1):hover td {background-color:#62a9d6;}
.page.hentry .wpb_wrapper tr:nth-child(2):hover td {background-color:#79bde8;}
.gform_wrapper .gf_step {margin: 10px 10px 5px 0 !important;}
.gform_wrapper .gf_page_steps {width: 95% !important;padding: 4px !important;border-bottom: 1px solid #ddd !important;background-color: #ddd! important;}
.formanchor-hold {position: fixed; bottom: 0; right: 20px; height: auto; width: 100%; text-align: center; }
.formanchor-max { position: relative; margin: auto; max-width: 1208px; text-align: right; }
.formanchor { background-color: #9b4c9b; color: #fff; font-size: 13px; font-weight: bold; padding: 10px 20px 10px 20px; vertical-align: middle; display: inline-block; cursor:pointer;  }

.page.page-id-598829 .hentry .wpb_wrapper table tr:nth-child(1) td:nth-child(4) {
    width: auto !important;
}

.page.page-id-598829 .hentry .wpb_wrapper tr:nth-child(2) td {
    background-color: #d5e7f7;
}