#qx-section-62120 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; background-color : rgba(255, 255, 255, 0); background-image : url("https://specificationinnovations.co.za/images//Tribology_Decoded_1.png"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-62120-background-overlay { background-color : rgba(255, 255, 255, 0);  } #qx-section-62120:hover .qx-section-62120-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-62120 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-62120 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-81116 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-81116-background-overlay {  } #qx-row-81116:hover .qx-row-81116-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-81116 {  }  } @media (max-width: 767px) { #qx-row-81116 {  }  } #qx-column-83117 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-83117 { flex: 50%; max-width: 50%; } .qx-column-83117-background-overlay {  } #qx-column-83117:hover .qx-column-83117-background-overlay {  } #qx-column-83117 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-83117 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-83117 > .qx-col-wrap {  } #qx-column-83117 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-83117 > .qx-col-wrap {  } #qx-column-83117 { flex: 100%; max-width: 100%; }  } #qx-column-4119 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-4119 { flex: 50%; max-width: 50%; } .qx-column-4119-background-overlay {  } #qx-column-4119:hover .qx-column-4119-background-overlay {  } #qx-column-4119 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-4119 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-4119 > .qx-col-wrap {  } #qx-column-4119 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-4119 > .qx-col-wrap {  } #qx-column-4119 { flex: 100%; max-width: 100%; }  } #qx-text-92125 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Montserrat; font-weight : 400; font-size : 38px; text-align : right; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-92125 {  }  } @media (max-width: 767px) { #qx-text-92125 {  }  } #qx-text-44115 { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Montserrat; font-size : 29px; font-style : italic; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-44115 {  }  } @media (max-width: 767px) { #qx-text-44115 {  }  } #qx-section-63130 { padding-top : 15px; padding-right : 10px; padding-left : 10px; background-color : rgba(255, 255, 255, 0); background-image : url("https://specificationinnovations.co.za/images//Watermark_background.png"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-63130:hover .qx-section-63130-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-63130 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-63130 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } #qx-row-14162 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-14162-background-overlay {  } #qx-row-14162:hover .qx-row-14162-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-14162 {  }  } @media (max-width: 767px) { #qx-row-14162 {  }  } #qx-column-77163 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-77163 { flex: 33.33%; max-width: 33.33%; } .qx-column-77163-background-overlay {  } #qx-column-77163:hover .qx-column-77163-background-overlay {  } #qx-column-77163 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-77163 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-77163 > .qx-col-wrap {  } #qx-column-77163 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-77163 > .qx-col-wrap {  } #qx-column-77163 { flex: 100%; max-width: 100%; }  } #qx-image-2784 { padding-top : 0px; padding-bottom : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-2784 img,#qx-image-2784 svg { display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-2784 img,#qx-image-2784 svg,#qx-image-2784 i {  } #qx-image-2784 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); font-family : Encode Sans; font-size : 20px; color : rgba(59 ,  83,  110, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-2784 path { fill : rgba(36 ,  72,  107, 1);  } #qx-image-2784 svg { width : 100px; height : 100px;  } #qx-image-2784 i { color : rgba(36 ,  72,  107, 1); font-size : 100px;  } #qx-image-2784 svg,#qx-image-2784 i {  } #qx-image-2784 svg,#qx-image-2784 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-2784 {  } #qx-image-2784 img,#qx-image-2784 svg {  } #qx-image-2784 svg,#qx-image-2784 i {  } #qx-image-2784 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-2784 {  } #qx-image-2784 img,#qx-image-2784 svg {  } #qx-image-2784 svg,#qx-image-2784 i {  } #qx-image-2784 .qx-figure-caption {  }  } #qx-column-17165 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-17165 { flex: 33.33%; max-width: 33.33%; } .qx-column-17165-background-overlay {  } #qx-column-17165:hover .qx-column-17165-background-overlay {  } #qx-column-17165 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-17165 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-17165 > .qx-col-wrap {  } #qx-column-17165 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-17165 > .qx-col-wrap {  } #qx-column-17165 { flex: 100%; max-width: 100%; }  } #qx-image-8906 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-8906 img,#qx-image-8906 svg { display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-8906 img,#qx-image-8906 svg,#qx-image-8906 i {  } #qx-image-8906 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 13px; font-family : Encode Sans; font-size : 20px; color : rgba(36 ,  72,  107, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-8906 path { fill : rgba(255 ,  255,  255, 1);  } #qx-image-8906 svg { width : 100px; height : 100px;  } #qx-image-8906 i { color : rgba(255 ,  255,  255, 1); font-size : 100px;  } #qx-image-8906 svg,#qx-image-8906 i { color : rgba(36 ,  72,  107, 1);  } #qx-image-8906 svg,#qx-image-8906 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-8906 {  } #qx-image-8906 svg,#qx-image-8906 i {  } #qx-image-8906 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-8906 {  } #qx-image-8906 svg,#qx-image-8906 i {  } #qx-image-8906 .qx-figure-caption {  }  } #qx-column-68167 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-68167 { flex: 33.33%; max-width: 33.33%; } .qx-column-68167-background-overlay {  } #qx-column-68167:hover .qx-column-68167-background-overlay {  } #qx-column-68167 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-68167 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-68167 > .qx-col-wrap {  } #qx-column-68167 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-68167 > .qx-col-wrap {  } #qx-column-68167 { flex: 100%; max-width: 100%; }  } #qx-image-83955 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-83955 img,#qx-image-83955 svg { display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-83955 img,#qx-image-83955 svg,#qx-image-83955 i {  } #qx-image-83955 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); font-family : Encode Sans; font-size : 20px; color : rgba(71 ,  94,  119, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-83955 path { fill : rgba(36 ,  72,  107, 1);  } #qx-image-83955 svg { width : 100px; height : 100px;  } #qx-image-83955 i { color : rgba(36 ,  72,  107, 1); font-size : 100px;  } #qx-image-83955 svg,#qx-image-83955 i {  } #qx-image-83955 svg,#qx-image-83955 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-83955 {  } #qx-image-83955 svg,#qx-image-83955 i {  } #qx-image-83955 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-83955 {  } #qx-image-83955 svg,#qx-image-83955 i {  } #qx-image-83955 .qx-figure-caption {  }  } #qx-row-59177 { padding-top : 10px; padding-bottom : 10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-59177-background-overlay {  } #qx-row-59177:hover .qx-row-59177-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-59177 {  }  } @media (max-width: 767px) { #qx-row-59177 {  }  } #qx-column-36178 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-36178 { flex: 100%; max-width: 100%; } .qx-column-36178-background-overlay {  } #qx-column-36178:hover .qx-column-36178-background-overlay {  } #qx-column-36178 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-36178 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-36178 > .qx-col-wrap {  } #qx-column-36178 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-36178 > .qx-col-wrap {  } #qx-column-36178 { flex: 100%; max-width: 100%; }  } #qx-text-211057 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Encode Sans; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-211057 {  }  } @media (max-width: 767px) { #qx-text-211057 {  }  } #qx-row-69117 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-69117-background-overlay {  } #qx-row-69117:hover .qx-row-69117-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-69117 {  }  } @media (max-width: 767px) { #qx-row-69117 {  }  } #qx-column-69118 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-69118 { flex: 100%; max-width: 100%; } .qx-column-69118-background-overlay {  } #qx-column-69118:hover .qx-column-69118-background-overlay {  } #qx-column-69118 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-69118 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-69118 > .qx-col-wrap {  } #qx-column-69118 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-69118 > .qx-col-wrap {  } #qx-column-69118 { flex: 100%; max-width: 100%; }  } #qx-video-47122 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-video-47122 .plyr,#qx-video-47122 iframe,#qx-video-47122 .plyr__video-wrapper {  } #qx-video-47122 .plyr { width : 1000px; margin : 0 auto;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-video-47122 {  } #qx-video-47122 .plyr,#qx-video-47122 iframe,#qx-video-47122 .plyr__video-wrapper {  } #qx-video-47122 .plyr {  }  } @media (max-width: 767px) { #qx-video-47122 {  } #qx-video-47122 .plyr,#qx-video-47122 iframe,#qx-video-47122 .plyr__video-wrapper {  } #qx-video-47122 .plyr {  }  } #qx-row-2175 { padding-top : 0px; padding-bottom : 30px; background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-2175-background-overlay { background-size : cover; background-position : center; background-repeat : no-repeat;  } #qx-row-2175:hover .qx-row-2175-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2175 {  }  } @media (max-width: 767px) { #qx-row-2175 {  }  } #qx-column-6278 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-6278 { flex: 50%; max-width: 50%; } .qx-column-6278-background-overlay {  } #qx-column-6278:hover .qx-column-6278-background-overlay {  } #qx-column-6278 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-6278 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-6278 > .qx-col-wrap {  } #qx-column-6278 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-6278 > .qx-col-wrap {  } #qx-column-6278 { flex: 100%; max-width: 100%; }  } #qx-image-52214 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-52214 img,#qx-image-52214 svg { width : 62%; display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-52214 img,#qx-image-52214 svg,#qx-image-52214 i {  } #qx-image-52214 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-52214 svg,#qx-image-52214 i {  } #qx-image-52214 svg,#qx-image-52214 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-52214 {  } #qx-image-52214 img,#qx-image-52214 svg {  } #qx-image-52214 svg,#qx-image-52214 i {  } #qx-image-52214 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-52214 {  } #qx-image-52214 img,#qx-image-52214 svg {  } #qx-image-52214 svg,#qx-image-52214 i {  } #qx-image-52214 .qx-figure-caption {  }  } #qx-button-16413 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-16413 .qx-btn { background-color : rgba(59 ,  83,  110, 1); border-style : solid; border-color : rgba(71 ,  94,  119, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-16413 .qx-btn:hover {  } #qx-button-16413 .qx-btn:hover i {  } #qx-button-16413 * { font-family : Encode Sans; font-weight : 400; font-size : 20px;  } #qx-button-16413 a svg,#qx-button-16413 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-16413 {  } #qx-button-16413 * {  } #qx-button-16413 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-16413 {  } #qx-button-16413 * {  } #qx-button-16413 .qx-btn {  }  } #qx-column-17186 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-17186 { flex: 50%; max-width: 50%; } .qx-column-17186-background-overlay {  } #qx-column-17186:hover .qx-column-17186-background-overlay {  } #qx-column-17186 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-17186 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-17186 > .qx-col-wrap {  } #qx-column-17186 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-17186 > .qx-col-wrap {  } #qx-column-17186 { flex: 100%; max-width: 100%; }  } #qx-image-13264 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-13264 img,#qx-image-13264 svg { width : 60%; display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-13264 img,#qx-image-13264 svg,#qx-image-13264 i {  } #qx-image-13264 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-13264 svg,#qx-image-13264 i {  } #qx-image-13264 svg,#qx-image-13264 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-13264 {  } #qx-image-13264 img,#qx-image-13264 svg {  } #qx-image-13264 svg,#qx-image-13264 i {  } #qx-image-13264 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-13264 {  } #qx-image-13264 img,#qx-image-13264 svg {  } #qx-image-13264 svg,#qx-image-13264 i {  } #qx-image-13264 .qx-figure-caption {  }  } #qx-button-50555 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-50555 .qx-btn { background-color : rgba(59 ,  83,  110, 1); border-style : solid; border-color : rgba(59 ,  83,  110, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-50555 .qx-btn:hover {  } #qx-button-50555 .qx-btn:hover i {  } #qx-button-50555 * { font-family : Encode Sans; font-size : 20px;  } #qx-button-50555 a svg,#qx-button-50555 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-50555 {  } #qx-button-50555 * {  } #qx-button-50555 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-50555 {  } #qx-button-50555 * {  } #qx-button-50555 .qx-btn {  }  } #qx-section-40382 { padding-top : 20px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; background-image : url("https://specificationinnovations.co.za/images//Banner_for_Spec_Inn.png"); background-size : cover; background-position : center; background-repeat : no-repeat; border-style : solid; border-color : rgba(255, 193, 7, 1); border-top-width : 6px; border-right-width : 0px; border-bottom-width : 6px; border-left-width : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; border-style : solid; border-color : rgba(255, 193, 7, 1); border-top-width : 6px; border-right-width : 0px; border-bottom-width : 6px; border-left-width : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-40382-background-overlay {  } #qx-section-40382:hover .qx-section-40382-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-40382 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-40382 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-2218 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-2218-background-overlay {  } #qx-row-2218:hover .qx-row-2218-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2218 {  }  } @media (max-width: 767px) { #qx-row-2218 {  }  } #qx-column-24219 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-24219 { flex: 100%; max-width: 100%; } .qx-column-24219-background-overlay {  } #qx-column-24219:hover .qx-column-24219-background-overlay {  } #qx-column-24219 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-24219 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-24219 > .qx-col-wrap {  } #qx-column-24219 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-24219 > .qx-col-wrap {  } #qx-column-24219 { flex: 100%; max-width: 100%; }  } #qx-section-5775 { padding-top : 50px; padding-right : 50px; padding-bottom : 50px; padding-left : 50px; background-color : rgba(15 ,  28,  53, 1); background-image : url("https://specificationinnovations.co.za/images//Watermark_background.png"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-5775:hover .qx-section-5775-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-5775 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-5775 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } #qx-row-34776 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-34776-background-overlay {  } #qx-row-34776:hover .qx-row-34776-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-34776 {  }  } @media (max-width: 767px) { #qx-row-34776 {  }  } #qx-column-72777 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-72777 { flex: 50%; max-width: 50%; } .qx-column-72777-background-overlay {  } #qx-column-72777:hover .qx-column-72777-background-overlay {  } #qx-column-72777 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-72777 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-72777 > .qx-col-wrap {  } #qx-column-72777 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-72777 > .qx-col-wrap {  } #qx-column-72777 { flex: 100%; max-width: 100%; }  } #qx-heading-45778 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-heading-45778 h2 { font-family : Encode Sans; font-weight : 400; font-size : 50px; line-height : 1.2em; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-45778 {  } #qx-heading-45778 h2 { font-size : 48px; line-height : 1.2em;  }  } @media (max-width: 767px) { #qx-heading-45778 {  } #qx-heading-45778 h2 { font-size : 38px; line-height : 1.4em;  }  } #qx-text-81779 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Encode Sans; font-weight : 300; font-size : 16px; line-height : 1.4em; text-align : left; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-81779 { line-height : 1.4em;  }  } @media (max-width: 767px) { #qx-text-81779 { font-size : 16px; line-height : 1.4em;  }  } #qx-button-33904 { padding-top : 0px; padding-bottom : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : left;  } #qx-button-33904 .qx-btn { background-color : rgba(255, 255, 255, 0); border-style : solid; border-color : rgba(255, 255, 255, 0);  } #qx-button-33904 .qx-btn:hover { border-color : rgba(255, 255, 255, 0);  } #qx-button-33904 .qx-btn:hover i {  } #qx-button-33904 * { font-family : Encode Sans; font-weight : 300;  } #qx-button-33904 a svg,#qx-button-33904 a i path { fill : rgba(255 ,  255,  255, 1);  } #qx-button-33904 a svg,#qx-button-33904 a i { width : 30px; height : 30px; color : rgba(255 ,  255,  255, 1); font-size : 30px; margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-33904 {  } #qx-button-33904 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-33904 {  } #qx-button-33904 .qx-btn {  }  } #qx-button-13961 { padding-top : 0px; padding-bottom : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-13961 .qx-btn { background-color : rgba(255, 255, 255, 0); border-style : solid; border-color : rgba(255, 255, 255, 0);  } #qx-button-13961 .qx-btn:hover { border-color : rgba(255, 255, 255, 0);  } #qx-button-13961 .qx-btn:hover i {  } #qx-button-13961 * { font-family : Encode Sans; font-weight : 300;  } #qx-button-13961 a svg,#qx-button-13961 a i path { fill : rgba(255 ,  255,  255, 1);  } #qx-button-13961 a svg,#qx-button-13961 a i { width : 30px; height : 30px; color : rgba(255 ,  255,  255, 1); font-size : 30px; margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-13961 {  } #qx-button-13961 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-13961 {  } #qx-button-13961 .qx-btn {  }  } #qx-button-181085 { padding-top : 0px; padding-bottom : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-181085 .qx-btn { background-color : rgba(255, 255, 255, 0); border-style : solid; border-color : rgba(255, 255, 255, 0);  } #qx-button-181085 .qx-btn:hover { border-color : rgba(255, 255, 255, 0);  } #qx-button-181085 .qx-btn:hover i {  } #qx-button-181085 * {  } #qx-button-181085 a svg,#qx-button-181085 a i path { fill : rgba(255 ,  255,  255, 1);  } #qx-button-181085 a svg,#qx-button-181085 a i { width : 30px; height : 30px; color : rgba(255 ,  255,  255, 1); font-size : 30px; margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-181085 {  } #qx-button-181085 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-181085 {  } #qx-button-181085 .qx-btn {  }  } #qx-social-icon-60781 { margin-top : 20px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-element-social-icon svg { height: 30px;width: 30px; } .qx-element-social-icon i { font-size: 25px; } #qx-social-icon-60781 ul li i { border-style : none;  } #qx-social-icon-60781 ul li.item-0 svg path { fill: rgba(255 ,  255,  255, 1) } #qx-social-icon-60781 ul li.item-0 svg { height: 30px;width: 30px; } #qx-social-icon-60781 ul li.item-0 i { color : rgba(255 ,  255,  255, 1); font-size : 30px;  } #qx-social-icon-60781 ul.qx-list li { justify-content : center; margin-bottom : 5px;  } #qx-social-icon-60781 ul.qx-inline  { justify-content : center; margin-left : 8px; margin-right : 8px;  } #qx-social-icon-60781 ul.qx-inline ,#qx-social-icon-60781 ul li { display : flex; align-self : center;  } #qx-social-icon-60781 ul li i:hover {  } #qx-social-icon-60781 ul.qx-inline ,#qx-social-icon-60781 ul.qx-list  { margin-left : 0; margin-bottom : 0;  } #qx-social-icon-60781 ul.qx-list li:last-child { margin-bottom : 0px;  } #qx-social-icon-60781 ul.qx-inline li { margin-right : 5px;  } #qx-social-icon-60781 ul.qx-inline li:last-child { margin-right : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-social-icon-60781 {  } #qx-social-icon-60781 ul li i {  }  } @media (max-width: 767px) { #qx-social-icon-60781 {  } #qx-social-icon-60781 ul li i {  }  } #qx-column-80782 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-80782 { flex: 50%; max-width: 50%; } .qx-column-80782-background-overlay {  } #qx-column-80782:hover .qx-column-80782-background-overlay {  } #qx-column-80782 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-80782 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-80782 > .qx-col-wrap {  } #qx-column-80782 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-80782 > .qx-col-wrap {  } #qx-column-80782 { flex: 100%; max-width: 100%; }  }