/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
     touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('clientlib-site/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('clientlib-site/css/fonts/slick.eot');
    src: url('clientlib-site/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-site/fonts/slick.woff') format('woff'), url('clientlib-site/fonts/slick.ttf') format('truetype'), url('clientlib-site/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900");
@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    line-height: 26px;
    color: #222
}

body.overflowHidden {
    overflow: hidden !important;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

img {
    max-width: 100%
}


.wrapper {
    width: 100%;
    float: left;
}

.container {
    width: 100%;
    max-width: 1440px;
    padding: 0 15px;
 	float: left; /*to be removed*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

.anim1 {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out
}

.anim2,
a,
.btn1,
.columnContainer .coloumnWrapper .imgWrap .playIcon,
.formField ul li .focusBorder,
header .subNav ul li a,
header .subNav .countryDropdownWrap .countryDropdown,
header .mainNav .navWrapper li a,
header .mainNav .navWrapper li a:after,
header .mainNav .navWrapper li .innerNav,
header .mainNav .searchWrap,
header .mainNav .searchPopup,
header .mainNav .searchPopup .searchPopupClose,
header .mainNav .searchPopup .focusBorder,
header #nav-icon2,
.topBannerWrap .slick-dots li,
.topBannerWrap .slick-dots li button,
.categoryWrap .container ul li img,
.categoryWrap .container ul li span,
.categoryWrap .container ul li span:after,
.productFinderForm,
.contactUs .queriesFeedback li,
.contactUs .queriesFeedback li span,
.contactUs .queriesFeedback li span [type="radio"]:checked+label:before,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label:before,
.contactUs .queriesFeedback li span [type="radio"]:checked+label:after,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label:after,
footer .footerWrapper ul li a,
footer .footerWrapper .socialLinks li a.facebook,
footer .footerWrapper .socialLinks li a.instagram,
footer .footerWrapper .socialLinks li a.youtube,
.groupofCompaniesAbout .columnWrap .contentWrap h3 a:after,
.areasUse .substrate .imageWrapper .imgList li abbr.topLine,
.areasUse .substrate .imageWrapper .imgList li abbr.rightLine,
.areasUse .substrate .imageWrapper .imgList li abbr.bottomLine,
.areasUse .substrate .imageWrapper .imgList li abbr.leftLine,
.areasUse .substrate .imageWrapper .innerList .slick-slide:after,
.featuresWrappper .featureWrap .colWrap abbr.topLine,
.featuresWrappper .featureWrap .colWrap abbr.rightLine,
.featuresWrappper .featureWrap .colWrap abbr.bottomLine,
.featuresWrappper .featureWrap .colWrap abbr.leftLine,
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_head .updownArrow,
.productListing .mainListing .listWrap .colWrap .imgWrap img,
.productListing .mainListing .listWrap .colWrap ul li abbr:after,
.videoPopupWrapper,
.videoPopupWrapper .popupVideo .closeVideo,
.thankyouWrapper,
.thankyouWrapper .innerContent .closeThankyou,
.searchResult form .searchBox,
.searchResult form .searchBox .focusBorder {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

a {
    color: #222;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    text-decoration: none
}

a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    color: #f2994a
}

h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 35px;
    line-height: 42px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

h3 {
    font-size: 20px;
    line-height: 26px;
    color: #222;
    font-weight: 700
}

h1 {
    font-size: 44px;
    line-height: 50px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase
}

.h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 35px;
    line-height: 42px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.h3 {
    font-size: 20px;
    line-height: 26px;
    color: #222;
    font-weight: 700
}

.h4 {
	font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: 700
}

.h5 {
	width: 100%;
    display: inline-block;
    text-align: center;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.h6{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.h1 {
    font-size: 44px;
    line-height: 50px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase
}

p {
    font-size: 18px;
    line-height: 26px
}

ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

ul li {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.btn1 {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#f2994a), color-stop(#f4a549), color-stop(#f4b048), color-stop(#f4bc49), to(#f2c84c));
    background-image: linear-gradient(to right top, #f2994a, #f4a549, #f4b048, #f4bc49, #f2c84c);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    width: 100%;
    max-width: 200px;
    padding: 15px 10px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #222
}

.btn1:hover {
    color: #222;
    border-radius: 50px
}

.btn1:focus {
    color: #222
}

.slick-initialized .slick-slide:focus {
    outline: 0
}

.slick-slider {
    margin: 0
}

.titleHeading {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px
}

.diamondShapeWrapper {
    text-align: center
}

.diamondShapeWrapper abbr {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #222;
    margin: 0 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative
}

.diamondShapeWrapper abbr.one:before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #222;
    position: absolute;
    top: 30px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    left: -50px
}

.diamondShapeWrapper abbr.three:after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #222;
    position: absolute;
    top: -20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    right: -50px
}

.contentUL li {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0
}

.contentUL li span {
    float: left;
    width: 150px;
    padding: 0 20px;
    position: relative
}

.contentUL li span:after {
    content: '';
    height: 6px;
    width: 6px;
    display: block;
    border: 2px solid #8a8a8a;
    border-left-width: 0;
    border-top-width: 0;
    -webkit-transform: rotate(-50deg) translateY(-50%);
    transform: rotate(-50deg) translateY(-50%);
    position: absolute;
    top: 10px;
    left: 0
}

.columnContainer .coloumnWrapper {
    margin: 0 0 80px;
    position: relative
}

.columnContainer .coloumnWrapper .imgWrap {
    width: 50%;
    float: left;
    position: relative;
    padding: 40px 0 0 40px;
    position: relative
}

.columnContainer .coloumnWrapper .imgWrap:after {
    content: '';
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0575e5), color-stop(#0a5eca), color-stop(#0a47af), color-stop(#073194), to(#021c7a));
    background-image: linear-gradient(to right top, #0575e5, #0a5eca, #0a47af, #073194, #021c7a);
    z-index: -1
}

.columnContainer .coloumnWrapper .imgWrap .caseStudy {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px;
    position: absolute;
    right: -70px;
    top: 80px;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 600
}

.columnContainer .coloumnWrapper .imgWrap .playIcon {
    width: 87px;
    height: 87px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -846px right -13px
}

.columnContainer .coloumnWrapper .imgWrap .playIcon:hover {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9)
}

.columnContainer .coloumnWrapper .imgWrap .btn1 {
    position: absolute;
    bottom: 20px;
    right: -100px;
    left: auto
}

.columnContainer .coloumnWrapper .contentWrap {
    width: 50%;
    float: left;
    padding: 0 0 0 150px
}

.columnContainer .coloumnWrapper .contentWrap h2 {
    max-width: 100%;
    position: relative;
    padding-right: 150px
}

.columnContainer .coloumnWrapper .contentWrap h2 .yellowLine {
    width: 400px;
    height: 1px;
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: -246px;
    background-color: #f2c34c
}

.columnContainer .coloumnWrapper .contentWrap h2 .yellowLine:before {
    content: '';
    width: 155px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    background-color: #f2c34c
}

.columnContainer .coloumnWrapper .contentWrap h3 {
    margin: 20px 0
}

.columnContainer .coloumnWrapper .contentWrap p {
    text-align: left;
    max-width: 100%;
    margin: 0 0 20px
}

.columnContainer .coloumnWrapper:last-child {
    margin: 0
}

.columnContainer .coloumnWrapper.secondColumn .imgWrap {
    float: right;
    padding: 40px 40px 0 0
}

.columnContainer .coloumnWrapper.secondColumn .imgWrap:after {
    content: '';
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0575e5), color-stop(#0a5eca), color-stop(#0a47af), color-stop(#073194), to(#021c7a));
    background-image: linear-gradient(to right top, #0575e5, #0a5eca, #0a47af, #073194, #021c7a);
    z-index: -1
}

.columnContainer .coloumnWrapper.secondColumn .imgWrap .caseStudy {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px;
    position: absolute;
    right: auto;
    left: -70px;
    top: 80px;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-weight: 600
}

.columnContainer .coloumnWrapper.secondColumn .imgWrap .btn1 {
    position: absolute;
    bottom: 20px;
    left: -100px;
    right: auto
}

.columnContainer .coloumnWrapper.secondColumn .contentWrap {
    float: left;
    padding: 0 150px 0 100px
}

.columnContainer .coloumnWrapper.secondColumn .contentWrap h2 {
    max-width: 100%;
    position: relative;
    padding-right: 0px
}

.columnContainer .coloumnWrapper.secondColumn .contentWrap h2 .yellowLine {
    width: 290px;
    height: 1px;
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: auto;
    left: -350px;
    background-color: #f2c34c
}

.columnContainer .coloumnWrapper.secondColumn .contentWrap h2 .yellowLine:before {
    content: '';
    width: 130px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: auto;
    right: 0;
    background-color: #f2c34c
}

.columnContainer .coloumnWrapper.secondColumn .contentWrap p {
    margin: 50px 0 0
}

select {
    background-color: #2c3e50;
    width: 100%;
    float: left;
    font-size: 15px;
    border: 0;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-family: "Source Serif Pro", serif;
    padding: 10px 20px 10px 10px;
    -webkit-appearance: none;
    -ms-expand: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -155px right -85px;
    cursor: pointer;
    border-radius: 0
}

select:focus {
    outline: 0
}

input[type="text"],
input[type="email"],
input[type="number"] {
    width: 100%;
    background-color: #FFF;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #222;
    color: #222;
    font-family: "Source Serif Pro", serif;
    font-size: 15px;
    line-height: 21px;
    -webkit-appearance: none;
    -ms-expand: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
    outline: 0
}

input[type="text"]::-webkit-input-placeholder {
    color: #222
}

input[type="text"]::-moz-placeholder {
    color: #222
}

input[type="text"]:-ms-input-placeholder {
    color: #222
}

input[type="text"]:-moz-placeholder {
    color: #222
}

input[type="email"]::-webkit-input-placeholder {
    color: #222
}

input[type="email"]::-moz-placeholder {
    color: #222
}

input[type="email"]:-ms-input-placeholder {
    color: #222
}

input[type="email"]:-moz-placeholder {
    color: #222
}

.formField {
    margin: 40px 0 0
}

.formField ul li {
    width: calc(33.33% - 25px);
    margin: 20px 10px;
  /*  float: none;*/
    display: inline-block;
    position: relative
}

.formField ul li select {
    background-color: #FFF;
    color: #222;
    border-bottom: 1px solid #222;
    background-position: top -243px right -85px
}

.formField ul li:nth-child(8),
.formField ul li:nth-child(9) {
    width: calc(100% - 25px)
}

.formField ul li:nth-child(9) {
    text-align: center;
    margin-bottom: 0
}

.formField ul li .errorMsg {
    color: #ff0000;
    font-size: 12px
}

.formField ul li .focusBorder {
    width: 0%;
    height: 2px;
    background-color: #f2994a;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.formField ul li.feedbackSelect {
    display: none
}

.formField.targetDiv {
    display: none
}

.formField.active {
    display: inline-block
}

.formField.secondFormAD ul li:nth-child(7),
.formField.secondFormAD ul li:nth-child(8) {
    width: calc(100% - 25px)
}

.formField.secondFormAD ul li:nth-child(8) {
    text-align: center;
    margin-bottom: 0
}

input[type="text"]:focus ~ .focusBorder,
input[type="email"]:focus ~ .focusBorder,
select:focus ~ .focusBorder {
    width: 101%
}

.marginTop80 {
    margin-top: 80px
}

.marginBottom80 {
    margin-bottom: 80px
}

.marginTopBottom80 {
    margin: 80px 0
}

.marginTop40 {
    margin-top: 40px
}

.marginBottom40 {
    margin-bottom: 40px
}

.marginTopBottom40 {
    margin: 40px 0
}

.slick-initialized .slick-slide {
    height: auto
}

.paintingColumn .colWrap {
    width: calc(34% - 14px);
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px
}

.paintingColumn .colWrap h2 {
    font-family: "Source Serif Pro", serif;
    font-size: 30px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-transform: none
}

.paintingColumn .colWrap p {
    max-width: 90%;
    display: inline-block;
    text-align: left;
    margin: 10px 0 20px
}

.paintingColumn .colWrap a {
    display: block
}

.paintingColumn .colWrap a span {
    display: inline-block;
    padding-right: 20px;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -1128px right -92px
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2)
}

header .subNav {
    padding: 4px 0;
    background-color: #d9d9d9;
    z-index: 1;
    position: relative
}

header .subNav ul {
    width: auto;
    float: right
}

header .subNav ul li {
    position: relative
}

header .subNav ul li:nth-child(2) {
    padding: 0 80px
}

header .subNav ul li:nth-child(2):before {
    content: '';
    width: 1px;
    height: 90%;
    background-color: #828282;
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

header .subNav ul li:nth-child(2):after {
    content: '';
    width: 1px;
    height: 90%;
    background-color: #828282;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

header .subNav ul li a {
    font-size: 13px;
    line-height: normal;
    font-family: "Source Serif Pro", serif
}

header .subNav ul li:hover a {
    color: #f2994a
}

header .subNav .countryDropdownWrap {
    width: auto;
    float: left;
    padding: 0 30px 0 0;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -250px right -85px;
    cursor: pointer;
    font-family: "Source Serif Pro", serif;
    font-size: 13px;
    position: relative
}

header .subNav .countryDropdownWrap .coountyName {
    display: inline-block;
    vertical-align: middle
}

header .subNav .countryDropdownWrap .coountyFlag {
    width: 20px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

header .subNav .countryDropdownWrap .countryDropdown {
    width: auto;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    padding: 5px;
    -ms-transform-origin: 50% 0 0;
    -ms-transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
    background-color: #FFF
}

header .subNav .countryDropdownWrap .countryDropdown li {
    width: 100%;
    padding: 0;
    padding: 5px
}

header .subNav .countryDropdownWrap .countryDropdown li a {
    color: #222;
    width: 100%;
    float: left
}

header .subNav .countryDropdownWrap .countryDropdown li:before {
    display: none
}

header .subNav .countryDropdownWrap .countryDropdown li:after {
    display: none
}

header .subNav .countryDropdownWrap .countryDropdown.active {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

header .mainNav {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px 0
}

header .mainNav .logoWrap {
    float: left;
    width: auto
}

header .mainNav .navWrapper {
    width: auto;
    float: right
}

header .mainNav .navWrapper li {
    padding: 0 20px;
    position: relative
}

header .mainNav .navWrapper li a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

header .mainNav .navWrapper li a:after {
    content: '';
    width: 0%;
    height: 4px;
    background-color: #f2994a;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

header .mainNav .navWrapper li:hover a,
header .mainNav .navWrapper li.active a {
    color: #f2994a
}

header .mainNav .navWrapper li:hover a:after,
header .mainNav .navWrapper li.active a:after {
    width: 100%
}

header .mainNav .navWrapper li .rightArrow {
    width: 10px;
    height: 20px;
    position: absolute;
    top: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: top -401px right -32px;
    display: none
}

header .mainNav .navWrapper li:first-child {
    padding-left: 0
}

header .mainNav .navWrapper li .innerNav {
    position: absolute;
    top: 53px;
    left: 0;
    width: 720px;
    padding: 50px;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
    transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    opacity: 0;
    background-color: #FFF
}

header .mainNav .navWrapper li .innerNav ul {
    float: left;
    width: 100%
}

header .mainNav .navWrapper li .innerNav ul li {
    padding: 10px 10px;
    width: 33.33%
}

header .mainNav .navWrapper li .innerNav ul li a {
    text-transform: none;
    color: #222
}

header .mainNav .navWrapper li .innerNav ul li a:after {
    display: none
}

header .mainNav .navWrapper li .innerNav ul li a:hover {
    color: #f2994a
}

header .mainNav .navWrapper li .innerNav.innerNavSmall {
    width: 100%;
    padding: 30px
}

header .mainNav .navWrapper li .innerNav.innerNavSmall ul {
    width: 100%
}

header .mainNav .navWrapper li .innerNav.innerNavSmall ul li {
    width: 100%
}

header .mainNav .navWrapper li:hover .innerNav {
    transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
}

header .mainNav .navWrapper li.greyPatch {
    display: none
}

header .mainNav .searchWrap {
    float: right;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    color: #838383;
    padding: 0 30px 0 24px;
    background-image: url("clientlib-site/images/sprite.png");
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top 6px right -82px;
    cursor: pointer;
    position: relative
}

header .mainNav .searchWrap:hover,
header .mainNav .searchWrap.active {
    color: #f2994a;
    background-position: top -36px right -82px
}

header .mainNav .searchWrap:after {
    content: '';
    width: 1px;
    height: 110%;
    background-color: #bfbfbf;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

header .mainNav .searchPopup {
    position: absolute;
    bottom: -156px;
    left: 0;
    width: 100%;
    background-color: #FFF;
    padding: 40px 50px 50px;
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
    -ms-transform-origin: 50% 0 0;
    -ms-transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
    background-color: #FFF
}

header .mainNav .searchPopup input[type="text"] {
    width: 95%;
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-right: 40px
}

header .mainNav .searchPopup .searchPopupClose {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 18px;
    cursor: pointer
}

header .mainNav .searchPopup .searchPopupClose:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

header .mainNav .searchPopup .searchPopupClose:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 0;
    border-top: 2px solid #f2994a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

header .mainNav .searchPopup .searchPopupClose:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 0;
    border-top: 2px solid #f2994a;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

header .mainNav .searchPopup .searchIcon {
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -709px right -78px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50px;
    right: 88px;
    cursor: pointer
}

header .mainNav .searchPopup.active {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

header .mainNav .searchPopup .focusBorder {
    width: 0;
    height: 2px;
    background-color: #f2994a;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

header #nav-icon2 {
    width: 28px;
    height: 20px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    float: right;
    display: none
}

header #nav-icon2 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: #222;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header #nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0
}

header #nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 0
}

header #nav-icon2 span:nth-child(1),
header #nav-icon2 span:nth-child(2) {
    top: 1px
}

header #nav-icon2 span:nth-child(3),
header #nav-icon2 span:nth-child(4) {
    top: 10px
}

header #nav-icon2 span:nth-child(5),
header #nav-icon2 span:nth-child(6) {
    top: 19px
}

header #nav-icon2.open span:nth-child(1),
header #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header #nav-icon2.open span:nth-child(2),
header #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 10px
}

header #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 10px
}

header #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

header #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0
}

header #nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 14px
}

header #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 14px
}

header #nav-icon2.open span {
    width: 20px
}

header .mainNav .searchPopup input[type="text"]:focus ~ .focusBorder {
    width: calc(100% - 165px)
}

.topBannerWrap {
    overflow: hidden
}

.topBannerWrap .slideWrap {
    overflow: hidden;
    position: relative
}

.topBannerWrap .slideWrap .imgWrapper {
    position: relative
}

.topBannerWrap .slideWrap .imgWrapper:after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 50%;
    border-bottom: solid 85px #fff;
    background: rgba(255, 255, 255, 0.01);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 250%;
    height: 194%;
    border-radius: 50%
}

.topBannerWrap .slideWrap .mobileImg {
    display: none
}

.topBannerWrap .slideWrap .overlapContent {
    width: 100%;
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.topBannerWrap .slideWrap .overlapContent .headingText1 {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    font-size: 55px;
    line-height: 60px
}

.topBannerWrap .slideWrap .overlapContent .headingText2 {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px
}

.topBannerWrap .slideWrap .overlapContent .btn1 {
    max-width: 250px;
    margin: 30px 0 0
}

.topBannerWrap .slideWrap .overlapContent.segmentBannerOne .headingText1 {
    color: #FFF;
    text-align: left
}

.topBannerWrap .slideWrap .overlapContent.segmentBannerOne .headingText2 {
    color: #FFF;
    text-align: left
}

.topBannerWrap .slick-dots {
    width: 100%;
    float: left;
    top: auto;
    right: auto;
    left: 0;
    bottom: 32%;
    text-align: center
}

.topBannerWrap .slick-dots li {
    float: none;
    display: inline-block;
    width: 12px;
    height: 12px
}

.topBannerWrap .slick-dots li button {
    width: 100%;
    height: 100%;
    background-color: #fcb901;
    border-radius: 50%
}

.topBannerWrap .slick-dots li button:before {
    display: none
}

.topBannerWrap .slick-dots li.slick-active,
.topBannerWrap .slick-dots li:hover {
    width: 50px
}

.topBannerWrap .slick-dots li.slick-active button,
.topBannerWrap .slick-dots li:hover button {
    background-color: #FFF;
    border-radius: 10px
}

.categoryWrap {
    position: absolute;
    left: 0;
    bottom: 40px;
    overflow: hidden
}

.categoryWrap .container {
    -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.5);
    padding: 0
}

.categoryWrap .container ul {
    padding: 40px 0 20px;
    background-color: #FFF
}

.categoryWrap .container ul li {
    width: calc(14% - 28px);
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer
}

.categoryWrap .container ul li img {
    display: block;
    margin: 0 auto 18px
}

.categoryWrap .container ul li span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    font-family: "Source Serif Pro", serif
}

.categoryWrap .container ul li span:after {
    content: '';
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    background-color: #f2994a;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.categoryWrap .container ul li.active img,
.categoryWrap .container ul li:hover img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.categoryWrap .container ul li.active span,
.categoryWrap .container ul li:hover span {
    color: #f2994a
}

.categoryWrap .container ul li.active span:after,
.categoryWrap .container ul li:hover span:after {
    width: 70%
}

.categoryWrap .container .productFinder {
    background-color: #2c3e50;
    padding: 10px;
    color: #FFF
}

.categoryWrap .container .productFinder abbr {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding: 15px 70px 15px 40px;
    float: left;
    font-weight: 400
}

.categoryWrap .container .productFinder p {
    width: auto;
    float: left;
    font-size: 16px;
    line-height: 22px;
    padding: 16px 0
}

.categoryWrap .container .productFinder .btn1 {
    float: right
}

.categoryWrap .container .productFinder .productFinderFormClose {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    line-height: 16px;
    float: right;
    text-transform: uppercase;
    color: #f2994a;
    margin: 20px 0;
    padding: 0 25px 0 0;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -803px right -88px;
    cursor: pointer;
    display: none
}

.categoryWrap.categoryDetails {
    overflow: visible
}

.categoryWrap.categoryDetails .mainDetails {
    background-color: #FFF;
    padding: 25px 0 15px;
    position: relative
}

.categoryWrap.categoryDetails .mainDetails .productCategoryImg {
    float: left;
    width: 200px;
    position: absolute;
    bottom: 20px;
    left: 40px
}

.categoryWrap.categoryDetails .mainDetails .categoryProductContent {
    width: 100%;
    max-width: 600px;
    float: left;
    margin: 0 0 0 250px
}

.categoryWrap.categoryDetails .mainDetails .categoryProductContent h1 {
    text-align: left
}

.categoryWrap.categoryDetails .mainDetails .categoryProductContent p {
    font-size: 20px;
    line-height: 26px;
    margin: 10px 0 0
}

.categoryWrap.categoryDetails .mainDetails .downloadSheet {
    width: 100%;
    max-width: 320px;
    float: right;
    margin-right: 20px
}

.categoryWrap.categoryDetails .mainDetails .downloadSheet .text {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    line-height: 26px;
    padding: 15px 0;
    border-bottom: 1px solid #959595;
    position: relative;
    padding-right: 60px
}

.categoryWrap.categoryDetails .mainDetails .downloadSheet .text:last-child {
    border: 0
}

.categoryWrap.categoryDetails .mainDetails .downloadSheet .text .downloadIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 45px;
    height: 35px;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#f2994a), color-stop(#f4a549), color-stop(#f4b048), color-stop(#f4bc49), to(#f2c84c));
    background-image: linear-gradient(to right top, #f2994a, #f4a549, #f4b048, #f4bc49, #f2c84c);
    cursor: pointer
}

.categoryWrap.categoryDetails .mainDetails .downloadSheet .text .downloadIcon:after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -1172px right -68px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.categoryWrap.specManual {
    bottom: -100px;
    z-index: 1
}

.categoryWrap.specManual .container {
    -webkit-box-shadow: none;
    box-shadow: none
}

.categoryWrap.specManual .container .h1 {
    text-align: left
}

.categoryWrap.specManual .container .specForm {
    -webkit-box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    margin: 10px 0 0;
    position: relative
}

.categoryWrap.specManual .container .specForm>div {
    width: 50%;
    float: left
}

.categoryWrap.specManual .container .specForm .formOne {
    margin: 0;
    padding: 40px 60px 60px
}

.categoryWrap.specManual .container .specForm .formOne form {
    width: 80%;
    float: left
}

.categoryWrap.specManual .container .specForm .formOne ul {
    padding: 0
}

.categoryWrap.specManual .container .specForm .formOne ul li {
    width: 100%;
    margin: 10px 0 0
}

.categoryWrap.specManual .container .specForm .formOne ul li:first-child {
    margin: 0
}

.categoryWrap.specManual .container .specForm .formOne ul li .errorMsg {
    text-align: left;
    display: block
}

.categoryWrap.specManual .container .specForm .formOne ul li .btn1 {
    font-family: "Source Sans Pro", sans-serif;
    float: left
}

.categoryWrap.specManual .container .specForm .formOne ul li .btn1 span {
    font-family: "Source Sans Pro", sans-serif
}

.categoryWrap.specManual .container .specForm .formOne ul li .btn1 span:after {
    display: none
}

.categoryWrap.specManual .container .specForm .formOne ul li .btn1:hover span {
    color: #222
}

.categoryWrap.specManual .container .specForm .formOne ul li:last-child {
    margin-top: 20px
}

.categoryWrap.specManual .container .specForm .formOne ul li:last-child:hover .btn1 span {
    color: #222
}

.categoryWrap.specManual .container .specForm .formTwo {
    margin: 0;
    padding: 60px 60px 86px;
    background-color: #f6f6f4;
    position: relative
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm {
    width: 80%;
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    position: relative;
    z-index: 2
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm .searchPopup {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    position: relative
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm .searchPopup input[type="text"] {
    width: 100%;
    display: inline-block;
    padding: 20px 40px 20px 10px;
    background-color: transparent;
    font-size: 24px
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm .searchPopup .searchIcon {
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -961px right -78px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 22px;
    right: 0px;
    cursor: pointer
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm:nth-child(2) {
    margin-top: 100px
}

.categoryWrap.specManual .container .specForm .formTwo .searchForm:nth-child(2):before {
    content: '';
    width: 110%;
    height: 1px;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 2px dashed #f2c94c
}

.categoryWrap.specManual .container .specForm .orText {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f2c94c;
    border-radius: 50%;
    z-index: 2
}

.categoryWrap.specManual .container .specForm .orText abbr {
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    line-height: 18px
}

.categoryWrap.specManual .container .specForm:after {
    content: '';
    width: 50%;
    height: 100%;
    background-color: #f6f6f4;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.categoryWrap.contactbannerContent .container {
    background-color: #FFF;
    padding: 20px 0;
    -webkit-box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3)
}

.categoryWrap.contactbannerContent p abbr {
    max-width: 560px;
    display: inline-block;
    text-align: center;
    margin: 20px auto 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative
}

.categoryWrap.contactbannerContent .officeAddressWrap {
    text-align: center;
    padding: 0 20px
}

.categoryWrap.contactbannerContent .officeAddressWrap .officeName {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px 0 0
}

.categoryWrap.contactbannerContent .officeAddressWrap .officeAddress {
    text-align: center;
    margin: 10px 0 20px
}

.categoryWrap.contactbannerContent .officeAddressWrap ul {
    width: 100%;
    max-width: 750px;
    float: none;
    display: inline-block;
    margin: 0px;
    padding: 0
}

.categoryWrap.contactbannerContent .officeAddressWrap ul li {
    font-size: 16px;
    line-height: 12px;
    width: auto
}

.categoryWrap.contactbannerContent .officeAddressWrap ul li:nth-child(2) {
    padding: 0 30px;
    margin: 0 30px;
    border-left: 1px solid #222;
    border-right: 1px solid #222
}

.categoryWrap.contactbannerContent .officeAddressWrap ul li a {
    font-size: 16px;
    line-height: 12px
}

.categoryWrap.productListingCat {
    bottom: -10px
}

.categoryWrap.productListingCat .container {
    background-color: #FFF;
    -webkit-box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 32px 0px rgba(0, 0, 0, 0.3);
    padding: 50px 60px;
    max-width: 1410px
}

.categoryWrap.productListingCat .container p {
    margin: 10px 0 0
}

.categoryWrap.productListingCat .container .h1 {
    text-align: left
}

.productFinderForm {
    position: absolute;
    bottom: -156px;
    left: 0;
    z-index: 1;
    -ms-transform-origin: 50% 0 0;
    -ms-transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
    overflow: hidden
}

.productFinderForm .container {
    background-color: #2c3e50;
    padding: 10px 10px
}

.productFinderForm .container:after {
    content: '';
    width: 240px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    background-image: url(clientlib-site/images/bigSearchIcon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    z-index: 1;
    display: none
}

.productFinderForm ul {
    padding: 0;
    background-color: transparent
}

.productFinderForm ul li {
    width: calc(25% - 36px);
    margin: 10px 0 10px 30px;
    float: none;
    display: inline-block;
    vertical-align: top
}

.productFinderForm ul li .errorMsg {
    color: #ff0000;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    text-transform: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 5px 0 0
}

.productFinderForm ul li:nth-child(5) {
    width: calc(100% - 36px)
}

.productFinderForm ul li:nth-child(5) {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.productFinderForm ul li:nth-child(5) .btn1 {
    float: none;
    display: inline-block
}

.productFinderForm ul li input[type="text"] {
    background-color: transparent;
    color: #FFF;
    border-bottom: 1px solid #FFF
}

.productFinderForm ul li input[type="text"]::-webkit-input-placeholder {
    color: #FFF
}

.productFinderForm ul li input[type="text"]::-moz-placeholder {
    color: #FFF
}

.productFinderForm ul li input[type="text"]:-ms-input-placeholder {
    color: #FFF
}

.productFinderForm ul li input[type="text"]:-moz-placeholder {
    color: #FFF
}

.productFinderForm.active {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.aboutUs {
    overflow: hidden
}

.aboutUs .h1 {
    max-width: 750px;
    margin: 40px auto
}

.aboutUs p {
    width: 100%;
    max-width: 1160px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.aboutUs .diamondShapeWrapper {
    margin-top: 60px;
    margin-bottom: 80px
}

.aboutUs .columnContainer .coloumnWrapper:last-child {
    margin-bottom: 20px
}

.locator {
    overflow: hidden
}

.locator .mapFrame {
    border: 1px solid #2c3e50;
    position: relative
}

.locator .mapFrame .locatorSearch {
    position: absolute;
    width: 100%;
    max-width: 460px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #2c3e50
}

.locator .mapFrame .locatorSearch .innerWrapper {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #FFF
}

.locator .mapFrame .locatorSearch .innerWrapper .title {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 20px;
    display: inline-block;
    width: 100%
}

.locator .mapFrame .locatorSearch .innerWrapper h3 {
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    width: 80%;
    font-weight: 400
}

.locator .mapFrame .locatorSearch .innerWrapper form {
    margin: 30px 0 0
}

.locator .mapFrame .locatorSearch .innerWrapper form select {
    margin: 0 0 20px
}

.locator .mapFrame .locatorSearch .innerWrapper form abbr {
    font-size: 15px;
    display: inline-block;
    padding: 0 40px 0 0;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -120px right -70px;
    cursor: pointer
}

.locator .mapFrame .locatorSearch .innerWrapper form .btn1 {
    display: block;
    margin: 30px 0 0
}

.locator .mapFrame .pinMarker {
    position: absolute;
    margin-left: 0;
    border-radius: 50%;
    border: 14px solid #2c3e50;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.locator .mapFrame .pinMarker::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    bottom: -49px;
    left: -12px;
    border: 18px solid transparent;
    border-top: 28px solid #2c3e50
}

.locator .mapFrame .addressBox {
    width: 270px;
    position: absolute;
    top: 50%;
    left: 35%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.2)
}

.locator .mapFrame .addressBox .LogoWrapper {
    width: 100%;
    float: left;
    background-color: #f6f2f2;
    padding: 10px;
    text-align: center
}

.locator .mapFrame .addressBox .LogoWrapper img {
    width: 110px
}

.locator .mapFrame .addressBox .innerWrapper {
    width: 100%;
    background-color: #FFF;
    padding: 25px 25px 60px
}

.locator .mapFrame .addressBox .innerWrapper .officeName {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px
}

.locator .mapFrame .addressBox .innerWrapper .officeAddress {
    font-size: 16px;
    line-height: 22px
}

.locator .mapFrame .addressBox .innerWrapper .contactNumber {
    padding: 0 0 0 25px;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -205px left 0px;
    margin: 20px 0 0;
    display: block
}

.locator .diamondShapeWrapper {
    margin: 80px 0
}

.contactUs {
    overflow: hidden
}

.contactUs p abbr {
    max-width: 100%;
    display: inline-block;
    text-align: center;
    margin: 30px auto 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative
}

.contactUs .officeAddressWrap {
    text-align: center
}

.contactUs .officeAddressWrap .officeName {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin: 35px 0 0
}

.contactUs .officeAddressWrap .officeAddress {
    text-align: center;
    margin: 10px 0
}

.contactUs .officeAddressWrap ul {
    width: 100%;
    max-width: 750px;
    float: none;
    display: inline-block;
    margin: 10px 0 60px
}

.contactUs .officeAddressWrap ul li {
    font-size: 16px;
    line-height: 12px
}

.contactUs .officeAddressWrap ul li:nth-child(2) {
    padding: 0 30px;
    margin: 0 30px;
    border-left: 1px solid #222;
    border-right: 1px solid #222
}

.contactUs .officeAddressWrap ul li a {
    font-size: 16px;
    line-height: 12px
}

.contactUs .queriesFeedback {
    text-align: center;
    width: 350px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.contactUs .queriesFeedback li span {
    opacity: 0.4
}

.contactUs .queriesFeedback li span [type="radio"]:checked,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

.contactUs .queriesFeedback li span [type="radio"]:checked+label,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 27px
}

.contactUs .queriesFeedback li span [type="radio"]:checked+label:before,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #222;
    border-radius: 100%;
    background: #fff
}

.contactUs .queriesFeedback li span [type="radio"]:checked+label:after,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #303030;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 100%
}

.contactUs .queriesFeedback li span [type="radio"]:checked+label:after,
.contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.contactUs .queriesFeedback li.active span,
.contactUs .queriesFeedback li:hover span {
    opacity: 1
}

.contactUs .queriesFeedback li.active [type="radio"]:checked+label:before,
.contactUs .queriesFeedback li.active [type="radio"]:not(:checked)+label:before,
.contactUs .queriesFeedback li:hover [type="radio"]:checked+label:before,
.contactUs .queriesFeedback li:hover [type="radio"]:not(:checked)+label:before {
    border: 1px solid #f3cb54
}

.contactUs .queriesFeedback li.active [type="radio"]:checked+label:after,
.contactUs .queriesFeedback li.active [type="radio"]:not(:checked)+label:after,
.contactUs .queriesFeedback li:hover [type="radio"]:checked+label:after,
.contactUs .queriesFeedback li:hover [type="radio"]:not(:checked)+label:after {
    background-color: #f3cb54
}

.contactUs .queriesFeedback li:last-child {
    float: right
}

.groupofcompanies {
    -ms-scroll-limit: 0 0 0 0;
    -ms-overflow: hidden
}

.groupofcompanies h2 {
    text-align: center;
    margin: 0 0 30px
}

.groupofcompanies .groupCompaniesLogo {
    padding: 30px 0;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2)
}

.groupofcompanies .groupCompaniesLogo ul li {
    width: calc(12% - 18px);
    float: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.groupofcompanies .groupCompaniesLogo ul li a {
    display: inline-block
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .groupofcompanies {
        overflow: hidden
    }
}

footer {
    overflow: hidden
}

footer .footerWrapper {
    background-color: #303030;
    padding: 35px 0;
    color: #FFF
}

footer .footerWrapper ul {
    width: calc(23% - 12px);
    display: inline-block;
    vertical-align: top;
    float: none
}

footer .footerWrapper ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

footer .footerWrapper ul li a {
    color: #FFF;
    width: 100%;
    float: left;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px
}

footer .footerWrapper ul li a strong {
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase
}

footer .footerWrapper ul li a:hover {
    color: #f2994a
}

footer .footerWrapper ul li a.boldText {
    margin: 0
}

footer .footerWrapper ul li ul {
    width: 100%
}

footer .footerWrapper ul li ul li {
    width: 100%
}

footer .footerWrapper ul:nth-child(4),
footer .footerWrapper ul:nth-child(5) {
    margin-top: 7px
}

footer .footerWrapper .socialLinks {
    width: 10%
}

footer .footerWrapper .socialLinks li {
    line-height: 10px
}

footer .footerWrapper .socialLinks li a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    float: right;
    text-align: right
}

footer .footerWrapper .socialLinks li a.facebook {
    background-position: top -349px right -70px
}

footer .footerWrapper .socialLinks li a.facebook:hover {
    background-position: top -409px right -70px
}

footer .footerWrapper .socialLinks li a.instagram {
    background-position: top -469px right -70px
}

footer .footerWrapper .socialLinks li a.instagram:hover {
    background-position: top -529px right -70px
}

footer .footerWrapper .socialLinks li a.youtube {
    background-position: top -589px right -70px
}

footer .footerWrapper .socialLinks li a.youtube:hover {
    background-position: top -649px right -70px
}

footer .copyrigthWrapper {
    padding: 20px 0;
    background-color: #000
}

footer .copyrigthWrapper .copRightText {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    width: auto;
    float: left
}

footer .copyrigthWrapper .copyLinks {
    width: 600px;
    float: right
}

footer .copyrigthWrapper .copyLinks li {
    width: auto;
    float: left;
    line-height: 18px
}

footer .copyrigthWrapper .copyLinks li a {
    color: #FFF;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 16px;
    border-left: 1px solid #7a7a7a
}

footer .copyrigthWrapper .copyLinks li a:hover {
    color: #f2994a
}

footer .copyrigthWrapper .copyLinks li:first-child a {
    border: 0
}

.plantspeopleWrap {
    text-align: center
}

.plantspeopleWrap h2 {
    margin-bottom: 80px
}

.plantspeopleWrap .marginTop80 {
    margin-top: 60px
}

.plantspeopleWrap .marginBottom80 {
    margin-bottom: 30px
}

.plantspeopleWrap .marginTopBottom80 {
    margin: 60px 0
}

.plantspeopleWrap .container {
    max-width: 1170px
}

.plantspeopleWrap .container .marginBottom30 {
    margin-bottom: 20px
}

.plantspeopleWrap .container .titleHeading {
    font-weight: 700
}

.plantspeopleWrap .container p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

.plantspeopleWrap .container .rdPlays ul li {
    width: 100%;
    margin: 20px 0 0
}

.plantspeopleWrap .container .rdPlays ul li span {
    font-family: "Source Serif Pro", serif;
    font-size: 16px
}

.groupofCompaniesAbout h2 {
    text-align: center;
    margin: 0 0 20px
}

.groupofCompaniesAbout h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

.groupofCompaniesAbout .marginTop60 {
    margin: 60px 0 0
}

.groupofCompaniesAbout .columnWrap .imgWrap {
    width: 100%;
    max-width: 400px;
    float: left;
    text-align: center;
    position: relative;
    text-align: left;
    padding: 0 0 0 100px
}

.groupofCompaniesAbout .columnWrap .imgWrap .yellowLine {
    width: 300px;
    height: 1px;
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: auto;
    left: -250px;
    background-color: #f2c34c
}

.groupofCompaniesAbout .columnWrap .imgWrap .yellowLine:before {
    content: '';
    width: 180px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: auto;
    right: 0;
    background-color: #f2c34c
}

.groupofCompaniesAbout .columnWrap .contentWrap {
    width: calc(100% - 400px);
    float: left;
    text-align: left
}

.groupofCompaniesAbout .columnWrap .contentWrap h3 a {
    font-weight: 600;
    position: relative;
    cursor: pointer
}

.groupofCompaniesAbout .columnWrap .contentWrap h3 a:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #222;
    position: absolute;
    bottom: 0;
    left: 0
}

.groupofCompaniesAbout .columnWrap .contentWrap h3 a:hover:after {
    background-color: #f2994a
}

.milestones {
    text-align: center;
    margin: 0 0 60px;
}

.milestones h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin: 60px 0 0
}

.milestones .timeLine {
    position: relative;
    margin: 60px 0 0;
    padding: 0 0 60px
}

.milestones .timeLine .columnWrap {
    position: relative;
    width: 50%;
    position: relative
}

.milestones .timeLine .columnWrap .number {
    font-size: 26px;
    font-weight: 700;
    display: block
}

.milestones .timeLine .columnWrap .content {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    max-width: 530px;
    display: inline-block
}

.milestones .timeLine .columnWrap.rightWrap {
    float: right;
    margin: 60px 0 0;
    text-align: left;
    padding-left: 50px
}

.milestones .timeLine .columnWrap.rightWrap:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #f2c34c;
    position: absolute;
    top: 0;
    left: -9px;
    border-radius: 50%
}

.milestones .timeLine .columnWrap.leftWrap {
    float: left;
    margin: 60px 0 0;
    text-align: right;
    padding-right: 50px
}

.milestones .timeLine .columnWrap.leftWrap .number {
    text-align: right
}

.milestones .timeLine .columnWrap.leftWrap:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #f2c34c;
    position: absolute;
    top: 0;
    right: -9px;
    border-radius: 50%
}

.milestones .timeLine:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    background-color: #f2c34c
}

.smallCopy .container {
    max-width: 800px
}

.smallCopy h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.smallCopy .diamondShapeWrapper {
    margin: 30px 0 0
}

.areasUse {
    overflow: hidden
}

.areasUse .titleHeading {
    margin: 0 0 30px
}

.areasUse h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center
}

.areasUse .substrate {
    background: linear-gradient(140deg, #d7d0d7 0%, #eaeaea 80%);
    margin: 140px 0 0;
    padding: 50px 0
}

.areasUse .substrate .imageWrapper {
    margin-top: -150px;
    background-color: #FFF;
    position: relative
}

.areasUse .substrate .imageWrapper .imgList {
    padding: 0 15px
}

.areasUse .substrate .imageWrapper .imgList li {
    width: calc(20% - 30px);
    margin: 40px 0 0;
    float: left;
    position: relative;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    padding: 0 15px
}

.areasUse .substrate .imageWrapper .imgList li span {
    color: #FFF;
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 2;
    line-height: normal;
    width: calc(100% - 80px)
}

.areasUse .substrate .imageWrapper .imgList li:after {
    content: "";
    width: calc(100% - 240px);
    height: 0px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 150px 45px #000;
    -webkit-box-shadow: 0 0 150px 45px #000;
    opacity: 0.4;
    z-index: 1
}

.areasUse .substrate .imageWrapper .imgList li abbr {
    background-color: #FFF;
    position: absolute
}

.areasUse .substrate .imageWrapper .imgList li abbr.topLine {
    width: 0;
    height: 2px;
    left: 24px;
    top: 10px
}

.areasUse .substrate .imageWrapper .imgList li abbr.rightLine {
    height: 0;
    width: 2px;
    right: 24px;
    top: 10px
}

.areasUse .substrate .imageWrapper .imgList li abbr.bottomLine {
    width: 0;
    height: 2px;
    right: 24px;
    bottom: 10px
}

.areasUse .substrate .imageWrapper .imgList li abbr.leftLine {
    height: 0;
    width: 2px;
    left: 24px;
    bottom: 10px
}

.areasUse .substrate .imageWrapper .imgList .slick-slide {
    position: relative
}

.areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.topLine,
.areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.topLine {
    width: calc(100% - 50px)
}

.areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.rightLine,
.areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.rightLine {
    height: calc(100% - 20px)
}

.areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.bottomLine,
.areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.bottomLine {
    width: calc(100% - 50px)
}

.areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.leftLine,
.areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.leftLine {
    height: calc(100% - 20px)
}

.areasUse .substrate .imageWrapper .bigImageList {
    line-height: 0;
    padding: 0 30px
}

.areasUse .substrate .imageWrapper .bigImageList li .bigImages {
    width: 100%;
    margin: 0 0px 40px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    padding: 40px 0 0
}

.areasUse .substrate .imageWrapper .bigImageList li .bigImages .nameTitle {
    color: #FFF;
    position: absolute;
    font-size: 40px;
    line-height: 30px;
    left: 60px;
    bottom: 40px;
    z-index: 2
}

.areasUse .substrate .imageWrapper .bigImageList li .bigImages:after {
    content: "";
    width: 100%;
    height: 0px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 150px 45px #000;
    -webkit-box-shadow: 0 0 150px 45px #000;
    opacity: 0.4;
    z-index: 1
}

.areasUse .substrate .imageWrapper .bigImageList li .bigImages:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #fff transparent;
    top: 20px;
    left: 20%;
    position: absolute;
    opacity: 0.1
}

.areasUse .substrate .imageWrapper .bigImageList li.slick-current {
    display: inline-block
}

.areasUse .substrate .imageWrapper .bigImageList .slick-prev,
.areasUse .substrate .imageWrapper .bigImageList .slick-next {
    display: none !important
}

.areasUse .substrate .imageWrapper .innerList {
    line-height: normal;
    width: 100%;
    margin: 0px
}

.areasUse .substrate .imageWrapper .innerList li {
    float: none;
    display: inline-block;
    margin: 0 0 40px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    padding: 0 20px
}

.areasUse .substrate .imageWrapper .innerList li abbr {
    width: 100%;
    display: inline-block;
    height: 46px;
    overflow: hidden
}

.areasUse .substrate .imageWrapper .innerList .slick-slide {
    position: relative
}

.areasUse .substrate .imageWrapper .innerList .slick-slide:after {
    content: '';
    background-color: #f2c34c;
    width: 0%;
    height: 5px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0px
}

.areasUse .substrate .imageWrapper .innerList .slick-slide.slick-current:after,
.areasUse .substrate .imageWrapper .innerList .slick-slide:hover:after {
    width: 90%
}

.areasUse .substrate .imageWrapper .innerList:after {
    content: '';
    width: calc(100% - 18px);
    height: 1px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    background-color: #f2c34c
}

.areasUse .substrate .imageWrapper:after {
    content: '';
    width: 100%;
    height: calc(100% - 100px);
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: -1
}

.areasUse .substrate .contentMainSlider .slick-prev,
.areasUse .substrate .contentMainSlider .slick-next {
    display: none !important
}

.areasUse .substrate .paintingSystem {
    margin: 30px 0 0
}

.areasUse .substrate .paintingSystem p {
    width: 100%;
    max-width: 980px;
    display: block;
    margin: 10px auto 0;
    text-align: center
}

.areasUse .substrate .paintingSystem .paintingColumn p {
    text-align: left;
    margin: 10px 0 20px
}

.featuresWrappper .container {
    max-width: 1440px
}

.featuresWrappper h3 {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto
}

.featuresWrappper .diamondShapeWrapper {
    margin: 80px 0 0
}

.featuresWrappper .featureWrap {
    text-align: center
}

.featuresWrappper .featureWrap .colWrap {
    width: 190px;
    height: 175px;
    background-color: #daeffd;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    margin: 80px 40px 0;
    position: relative
}

.featuresWrappper .featureWrap .colWrap .imageWrap {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 30px auto 0
}

.featuresWrappper .featureWrap .colWrap .imageWrap:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 70px 10px #fff;
    box-shadow: 0 0 70px 10px #fff;
    display: none
}

.featuresWrappper .featureWrap .colWrap strong {
    font-family: "Source Serif Pro", serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
    text-align: center
}

.featuresWrappper .featureWrap .colWrap abbr {
    background-color: #FFF;
    position: absolute
}

.featuresWrappper .featureWrap .colWrap abbr.topLine {
    width: 0;
    height: 2px;
    left: 10px;
    top: 10px
}

.featuresWrappper .featureWrap .colWrap abbr.rightLine {
    height: 0;
    width: 2px;
    right: 10px;
    top: 10px
}

.featuresWrappper .featureWrap .colWrap abbr.bottomLine {
    width: 0;
    height: 2px;
    right: 10px;
    bottom: 10px
}

.featuresWrappper .featureWrap .colWrap abbr.leftLine {
    height: 0;
    width: 2px;
    left: 10px;
    bottom: 10px
}

.featuresWrappper .featureWrap .colWrap:hover abbr.topLine {
    width: calc(100% - 20px)
}

.featuresWrappper .featureWrap .colWrap:hover abbr.rightLine {
    height: calc(100% - 20px)
}

.featuresWrappper .featureWrap .colWrap:hover abbr.bottomLine {
    width: calc(100% - 20px)
}

.featuresWrappper .featureWrap .colWrap:hover abbr.leftLine {
    height: calc(100% - 20px)
}

.finishesMatt {
    background: linear-gradient(128deg, #e8dee6 0%, #f9f9f9 80%);
    padding: 80px 0;
    font-family: "Source Sans Pro", sans-serif
}

.finishesMatt .volumeSolids {
    padding-left: 80px
}

.finishesMatt .volumeSolids li {
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
    position: relative
}

.finishesMatt .volumeSolids li span {
    text-transform: uppercase
}

.finishesMatt .volumeSolids li strong {
    font-weight: 700
}

.finishesMatt .volumeSolids li:last-child {
    margin: 0
}

.finishesMatt .applicationProcedure {
    font-family: "Source Sans Pro", sans-serif;
    padding-left: 80px
}

.finishesMatt .applicationProcedure h3 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative
}

.finishesMatt .applicationProcedure ul {
    margin: 40px 0 0
}

.finishesMatt .applicationProcedure ul li {
    width: 100%;
    margin: 0 0 20px
}

.finishesMatt .applicationProcedure ul li span {
    font-size: 16px;
    line-height: 22px;
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -81px left 20px;
    display: inline-block;
    width: 100%
}

.finishesMatt .applicationProcedure ul li span abbr {
    width: calc(100% - 60px);
    float: right;
    font-family: "Source Serif Pro", serif;
    font-size: 18px
}

.finishesMatt .applicationProcedure ul li:last-child {
    margin-bottom: 0
}

.finishesMatt .yellowLine {
    width: 240px;
    height: 1px;
    position: absolute;
    top: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: -326px;
    background-color: #f2c34c
}

.finishesMatt .yellowLine:before {
    content: '';
    width: 125px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    background-color: #f2c34c
}

.popularSystem {
    padding: 60px 0;
    background-color: #efefef
}

.otherSystem ul {
    text-align: center
}

.otherSystem ul li {
    width: calc(34% - 14px);
    float: none;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.otherSystem ul li .imgWrap {
    text-align: center;
    position: relative;
    width: 100%;
    display: inline-block
}

.otherSystem ul li .imgWrap img {
    display: inline-block
}

.otherSystem ul li .imgWrap:after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-color: #959595
}

.otherSystem ul li h3 {
    font-family: "Source Sans Pro", sans-serif;
    display: inline-block;
    margin: 35px 0 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.otherSystem ul li:last-child .imgWrap:after {
    display: none
}

.systemDescription {
    margin-top: 230px
}

.systemDescription .descriptionPatch {
    background-color: #2c3e50;
    padding: 25px 0
}

.systemDescription .descriptionPatch span {
    color: #FFF;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 40px;
    line-height: 40px;
    display: inline-block;
    font-weight: 600
}

.systemDescription .entireDescription {
    background-color: #f4f4f4;
    padding: 80px 0 130px
}

.systemDescription .entireDescription .imgWrap {
    float: right;
    width: 100%;
    max-width: 450px
}

.systemDescription .entireDescription .contentWrap {
    float: left;
    width: calc(100% - 450px)
}

.systemDescription .entireDescription .contentWrap .marginTop20 {
    margin: 20px 0 0
}

.systemDescription .entireDescription .contentWrap .marginTop60 {
    margin: 60px 0 0
}

.systemDescription .entireDescription .contentWrap h3 {
    font-size: 24px;
    margin: 40px 0 0
}

.systemDescription .entireDescription .contentWrap p {
    width: 88%;
    float: left;
    margin: 0 0 3px
}

.systemDescription .entireDescription .contentWrap h4 {
    font-size: 18px;
    width: 100%;
    float: left
}

.systemDescription .entireDescription .contentWrap .certificates h2 {
    margin: 0 0 30px
}

.systemDescription .entireDescription .contentWrap .certificates p {
    padding: 0 0 0 40px;
    position: relative
}

.systemDescription .entireDescription .contentWrap .certificates p:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #222
}

.systemDescription .entireDescription .contentWrap .certificates.areasApplication p {
    padding-left: 0;
    background-image: none
}

.systemDescription .entireDescription .contentWrap .certificates.areasApplication p:after {
    display: none
}

.caseStudyMain {
    margin: 180px 0 0
}

.caseStudyMain .h1 {
    margin: 0;
    max-width: 100%
}

.caseStudyMain .titleDropdown .titleHeading {
    float: left;
    width: auto
}

.caseStudyMain .titleDropdown form {
    width: 350px;
    float: right
}

.caseStudyMain .titleDropdown form select {
    background-color: #FFF;
    color: #222;
    border-bottom: 1px solid #222;
    background-position: top -243px right -85px;
    padding-right: 20px
}

.caseStudyMain .btn1 {
    display: none
}

.caseStudyMain .coloumnWrapper {
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out
}

.caseStudyMain .coloumnWrapper.aos-animate {
    opacity: 1
}

.aboutUs.caseStudyMain .columnContainer .coloumnWrapper:last-child {
    margin-bottom: 80px
}

.contactUsMainPage {
    margin-top: 100px
}

.secondForm p abbr {
    max-width: 700px;
    margin: 20px auto 0
}

.productListing {
    margin: 150px 0 80px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out
}

.productListing .container {
    position: unset;
    left: 0;
    -webkit-transform: none;
    transform: none;
    display: block;
    margin: 0 auto;
    float: none
}

.productListing .allBtnSearch {
    margin-bottom: 40px
}

.productListing .allBtnSearch .viewAll {
    width: 242px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 16px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #222;
    border-radius: 4px
}

.productListing .allBtnSearch .viewAll:hover {
    background-color: #f2994a;
    color: #FFF;
    border: 1px solid #f2994a
}

.productListing .allBtnSearch form {
    width: 315px;
    float: right
}

.productListing .allBtnSearch form .searchPopup {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    position: relative
}

.productListing .allBtnSearch form .searchPopup input[type="text"] {
    width: 100%;
    display: inline-block;
    padding: 10px 30px 10px 10px;
    background-color: transparent;
    font-size: 18px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300
}

.productListing .allBtnSearch form .searchPopup .searchIcon {
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: top -766px right -62px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 8px;
    right: 0px;
    cursor: pointer
}

.productListing .mainListing #sidebar {
    width: auto;
    float: left;
    width: 360px
}

.productListing .mainListing .filterWrap {
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0
}

.productListing .mainListing .filterWrap .titleText {
    font-size: 24px;
    line-height: 32px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300
}

.productListing .mainListing .filterWrap .titleText strong {
    font-weight: 600
}

.productListing .mainListing .filterWrap .titleText.desktopText {
    display: inline-block
}

.productListing .mainListing .filterWrap .titleText.mobileText {
    display: none;
    background-color: #FFF;
    padding: 20px 0
}

.productListing .mainListing .filterWrap .mainFilterWrap {
    width: 80%
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap {
    padding: 25px 0;
    border-bottom: 1px solid #c9c9c9
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_head {
    cursor: pointer;
    position: relative
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_head .updownArrow {
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -1272px right -90px;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_head .updownArrow.open {
    background-position: top -1308px right -90px
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    margin: 25px 0 0;
    display: inline-block
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li {
    width: 100%;
    margin: 0 0 10px
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li:last-child {
    margin: 0
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group input {
    display: none;
    cursor: pointer
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label {
    position: relative;
    cursor: pointer;
    padding-left: 20px
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #f2c84c;
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    top: -3px;
    left: -20px
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 2px;
    height: 8px;
    border: solid #222;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .plusminus {
    float: right
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap:last-child,
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap:nth-child(4) {
    border: 0
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap:last-child {
    padding: 0
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .resetText {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    color: #f2994a;
    cursor: pointer
}

.productListing .mainListing .filterWrap.filterfixed {
    position: fixed;
    top: 170px;
    left: 246px
}

.productListing .mainListing .filterWrap.textFixed {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2)
}

.productListing .mainListing .listWrap {
    width: calc(100% - 360px);
    float: right
}

.productListing .mainListing .listWrap .colWrap {
    width: calc(34% - 40px);
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 40px 15px 0
}

.productListing .mainListing .listWrap .colWrap .imgWrap {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 40px 0 30px;
    border: 1px solid #c2c2c2
}

.productListing .mainListing .listWrap .colWrap .imgWrap img {
    display: inline-block;
    max-width: 200px
}

.productListing .mainListing .listWrap .colWrap .productName {
    background-color: #2c3e50;
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    text-transform: none;
    font-weight: 300;
    padding: 15px 30px
}

.productListing .mainListing .listWrap .colWrap ul {
    margin: 10px 0 0
}

.productListing .mainListing .listWrap .colWrap ul li {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    position: relative
}

.productListing .mainListing .listWrap .colWrap ul li:last-child {
    padding-left: 40px
}

.productListing .mainListing .listWrap .colWrap ul li:last-child:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #222;
    position: absolute;
    top: 0;
    left: 20px
}

.productListing .mainListing .listWrap .colWrap ul li abbr {
    position: relative;
    cursor: pointer
}

.productListing .mainListing .listWrap .colWrap ul li abbr:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #f2994a;
    position: absolute;
    left: 0px;
    bottom: -8px
}

.productListing .mainListing .listWrap .colWrap ul li abbr:hover:after {
    width: 100%
}

.productListing .mainListing .listWrap .colWrap:hover .imgWrap img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.videoPopupWrapper {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.videoPopupWrapper.active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.videoPopupWrapper .popupVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 750px;
    max-height: 100%;
    height: 480px;
    padding: 10px 0 20px 0;
    background: rgba(0, 0, 0, 0.9)
}

.videoPopupWrapper .popupVideo .closeVideo {
    display: block;
    position: absolute;
    right: -32px;
    top: -4px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.videoPopupWrapper .popupVideo .closeVideo:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.videoPopupWrapper .popupVideo .closeVideo:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.videoPopupWrapper .popupVideo .closeVideo:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.videoPopupWrapper .popupVideo iframe {
    width: 100%;
    height: 100%
}

.thankyouWrapper {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.thankyouWrapper.active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.thankyouWrapper .innerContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 750px;
    padding: 50px;
    background-color: #FFF
}

.thankyouWrapper .innerContent h2 {
    width: 100%;
    float: left;
    text-align: center
}

.thankyouWrapper .innerContent p {
    width: 100%;
    float: left;
    font-family: "Source Sans Pro", sans-serif;
    text-align: center;
    margin: 20px 0 0
}

.thankyouWrapper .innerContent .closeThankyou {
    display: block;
    position: absolute;
    right: -32px;
    top: -4px;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.thankyouWrapper .innerContent .closeThankyou:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.thankyouWrapper .innerContent .closeThankyou:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.thankyouWrapper .innerContent .closeThankyou:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.thankyouWrapper .innerContent .failureContent {
    display: none
}

.searchResult {
    margin: 180px 0 80px
}

.searchResult h1 {
    text-align: left
}

.searchResult form .searchBox {
    position: relative;
    width: 100%;
    background-color: #FFF;
    width: 100%;
    max-width: 360px;
    float: left
}

.searchResult form .searchBox input[type="text"] {
    width: 100%;
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 40px 10px 10px
}

.searchResult form .searchBox .searchIcon {
    background-image: url(clientlib-site/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: top -962px right -78px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.searchResult form .searchBox .focusBorder {
    width: 0;
    height: 2px;
    background-color: #f2994a;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.searchResult form input[type="text"]:focus ~ .focusBorder,
.searchResult form input[type="email"]:focus ~ .focusBorder,
.searchResult form select:focus ~ .focusBorder {
    width: 100%
}

.searchResult ul li {
    width: 100%;
    margin: 30px 0 0;
    padding: 0 0 0 30px
}

.searchResult ul li strong {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
    position: relative
}

.searchResult ul li strong:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: -24px;
    background-color: #f2994a;
    border-radius: 50%
}

.searchResult ul li p {
    font-size: 14px;
    line-height: 21px
}

.searchResult ul li a {
    color: #f2994a;
    font-family: "Source Serif Pro", serif;
    font-size: 14px;
    line-height: 21px
}

.searchResult ul li:first-child {
    margin: 0
}
@media only screen and (max-width: 1660px) {
    .marginTop80 {
        margin-top: 40px
    }
    .marginBottom80 {
        margin-bottom: 40px
    }
    .marginTopBottom80 {
        margin: 40px 0
    }
    .marginTop40 {
        margin-top: 20px
    }
    .marginBottom40 {
        margin-bottom: 20px
    }
    .marginTopBottom40 {
        margin: 20px 0
    }
    .container,
    .categoryWrap.productListingCat .container {
        max-width: 90%
    }
    body,
    p,
    .areasUse h3,
    .finishesMatt .applicationProcedure ul li span,
    .plantspeopleWrap .container p {
        font-size: 14px;
        line-height: 22px
    }
    .h1,
    h1 {
        font-size: 38px;
        line-height: 42px
    }
    h2,
    .h2,
    .paintingColumn .colWrap h2 {
        font-size: 28px;
        line-height: 32px
    }
    h3,
    .h3,
    .milestones h3 {
        font-size: 14px;
        line-height: 22px
    }
    input[type="text"],
    input[type="email"],
    input[type="number"],
    select {
        padding: 5px 0
    }
    .btn1 {
        max-width: 160px;
        padding: 10px 10px;
        font-size: 14px;
        line-height: 20px
    }
    .categoryWrap {
        bottom: 0
    }
    .categoryWrap .container ul {
        padding: 20px 0
    }
    .categoryWrap .container .productFinder abbr {
        font-size: 20px;
        padding: 6px 50px 6px 20px
    }
    .categoryWrap .container .productFinder p {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0
    }
    .categoryWrap .container ul li {
        width: calc(14% - 26px)
    }
    .topBannerWrap .slideWrap .overlapContent .btn1 {
        max-width: 160px;
        margin: 15px 0 0
    }
    .topBannerWrap .slideWrap .overlapContent .headingText2,
    .topBannerWrap .slideWrap .overlapContent .headingText1 {
        font-size: 44px;
        line-height: 50px
    }
    header .mainNav .logoWrap {
        width: 120px
    }
    header .mainNav .navWrapper li {
        padding: 0 10px
    }
    header .mainNav .navWrapper li .innerNav {
        top: 48px;
        width: 600px;
        padding: 20px 30px
    }
    header .mainNav .searchPopup .searchIcon {
        background-size: 80px;
        background-position: top -567px right -62px;
        width: 18px;
        height: 18px;
        top: 36px;
        right: 50px
    }
    header .mainNav .searchPopup .searchPopupClose {
        top: 10px;
        right: 10px
    }
    header .mainNav .searchPopup {
        bottom: -117px;
        padding: 25px 20px 35px
    }
    header .mainNav .navWrapper li .innerNav ul li {
        padding: 6px 0
    }
    header .mainNav .navWrapper li a {
        font-size: 14px;
        line-height: 22px
    }
    header .mainNav .searchWrap {
        font-size: 14px;
        line-height: 22px;
        background-position: top 4px right -82px
    }
    .categoryWrap .container .productFinder .productFinderFormClose {
        margin: 12px 0;
        font-size: 14px;
        line-height: 12px;
        background-size: 80px;
        background-position: top -642px right -62px
    }
    .productFinderForm {
        bottom: -73px
    }
    .productFinderForm ul li {
        margin: 5px 0 5px 30px
    }
    .productFinderForm .container:after {
        width: 230px
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap p {
        margin: 20px 0 0
    }
    .contentUL li {
        margin: 5px 0;
        font-size: 14px;
        line-height: 22px
    }
    .columnContainer .coloumnWrapper .contentWrap h3 {
        margin: 10px 0
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap {
        padding: 0 80px 0 150px
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap h2 .yellowLine {
        left: -320px
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap h2 .yellowLine:before,
    .columnContainer .coloumnWrapper .contentWrap h2 .yellowLine:before {
        height: 3px;
        width: 100px
    }
    .columnContainer .coloumnWrapper .contentWrap h2 .yellowLine {
        right: -280px
    }
    footer .footerWrapper {
        padding: 15px 0
    }
    footer .footerWrapper ul li a {
        margin: 2px 0
    }
    footer .footerWrapper ul li a strong {
        margin: 10px 0
    }
    footer .copyrigthWrapper {
        padding: 10px 0
    }
    footer .footerWrapper .socialLinks li a {
        margin: 5px 0
    }
    .aboutUs .h1 {
        margin: 20px auto
    }
    .aboutUs .diamondShapeWrapper {
        margin: 30px 0 40px
    }
    .formField {
        margin: 20px 0 0
    }
    .columnContainer .coloumnWrapper .imgWrap .playIcon {
        width: 60px;
        height: 60px;
        background-size: 68px;
        background-position: top -575px right -9px
    }
    .columnContainer .coloumnWrapper .imgWrap .btn1 {
        right: -80px
    }
    .columnContainer .coloumnWrapper.secondColumn .imgWrap .btn1 {
        left: -80px
    }
    .groupofCompaniesAbout .container {
        width: 80%
    }
    .groupofCompaniesAbout .columnWrap .imgWrap img {
        max-width: 150px
    }
    .groupofCompaniesAbout .columnWrap .imgWrap {
        max-width: 350px;
        padding-left: 150px
    }
    .groupofCompaniesAbout .columnWrap .imgWrap .yellowLine {
        left: -200px
    }
    .groupofCompaniesAbout .columnWrap .imgWrap .yellowLine:before {
        width: 130px;
        height: 3px
    }
    .groupofCompaniesAbout h3,
    .plantspeopleWrap .container h3 {
        font-size: 14px;
        line-height: 22px
    }
    .milestones .columnWrap .content {
        font-size: 16px
    }
    .milestones .columnWrap .number {
        font-size: 20px;
        line-height: 22px
    }
    .plantspeopleWrap .marginTopBottom80 {
        margin: 40px 0
    }
    .plantspeopleWrap .marginBottom80 {
        margin-bottom: 20px
    }
    .plantspeopleWrap .marginTop80 {
        margin-top: 40px
    }
    .plantspeopleWrap {
        margin-top: 0
    }
    .topBannerWrap .slideWrap .imgWrapper:after {
        height: 240%
    }
    .smallCopy h3 {
        font-size: 14px;
        line-height: 22px
    }
    .plantspeopleWrap .container .rdPlays ul li span {
        font-size: 14px;
        line-height: 22px
    }
    .milestones .rightWrapper .columnWrap {
        margin: 70px 0 0
    }
    .milestones .leftWrapper .columnWrap {
        margin: 100px 0 0
    }
    .groupofCompaniesAbout .marginTop60 {
        margin: 40px 0 0
    }
    .groupofCompaniesAbout h2 {
        margin: 0
    }
    .milestones .timeLine .columnWrap .content {
        font-size: 16px;
        line-height: 22px;
        max-width: 400px
    }
    .milestones .timeLine .columnWrap .number {
        font-size: 20px
    }
    .milestones .timeLine {
        margin: 40px 0 0;
        padding: 0 0 40px
    }
    .areasUse .substrate .imageWrapper .bigImageList li .bigImages .nameTitle {
        font-size: 30px;
        line-height: 22px;
        left: 30px;
        bottom: 30px
    }
    .areasUse .substrate .imageWrapper .innerList li abbr {
        height: 36px
    }
    .areasUse .substrate .imageWrapper .innerList li:after {
        height: 10px
    }
    .caseStudyMain {
        margin-top: 160px
    }
    .categoryWrap.specManual .container .specForm .formTwo {
        padding: 40px 60px 54px
    }
    .systemDescription .descriptionPatch span {
        font-size: 30px;
        line-height: 30px
    }
    .systemDescription .entireDescription {
        padding: 40px 0 80px
    }
    .systemDescription .entireDescription .contentWrap h3 {
        font-size: 20px;
        line-height: 26px
    }
    .systemDescription .entireDescription .contentWrap h4 {
        font-size: 14px;
        line-height: 20px
    }
    .systemDescription .entireDescription .contentWrap .marginTop20 {
        margin: 12px 0 0
    }
    .contactUs .officeAddressWrap .officeName,
    .categoryWrap.contactbannerContent .officeAddressWrap .officeName {
        font-size: 28px;
        line-height: 36px
    }
    .categoryWrap.categoryDetails .mainDetails .categoryProductContent p {
        font-size: 14px;
        line-height: 22px
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet .text .downloadIcon:after {
        background-position: top -1172px right -65px
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet .text {
        font-size: 14px;
        line-height: 22px
    }
    .finishesMatt .volumeSolids li,
    .finishesMatt .applicationProcedure h3 {
        font-size: 20px;
        line-height: 26px
    }
    .finishesMatt .volumeSolids,
    .finishesMatt .applicationProcedure {
        padding-left: 120px
    }
    .finishesMatt .volumeSolids li {
        margin: 0 0 14px
    }
    .finishesMatt .applicationProcedure ul {
        margin: 20px 0 0
    }
    .finishesMatt .applicationProcedure ul li {
        margin: 0 0 10px
    }
    .finishesMatt .yellowLine {
        left: -300px
    }
    .finishesMatt .yellowLine:before {
        width: 70px;
        height: 3px
    }
    .systemDescription .entireDescription .imgWrap {
        max-width: 300px
    }
    .systemDescription .entireDescription .contentWrap {
        width: calc(100% - 300px)
    }
    .productListing .mainListing #sidebar {
        width: 250px
    }
    .productListing .mainListing .listWrap {
        width: calc(100% - 250px)
    }
    .productListing .mainListing .listWrap .colWrap ul li {
        font-size: 14px;
        line-height: 14px
    }
    header .mainNav .searchPopup .focusBorder {
        bottom: 35px
    }
    header .mainNav .searchPopup input[type="text"]:focus ~ .focusBorder {
        width: calc(100% - 98px)
    }
    input[type="text"]:focus ~ .focusBorder,
    input[type="email"]:focus ~ .focusBorder,
    select:focus ~ .focusBorder {
        width: 100%
    }
    .formField ul li .focusBorder {
        bottom: 22px
    }
    .aboutUs.caseStudyMain .columnContainer .coloumnWrapper:last-child {
        margin-bottom: 40px
    }
    .featuresWrappper .diamondShapeWrapper {
        margin: 40px 0 0
    }
    .featuresWrappper .featureWrap .colWrap {
        margin: 40px 20px 0
    }
    .finishesMatt,
    .popularSystem {
        padding: 40px 0
    }
    .systemDescription .descriptionPatch span {
        font-size: 28px;
        line-height: 28px
    }
    .productListing {
        margin: 80px 0 60px
    }
    .productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group input:checked+label::after {
        top: 3px
    }
    .productListing .allBtnSearch {
        margin-bottom: 0
    }
    .areasUse .substrate .imageWrapper .imgList {
        padding: 0
    }
    .areasUse .substrate .imageWrapper .bigImageList {
        padding: 0 17px
    }
    .areasUse .substrate .imageWrapper .innerList {
        margin: 0;
        width: 100%
    }
    .areasUse .substrate .imageWrapper .innerList li {
        padding: 0 20px
    }
    .areasUse .substrate .imageWrapper .innerList li abbr {
        width: 100%
    }
    .areasUse .substrate .imageWrapper .innerList li.slick-current:after,
    .areasUse .substrate .imageWrapper .innerList li:hover:after {
        width: 80%
    }
    .paintingColumn .colWrap a span {
        background-position: top -1130px right -92px
    }
    .plantspeopleWrap h2 {
        margin-bottom: 40px
    }
    .milestones h3 {
        margin: 40px 0 0
    }
    .searchResult ul li strong {
        font-size: 16px;
        line-height: 22px
    }
    .caseStudyMain .h1 {
        margin: 0 0 40px 0
    }
    .finishesMatt .applicationProcedure ul li span abbr {
        font-size: 14px;
        line-height: 21px
    }
    .productListing .mainListing .listWrap .colWrap ul li abbr a {
        font-size: 14px
    }
    .productListing .mainListing .filterWrap .mainFilterWrap .colWrap {
        padding: 10px 0
    }
    .productListing .mainListing .filterWrap .titleText {
        font-size: 18px;
        line-height: 24px
    }
    .productListing .mainListing .filterWrap.filterfixed {
        top: 100px;
        left: 86px
    }
    .systemDescription .entireDescription .container,
    .categoryWrap.specManual .container {
        max-width: 80%
    }
    .contactUs .officeAddressWrap ul li,
    .categoryWrap.contactbannerContent .officeAddressWrap ul li,
    .contactUs .officeAddressWrap ul li a {
        font-size: 14px
    }
    .categoryWrap.specManual {
        bottom: -180px
    }
}

@media only screen and (max-width: 1280px) {
    .topBannerWrap {
        position: relative
    }
    .slick-initialized .slick-slide {
        height: auto
    }
    .container,
    .groupofCompaniesAbout .container,
    .systemDescription .entireDescription .container,
    .categoryWrap.specManual .container {
        max-width: 98%;
        width: 100%
    }
    .topBannerWrap .slideWrap .desktopImg {
        -ms-clip-path: none;
        -moz-clip-path: none;
        -webkit-clip-path: none;
        clip-path: none
    }
    .categoryWrap .container {
        padding: 0 15px
    }
    .productFinderForm {
        margin: 0 15px;
        max-width: calc(100% - 30px);
        padding: 0
    }
    .topBannerWrap .slideWrap .imgWrapper:after {
        display: none
    }
    .areasUse .substrate .imageWrapper {
        max-width: calc(100% - 30px)
    }
    .contactUsMainPage {
        margin-top: 40px
    }
    .categoryWrap.contactbannerContent .container,
    .categoryWrap .container {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .finishesMatt .volumeSolids,
    .finishesMatt .applicationProcedure {
        padding-left: 200px
    }
    .categoryWrap {
        position: relative;
        bottom: auto;
        top: -40px
    }
    .categoryWrap .container .productFinder abbr {
        padding: 0;
        display: block;
        width: 100%;
        float: left
    }
    .categoryWrap .container .productFinder p {
        padding: 10px 0;
        display: block;
        width: 100%;
        float: left
    }
    .categoryWrap .container .productFinder .btn1 {
        float: left
    }
    .categoryWrap .container .productFinder {
        padding: 20px
    }
    .categoryWrap .container .productFinder .productFinderFormClose {
        float: left;
        margin: 10px 0 18px
    }
    .productFinderForm ul li:nth-child(5) {
        width: calc(100% - 20px)
    }
    .productFinderForm ul li {
        margin: 5px 10px;
        width: calc(25% - 23px)
    }
    .productFinderForm .container {
        padding: 10px
    }
    .productFinderForm {
        position: relative;
        bottom: 40px;
        display: none
    }
    .productFinderForm.active {
        display: inline-block
    }
    .productFinderForm .container:after {
        display: none
    }
    .productFinderForm {
        bottom: 40px
    }
    .systemDescription {
        margin-top: 0
    }
    .categoryWrap.specManual .container .specForm {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)
    }
    .categoryWrap.specManual .container .titleHeading {
        color: #fff;
        text-shadow: 0px 2px 0px #000
    }
    .categoryWrap.specManual .container .specForm .formOne form,
    .categoryWrap.specManual .container .specForm .formTwo .searchForm {
        width: 100%
    }
    .categoryWrap.productListingCat .container {
        max-width: calc(100% - 30px);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)
    }
    .productListing {
        margin: 0 0 60px
    }
    .categoryWrap.productListingCat .container {
        padding: 30px 30px 40px
    }
    .topBannerWrap .slick-dots {
        bottom: 100px
    }
    .productListing .mainListing .filterWrap .mainFilterWrap {
        width: 90%
    }
    .productListing .mainListing .listWrap .colWrap {
        width: calc(50% - 40px)
    }
    .productListing .mainListing .listWrap {
        width: calc(100% - 350px)
    }
    .productListing .mainListing #sidebar {
        width: 350px
    }
    .areasUse .substrate .imageWrapper .innerList:after {
        display: none
    }
    .productListing .mainListing .filterWrap.filterfixed {
        top: 100px;
        left: 86px
    }
    .categoryWrap.categoryDetails.specManual {
        bottom: auto;
        top: -100px
    }
    .systemDescription {
        margin-top: -50px
    }
}

@media only screen and (max-width: 1170px) {
    .container,
    .groupofCompaniesAbout .container,
    .systemDescription .entireDescription .container,
    .categoryWrap.specManual .container {
        max-width: 100%;
        width: 100%
    }
    .slick-initialized .slick-slide {
        height: auto
    }
    header #nav-icon2 {
        display: inline-block
    }
    header .mainNav .searchWrap {
        width: 22px;
        height: 22px;
        padding: 0;
        background-position: top -962px right -79px;
        margin-right: 20px
    }
    header .mainNav .searchWrap:after {
        right: -10px;
        left: auto;
        background-color: #222222;
        top: -4px;
        -webkit-transform: none;
        transform: none;
        height: 30px
    }
    header .mainNav .searchWrap:hover,
    header .mainNav .searchWrap.active {
        background-position: top -962px right -79px
    }
    header .mainNav .searchWrap abbr {
        display: none
    }
    header .subNav {
        padding: 2px 0
    }
    header .subNav ul {
        display: none
    }
    header .subNav .countryDropdownWrap {
        background-position: top -252px right -85px
    }
    header .mainNav {
        padding: 12px 0
    }
    header .mainNav .logoWrap {
        width: 100px
    }
    header .mainNav .navWrapper {
        width: 100%;
        max-width: 360px;
        height: calc(100vh - 70px);
        position: fixed;
        right: -400px;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 10px 0 0;
        top: 34px;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        overflow: hidden
    }
    header .mainNav .navWrapper.active {
        right: 0
    }
    header .mainNav .navWrapper li {
        width: calc(100% - 30px);
        padding: 0px;
        margin: 0 15px;
        border-bottom: 1px solid #f2994a;
        cursor: pointer;
        height: 44px;
        padding: 0
    }
    header .mainNav .navWrapper li a {
        padding: 10px;
        float: left;
        width: 100%
    }
    header .mainNav .navWrapper li.lastChild {
        border: 0
    }
    header .mainNav .navWrapper li a::after {
        display: none
    }
    header .mainNav .navWrapper li .innerNav {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
        position: relative;
        width: 100%;
        background-color: transparent;
        display: inline-block;
        top: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 0;
        visibility: hidden;
        left: auto;
        right: -400px;
        height: 0
    }
    header .mainNav .navWrapper li .innerNav ul li {
        width: 100%
    }
    header .mainNav .navWrapper li .innerNav.innerNavSmall {
        padding: 0
    }
    header .mainNav .searchPopup {
        bottom: auto;
        top: 34px
    }
    header .mainNav .searchPopup .searchPopupClose {
        top: 5px;
        right: 5px
    }
    header .mainNav .navWrapper li.greyPatch {
        display: inline-block;
        width: 100%;
        border-bottom: 0;
        margin: 0;
        background-color: #d9d9d9;
        padding: 20px 10px;
        height: auto;
        position: absolute;
        bottom: 60px;
        left: 0
    }
    header .mainNav .navWrapper li.greyPatch span {
        display: block;
        padding: 0 15px
    }
    header .mainNav .navWrapper li.greyPatch span:nth-child(2) {
        padding: 10px 15px
    }
    header .mainNav .navWrapper li.greyPatch.active span a {
        color: #222
    }
    header .mainNav .navWrapper li a:hover,
    header .mainNav .navWrapper li a.active {
        color: #222
    }
    header .mainNav .navWrapper li:hover a,
    header .mainNav .navWrapper li.active a {
        color: #f2994a
    }
    header .mainNav .navWrapper li.active .innerNav {
        display: inline-block
    }
    header .mainNav .navWrapper li .rightArrow {
        display: inline-block
    }
    header .mainNav .navWrapper li .innerNav ul li {
        margin: 0;
        border-bottom: 0;
        padding: 3px 0
    }
    header .mainNav .navWrapper li .innerNav ul li a {
        color: #222;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out
    }
    header .mainNav .navWrapper li .innerNav ul li:hover a {
        color: #f2994a
    }
    .overflowBlur {
        -webkit-filter: blur(30px);
        filter: blur(30px)
    }
    .topBannerWrap .slideWrap .overlapContent .headingText2,
    .topBannerWrap .slideWrap .overlapContent .headingText1 {
        font-size: 30px;
        line-height: 36px
    }
    .topBannerWrap .slideWrap .overlapContent {
        top: 50%
    }
    .categoryWrap .container ul li {
        width: 150px
    }
    .columnContainer .coloumnWrapper .contentWrap h2 .yellowLine {
        display: none
    }
    .columnContainer .coloumnWrapper .contentWrap {
        padding: 0 0 0 110px
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap {
        padding: 0 80px
    }
    .contactUs .officeAddressWrap .officeName,
    .categoryWrap.contactbannerContent .officeAddressWrap .officeName {
        font-size: 22px;
        line-height: 26px;
        margin: 15px 0 0
    }
    .groupofCompaniesAbout .columnWrap .imgWrap .yellowLine {
        display: none
    }
    .groupofCompaniesAbout .columnWrap .imgWrap {
        padding-left: 0;
        max-width: 200px
    }
    .groupofCompaniesAbout .columnWrap .contentWrap {
        width: calc(100% - 200px)
    }
    .plantspeopleWrap {
        margin: 0
    }
    .plantspeopleWrap .container .rdPlays ul li {
        margin: 8px 0 0
    }
    .wrapper.plantspeopleWrap.corporateCitizenship {
        margin: 0
    }
    .plantspeopleWrap .container .marginBottom30 {
        margin-bottom: 10px
    }
    .milestones h3 {
        margin-top: 40px
    }
    .categoryWrap.categoryDetails .mainDetails .productCategoryImg {
        left: 20px
    }
    .categoryWrap.categoryDetails .mainDetails .categoryProductContent {
        margin: 0 0 0 240px;
        max-width: 460px
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet {
        max-width: 250px
    }
    .areasUse .substrate {
        margin: 160px 0 0
    }
    .finishesMatt .yellowLine {
        display: none
    }
    .finishesMatt .volumeSolids,
    .finishesMatt .applicationProcedure {
        padding-left: 0
    }
    .productListing .mainListing .listWrap .colWrap {
        width: calc(50% - 40px)
    }
    header .mainNav .navWrapper li.greyPatch:hover a {
        color: #222
    }
    header .mainNav .navWrapper li.greyPatch span a:hover {
        color: #f2994a
    }
    header .mainNav .navWrapper li.open .innerNav {
        display: inline-block;
        right: 0;
        opacity: 1;
        visibility: visible;
        height: auto
    }
    header .mainNav .navWrapper li .innerNav ul li {
        display: inline-block !important;
        height: auto
    }
    header .mainNav .navWrapper li .innerNav ul li a {
        padding: 0 10px
    }
    header .mainNav .navWrapper li.open {
        border: 0;
        height: auto
    }
    header #nav-icon2.open {
        left: -8px
    }
    .categoryWrap.categorySlider .slick-prev {
        width: 16px;
        height: 30px;
        position: absolute;
        top: auto;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: top -1012px right -84px;
        z-index: 1
    }
    .categoryWrap.categorySlider .slick-prev:before {
        display: none
    }
    .categoryWrap.categorySlider .slick-prev.slick-disabled {
        opacity: 0.4
    }
    .categoryWrap.categorySlider .slick-next {
        width: 16px;
        height: 30px;
        position: absolute;
        top: auto;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: top -1078px right -83px;
        z-index: 1
    }
    .categoryWrap.categorySlider .slick-next:before {
        display: none
    }
    .categoryWrap.categorySlider .slick-next.slick-disabled {
        opacity: 0.4
    }
    .categoryWrap.categorySlider .container ul {
        padding: 20px 40px
    }
    .areasUse .substrate .imageWrapper .bigImageList {
        padding: 0 10px
    }
    .areasUse .substrate .imageWrapper .innerList {
        margin: 0 10px;
        width: calc(100% - 20px)
    }
    .areasUse .substrate .imageWrapper .imgList li img {
        width: 100%
    }
    .areasUse .substrate .imageWrapper .bigImageList li .bigImages {
        margin-bottom: 20px
    }
    .areasUse .substrate .imageWrapper .innerList li {
        height: auto;
        margin: 0
    }
    .areasUse .substrate .imageWrapper .innerList li::after {
        display: none
    }
    .areasUse .substrate .imageWrapper .innerList li abbr {
        height: auto
    }
    .areasUse .substrate .imageWrapper .imgList .slick-prev {
        display: none !important
    }
    .areasUse .substrate .imageWrapper .imgList .slick-next {
        display: none !important
    }
    .areasUse .substrate .imageWrapper .imgList .slick-slide img {
        width: 300px !important
    }
    .areasUse .substrate .imageWrapper .imgList li {
        margin: 40px 0 0
    }
    .areasUse .substrate .imageWrapper .imgList li::after {
        display: none
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-prev {
        width: 10px;
        height: 20px;
        position: absolute;
        top: auto;
        left: 0px;
        top: 35%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 85px;
        background-position: top -862px right -75px;
        z-index: 1;
        display: inline-block !important
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-prev:before {
        display: none
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-prev.slick-disabled {
        opacity: 0.4;
        z-index: -1
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-next {
        width: 10px;
        height: 20px;
        position: absolute;
        top: auto;
        right: 0px;
        top: 35%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 85px;
        background-position: top -919px right -71px;
        z-index: 1;
        display: inline-block !important
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-next:before {
        display: none
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-next.slick-disabled {
        opacity: 0.4;
        z-index: -1
    }
    .areasUse .substrate .imageWrapper .innerList {
        margin: 0;
        width: 100%;
        padding: 0 40px
    }
    .areasUse .substrate .imageWrapper .innerList .slick-slide.slick-current::after,
    .areasUse .substrate .imageWrapper .innerList .slick-slide:hover::after {
        width: 70%;
        height: 4px;
        bottom: 0px
    }
    .areasUse .substrate .imageWrapper .innerList .slick-slide::after {
        height: 4px;
        bottom: 0px
    }
    .areasUse .substrate .imageWrapper .innerList li {
        padding: 0 0 10px
    }
    header .subNav .countryDropdownWrap .countryDropdown {
        display: block
    }
    .wrapper.aboutUs.caseStudyMain.marginTop80 {
        margin-top: 120px
    }
    .searchResult {
        margin: 90px 0 20px
    }
    .caseStudyMain .coloumnWrapper {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width: 1024px) {
    .topBannerWrap .slick-initialized .slick-slide {
        height: auto
    }
    .wrapper.aboutUs.marginTop80 {
        margin-top: 0px
    }
    footer .footerWrapper ul {
        width: calc(34% - 12px)
    }
    .groupofcompanies .groupCompaniesLogo ul li {
        width: calc(12% - 12px)
    }
    .wrapper.finishesMatt.marginTop80 {
        margin-bottom: 40px
    }
    .categoryWrap.specManual .container .specForm .formTwo .searchForm .searchPopup input[type="text"] {
        font-size: 16px;
        padding: 10px 40px 10px 10px
    }
    .categoryWrap.specManual .container .specForm .formTwo {
        padding: 0 60px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        z-index: 2
    }
    .categoryWrap.specManual .container .specForm .formTwo .searchForm .searchPopup .searchIcon {
        top: 10px
    }
    .categoryWrap.specManual .container .specForm .formOne {
        padding: 20px 40px 30px 20px
    }
    .categoryWrap.specManual {
        bottom: auto;
        top: -80px
    }
    .categoryWrap.specManual .container .specForm .formTwo .searchForm:nth-child(2)::before {
        top: -90%
    }
    .systemDescription .entireDescription .contentWrap h3,
    .systemDescription .entireDescription .contentWrap .marginTop60 {
        margin: 20px 0 0
    }
    .systemDescription .entireDescription .contentWrap .certificates h2 {
        margin: 0 0 16px
    }
    .systemDescription {
        margin-top: -40px
    }
    .productListing .mainListing .listWrap .colWrap ul li {
        width: 100%
    }
    .productListing .mainListing .listWrap .colWrap ul li:last-child {
        padding: 0;
        margin: 20px 0 0
    }
    .productListing .mainListing .listWrap .colWrap ul li:last-child::after {
        display: none
    }
    .topBannerWrap .slick-dots {
        bottom: 60px
    }
    .productListing .mainListing .filterWrap .titleText {
        font-size: 20px;
        line-height: 28px
    }
    .productListing .mainListing .filterWrap .mainFilterWrap .colWrap {
        padding: 15px 0
    }
    .productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body {
        margin-top: 15px
    }
    .areasUse .substrate .imageWrapper .bigImageList li .bigImages .nameTitle {
        font-size: 24px
    }
    .wrapper.smallCopy.marginTop80 {
        margin-top: 0
    }
    .areasUse .substrate .imageWrapper .imgList li {
        margin-top: 0
    }
    .wrapper.marginTop80.areasUse {
        margin: 40px 0
    }
    .contactUs p abbr {
        margin: 30px auto 0;
        width: 100%;
        max-width: 100%
    }
    .contactUs .officeAddressWrap ul {
        margin: 10px 0 40px
    }
    .formField ul li:nth-child(8) {
        margin-top: 10px
    }
    .productListing .mainListing .listWrap .colWrap:last-child {
        margin-bottom: 30px
    }
    .productListing .mainListing .listWrap {
        width: calc(100% - 300px)
    }
    .productListing .mainListing .filterWrap {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .productListing .mainListing #sidebar {
        width: 300px
    }
    .searchResult ul li {
        padding-left: 20px
    }
    .searchResult ul li strong::after {
        left: -20px
    }
    header .mainNav .searchPopup input[type="text"]:focus ~ .focusBorder {
        width: calc(100% - 86px)
    }
}

@media only screen and (max-width: 991px) {
    .columnContainer .coloumnWrapper .imgWrap {
        width: 100%
    }
    .columnContainer .coloumnWrapper .imgWrap img {
        width: 100%
    }
    .columnContainer .coloumnWrapper .contentWrap {
        width: 100%;
        padding: 50px 0 0
    }
    .columnContainer .coloumnWrapper .imgWrap .btn1 {
        right: 60px;
        bottom: -20px
    }
    .columnContainer .coloumnWrapper .imgWrap:after {
        width: calc(100% - 60px);
        height: calc(100% - 20px)
    }
    .columnContainer .coloumnWrapper .imgWrap {
        padding: 20px 40px 0 20px
    }
    .columnContainer .coloumnWrapper .imgWrap .caseStudy {
        right: -40px
    }
    .columnContainer .coloumnWrapper .contentWrap h2 {
        padding-right: 0
    }
    .columnContainer .coloumnWrapper.secondColumn .imgWrap {
        padding: 20px 20px 0 40px
    }
    .columnContainer .coloumnWrapper.secondColumn .imgWrap:after {
        width: calc(100% - 60px);
        height: calc(100% - 20px)
    }
    .columnContainer .coloumnWrapper.secondColumn .imgWrap .caseStudy {
        left: -40px
    }
    .columnContainer .coloumnWrapper.secondColumn .contentWrap {
        padding: 50px 0 0
    }
    .columnContainer .coloumnWrapper.secondColumn .imgWrap .btn1 {
        left: 60px;
        bottom: -20px
    }
    .columnContainer .coloumnWrapper {
        margin-bottom: 30px
    }
    .aboutUs .columnContainer .coloumnWrapper:last-child {
        margin-bottom: 0
    }
    .categoryWrap.categoryDetails .mainDetails .categoryProductContent {
        max-width: calc(100% - 240px)
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet {
        float: left;
        margin: 0 0 0 240px
    }
    .productListing .mainListing .filterWrap {
        max-width: 100%;
        margin: 0
    }
    .productListing .mainListing #sidebar {
        width: 100%
    }
    .productListing .allBtnSearch {
        margin-bottom: 30px
    }
    .productListing .mainListing .listWrap .colWrap {
        margin: 30px 15px 0
    }
    .productListing .mainListing .listWrap {
        width: 100%
    }
    .productListing .mainListing .listWrap .colWrap {
        width: calc(50% - 32px)
    }
    .productListing .mainListing .filterWrap {
        padding: 0 15px
    }
    .productListing .allBtnSearch {
        padding: 0 15px
    }
    .videoPopupWrapper .popupVideo {
        max-width: 85%
    }
    .thankyouWrapper .innerContent {
        max-width: 85%
    }
    .productFinderForm ul li {
        width: calc(50% - 23px)
    }
    .productListing .mainListing .filterWrap .mainFilterWrap {
        width: 100%
    }
    .paintingColumn .colWrap {
        width: 100%;
        padding: 0;
        margin: 30px 0 0
    }
    .paintingColumn .colWrap:first-child {
        margin: 0
    }
    .groupofcompanies .groupCompaniesLogo ul li {
        width: calc(20% - 4px);
        margin: 5px 0
    }
    .productListing .mainListing #sidebar {
        width: 100%
    }
    .productListing .mainListing .filterWrap .titleText.desktopText {
        display: none
    }
    .productListing .mainListing .filterWrap .titleText.mobileText {
        display: block;
        text-align: center;
        cursor: pointer;
        width: 100%;
        text-align: center
    }
    .productListing .mainListing .filterWrap .mainFilterWrap {
        display: none;
        padding: 0;
        background-color: #fff
    }
    .productListing .mainListing .filterWrap {
        width: 100%
    }
    .productListing .mainListing .filterWrap.textFixed .mainFilterWrap {
        padding: 0 15px 15px
    }
    .productListing .mainListing .filterWrap.textFixed {
        max-height: 80vh;
        overflow: auto
    }
    header .mainNav .searchPopup input[type="text"]:focus ~ .focusBorder {
        width: calc(100% - 74px)
    }
}

@media only screen and (max-width: 767px) {
    .marginTop80,
    .featuresWrappper .diamondShapeWrapper {
        margin-top: 20px
    }
    .marginBottom80 {
        margin-bottom: 20px
    }
    .marginTopBottom80 {
        margin: 20px 0
    }
    .h1,
    h1 {
        font-size: 26px;
        line-height: 30px
    }
    h2,
    .h2,
    .paintingColumn .colWrap h2 {
        font-size: 22px;
        line-height: 26px
    }
    .productFinderForm ul li {
        width: calc(50% - 23px)
    }
    .productFinderForm .container:after {
        width: 300px
    }
    header .mainNav .searchPopup {
        padding: 35px 10px 25px
    }
    header .mainNav .searchPopup .searchIcon {
        top: 43px;
        right: 20px
    }
    .contactUs .officeAddressWrap ul li,
    .categoryWrap.contactbannerContent .officeAddressWrap ul li {
        width: 100%;
        margin: 0
    }
    .contactUs .officeAddressWrap ul li:nth-child(2),
    .categoryWrap.contactbannerContent .officeAddressWrap ul li:nth-child(2) {
        margin: 0;
        border-right: 0;
        border-left: 0;
        padding: 10px 0
    }
    .contactUs .officeAddressWrap ul {
        margin: 10px 0 40px
    }
    .contactUs .queriesFeedback li span [type="radio"]:checked+label,
    .contactUs .queriesFeedback li span [type="radio"]:not(:checked)+label {
        font-size: 20px;
        line-height: 24px
    }
    .contactUs .queriesFeedback {
        width: 280px
    }
    .contactUs p abbr {
        margin: 30px 0 0
    }
    .formField ul li,
    .formField ul li:nth-child(7),
    .formField ul li:nth-child(8) {
        width: 100%;
        margin: 10px 0
    }
    .groupofcompanies .groupCompaniesLogo ul li {
        width: calc(34% - 8px);
        margin: 5px 0
    }
    .groupofcompanies .groupCompaniesLogo {
        padding: 10px 0
    }
    footer .footerWrapper ul {
        width: 100%
    }
    footer .footerWrapper .socialLinks {
        width: 100%
    }
    footer .footerWrapper .socialLinks li {
        width: auto;
        float: left
    }
    footer .footerWrapper .socialLinks li:nth-child(2) {
        margin: 0 10px
    }
    footer .copyrigthWrapper .copRightText {
        width: 100%;
        display: inline-block
    }
    footer .copyrigthWrapper .copyLinks {
        width: 100%;
        float: left;
        margin: 5px 0 0
    }
    footer .copyrigthWrapper .copyLinks li a {
        padding: 0 4px
    }
    .categoryWrap .container ul li {
        width: 100px;
        padding-right: 10px
    }
    .categoryWrap .container ul li span {
        font-size: 12px
    }
    .plantspeopleWrap {
        margin: 20px 0 0
    }
    .plantspeopleWrap .marginTopBottom80 {
        margin: 20px 0
    }
    .plantspeopleWrap .marginBottom80 {
        margin-bottom: 20px
    }
    .plantspeopleWrap .marginTop80,
    .groupofCompaniesAbout .marginTop60 {
        margin-top: 20px
    }
    .milestones h3 {
        margin-top: 20px
    }
    .groupofCompaniesAbout .columnWrap .imgWrap {
        width: 100%;
        max-width: 100%
    }
    .groupofCompaniesAbout .columnWrap .contentWrap {
        width: 100%;
        margin: 20px 0 0
    }
    .groupofCompaniesAbout .columnWrap .imgWrap img {
        max-width: 100px;
        max-height: 80px
    }
    .plantspeopleWrap .container .marginBottom30,
    .plantspeopleWrap .container .rdPlays ul li {
        margin: 0
    }
    .milestones .timeLine:after {
        display: none
    }
    .milestones .timeLine .columnWrap {
        width: 100%
    }
    .milestones .timeLine .columnWrap.rightWrap:before {
        left: 0;
        top: 4px
    }
    .milestones .timeLine .columnWrap.leftWrap::before {
        top: 4px
    }
    .milestones .timeLine .columnWrap .content {
        max-width: 100%
    }
    .milestones .timeLine .columnWrap.leftWrap:before {
        right: auto;
        left: 0
    }
    .milestones .timeLine .columnWrap.leftWrap {
        text-align: left;
        padding: 0 0 0 50px;
        margin: 30px 0 0
    }
    .milestones .timeLine .columnWrap.leftWrap .number {
        text-align: left
    }
    .milestones .timeLine {
        margin: 20px 0 0;
        padding: 0
    }
    .milestones .timeLine .columnWrap.rightWrap {
        margin: 30px 0 0
    }
    .milestones {
        margin-bottom: 40px
    }
    .paintingColumn .colWrap {
        width: 100%;
        padding: 0;
        margin: 30px 0 0
    }
    .paintingColumn .colWrap p {
        width: 100%
    }
    .wrapper.smallCopy.marginTop80 {
        margin: 0
    }
    .areasUse .substrate .imageWrapper .bigImageList li .bigImages {
        display: none
    }
    .areasUse .substrate .imageWrapper .bigImageList {
        margin: 50px 0 0
    }
    .areasUse .substrate .imageWrapper .imgList li {
        margin: 0
    }
    .areasUse .substrate .imageWrapper .innerList li {
        margin-bottom: 10px
    }
    .areasUse .substrate .imageWrapper .innerList li::after {
        bottom: -10px
    }
    .areasUse .substrate .imageWrapper .imgList .slick-next {
        right: 0px;
        display: none !important
    }
    .areasUse .substrate .imageWrapper .imgList .slick-prev {
        right: 50px;
        display: none !important
    }
    .areasUse .substrate .imageWrapper .innerList li abbr {
        width: 100%
    }
    .paintingColumn .colWrap p {
        margin: 5px 0
    }
    .areasUse .substrate {
        padding: 20px 0
    }
    .wrapper.marginTop80.areasUse {
        margin-bottom: 40px
    }
    .categoryWrap .container ul li span {
        line-height: 12px
    }
    .aboutUs.caseStudyMain .columnContainer .coloumnWrapper:last-child {
        margin-bottom: 20px
    }
    .aboutUs.caseStudyMain .titleDropdown {
        margin-top: 100px
    }
    .caseStudyMain .titleDropdown form {
        width: 100%;
        margin: 10px 0 0
    }
    .contactUsMainPage {
        margin-top: -20px
    }
    .categoryWrap.categoryDetails .mainDetails .productCategoryImg {
        bottom: auto;
        top: 30px
    }
    .featuresWrappper .featureWrap .colWrap {
        display: block;
        margin: 30px auto 0
    }
    .wrapper.finishesMatt.marginTop80 {
        margin: 30px 0
    }
    .finishesMatt {
        padding: 20px 0
    }
    .finishesMatt .volumeSolids li,
    .finishesMatt .applicationProcedure h3 {
        font-size: 18px;
        line-height: 24px
    }
    .finishesMatt .applicationProcedure ul li span abbr {
        width: calc(100% - 30px)
    }
    .popularSystem {
        padding: 40px 0
    }
    .paintingColumn .colWrap {
        margin: 30px 0 0
    }
    .otherSystem ul li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #959595;
        padding: 30px 0
    }
    .otherSystem ul li:last-child {
        padding-bottom: 0;
        border: none
    }
    .otherSystem ul li h3 {
        margin: 10px 0 0
    }
    .otherSystem ul li .imgWrap::after {
        display: none
    }
    .categoryWrap.specManual .container .specForm>div {
        width: 100%
    }
    .categoryWrap.specManual .container .specForm .formTwo {
        width: 100%;
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        background-color: transparent
    }
    .categoryWrap.specManual .container .specForm::after {
        display: none
    }
    .categoryWrap.specManual .container .specForm .formOne {
        padding: 20px
    }
    .categoryWrap.specManual .container .specForm .formTwo {
        padding: 20px;
        margin-top: 50px
    }
    .categoryWrap.specManual .container .specForm .formTwo .searchForm:nth-child(2)::before {
        top: -16px;
        width: calc(100% - 2px)
    }
    .categoryWrap.specManual .container .specForm .formTwo .searchForm:nth-child(2) {
        margin: 40px 0 0
    }
    .categoryWrap.specManual .container .specForm .orText {
        top: 65%
    }
    .categoryWrap.specManual .container ul li .btn1,
    .productListing .allBtnSearch .viewAll {
        max-width: 160px;
        padding: 10px 10px;
        font-size: 14px;
        line-height: 20px
    }
    .categoryWrap.specManual .container ul li .btn1 span {
        font-size: 14px;
        line-height: 20px
    }
    .systemDescription .descriptionPatch span {
        font-size: 24px;
        line-height: 24px
    }
    .systemDescription .entireDescription .imgWrap,
    .systemDescription .entireDescription .contentWrap {
        width: 100%;
        max-width: 100%
    }
    .systemDescription .entireDescription .imgWrap {
        margin-bottom: 20px
    }
    .systemDescription .entireDescription .imgWrap img {
        max-width: 300px;
        display: block;
        margin: 0 auto
    }
    .systemDescription .entireDescription {
        padding: 20px 0 40px
    }
    .productListing {
        margin: 0 0 20px
    }
    .categoryWrap.productListingCat .container {
        padding: 20px
    }
    .productListing .mainListing .filterWrap .titleText {
        font-size: 18px;
        line-height: 22px
    }
    .videoPopupWrapper .popupVideo {
        max-width: 100%;
        width: 80%;
        height: 80%
    }
    .videoPopupWrapper .popupVideo .closeThankyou {
        width: 22px;
        height: 22px
    }
    .videoPopupWrapper .popupVideo .closeThankyou:after {
        width: 22px
    }
    .videoPopupWrapper .popupVideo .closeThankyou:before {
        width: 22px
    }
    .thankyouWrapper .innerContent {
        max-width: 100%;
        width: 80%;
        padding: 30px
    }
    .thankyouWrapper .innerContent p {
        margin: 10px 0 0
    }
    .thankyouWrapper .innerContent .closeVideo {
        width: 22px;
        height: 22px
    }
    .thankyouWrapper .innerContent .closeVideo:after {
        width: 22px
    }
    .thankyouWrapper .innerContent .closeVideo:before {
        width: 22px
    }
    .areasUse .substrate .paintingSystem .paintingColumn p {
        margin: 10px 0 8px
    }
    .plantspeopleWrap h2 {
        margin-bottom: 20px
    }
    .productListing .mainListing .listWrap .colWrap:last-child {
        margin-bottom: 10px
    }
    .finishesMatt .applicationProcedure ul li span {
        background-position: top -81px left 10px
    }
    .wrapper.aboutUs.caseStudyMain.marginTop80 {
        margin-top: 0
    }
    .caseStudyMain .h1 {
        margin: 0
    }
    header .mainNav .searchPopup input[type="text"]:focus ~ .focusBorder {
        width: calc(100% - 36px)
    }
    header .mainNav .searchPopup .focusBorder {
        bottom: 25px
    }
}

@media only screen and (max-width: 580px) {
    .topBannerWrap .slideWrap .desktopImg {
        display: none
    }
    .topBannerWrap .slideWrap .mobileImg {
        display: inline-block
    }
    .topBannerWrap .slideWrap .overlapContent .btn1 {
        font-size: 12px;
        width: 130px;
        padding: 7px 10px
    }
    .topBannerWrap .bannerSlider .slick-prev {
        width: 16px;
        height: 30px;
        position: absolute;
        top: auto;
        left: 10px;
        right: auto;
        bottom: 60px;
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: top -1012px right -84px;
        z-index: 1;
        display: none !important
    }
    .topBannerWrap .bannerSlider .slick-prev:before {
        display: none
    }
    .topBannerWrap .bannerSlider .slick-next {
        width: 16px;
        height: 30px;
        position: absolute;
        top: auto;
        left: 60px;
        right: auto;
        bottom: 60px;
        background-image: url(clientlib-site/images/sprite.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: top -1078px right -83px;
        z-index: 1;
        display: none !important
    }
    .topBannerWrap .bannerSlider .slick-next:before {
        display: none
    }
    .categoryWrap.categoryDetails .mainDetails .productCategoryImg {
        position: relative;
        top: 0
    }
    .categoryWrap.categoryDetails .mainDetails .categoryProductContent {
        margin: 10px 0 0;
        max-width: 100%;
        padding: 0 20px
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet {
        width: 100%;
        margin: 0;
        padding: 0 20px
    }
    .categoryWrap.categoryDetails .mainDetails .downloadSheet {
        max-width: 340px
    }
    .productFinderForm ul li {
        width: calc(100% - 23px)
    }
    .productListing .mainListing .listWrap .colWrap {
        width: 100%;
        margin: 40px 0 0
    }
    .productListing .mainListing .listWrap .colWrap:first-child {
        margin: 10px 0 0
    }
    .productListing {
        margin: 0 0 40px
    }
    .productListing .allBtnSearch,
    .productListing .mainListing .filterWrap {
        padding: 0
    }
    .productListing .allBtnSearch form .searchPopup input[type="text"] {
        font-size: 14px
    }
    .productListing .allBtnSearch form {
        width: 100%;
        margin: 10px 0 0
    }
    .productListing .allBtnSearch .viewAll {
        width: 100%;
        max-width: 100%
    }
    footer .copyrigthWrapper .copyLinks li {
        width: 50%;
        margin-bottom: 5px
    }
    footer .copyrigthWrapper .copyLinks li a {
        border: 0
    }
    .videoPopupWrapper .popupVideo {
        height: 230px
    }
    .areasUse .substrate .imageWrapper .imgList .slick-slide img {
        width: 260px !important
    }
    .areasUse .substrate .imageWrapper .imgList li {
        padding: 0 15px 0 0
    }
    .areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.topLine,
    .areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.topLine {
        width: calc(100% - 35px);
        left: 12px
    }
    .areasUse .substrate .imageWrapper .imgList .slick-slide:hover abbr.bottomLine,
    .areasUse .substrate .imageWrapper .imgList .slick-slide.slick-current abbr.bottomLine {
        width: calc(100% - 35px)
    }
    .areasUse .substrate .imageWrapper .imgList li abbr.leftLine {
        left: 10px
    }
    .areasUse .substrate .imageWrapper .imgList li abbr.rightLine {
        right: 23px
    }
    .areasUse .substrate .imageWrapper .imgList li span {
        left: 24px
    }
    .areasUse .substrate .imageWrapper .bigImageList {
        margin: 20px 0 0
    }
    .areasUse .substrate .imageWrapper .bigImageList .slick-next,
    .areasUse .substrate .imageWrapper .bigImageList .slick-prev {
        top: 10px
    }
    .areasUse .substrate .paintingSystem {
        margin: 0
    }
    .areasUse .substrate .imageWrapper .innerList .slick-slide::after {
        width: 70%
    }
    .areasUse .substrate .imageWrapper .innerList {
        padding: 0 20px
    }
}
.errorClass{display:none}

/*new css started */

.topBannerWrap .slideWrap .imgWrapper img.desktopImg{width:100%;}
.categoryWrap .container ul{text-align:center}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li{margin:0}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li .checkbox{margin:0 0 10px; float:left;}
@media only screen and (max-width: 1600px) {
    .productFinderForm {bottom: -70px;}
    .productListing .mainListing .listWrap .colWrap ul li abbr a{font-size: 12px; }
}
@media only screen and (max-width: 1280px) {
    .productFinderForm{bottom: 40px}
}

/*new css ended */

/* 19-11-2018 css start here */

header .mainNav .logoWrap{line-height: 0;}
.productFinderForm{bottom: -122px} /*-56*/
.productListing .mainListing .listWrap .colWrap ul li abbr a{font-size: 12px; line-height: 18px;}
.groupofcompanies .groupCompaniesLogo ul li{padding: 0 10px;}
.formField ul li .focusBorder{display: none;}
.articleContent{margin: 200px 0 80px;}
.articleContent .colWrap{margin:0;}
.articleContent .colWrap .content{width: 50%; float: left; padding-right: 60px; margin: 20px 0 0;}
.articleContent .colWrap .content .titleHeading{text-align: left; margin-bottom: 20px;}
.articleContent .colWrap .imgWrap{width: 50%; float: right; padding-left: 60px; margin: 20px 0 0;}
.articleContent .colWrap .imgWrap img{display: block; margin: 10px 0 0;}
.articleContent .colWrap .imgWrap img:first-child{margin: 0}
.categoryWrap .container ul{text-align: center;}
.columnContainer .coloumnWrapper .imgWrap .btn1{display: inline-block;}
.section{width: 100%; float: left;}
footer .copyrigthWrapper .copyLinks {width: 542px;}
.contentUL li span:after{display: none}
.contentUL li{position: relative;}
.contentUL li:after{content: ''; height: 6px; width: 6px; display: block; border: 2px solid #8a8a8a; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-50deg) translateY(-50%); transform: rotate(-50deg) translateY(-50%); position: absolute; top: 10px; left: 0;}

.productListing .mainListing .listWrap .colWrap ul li abbr a {font-size: 11px;}
header .mainNav .navWrapper li .innerNav ul li{padding: 6px;}

@media screen and (max-width: 1600px) {
    .productListing .mainListing .listWrap .colWrap ul li abbr a {font-size: 11px;}
    header .mainNav .navWrapper li .innerNav ul li{padding: 6px;}
    header .mainNav .navWrapper li a{font-size: 12px; line-height: 18px;}
}

@media screen and (max-width: 1170px) {
    .articleContent {margin: 80px 0 40px;}
}

@media screen and (max-width: 991px) {
    .articleContent .colWrap .content{padding-right: 10px;}
    .articleContent .colWrap .imgWrap{padding-left: 10px;}
}

@media screen and (max-width:767px) {
    .articleContent .colWrap .content{padding-right:0px; width: 100%;}
    .articleContent .colWrap .imgWrap{padding-left:0px; width: 100%;}
}

.productListing .mainListing .filterWrap.textFixed{top: auto; left: auto; box-shadow: none;}
@media screen and (max-width: 991px){
    .productListing .mainListing .filterWrap.textFixed{position: fixed; top: 68px; left: 0; width: 100%; height: auto; z-index: 1; -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);}
}



/* 19-11-2018 css end here */

                    /* 28-11-2018 css start here */

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label{padding-left: 0;}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label:before{top: 6px; left: -20px; position: absolute;}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label:after, .productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group input:checked+label:after{top: 6px; left: -15px;}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li .checkbox{padding-left: 20px;}
header .subNav .countryDropdownWrap .countryDropdown{width: 100px;}
.columnWrap ul li{width: 100%; float: left; position:relative; padding:0 0 0 20px}
.columnWrap ul li:after{content:''; width:8px; height: 8px; background-color: #000; position: absolute; top: 10px; left: 0; border-radius: 50%;}

.productListing .mainListing .filterWrap.stick{position: fixed; top: 20px; left: 150px; width: 360px;}
.productListing{position: relative;}
.productListing .mainListing .filterWrap{width: 360px;}
.productListing .mainListing .sidebar{width: 360px; float: left;}
.contentWithImage table{width: 100%; float: left;}

@media screen and (max-width: 1600px) {
    .productListing .mainListing .sidebar{width: 250px;}
}

/* 28-11-2018 css end here */

/* 30-11-2018 css start here */

.columnWrap ul li{text-align: left;}
.contentUL li span{padding: 0}
.contentUL li{padding: 0 0 0 20px;}

.caseStudy_List{width: 100%; float: left;}
.caseStudy_List li{width: 100%; float: left; font-size: 16px; line-height: 22px; margin: 10px 0; padding: 0 0 0 20px; position: relative;}
.caseStudy_List li:after{    content: ''; height: 6px; width: 6px; display: block; border: 2px solid #8a8a8a; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-50deg) translateY(-50%); transform: rotate(-50deg) translateY(-50%); position: absolute; top: 10px; left: 0;}
.columnContainer .coloumnWrapper.secondColumn .contentWrap p{margin: 0 0 20px;}


.bullet_points_list ul li{width: 100%; float: left; position:relative; padding:0 0 0 20px; text-align: left;}
.bullet_points_list ul li:after{content:''; width:6px; height: 6px; background-color: #000; position: absolute; top: 8px; left: 0; border-radius: 50%;}
header .subNav .countryDropdownWrap .coountyName{float: right; text-align: left; width: calc(100% - 30px);}
header .subNav .countryDropdownWrap .coountyFlag{float: left; margin: 0 10px 0 0; width: 20px;}

@media screen and (max-width:1600px) {
    .caseStudy_List li{font-size:14px; line-height: 22px;}
    .columnContainer .coloumnWrapper .contentWrap p{margin:10px 0}
}

@media screen and (max-width:1280px) {
    .productFinderForm{bottom: 40px;}
}

@media screen and (max-width:767px) {
    footer .copyrigthWrapper .copyLinks{width: 100%;}
}

/* 30-11-2018 css start here */

/* 06-12-2018 css start here */
 
.bigImg_Content{text-align: center;}
.bigImg_Content h2{margin-bottom: 0}
.bigImg_Content .colWrap img{display: block; margin: 0 auto;}
.bigImg_Content .colWrap b{width: 100%; display: inline-block; text-align: center; font-family: "Source Sans Pro",sans-serif; font-size: 16px; line-height: 22px; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;}
.formField ul li{float: none; vertical-align:top}
@media screen and (max-width:1600px) {
    .categoryWrap{bottom: -50px;}
}

/* 06-12-2018 css end here */

@media screen and (max-width:1600px) {
    .topBannerWrap{margin-bottom: 30px;}
}
 
@media screen and (max-width:1280px) {
    .topBannerWrap{margin-bottom:0px;}
}
.groupofcompanies .groupCompaniesLogo ul li {width: calc(12% - 34px);}

/*11/01/2019 started */
.formField ul li input[type="number"]::-webkit-input-placeholder {color: #222;}
.formField ul li input[type="number"]::-moz-placeholder {color: #222;}
.formField ul li input[type="number"]:-ms-input-placeholder {color: #222;}
.formField ul li input[type="number"]:-moz-placeholder {color: #222;}
.formField ul li .errorMsg {color: red; font-size: 12px; text-align: left; width: 100%; float: left;}
.contactUs p abbr{width: 100%; text-align: center;}
.contactUs .officeAddressWrap ul li{font-size: 16px; line-height: 21px; font-family: "Source Sans Pro"}
.bullet_points_list ul li:after{top: 12px;}

@media screen and (max-width: 767px) {
    .groupofcompanies .groupCompaniesLogo ul li {width: calc(34% - 8px); margin: 5px 0;}
}

.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label:before{top: 2px; left: -20px;}
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group label:after, 
.productListing .mainListing .filterWrap .mainFilterWrap .colWrap .accordion_body ul li.form-group input:checked+label:after{top: 2px; left: -15px;}

/*11/01/2019 ended */
/* 14-01-2019 css start here */

@media only screen and (max-width: 767px){
    .aboutUs.caseStudyMain .titleDropdown{margin-top: 00px}
    .wrapper.aboutUs.caseStudyMain.marginTop80{margin-top: 100px}
    .bullet_points_list ul li{font-size: 14px; line-height: 22px;}
    .contactUsMainPage{margin: 0}
}

/* 14-01-2019 css end here */
/* 15-01-2019 css start here */

header .subNav .countryDropdownWrap .countryDropdown.active{opacity: 0}
header .subNav .countryDropdownWrap{background-image: none}

/* 15-01-2019 css end here */

/* 08-02-2018 css start here */

.productListing .mainListing .listWrap .colWrap ul li:nth-child(2):before {content: ''; width: 1px; height: 100%; background-color: #222; position: absolute; top: 0; left: 20px; outline: 0; fill:#fff;}
.productListing .mainListing .listWrap .colWrap ul li:last-child:after{display: none}
.productListing .mainListing .listWrap .colWrap ul li:nth-child(2){position: relative}
.productListing .mainListing .listWrap .colWrap ul li:last-child{padding: 0}
.productListing .mainListing .listWrap .colWrap ul li:nth-child(2){padding-left:40px}

/* 08-02-2018 css end here */
/* 27-06-2019 spell check blog*/
.did-you-mean-block{
	display:none;
}
.did-you-mean-block .title {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: #e23939;
    padding-top: 15px;
}
.keywords-block .keyword{
    padding: 5px 10px;
    display: inline-block;
}
.did-you-mean-block .keywords-block .keyword:hover,
.did-you-mean-block .keywords-block .keyword:focus {
    background: #f5f4f4;
}

/*
 *  Copyright 2015 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Column Control component */
@media (min-width: 600px) {
    .parsys_column {
        margin: 0;
    }
    .cq-colctrl-lt0-c0,
    .cq-colctrl-lt0-c1 {
        float: left;
        width: 48%;
    }
    .cq-colctrl-lt0-c0 {
        margin-right: 2%;
    }
    .cq-colctrl-lt0-c1 {
        margin-left: 2%;
    }
        .cq-colctrl-lt1-c0,
    .cq-colctrl-lt1-c1 ,.cq-colctrl-lt1-c2 {
        float: left;
        width: 30%;
    }
    .cq-colctrl-lt0-c0,.cq-colctrl-lt1-c0,.cq-colctrl-lt3-c0  {
        margin-right: 2%;
    }
    .cq-colctrl-lt0-c1 ,.cq-colctrl-lt1-c2,.cq-colctrl-lt3-c3 {
        margin-left: 2%;
    }
    .cq-colctrl-lt3-c0 ,.cq-colctrl-lt3-c1 ,.cq-colctrl-lt3-c2,.cq-colctrl-lt3-c3
    {
        float: left;
        width: 25%;
    }
}

/*
 *  Copyright 2015 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/* Text-Image component */
.textimage-left {
    float: left;
    margin: 0 1em 1em 0;
}
.textimage-right {
    float: right;
    margin: 0 0 1em 1em;
}
.textimage-text {
    margin: 0 0 -1em;
}
.textimage-text:after {
    content: "";
    display: table;
    clear: both;
}