@media only screen and (min-width : 768px) {
.ft-right p a.no_activ {
pointer-events: none;
cursor: default;
}
}
.img-overlay{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,0,0,.2);
z-index:1;
} .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
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;
}
.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;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.sprite-sprite, .sprite-arr-left-green, .pagination-wrap ul li:first-child a:hover span, .back:hover span, .sprite-arr-left-grey, .pagination-wrap ul li:first-child a span, .back span, .sprite-arr-right-green, .help-link:after, .pagination-wrap ul li:last-child a:hover span, .sprite-arr-right-grey, .pagination-wrap ul li:last-child a span, .sprite-arr-right-white, .help-link:hover:after, .sprite-check, .landing-bot-list ul li:after, .sprite-chk-ac, .ftn-left a.active:after, .ftn-left a.active:hover:after, .ftn-right a.active:after, .ftn-right a.active:hover:after, .form-check input[type="radio"]:checked + span, .sprite-chk-hov, .ftn-left a:hover:after, .ftn-right a:hover:after, .sprite-chk, .ftn-left a:after, .ftn-right a:after, .form-check input[type="radio"] + span, .sprite-close-green, .mfp-close:hover, .sprite-close, .mfp-close, .sprite-h-tel-hov, .h-tel:hover > span:after, .h-l-tel:hover span, .f-l-tel:hover span, .sprite-h-tel, .h-tel span:after, .h-l-tel span, .f-l-tel span, .sprite-mail-grey, .lc-email .emailico, .cf-email .emailico, .sprite-mail-hov, .h-l-mail:hover span, .f-l-mail:hover span, .sprite-mail, .h-l-mail span, .f-l-mail span, .sprite-minus-green, .faqs-block.active h3 span, .sprite-pdf-hov, .view-pdf:hover span, .sprite-pdf, .view-pdf span, .sprite-phone-grey, .lc-phone .phoneico, .cf-phone .phoneico, .sprite-plus-green, .inputfile-2 + .file-label:hover em, .faqs-block h3 span, .sprite-plus-grey, .inputfile-2 + .file-label em, .sprite-quote-hov, .h-quote:hover > span:after, .sprite-quote, .h-quote span:after, .sprite-request-hov, .h-request:hover > span:after, .sprite-request, .h-request span:after {
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/sprite-sfaa6160328.png);
background-repeat: no-repeat;
}
.sprite-arr-left-green, .pagination-wrap ul li:first-child a:hover span, .back:hover span {
background-position: 0 0;
}
.sprite-arr-left-grey, .pagination-wrap ul li:first-child a span, .back span {
background-position: 0 -9px;
}
.sprite-arr-right-green, .help-link:after, .pagination-wrap ul li:last-child a:hover span {
background-position: 0 -18px;
}
.sprite-arr-right-grey, .pagination-wrap ul li:last-child a span {
background-position: 0 -27px;
}
.sprite-arr-right-white, .help-link:hover:after {
background-position: 0 -36px;
}
.sprite-check, .landing-bot-list ul li:after {
background-position: 0 -45px;
}
.sprite-chk-ac, .ftn-left a.active:after, .ftn-left a.active:hover:after, .ftn-right a.active:after, .ftn-right a.active:hover:after, .form-check input[type="radio"]:checked + span {
background-position: 0 -65px;
}
.sprite-chk-hov, .ftn-left a:hover:after, .ftn-right a:hover:after {
background-position: 0 -83px;
}
.sprite-chk, .ftn-left a:after, .ftn-right a:after, .form-check input[type="radio"] + span {
background-position: 0 -101px;
}
.sprite-close-green, .mfp-close:hover {
background-position: 0 -119px;
}
.sprite-close, .mfp-close {
background-position: 0 -148px;
}
.sprite-h-tel-hov, .h-tel:hover > span:after, .h-l-tel:hover span, .f-l-tel:hover span {
background-position: 0 -177px;
}
.sprite-h-tel, .h-tel span:after, .h-l-tel span, .f-l-tel span {
background-position: 0 -189px;
}
.sprite-mail-grey, .lc-email span, .cf-email .emailico, .lc-email .emailico {
background-position: 0 -201px;
}
.sprite-mail-hov, .h-l-mail:hover span, .f-l-mail:hover span {
background-position: 0 -211px;
}
.sprite-mail, .h-l-mail span, .f-l-mail span {
background-position: 0 -221px;
}
.sprite-minus-green, .faqs-block.active h3 span {
background-position: 0 -231px;
}
.sprite-pdf-hov, .view-pdf:hover span {
background-position: 0 -233px;
}
.sprite-pdf, .view-pdf span {
background-position: 0 -247px;
}
.sprite-phone-grey, .lc-phone span, .cf-phone .phoneico, .lc-phone .phoneico {
background-position: 0 -261px;
}
.sprite-plus-green, .inputfile-2 + .file-label:hover em, .faqs-block h3 span {
background-position: 0 -273px;
}
.sprite-plus-grey, .inputfile-2 + .file-label em {
background-position: 0 -281px;
}
.sprite-quote-hov, .h-quote:hover > span:after {
background-position: 0 -289px;
}
.sprite-quote, .h-quote span:after {
background-position: 0 -301px;
}
.sprite-request-hov, .h-request:hover > span:after {
background-position: 0 -313px;
}
.sprite-request, .h-request span:after {
background-position: 0 -325px;
}
.clearfix:after {
content: "";
display: table;
clear: both;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background-color: none !important;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
opacity: 1;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 0.8;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.js .inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile-1 + .file-label {
max-width: 320px;
width: 100%;
border: 2px solid #bfbfbf; font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
font: 700 14px/58px "Poppins", sans-serif !important;
color: #65646a !important;
text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-top: 20px; }
.inputfile-1 + .file-label em {
display: inline-block;
width: 11px;
height: 10px;
margin-right: 10px;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.no-js .inputfile + label {
display: none;
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile-1 + .file-label * {  } .inputfile-1:focus + .file-label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
background-color: #bfbfbf;
}
.in-recommend {
font: 400 1.2em/1 "Poppins", sans-serif;
color: #65646a;
text-align: center;
margin-top: 10px;
}
div.fancy-select {
position: relative;
font-size: 15px;
color: #000;
}
div.fancy-select.disabled {
opacity: 0.5;
}
div.fancy-select select:focus + div.trigger.open {
box-shadow: none;
}
div.fancy-select div.trigger {
cursor: pointer;
height: 35px;
border: 1px solid #dbdbdb;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
font: 15px/35px "Poppins", sans-serif;
color: #000;
width: 100%;
padding-left: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 5px;
top: 15px;
right: 13px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.fancy-select div.trigger.open {
box-shadow: none;
border: 1px solid #004caa;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.fancy-select ul.options {
list-style: none;
margin: 0;
position: absolute;
top: 28px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 500;
max-height: 200px;
overflow: auto;
min-width: 100%;
border: 1px solid #004caa;
font: 15px "Poppins", sans-serif;
background: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.fancy-select ul.options.open {
visibility: visible;
top: 36px;
opacity: 1;
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 40px;
}
div.fancy-select ul.options li {
padding: 8px 12px;
color: #000;
cursor: pointer;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.fancy-select ul.options li.hover {
color: #000;
background: #efeff0;
} .checkout-select-wrap div.fancy-select div.trigger {
cursor: pointer;
height: 50px;
border: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
font: 400 14px/50px "Poppins", sans-serif;
text-align: left;
color: #949494;
width: 100%;
padding-left: 30px;
background: #efeff0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.checkout-select-wrap div.fancy-select div.trigger:hover {
color: #00a1b0;
}
.csw2 div.fancy-select div.trigger {
color: #65646a !important;
}
.csw2 div.fancy-select div.trigger:hover {
color: #00a1b0;
}
.checkout-select-wrap div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: -1px;
right: 27px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 0;
height: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 5.5px 0 5.5px;
border-color: #7c7c80 transparent transparent transparent;
}
.checkout-select-wrap div.fancy-select div.trigger:hover:after {
border-color: #00a1b0 transparent transparent transparent;
}
.checkout-select-wrap div.fancy-select div.trigger.open {
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #65646a;
}
.checkout-select-wrap div.fancy-select div.trigger.open:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 5.5px 7px 5.5px;
border-color: transparent transparent #7c7c80 transparent;
}
.checkout-select-wrap div.fancy-select ul.options {
list-style: none;
margin: 0;
position: absolute;
top: 60px;
right: 0;
left: auto;
visibility: hidden;
opacity: 0;
z-index: 500;
max-height: 200px;
overflow: auto;
min-width: 100%;
border: none !important;
font: 400 14px/30px "Poppins", sans-serif;
background: #efeff0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0px;
}
.checkout-select-wrap div.fancy-select ul.options.open {
visibility: visible;
top: 40px;
opacity: 1;
border: none;
}
.checkout-select-wrap div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
}
.checkout-select-wrap div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 40px;
}
.checkout-select-wrap div.fancy-select ul.options li {
padding: 0px 0px 5px 30px;
color: #65646a;
cursor: pointer;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.checkout-select-wrap div.fancy-select ul.options li.selected {
background: #efeff0;
}
.checkout-select-wrap div.fancy-select ul.options li.hover {
color: #00a1b0;
background: #efeff0;
}
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 30px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 2px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
} .hamburger--slider .hamburger-inner {
top: 1px;
}
.hamburger--slider .hamburger-inner::before {
top: 8px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
body {
font-size: 10px;
overflow-x: hidden;
}
a {
text-decoration: none;
}
.container {
max-width: 1220px;
padding: 0 30px;
margin: 0 auto;
}
.container:after {
content: "";
display: table;
clear: both;
}
.container-sm {
max-width: 960px;
padding: 0 30px;
margin: 0 auto;
}
.container-sm:after {
content: "";
display: table;
clear: both;
}
.container-lg {
max-width: 1280px;
padding: 0 30px;
margin: 0 auto;
}
.container-lg:after {
content: "";
display: table;
clear: both;
}
.contaiener-block {
max-width: 990px;
padding: 0 30px;
margin: 0 auto;
}
.contaiener-block:after {
content: "";
display: table;
clear: both;
}
.container-md {
max-width: 1006px;
padding: 0 30px;
margin: 0 auto;
}
.container-md:after {
content: "";
display: table;
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row2 {
margin-left: -10px;
margin-right: -10px;
}
.row2:after {
content: "";
display: table;
clear: both;
}
.container-fluid {
padding: 0 30px;
}
.container-fluid:after {
content: "";
display: table;
clear: both;
}
.container-header:after {
content: "";
display: table;
clear: both;
}
.transition, .header-left > a, .h-menu > ul > li > a, .h-menu-bot ul li a, .h-soc ul li a i, .h-request, .h-quote, .h-tel, #fp-top a, .help-link, .vid-play, .ft-logo a, .f-nav li a, .fb-center ul li a, .fb-right ul li a, .lj-top, .lj-form input[type="submit"], .p-nav ul li a, .vid-play2, #vision p a, #complete-solutions p a, #lc-form input[type="submit"], .ft-right-landing ul li a, .news-block h3 a, .nb-img, .pagination-wrap ul li a, #news-article p a, .see-also-block h3 a, .sab-img, #contacts-popup input[type="submit"], #factory-popup input[type="submit"], #quote-popup input[type="submit"], .machines-block h4 a, .f-quest input[type="submit"], .ect-left a, .ect-center a, .ect-right a {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.img-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.green {
background: #00a1b0;
}
.grey {
background: #d3d3db;
}
.red {
background: #d9573d;
}
.yellow {
background: #d98e3d;
}
.bot40px {
margin-bottom: 40px !important;
}
input, textarea {
outline: none;
resize: none;
}
input[type="text"]::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input[type="text"]::-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input[type="text"]:-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input[type="text"]:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input[type="text"]:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="text"]:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="text"]:focus:-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="text"]:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
.header {
display: table;
width: 100%;
position: relative;
}
.header-left {
display: table-cell;
width: 245px;
height: 120px;
border-right: 1px solid #efeff0;
vertical-align: middle;
border-bottom: 1px solid #efeff0;
}
.header-left > a {
display: inline-block;
padding-left: 30px;
padding-right:30px;
}
.header-left > a:hover {
opacity: .8;
}
.header-right {
display: table-cell;
position: relative;
}
.header-right:after {
content: "";
display: table;
clear: both;
}
.h-menu {
padding-left: 3%;
border-bottom: 1px solid #efeff0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.h-menu:after {
content: "";
display: table;
clear: both;
}
.h-menu > ul > li {
float: left;
height: 50px;
margin-right: 3.17%;
border-bottom: 3px solid transparent;
list-style:none;
}
.h-menu > ul > li:hover, .h-menu > ul > .current-menu-item, .h-menu > ul > .current-post-ancestor {
border-bottom: 3px solid #00a1b0;
}
.h-menu > ul > li:last-child {
margin-right: 0px;
}
.h-menu > ul > li > a {
display: block;
font: 500 1.1em/50px "Poppins", sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #65646a;
text-transform: uppercase;
}
.h-menu > ul > li > a:hover, .h-menu > ul > .current-menu-item > a, .h-menu > ul > .current-post-ancestor > a {
color: #00a1b0;
}
@media only screen and (min-width: 993px) {
.h-submenu {
position: absolute;
background: #efeff0;
left: 0;
right: -30px;
padding: 0 15px;
border-bottom: 3px solid #00a1b0;
padding-bottom: 26px;
display: none;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index: 10000;
}
.h-submenu:after {
content: "";
display: table;
clear: both;
}
.hs-block {
width: 33.33%;
float: left;
}
.hs-block > div {
margin: 0 15px;
border-bottom: 1px solid #ccccce;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hs-block > div a {
font: 500 1.1em "Poppins", sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #65646a;
text-transform: uppercase;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
display: table-cell;
vertical-align: middle;
height: 50px;
}
.hs-block > div a:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -3.5px;
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 0 3.5px 5px;
border-color: transparent transparent transparent #ccccce;
}
.hs-block > div a:hover, .hs-block.current-menu-item a, .hs-block.current-post-ancestor a {
color: #00a1b0;
}
.hs-block > div a:hover:after, .hs-block.current-menu-item a:after, .hs-block.current-post-ancestor a:after {
border-color: transparent transparent transparent #00a1b0;
}
.d-table {
width: 100%;
display: table;
height: 50px;
}
.h-menu > ul > li:hover > a {
border-bottom: 3px solid #00a1b0;
}
.h-menu > ul > li:hover .h-submenu {
display: block;
}
} .header-bot {
height: 70px;
}
.header-bot:after {
content: "";
display: table;
clear: both;
}
.h-menu-bot {
float: left;
width: 79%;
border-bottom: 1px solid #efeff0;
}
.h-menu-bot ul {
margin-left: 3%;
}
.h-menu-bot ul:after {
content: "";
display: table;
clear: both;
}
.h-menu-bot ul li {
float: left;
margin-right: 2%;
}
.h-menu-bot ul li a {
font: 500 1.4em/70px "Poppins", sans-serif;
color: #141319;
}
.h-menu-bot ul li a:hover, .h-menu-bot ul .current-menu-item a, .h-menu-bot ul .current-post-ancestor a, .h-menu-bot ul .current-page-ancestor a {
color: #00a1b0;
}
.f-l-tel {
float: left;
margin-top: 10px;
margin-right: 10px;
font: 500 1.2em/50px "Poppins", sans-serif;
color: #65646a;
text-transform: uppercase;
}
.h-soc {
width: 21%;
float: right;
border-bottom: 1px solid #efeff0;
}
.h-soc:after {
content: "";
display: table;
clear: both;
}
.h-soc ul {
float: right;
padding-right: 30px;
}
.h-soc ul li {
float: left;
margin-right: 10px;
line-height: 70px;
}
.h-soc ul li a{
position:relative;
top:3px;
}
.h-soc ul li:last-child {
margin-right: 0px;
}
.h-soc ul li a i {
font-size: 2em;
}
.h-tw {
color: #88c5f3;
}
.h-tw:hover {
color: #5aaeee;
}
.h-yo {
color: #ed6c68;
}
.h-yo:hover {
color: #e8403a;
}
.h-in {
color: #4ca0cb;
}
.h-in:hover {
color: #3386b1;
}
.h-goo {
color: #e67c73;
}
.h-goo:hover {
color: #de5448;
} .h-top-right {
width: 356px;
position: absolute;
top: 0px;
right: 0px;
}
.h-request {
width: 51.2%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #efeff0;
display: block;
text-align: center;
height: 53px;
}
.h-request span {
font: 500 1.1em/50px "Poppins", sans-serif;
color: #65646a;
padding-left: 22px;
position: relative;
text-transform: uppercase;
}
.h-request span:after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 50%;
margin-top: -6px;
left: 0;
}
.h-request:hover > span {
color: #00a1b0;
}
.h-quote {
width: 48.8%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #efeff0;
display: block;
text-align: right;
height: 53px;
}
.h-quote span {
font: 500 1.1em/50px "Poppins", sans-serif;
color: #65646a;
padding-left: 22px;
padding-right: 18px;
position: relative;
text-transform: uppercase;
}
.h-quote span:after {
content: '';
display: block;
position: absolute;
width: 9px;
height: 12px;
top: 50%;
margin-top: -6px;
left: 0;
}
.h-quote:hover > span {
color: #00a1b0;
}
.h-tel {
width: 100%;
display: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #efeff0;
text-align: center;
}
.h-tel span {
font: 500 1.1em/50px "Poppins", sans-serif;
color: #65646a;
padding-left: 22px;
position: relative;
text-transform: uppercase;
}
.h-tel span:after {
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 50%;
margin-top: -6px;
left: 0;
}
.h-tel:hover > span {
color: #00a1b0;
}
.hamburger {
position: absolute;
right: 0;
top: 13px;
display: none;
} .fp-top-slide{
//padding:140px 0px 150px 0px;
height:630px;
background-size:cover;
background-position:center center;
position: relative;
}
#fp-top {
// padding: 140px 0px 150px 0px;
// background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/fp-top-bg.jpg);
background-size: cover;
background-position: center center;
position:relative;
z-index: 1001;
}
#fp-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 100;
padding-top:140px;
}
#fp-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#fp-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#fp-top h2 {
font: 500 1.7em/30px "Poppins", sans-serif;
color: #fff;
max-width: 680px;
margin: 0px  auto 0px auto;
position: relative;
z-index: 100;
}
#fp-top a {
display: block;
width: 179px;
height: 70px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #00a1b0;
font: 600 1.7em/70px "Poppins", sans-serif;
color: #fff;
text-align: center;
position: absolute;
bottom: 150px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 100;
}
#fp-top a:hover {
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.45);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.45);
background: #0bc;
} #fp-help {
padding-top: 50px;
}
#fp-help h2 {
font: 700 4em/70px "Poppins", sans-serif;
color: #464646;
text-align: center;
}
#fp-help h3 {
font: 400 1.7em/1 "Poppins", sans-serif;
color: #65646a;
text-align: center;
}
.fp-help-row {
margin-top: 50px;
padding: 0 2px;
}
.fp-help-row:after {
content: "";
display: table;
clear: both;
}
.fp-help-block {
width: 33.33%;
float: left;
margin-bottom: 30px;
display:block;
}
.hb-inner {
margin: 0 2px;
height: 392px;
text-align: center;
}
.hb-inner h4 {
padding-top: 70px;
max-width: 280px;
text-align: center;
margin: 0px auto 0px auto;
}
.hb-inner h4 span {
font: 700 2.9em/1 "Poppins", sans-serif;
letter-spacing: -2px;
padding: 5px 5px;
background: #00a1b0;
color: #fff;
display: inline-block;
margin-bottom: 10px;
}
.fp-help-center {
background-size: cover;
background-position: center center;
}
.help-link {
display: block;
margin: 30px auto 0px auto;
width: 50px;
height: 50px;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
}
.help-link:after {
content: '';
display: block;
position: absolute;
width: 15px;
height: 9px;
left: 50%;
margin-left: -7.5px;
top: 50%;
margin-top: -4.5px;
}
//.help-link:hover {
//background: #00a1b0;
//}
.fp-help-block:hover .help-link{
background: #00a1b0;
}
.fp-help-block:hover .help-link:after{
background-position:0 -36px;
} #fp-video {
padding: 30px 0px 70px 0px;
}
.fp-video-row {
display: table;
width: 100%;
max-width: 960px;
margin: 0 auto;
min-height: 340px;
}
.fp-video-left {
display: table-cell;
width: 37.5%;
//min-height: 340px;
height:340px;
vertical-align: middle;
}
.fvl-inner {
margin-right: 60px;
vertical-align: middle;
}
.fvl-inner h3 {
font: 700 4em/50px "Poppins", sans-serif;
color: #141319;
letter-spacing: -2px;
}
.fvl-inner p {
font: 400 1.6em/20px "Poppins", sans-serif;
color: #65646a;
margin-top: 20px;
}
.fp-video-right {
display: table-cell;
width: 62.5%;
position: relative;
height: 100%;
background-color: #1e1e24;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
}
.vid-poster {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
cursor: pointer;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/video-poster.jpg);
background-position: center center;
background-size: cover;
}
.fp-video-right iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vid-play {
width: 60px;
height: 60px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -30px;
z-index: 100;
text-align: center;
cursor: pointer;
}
.vid-play span {
position: relative;
width: 60px;
height: 60px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.vid-play span:after {
content: '';
display: block;
position: absolute;
margin-left: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 9px 0 9px 16px;
border-color: transparent transparent transparent #00a1b0;
z-index: 1000;
}
.vid-play:hover {
-moz-box-shadow: #fff 0px 0px 0px 10px;
-webkit-box-shadow: #fff 0px 0px 0px 10px;
box-shadow: #fff 0px 0px 0px 10px;
}
.fp-video-right:hover .vid-play {
-moz-box-shadow: #fff 0px 0px 0px 10px;
-webkit-box-shadow: #fff 0px 0px 0px 10px;
box-shadow: #fff 0px 0px 0px 10px;
} footer {
background: #141319;
}
.footer-top {
padding-top: 55px;
padding-bottom: 60px;
}
.footer-top:after {
content: "";
display: table;
clear: both;
}
.ft-logo {
width: 32.6%;
float: left;
}
.ft-logo a {
display: block;
margin-top: 10px;
}
.ft-logo a:hover {
opacity: .8;
}
.ft-left {
width: 17.5%;
float: left;
}
.ft-center {
width: 17.5%;
float: left;
}
.ft-right {
width: 15.08%;
float: right;
}
.f-nav li a {
font: 500 1.4em/30px "Poppins", sans-serif;
color: #a7a7a8;
}
.f-nav li a:hover, .f-nav .current-menu-item a, .f-nav .current-post-ancestor a {
color: #fff;
}
.ft-right p {
font: 400 1.2em/20px "Poppins", sans-serif;
color: #a7a7a8;
}
.ft-right p a {
color: #a7a7a8;
}
.footer-bot {
min-height: 86px;
}
.footer-bot:after {
content: "";
display: table;
clear: both;
}
.fb-left {
width: 30%;
float: left;
font: 400 1.2em/86px "Poppins", sans-serif;
color: #a7a7a8;
min-height: 1px;
}
.fb-center {
width: 40%;
float: left;
text-align: center;
}
.fb-center ul {
display: inline-block;
}
.fb-center ul:after {
content: "";
display: table;
clear: both;
}
.fb-center ul li {
float: left;
margin-right: 10px;
}
.fb-center ul li a {
font: 400 1.2em/86px "Poppins", sans-serif;
color: #a7a7a8;
position: relative;
}
.fb-center ul li a:after {
content: '';
display: block;
width: 2px;
height: 1px;
background: #a7a7a8;
position: absolute;
right: -5px;
top: 50%;
}
.fb-center ul li a:hover, .fb-center ul .current-menu-item a, .fb-center ul .current-post-ancestor a {
color: #fff;
}
.fb-center ul li:last-child a:after {
display: none;
}
.fb-right {
width: 30%;
float: right;
}
.fb-right:after {
content: "";
display: table;
clear: both;
}
.fb-right ul {
float: right;
}
.fb-right ul:after {
content: "";
display: table;
clear: both;
}
.fb-right ul li {
float: left;
margin-right: 10px;
}
.fb-right ul li a i {
font-size: 2em;
color: #a7a7a8;
line-height: 86px;
}
.fb-right ul li a:hover i {
color: #fff;
}
.fb-right ul li:last-child {
margin-right: 0px;
} .footer-middle {
background: #232228;
height: 80px;
}
.footer-middle:after {
content: "";
display: table;
clear: both;
}
.footer-middle-inner {
position: relative;
}
.f-quality {
position: absolute;
left: 0;
top: -10px;
}
.fm-logos {
float: right;
}
.fm-logos li {
float: left;
height: 80px;
margin-right: 30px;
}
.fm-logos li:last-child {
margin-right: 0px;
}
.fm-logos li img {
vertical-align: middle;
}
#careers-top {
padding: 160px 0px 170px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/careers-bg.jpg);
background-size: cover;
background-position: center center;
position:relative;
z-index:1;
}
#careers-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#careers-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#careers-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#careers-top h2 {
font: 500 1.7em/30px "Poppins", sans-serif;
color: #fff;
max-width: 680px;
margin: 0px  auto 0px auto;
position: relative;
z-index: 10;
} #latest-jobs {
padding-top: 60px;
padding-bottom: 50px;
}
#latest-jobs h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #464646;
text-align: center;
margin-bottom: 50px;
}
.lj-top {
display: table;
width: 100%;
height: 110px;
cursor: pointer;
border-top: 1px solid #efeff0;
border-bot: 1px solid #efeff0;
}
.lj-top:hover {
opacity: .8;
}
.ljt-left {
display: table-cell;
width: 62.5%;
vertical-align: middle;
}
.ljt-left h3 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
vertical-align: middle;
}
.ljt-center {
display: table-cell;
width: 32.08%;
vertical-align: middle;
}
.ljt-center p {
font: 400 1.4em/1 "Poppins", sans-serif;
color: #65646a;
vertical-align: middle;
}
.ljt-right {
display: table-cell;
width: 50px;
vertical-align: middle;
}
.lgt-round {
vertical-align: middle;
width: 49px;
height: 49px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: rgba(239, 239, 240, 0);
border: solid 2px #efeff0;
position: relative;
}
.lgt-round:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 4.5px 0 4.5px;
border-color: #00a1b0 transparent transparent transparent;
left: 50%;
margin-left: -4.5px;
top: 50%;
margin-top: -1.5px;
}
.lgt-round.active:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 4.5px 7px 4.5px;
border-color: transparent transparent #00a1b0 transparent;
margin-top: -3.5px;
}
.lj-bot {
padding: 60px 0px 40px 0px;
background: #efeff0;
margin-top: 50px;
}
.lj-desc {
padding: 0 40px;
}
.lj-desc p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-bottom: 22px;
}
.lj-desc h4 {
font: 500 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-bottom: 22px;
}
.lj-desc ul {
margin-bottom: 22px;
}
.lj-desc ul li {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
}
.lj-form-wrap {
padding-top: 70px;
}
.lj-form-wrap h5 {
padding: 0 40px;
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
}
.lj-form {
padding: 0 20px;
margin-top: 30px;
}
.lj-form:after {
content: "";
display: table;
clear: both;
}
.lj-form input[type="submit"] {
display: block;
float: right;
width: 119px;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0);
border: solid 2px #00a1b0;
font: 500 1.4em/48px "Poppins", sans-serif;
margin-right: 10px;
margin-top: 30px;
cursor:pointer;
color: #00a1b0;
}
.lj-form input[type="submit"]:hover {
background: #00a1b0;
color: #fff;
}
.lj-input-wrap {
width: 25%;
float: left;
}
.lj-input-wrap > div {
margin: 0 10px;
}
.lj-input-wrap > div input[type="text"], .lj-input-wrap > div input[type="email"] {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
font: 400 1.4em/50px "Poppins", sans-serif;
color: #141319;
border: none;
padding-left: 25px;
}
.lj-form > div input[type="text"]::-webkit-input-placeholder {
color: #65646a;
}
.lj-form > div input[type="text"]::-moz-placeholder {
color: #65646a;
}
.lj-form > div input[type="text"]:-moz-placeholder {
color: #65646a;
}
.lj-form > div input[type="text"]:-ms-input-placeholder {
color: #65646a;
}
.rc_form__file {
position: relative;
margin: 40px 0 10px 12px;
overflow: hidden;
float: left;
}
.rc_form__file > div {
float: left;
position: relative;
//background: transparent url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/icons/file.png) no-repeat left 7px;
line-height: 15px;
padding-left: 12px;
height: 22px;
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
font: 500 1.4em "Poppins", sans-serif;
color: #727277;
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.rc_form__file > div {
width: 90px;
}
}
.rc_form__file > div:after{
content:'';
display: inline-block;
width:8px;
height:8px;
background-position:0 -281px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/sprite-sfaa6160328.png);
background-repeat: no-repeat;
position: absolute;
left:0;
top:8px;
}
.rc_form__file:hover > div {
text-decoration: none !important;
color:#00a1b0!important;
}
.rc_form__file:hover > div:after {
background-position:0 -273px;
}
.rc_form_file > div:hover span{
color:#00a1b0;
}
.rc_form__file > div span:hover {
cursor: pointer;
color:#00a1b0;
}
.rc_form__file > div:hover {
// text-decoration: none;
}
.rc_form__file input[type="file"] {
position: absolute;
top: 0;
left: 0;
border: 0 none;
margin: 0;
padding: 0;
opacity: 0;
z-index: 10000000;
cursor: pointer;
}
.lj-form-bot:after {
content: "";
display: table;
clear: both;
} #quality-wrap {
padding-bottom: 70px;
}
#quality-wrap h1 {
font: 700 4em/1 "Poppins", sans-serif;
color: #464646;
text-align: center;
margin-top: 50px;
}
.quality-row {
//margin-top: 60px;
padding:30px 0px;
display: table;
width: 100%;
border-bottom:1px solid #efeff0;
}
.quality-row:last-child{
border-bottom:none;
}
.quality-row:after {
content: "";
display: table;
clear: both;
}
.quality-left {
display: table-cell;
width: 120px;
vertical-align: top;
}
.quality-right {
display: table-ceell;
vertical-align: top;
}
.quality-right h3 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
text-transform: uppercase;
}
.quality-right p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-top: 14px;
}
.quality-right h4 {
color: #65646a;
font: 700 1.4em/20px "Poppins", sans-serif;
margin-top: 14px;
text-transform: uppercase;
}
.view-pdf {
color: #00a1b0;
margin-top: 24px;
display: block;
}
.view-pdf em {
font: 500 1.4em/1 "Poppins", sans-serif;
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
}
.view-pdf span {
display: inline-block;
width: 11px;
height: 14px;
margin-right: 6px;
}
.view-pdf:hover em {
color: #0bc;
} #company-top {
padding: 160px 0px 170px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/about-top-bg.jpg);
background-size: cover;
background-position: center center;
position:relative;
height:500px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#company-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
pa
}
#company-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#company-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#company-top h2 {
font: 500 1.7em/30px "Poppins", sans-serif;
color: #fff;
max-width: 800px;
margin: 0px  auto 0px auto;
text-align: center;
position: relative;
z-index: 100;
}
#page-nav {
min-height: 70px;
background: #efeff0;
}
.p-nav {
text-align: center;
}
.p-nav ul {
text-align: center;
padding: 20px 0px;
}
.p-nav ul li {
display: inline-block;
margin-right: 24px;
}
.p-nav ul li a {
display: block;
font: 500 1.1em/1 "Poppins", sans-serif;
color: #65646a;
padding: 10px 0px;
text-transform: uppercase;
position: relative;
}
.p-nav ul li a:after {
content: "";
display: block;
width: 2px;
height: 2px;
background: #717076;
position: absolute;
top: 50%;
margin-top: -1px;
right: -14px;
}
.p-nav ul li a:hover, .p-nav ul .current-m a {
color: #0bc;
}
.p-nav ul li:last-child {
margin-right: 0px;
}
.p-nav ul li:last-child a:after {
content: '';
display: none;
}
.p-nav ul li a.active {
color: #0bc;
} #company-background {
padding: 60px 0px 0px 0px;
}
#company-background h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
}
.company-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
max-height: 540px !important;
}
.company-video-wrap {
margin-top: 40px;
position: relative;
}
.company-video-wrap:after {
content: '';
display: block;
width: 100%;
bottom: 0px;
height: 20px;
position: absolute;
z-index: 10;
background: transparent;
width: 100%;
left: 0;
-webkit-box-shadow: 0 10px 14px -6px #65646a;
-moz-box-shadow: 0 10px 14px -6px #65646a;
box-shadow: 0 10px 14px -6px #65646a;
}
.vid-poster2 {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 20;
cursor: pointer;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/video-poster2.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.company-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.vid-play2 {
width: 100px;
height: 100px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
margin-top: -50px;
left: 50%;
margin-left: -50px;
z-index: 100;
text-align: center;
cursor: pointer;
}
.vid-play2 span {
position: relative;
width: 100px;
height: 100px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.vid-play2 span:after {
content: '';
display: block;
position: absolute;
margin-left: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 28px;
border-color: transparent transparent transparent #00a1b0;
z-index: 1000;
}
.vid-play2:hover {
-moz-box-shadow: #fff 0px 0px 0px 10px;
-webkit-box-shadow: #fff 0px 0px 0px 10px;
box-shadow: #fff 0px 0px 0px 10px;
}
#company-text {
padding-top: 40px;
padding-bottom: 60px;
}
#company-text p {
color: #65646a;
font: 400 1.4em/20px "Poppins", sans-serif;
margin-bottom: 20px;
} #vision {
padding: 60px 0px 60px 0px;
}
#vision h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #464646;
margin-bottom: 24px;
}
#vision h3{
font: 700 1.8em/20px "Poppins", sans-serif;
color: #141319;
margin-bottom:20px;
}
#vision p {
color: #65646a;
font: 400 1.4em/20px "Poppins", sans-serif;
margin-bottom: 22px;
}
#vision p a {
display: inline-block;
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
margin: 0 2px;
}
#vision p a:hover {
color: #0bc;
border-bottom: 1px solid #0bc;
}
#vision p strong{
font-weight: bold;
}
#vision p em {
color: #00a1b0;
}
#vision ul {
margin-bottom: 22px;
}
#vision ul li {
position: relative;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
padding-left: 27px;
margin-bottom: 2px;
}
#vision ul li:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 7px;
height: 5px;
width: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #00a1b0;
}
#vision img {
display: block;
float: left;
margin: 5px 30px 30px 0px;
} #what-top {
padding: 160px 0px 170px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/what-bg.jpg);
background-size: cover;
background-position: center center;
}
#what-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#what-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#what-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#what-top h2 {
font: 500 1.7em/30px "Poppins", sans-serif;
color: #fff;
max-width: 800px;
margin: 0px  auto 0px auto;
text-align: center;
}
#complete-solutions {
padding: 60px 0px 40px 0px;
}
#complete-solutions h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 24px;
}
#complete-solutions p {
color: #65646a;
font: 400 1.4em/20px "Poppins", sans-serif;
margin-bottom: 22px;
}
#complete-solutions p a {
display: inline-block;
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
margin: 0 2px;
}
#complete-solutions p a:hover {
color: #0bc;
border-bottom: 1px solid #0bc;
} #testimonials {
padding-bottom: 80px;
}
.testimonials-inner {
background: #efeff0;
padding: 50px 40px 20px 40px;
}
.testimonials-inner h3 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
letter-spacing: 0.1px;
}
.testimonials-block {
margin-top: 34px;
padding-bottom: 40px;
}
.testimonials-block2 {
padding-bottom: 16px;
}
.testimonials-block p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-bottom: 24px;
}
.testimonials-block h4 {
font: 700 1.4em/20px "Poppins", sans-serif;
color: #141319;
}
.testimonials-block h5 {
font: 700 1.4em/20px "Poppins", sans-serif;
color: #141319;
}
.testimonials-block img {
display: block;
margin-top: 20px;
} .header-landing {
display: table;
width: 100%;
height: 90px;
}
.header-landing-left {
display: table-cell;
vertical-align: middle;
height: 90px;
width: 240px;
padding-left: 30px;
}
.header-landing-left a {
display: block;
}
.header-landing-left a:hover {
opacity: .8;
}
.header-landing-center {
display: table-cell;
vertical-align: middle;
}
.header-landing-center:after {
content: "";
display: table;
clear: both;
}
.header-landing-center a {
float: right;
font: 400 1.2em/1 "Poppins", sans-serif;
color: #65646a;
display: block;
margin-right: 30px;
}
.header-landing-center a span {
display: inline-block;
margin-right: 10px;
}
.h-l-mail span {
width: 13px;
height: 10px;
position: relative;
top: 2px;
}
.h-l-mail:hover {
color: #0bc;
}
.h-l-tel span {
width: 12px;
height: 12px;
position: relative;
top: 2px;
}
.h-l-tel:hover {
color: #0bc;
}
.header-landing-right {
padding-right: 10px;
display: table-cell;
vertical-align: middle;
width: 172px;
border-left: 1px solid #efeff0;
}
.header-landing-right:after {
content: "";
display: table;
clear: both;
}
.header-landing-right ul {
float: right;
}
.header-landing-right ul:after {
content: "";
display: table;
clear: both;
}
.header-landing-right ul li {
float: left;
margin-right: 10px;
line-height: 70px;
}
.header-landing-right ul li i {
font-size: 2em;
} #landing-top {
padding-top: 150px;
padding-bottom: 210px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/landing-bg.jpg);
background-position: center center;
background-size: cover;
}
#landing-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
color: #fff;
max-width: 560px;
}
#landing-top h1 em {
display: block;
color: #fff;
background: rgba(0, 161, 176, 0.75);
padding: 8px 16px 0px 16px;
}
#landing-top h1 span {
margin-left: 23px;
}
#landing-top p {
font: 500 1.7em/30px "Poppins", sans-serif;
color: #fff;
max-width: 526px;
margin-top: 40px;
margin-left: 23px;
} .lt-rel {
position: relative;
}
.landing-contacts {
width: 270px;
padding: 40px 30px;
background: #fff;
margin-right: 23px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);
//border: solid 2px #efeff0;
position: absolute;
right: 30px;
top: 0;
border-top: 3px solid #00a1b0;
}
.landing-contacts h2 {
font: 700 3.5em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 30px;
}
.lcf-row {
margin-bottom: 20px;
position: relative;
}
#lc-form {
position: relative;
}
#lc-form label {
color: #65646a;
margin-bottom: 8px;
font: 400 1.2em/1 "Poppins", sans-serif;
display: block;
}
#lc-form input[type="text"], #lc-form input[type="email"] {
width: 100%;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #efeff0;
border: 1px solid transparent;
padding-left: 25px;
color: #65646a;
font: 1.4em/50px "Poppins", sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#lc-form p { margin:0 !important;}
#lc-form input[type="submit"] {
width: 100%;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #00a1b0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
color: #fff;
cursor: pointer;
}
#lc-form input[type="submit"]:hover {
background: #0bc;
}
#lc-form em {
color: #d9573d;
font: 400 1em/1 "Poppins", sans-serif;
position: absolute;
top: 73px;
left: 0;
}
.lc-email .emailico {
position: absolute;
left: 24px;
top: 42px;
width: 13px;
height: 10px;
}
.lc-phone .phoneico {
position: absolute;
left: 24px;
top: 42px;
width: 12px;
height: 12px;
} #landing-bot {
padding-top: 70px;
padding-bottom: 70px;
}
#landing-bot h2 {
font: 700 4em/1em "Poppins", sans-serif;
color: #141319;
margin-bottom: 10px;
}
.landing-text-block {
width: 50%;
float: left;
padding: 0 15px;
min-height: 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.landing-text-block h3 {
font: 700 1.4em/50px "Poppins", sans-serif;
}
.landing-text-block p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
}
.landing-bot-list {
padding-top: 35px;
}
.landing-bot-list h3 {
font: 700 1.4em/1 "Poppins", sans-serif;
padding-bottom: 30px;
}
.landing-bot-list ul li {
padding-left: 35px;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
position: relative;
margin-bottom: 20px;
}
.landing-bot-list ul li:after {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
}
.ft-right-landing {
display: table-cell;
width: 11%;
min-width: 110px;
vertical-align: middle;
}
.ft-right-landing ul {
float: right;
}
.ft-right-landing ul:after {
content: "";
display: table;
clear: both;
}
.ft-right-landing ul li {
float: left;
margin-right: 7px;
}
.ft-right-landing ul li a i {
font-size: 2em;
color: #a7a7a8;
line-height: 86px;
}
.ft-right-landing ul li a:hover i {
color: #fff;
}
.ft-right-landing ul li:last-child {
margin-right: 0px;
}
.footer-top-landing {
padding: 0px;
height: 115px;
display: table;
vertical-align: middle;
width: 100%;
}
.footer-top-landing:after {
content: "";
display: table;
clear: both;
}
.ft-logo-landing {
width: 12.1%;
display: table-cell;
vertical-align: middle;
}
.ft-landing-center {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 76.9%;
}
.ft-landing-center a {
font: 400 1.2em/1 "Poppins", sans-serif;
color: #65646a;
display: inline-block;
margin-right: 30px;
}
.ft-landing-center a span {
display: inline-block;
margin-right: 10px;
}
.f-l-mail span {
width: 13px;
height: 10px;
position: relative;
top: 2px;
}
.f-l-mail:hover {
color: #0bc;
}
.f-l-tel span {
width: 12px;
height: 12px;
position: relative;
top: 2px;
}
.f-l-tel:hover {
color: #0bc;
}
.visit-full {
float: right;
color: #00a1b0;
font: 400 1.2em/86px "Poppins", sans-serif;
text-transform: uppercase;
}
.visit-full:hover {
color: #0bc;
}
#news {
padding: 60px 0px 60px 0px;
}
#news h1 {
font: 700 4em/1 "Poppins", sans-serif;
color: #464646;
text-align: center;
margin-bottom: 50px;
}
.news-block {
width: 50%;
padding: 0 15px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 40px;
}
.news-block h3 {
font: 700 1.8em/20px "Poppins", sans-serif;
color: #141319;
}
.news-block h3 a {
color: #141319;
}
.news-block h3 a:hover {
color: #0bc;
}
.news-block h3 + p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-top: 14px;
}
.nb-img {
display: block;
}
.nb-img img {
width: 100%;
height: auto;
}
.nb-img:hover {
opacity: .8;
}
.news-date {
font: 400 1.2em/20px "Poppins", sans-serif;
color: #65646a;
margin: 14px 0px 10px 0px;
} .pagination-wrap {
text-align: center;
padding: 20px 0px;
}
.pagination-wrap ul, .pagination-wrap .wp-pagenavi {
display: inline-block;
}
.pagination-wrap ul:after, .pagination-wrap .wp-pagenavi {
content: "";
display: table;
clear: both;
}
.pagination-wrap ul li {
float: left;
}
.pagination-wrap ul li a, .pagination-wrap ul li .current {
width: 50px;
height: 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center !important;
display: block;
}
.pagination-wrap ul li a span,  .pagination-wrap ul li .current span {
font: 400 1.4em/50px "Poppins", sans-serif;
color: #bcbbbd;
}
.pagination-wrap ul li a:hover span {
color: #00a1b0;
}
.pagination-wrap ul li:first-child {
text-align: left;
}
.pagination-wrap ul li:first-child a {
text-align: left;
height: 50px;
}
.pagination-wrap ul li:first-child a span {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 9px;
text-align: left;
}
.pagination-wrap ul li:last-child a  {
text-align: right;
height: 50px;
}
.pagination-wrap ul li:last-child a span {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 9px;
text-align: left;
}
.pagination-wrap ul li:last-child .current span, .pagination-wrap ul li:first-child .current span  {
width:auto !important;
}
.pagination-wrap ul li:first-child .current, .pagination-wrap ul li:first-child .current {
text-align:center !important;
}
.pagination-wrap ul li span.current {
background-color: #00a1b0;
}
.pagination-wrap ul li span.current span {
color: #fff !important;
} #news-article {
padding: 60px 0px 0px 0px;
//border-bottom:1px solid #efeff0;
}
.news-article-inner{
padding-bottom:50px;
border-bottom:1px solid #efeff0;
}
#news-article h1 {
font: 700 4em/50px "Poppins", sans-serif;
color: #464646;
margin-top: 30px;
}
#news-article img {
display: block;
width: 100%;
height: auto;
margin-top: 34px;
margin-bottom: 34px;
}
#news-article p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-bottom: 22px;
}
#news-article p a {
display: inline-block;
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
margin: 0px 2px;
}
#news-article p a:hover {
color: #0bc;
border-bottom: 1px solid #0bc;
}
#news-article h2 {
font: 700 2.8em/1 "Poppins", sans-serif;
color: #141319;
text-align: left;
margin-bottom: 20px;
}
#news-article h3 {
font: 700 2.4em/1 "Poppins", sans-serif;
color: #141319;
text-align: left;
margin-bottom: 20px;
}
#news-article h4 {
font: 700 2.2em/1 "Poppins", sans-serif;
color: #141319;
text-align: left;
margin-bottom: 20px;
}
#news-article h5 {
font: 700 2.2em/1 "Poppins", sans-serif;
color: #141319;
text-align: left;
margin-bottom: 20px;
}
#news-article h6 {
font: 700 2em/1 "Poppins", sans-serif;
color: #141319;
text-align: left;
margin-bottom: 20px;
}
#news-article i{
font-style: italic;
}
#news-article ul {
margin-bottom:22px;
}
#news-article ul li {
position: relative;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
padding-left: 27px;
margin-bottom: 2px;
}
#news-article ul li:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 7px;
height: 5px;
width: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #00a1b0;
}
.back {
display: inline-block;
font: 500 1.4em/1 "Poppins", sans-serif;
color: #bcbbbd;
}
.back span {
display: inline-block;
width: 15px;
height: 9px;
margin-right: 10px;
}
.back:hover {
color: #0bc;
}
.news-article-date {
font: 400 1.2em/20px "Poppins", sans-serif;
color: #65646a;
margin: 14px 0px 0px 0px;
} #see-also {
padding: 40px 0px 60px 0px;
}
#see-also h2 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 30px;
}
.see-also-block {
width: 33.33%;
float: left;
padding: 0 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.see-also-block h3 {
font: 700 1.8em/20px "Poppins", sans-serif;
margin-bottom: 20px;
}
.see-also-block h3 a {
color: #141319;
}
.see-also-block h3 a:hover {
color: #0bc;
}
.see-also-block h3 + p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
}
.see-also-date {
font: 400 1.2em/20px "Poppins", sans-serif;
color: #65646a;
margin: 14px 0px 10px 0px;
}
.sab-img {
display: block;
}
.sab-img:hover {
opacity: .8;
}
.sab-img img {
display: block;
width: 100%;
height: auto;
} #contacts-popup {
max-width: 640px;
background: #fff;
margin: 0 auto;
padding: 50px 40px 40px 40px;
border-top: 3px solid #00a1b0;
}
#contacts-popup h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
}
#contacts-popup input[type="text"], #contacts-popup input[type="email"]  {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 25px!important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/50px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 50px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#contacts-popup textarea {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 25px;
padding-top: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 90px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#contacts-popup input[type="submit"] {
display: block;
border: none;
width: 120px;
height: 50px;
background: #00a1b0;
color: #fff;
text-align: center;
font: 500 1.4em/50xp "Poppins", sans-serif;
cursor: pointer;
}
#contacts-popup input[type="submit"]:hover {
background: #0bc;
}
#contacts-popup label {
font: 400 1.2em/1 "Poppins", sans-serif;
display: block;
margin-bottom: 10px;
color: #a5a4a7;
}
.cpf-input {
width: 50%;
float: left;
padding: 0 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-wrap {
padding-bottom: 20px;
position: relative;
}
.input-wrap em {
display: none;
font: 400 1em/20px "Poppins", sans-serif;
color: #d9573d;
top: 70px;
position: absolute;
}
.input-wrap.error input[type="text"] {
border: 1px solid #d9573d;
}
.input-wrap.error em {
display: block;
}
#contacts-popup-form {
padding-top: 32px;
}
.cf-email .emailico {
position: absolute;
left: 24px;
top: 42px;
width: 13px;
height: 10px;
}
.cf-phone .phoneico {
position: absolute;
left: 24px;
top: 42px;
width: 12px;
height: 12px;
}
.mfp-close {
background-color: transparent;
color: transparent !important;
width: 30px;
height: 29px;
top: 50px;
right: 40px;
}
.mfp-close:hover {
opacity: 1 !important;
}  #factory-popup {
max-width: 640px;
background: #fff;
margin: 0 auto;
padding: 50px 40px 40px 40px;
border-top: 3px solid #00a1b0;
}
#factory-popup h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
}
#factory-popup input[type="text"] {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/50px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 50px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#factory-popup textarea {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 40px;
padding-top: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 90px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#factory-popup input[type="submit"] {
display: block;
border: none;
width: 120px;
height: 50px;
background: #00a1b0;
color: #fff;
text-align: center;
font: 500 1.4em/50xp "Poppins", sans-serif;
cursor: pointer;
}
#factory-popup input[type="submit"]:hover {
background: #0bc;
}
#factory-popup label {
font: 400 1.2em/1 "Poppins", sans-serif;
display: block;
margin-bottom: 10px;
color: #a5a4a7;
}
.cpf-input {
width: 50%;
float: left;
padding: 0 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-wrap {
padding-bottom: 20px;
position: relative;
}
.input-wrap em {
display: none;
font: 400 1em/20px "Poppins", sans-serif;
color: #d9573d;
top: 70px;
position: absolute;
}
.input-wrap.error input[type="text"] {
border: 1px solid #d9573d;
}
.input-wrap.error em {
display: block;
}
#factory-popup-form {
padding-top: 32px;
}  #quote-popup {
max-width: 640px;
background: #fff;
margin: 0 auto;
padding: 50px 40px 40px 40px;
border-top: 3px solid #00a1b0;
}
#quote-popup h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
}
#quote-popup input[type="text"] {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/50px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 50px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#quote-popup textarea {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 40px;
padding-top: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 90px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
}
#quote-popup input[type="submit"] {
display: block;
border: none;
width: 120px;
height: 50px;
background: #00a1b0;
color: #fff;
text-align: center;
font: 500 1.4em/50xp "Poppins", sans-serif;
cursor: pointer;
}
#quote-popup input[type="submit"]:hover {
background: #0bc;
}
#quote-popup label {
font: 400 1.2em/1 "Poppins", sans-serif;
display: block;
margin-bottom: 10px;
color: #a5a4a7;
}
.cpf-input {
width: 50%;
float: left;
padding: 0 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-wrap {
padding-bottom: 20px;
position: relative;
}
.input-wrap em {
display: none;
font: 400 1em/20px "Poppins", sans-serif;
color: #d9573d;
top: 70px;
position: absolute;
}
.input-wrap.error input[type="text"] {
border: 1px solid #d9573d;
}
.input-wrap.error em {
display: block;
}
#quote-popup-form {
padding-top: 32px;
} #help-questionnaire-top {
padding: 150px 0px 140px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/about-top-bg.jpg);
background-size: cover;
background-position: center center;
position:relative;
z-index:1;
}
#help-questionnaire-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#help-questionnaire-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#help-questionnaire-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#help-questionnaire-top h2 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #fff;
max-width: 800px;
margin: 0px  auto 0px auto;
text-align: center;
margin-top: 30px;
position: relative;
z-index: 100;
}
#help-questionnaire-top h2 em {
display: inline-block;
background: rgba(0, 161, 176, 0.75);
padding: 10px;
color: #fff;
margin-bottom: 10px;
}
#help-moulding-q-top {
padding: 150px 0px 140px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/moulding-bg.jpg);
background-size: cover;
background-position: center center;
}
#help-moulding-q-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#help-moulding-q-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#help-moulding-q-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#help-moulding-q-top h2 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #fff;
max-width: 800px;
margin: 0px  auto 0px auto;
text-align: center;
margin-top: 30px;
}
#help-moulding-q-top h2 em {
display: inline-block;
background: rgba(0, 161, 176, 0.75);
padding: 10px;
color: #fff;
margin-bottom: 10px;
}
#help-develop-top {
padding: 150px 0px 140px 0px;
background-image: url(//www.counterplas.co.uk/wp-content/themes/counterplas/images/bg/help-develop.jpg);
background-size: cover;
background-position: center center;
}
#help-develop-top h1 {
font: 700 7.1em/90px "Poppins", sans-serif;
letter-spacing: -2px;
text-align: center;
max-width: 786px;
margin: 0 auto;
position: relative;
z-index: 10;
}
#help-develop-top h1 em {
color: #fff;
position: relative;
z-index: 100;
display: inline-block;
}
#help-develop-top h1 em:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#help-develop-top h2 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #fff;
max-width: 800px;
margin: 0px  auto 0px auto;
text-align: center;
margin-top: 30px;
}
#help-develop-top h2 em {
display: inline-block;
background: rgba(0, 161, 176, 0.75);
padding: 10px;
color: #fff;
margin-bottom: 10px;
} #help-questionnaire-wrap {
padding: 60px 0px 80px 0px;
}
#help-questionnaire-wrap h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #141319;
text-align: center;
margin-bottom: 30px;
}
.help-questionnaire-row {
width: 100%;
display: table;
}
.help-questionnaire-left {
display: table-cell;
vertical-align: top;
//width: 62.5%;
width:57%;
}
.help-questionnaire-right {
display: table-cell;
vertical-align: top;
width: 37.5%;
width:43%;
//min-width: 360px;
}
.hqr-border {
border-left: 1px solid #efeff0;
}
.hqr-inner {
//padding-left: 20px;
padding-left:20px;
}
.hqr-inner h3 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
margin-left: 19px;
margin-bottom: 30px;
}
.hqr-machines-row:after {
content: "";
display: table;
clear: both;
}
.machines-block {
//width: 150px;
width:100%;
margin-left: 19px;
//margin-left:5px;
float: left;
margin-bottom: 30px;
}
.machines-block h4 {
font: 400 1.2em/1 "Poppins", sans-serif;
color: #65646a;
margin: 10px 0px 7px 0px;
}
.machines-block h4 a {
color: #65646a;
}
.machines-block h4 a:hover {
color: #00a1b0;
}
.availability-row:after {
content: "";
display: table;
clear: both;
}
.availability-left {
float: left;
padding-top: 1px;
}
.availability-left ul:after {
content: "";
display: table;
clear: both;
}
.availability-left ul li {
float: left;
margin-right: 2px;
}
.availability-left ul li:last-child {
margin-right: 0px;
}
.availability-left ul li span {
display: block;
width: 7px;
height: 7px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.availability-right {
float: right;
}
.availability-right p {
text-transform: uppercase;
color: #bcbbbd;
text-align: right;
font: 500 1.1em/1 "Poppins", sans-serif;
}
.mb-img {
display: block;
}
.mb-img:hover {
opacity: .8;
}
.mb-img img {
width: 65%;
height: auto;
display: block;
}
.hql-inner {
padding-right: 40px;
//padding-right:10px;
}
.availability-row{
display:none;
}
.form-tabs-nav {
border-bottom: 1px solid #efeff0;
padding-bottom: 30px;
}
.form-tabs-nav:after {
content: "";
display: table;
clear: both;
}
.ftn-left {
width: 50%;
float: left;
}
.ftn-left a {
padding-left: 32px;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
max-width: 180px;
position: relative;
cursor: pointer;
display: block;
}
.ftn-left a:after {
content: '';
position: absolute;
top: 2px;
left: 0;
display: block;
width: 18px;
height: 18px;
}
.ftn-left a:hover {
color: #00a1b0;
}
.ftn-right {
width: 50%;
float: left;
}
.ftn-right a {
padding-left: 32px;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
max-width: 180px;
position: relative;
cursor: pointer;
display: block;
}
.ftn-right a:after {
content: '';
position: absolute;
top: 2px;
left: 0;
display: block;
width: 18px;
height: 18px;
}
.ftn-right a:hover {
color: #00a1b0;
}
.ftn-left a.active {
color: #00a1b0 !important;
}
.ftn-right a.active {
color: #00a1b0 !important;
}
.f-quest input[type="text"], .f-quest input[type="email"] {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/50px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 50px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
margin-top: 25px;
}
.f-quest textarea {
background: #f5f5f5;
width: 100%;
height: 100%;
padding-left: 40px;
padding-top: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
border: none;
height: 90px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #efeff0;
margin-top: 25px;
}
.f-quest input[type="submit"] {
display: block;
border: none;
width: 220px;
height: 50px;
background: #00a1b0;
color: #fff;
text-align: center;
font: 500 1.4em/50px "Poppins", sans-serif;
cursor: pointer;
margin-top: 35px;
}
.f-quest input[type="submit"]:hover {
background: #0bc;
}
.f-quest label {
font: 400 1.2em/1 "Poppins", sans-serif;
display: block;
margin-bottom: 10px;
color: #a5a4a7;
position: absolute;
top: 0;
}
.f-quest label i {
color: #00a1b0;
}
.input-block2 {
width: 50%;
float: left;
padding: 0 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-wrap {
padding-bottom: 20px;
position: relative;
}
.input-wrap em {
display: none;
font: 400 1em/20px "Poppins", sans-serif;
color: #d9573d;
top: 70px;
position: absolute;
}
.input-wrap.error input[type="text"] {
border: 1px solid #d9573d;
}
.input-wrap.error em {
display: block;
}
.form-tabs-content-wrap {
padding-top: 40px;
}
.form-tabs-content-wrap p {
font: 400 1.2em/20px "Poppins", sans-serif;
color: #65646a;
}
.form-tabs-content-wrap p a {
display: inline-block;
margin: 0 2px;
color: #00a1b0;
border-bottom: 1px solid #86c7d0;
}
.form-tabs-content-wrap p a:hover {
border-bottom: 1px solid transparent;
}
.form-tabs-content-wrap h3 {
font: 700 1.8em/1 "Poppins", sans-serif;
color: #141319;
margin-top: 50px;
margin-bottom: 20px;
}
.form-tabs-content-wrap h4 {
font: 500 1.4em/1 "Poppins", sans-serif;
color: #141319;
margin-top: 14px;
margin-bottom: 20px;
}
.form-tabs-content-wrap h5 {
font: 400 1.2em/1 "Poppins", sans-serif;
color: #a5a4a7;
margin-bottom: 20px;
}
.form-tabs-content-wrap h6 {
font: 400 1.2em/1 "Poppins", sans-serif;
color: #00a1b0;
}
.i-file-wrap {
position: relative;
} .inputfile-2 + .file-label {
color: #65646a;
}
.inputfile-2:focus + .file-label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
color: #green;
}
.inputfile-2 + .file-label { font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
}
.inputfile-2 + .file-label:hover {
color: #00a1b0 !important;
text-decoration: none;
}
.inputfile-2 + .file-label em {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 10px;
top: -1px;
}
.inputfile-2 + .file-label span {
font: 700 14px/1 "Poppins", sans-serif !important;
color: #727277;
display: inline-block;
border-bottom: 1px solid #727277;
}
.inputfile-2 + .file-label span:hover {
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.no-js .inputfile + label {
display: none;
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.i-file-wrap {
height: 40px;
position: relative;
}
.form-check {
max-width: 560px;
}
.form-check:after {
content: "";
display: table;
clear: both;
}
.form-check {
padding-bottom: 60px;
border-bottom: 1px solid #efeff0;
}
.form-check label {
width: 130px;
display: block;
position: relative !important;
padding-left: 32px;
font: 400 1.4em/18px "Poppins", sans-serif !important;
color: #65646a;
cursor: pointer;
}
.form-check label input[type="radio"] {
display: none;
}
.form-check input[type="radio"] + span {
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
cursor: pointer;
}
.form-check label:hover{
//color:#00a1b0;
}
.form-check label:hover span{
background-position: 0px -83px;
} #extra-capacity-top {
padding-top: 54px;
}
#extra-capacity-top p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
margin-bottom:20px;
}
#extra-capacity-top p:last-child{
margin-bottom:0px;
} 
#extra-capacity-top ul {
margin-bottom:22px;
}
#extra-capacity-top ul li {
position: relative;
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
padding-left: 27px;
margin-bottom: 2px;
}
#extra-capacity-top ul li:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 7px;
height: 5px;
width: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #00a1b0;
}
#extra-capacity-top p a{
display: inline-block;
color: #00a1b0;
border-bottom: 1px solid #00a1b0;
margin: 0 2px;
}
#extra-capacity-top p a:hover{
color: #0bc;
border-bottom: 1px solid #0bc;
}
.ect-row {
display: table;
width: 100%;
background: #efeff0;
margin-top: 40px;
}
.ect-left {
display: table-cell;
vertical-align: middle;
height: 180px;
text-align: center;
width: 33.33%;
}
.ect-left h3 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 24px;
}
.ect-left a {
max-width: 240px;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 50px;
color: #fff;
font: 500 1.4em/50px "Poppins", sans-serif;
text-align: center;
margin: 0 auto;
background: #00a1b0;
}
.ect-left a:hover {
background: #0bc;
}
.ect-center {
display: table-cell;
vertical-align: middle;
height: 180px;
text-align: center;
width: 33.33%;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.ect-center h3 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 24px;
}
.ect-center a {
max-width: 240px;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 50px;
color: #fff;
font: 500 1.4em/50px "Poppins", sans-serif;
text-align: center;
margin: 0 auto;
background: #00a1b0;
}
.ect-center a:hover {
background: #0bc;
}
.ect-right {
display: table-cell;
vertical-align: middle;
height: 180px;
text-align: center;
width: 33.33%;
}
.ect-right h3 {
font: 700 2.9em/1 "Poppins", sans-serif;
color: #141319;
margin-bottom: 24px;
}
.ect-right a {
max-width: 240px;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 50px;
color: #fff;
font: 500 1.4em/50px "Poppins", sans-serif;
text-align: center;
margin: 0 auto;
background: #00a1b0;
}
.ect-right a:hover {
background: #0bc;
}
#faqs {
padding-top: 60px;
padding-bottom: 60px;
}
#faqs h2 {
font: 700 4em/1 "Poppins", sans-serif;
color: #464646;
text-align: center;
margin-bottom: 34px;
}
.faqs-block {
padding: 30px 0px;
border-top: 1px solid #efeff0;
//border-bottom: 1px solid #efeff0;
}
.faqs-block:last-child{
border-bottom: 1px solid #efeff0;
}
.faqs-block h3 {
font: 700 1.4em/1 "Poppins", sans-serif;
color: #141319;
cursor: pointer;
}
.faqs-block h3 span {
display: inline-block;
margin-left: 10px;
width: 8px;
height: 8px;
position: relative;
top: -1px;
}
.faqs-block h3:hover {
color: #00a1b0;
}
.faqs-block.active h3 {
color: #00a1b0 !important;
}
.faqs-block.active h3 span {
display: inline-block;
margin-left: 10px;
width: 6px;
height: 2px;
top: -4px;
}
.faqs-inner {
margin-top: 20px;
display: none;
}
.faqs-inner p {
font: 400 1.4em/20px "Poppins", sans-serif;
color: #65646a;
}
@media only screen and (max-width: 1400px) {
.h-soc ul {
padding-right: 15px;
}
}
@media only screen and (max-width: 1300px) {
.header-left {
width: 225px;
}
.h-menu {
padding-left: 1.5%;
}
.h-menu > ul > li {
margin-right: 2%;
}
.h-menu-bot {
width: 77%;
}
.h-menu-bot ul {
margin-left: 1.5%;
}
.h-menu-bot ul li {
margin-right: 2%;
}
.h-menu-bot ul li a {
font-size: 1.2em;
}
.h-soc {
width: 23%;
}
.h-soc ul {
padding-right: 10px;
}
.ft-right {
width: 18%;
}
}
@media only screen and (max-width: 1920px) {
.h-request {
width: 175px;
float: none;
text-align: right;
height: auto;
padding-right: 30px;
border-left: 0px;
}
.h-request span {
line-height: 20px;
}
.h-quote, .h-tel {
width: 175px;
float: none;
text-align: right;
height: auto;
border-left: 0px;
}
.h-quote span, .h-tel span {
line-height: 20px;
}
.ft-right {
width: 20%;
}
.h-top-right {
width: 175px;
padding-top: 10px;
border-left: 1px solid #efeff0;
height: 44px;
}
}
@media only screen and (max-width: 1200px) {
.h-menu > ul > li {
margin-right: 1%;
}
.ft-right {
width: 20%;
}
.h-top-right {
width: 175px;
padding-top: 10px;
border-left: 1px solid #efeff0;
height: 44px;
}
.h-request {
width: 175px;
float: none;
text-align: right;
height: auto;
padding-right: 30px;
border-left: 0px;
}
.h-request span {
line-height: 20px;
}
.h-quote, .h-tel {
width: 175px;
float: none;
text-align: right;
height: auto;
border-left: 0px;
}
.h-quote span, .h-tel span {
line-height: 20px;
}
.h-soc ul li {
margin-right: 5px;
}
.h-soc ul li a i {
font-size: 1.6em;
}
.header-left {
width: 180px;
}
.header-left a {
//margin-right: 10px;
}
.header-left a img {
display: block;
width: 100%;
height: auto;
}
.h-menu-bot ul li a {
font-size: 1.1em;
}
.container {
padding: 0 20px;
}
}
@media only screen and (max-width: 1100px) {
.h-request{
padding-right:10px;
}
.h-quote span{
padding-right:10px;
}
.h-top-right{
border-left:none;
}
}
@media only screen and (max-width: 992px) {
.container {
padding: 0 10px;
}
.header-right {
display: none;
height: 100%;
min-height: 600px;
}
.h-menu-bot, .h-soc {
border-bottom: none;
}
.hamburger {
display: block;
}
.header {
display: block;
}
.header-left {
height: 70px;
display: block;
width: 100%;
border-bottom: 1px solid #efeff0;
border-right: none !important;
}
.header-left a {
padding-left: 18px;
margin-right: 0px;
padding-right: 50px;
border-right: 1px solid #efeff0;
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.header-left a img {
display: block;
width: 180px;
height: 52px;
}
.h-menu {
padding-left: 0px;
}
.h-menu > ul > li {
float: none;
display: block;
border-bottom: 0px;
height: auto;
margin-right: 0px;
}
.h-menu > ul > li a {
border-bottom: 3px solid transparent;
display: inline-block;
margin-left: 18px;
}
.h-menu > ul > li a:hover {
border-bottom: 3px solid #00a1b0;
}
.h-menu > ul > li:hover, .h-menu > ul > .current-menu-item, .h-menu > ul > .current-post-ancestor {
border-bottom: 0px;
}
.h-menu > ul > li:hover > a, .h-menu > ul > .current-menu-item > a, .h-menu > ul > .current-post-ancestor > a {
border-bottom: 3px solid #00a1b0;
}
.h-menu > ul > li > a {
line-height: 35px;
}
.h-menu > ul > li a.active {
border-bottom: 3px solid #00a1b0 !important;
}
.h-submenu {
background: #efeff0;
padding: 20px 0px 10px 0px;
margin-bottom: 10px;
display: none;
}
.hs-block a {
font: 500 1.1em/40px "Poppins", sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #65646a;
text-transform: uppercase;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-bottom: 0px !important;
}
.hs-block a:hover, .h-submenu .current-menu-item a, .h-submenu .current-post-ancestor a {
border: none !important;
color: #00a1b0;
}
.header-bot {
height: auto;
}
.h-menu-bot ul {
margin-left: 0px;
margin-top: 30px;
margin-bottom: 6px;
}
.h-menu-bot ul li {
float: none;
margin-right: 0px;
}
.h-menu-bot ul li a {
font-size: 14px;
}
.h-menu-bot ul li a {
line-height: 40px;
color: #141319;
line-height: 44px;
padding-left: 18px;
}
.h-top-right {
position: static;
border: none;
width: 100%;
height: auto;
border: 0px;
}
.h-tel {
display: block !important;
}
.h-menu-bot {
width: 100%;
float: none;
}
.f-l-tel {
display: none;
}
.h-soc {
width: 100%;
float: none;
}
.h-quote, .h-request, .h-tel {
text-align: left;
width: 100%;
height: 50px;
line-height: 50px;
border-top: 1px solid #efeff0;
border-left: none !important;
padding-left: 18px;
}
.h-tel {
border-bottom: 1px solid #efeff0;
}
.h-soc ul {
float: none;
padding-left: 18px;
}
.h-soc ul li {
margin-right: 10px;
}
.h-soc ul li a i {
font-size: 20px;
}
.ft-right {
width: 25%;
}
.ft-right p {
text-align: right;
}
.ft-logo a {
display: block;
margin-right: 15px;
}
.ft-logo a img {
width: 100%;
height: auto;
display: block;
}
.hamburger {
height: 40px;
top: 0px;
border-left: 1px solid #efeff0;
}
.hamburger-box {
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
#company-top{
height:auto;
}
#fp-top a{
margin: 30px auto 70px;
position: relative;
bottom: auto;
left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#fp-top h1{
padding-top:80px;
}
#fp-top h1 p:nth-child(1) {
max-width: 700px;
}
#fp-top h1 p:nth-child(1):after {
display: none;
}
#fp-top h1 p:nth-child(1) span {
position: relative;
}
#fp-top h1 p:nth-child(1) span:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#fp-top h2 {
text-align: center;
}
.fp-help-block {
width: 100%;
float: none;
}
.fp-video-row {
display: block;
}
.fp-video-left {
display: block;
width: 100%;
min-height: auto;
margin-bottom: 40px;
}
.fp-video-left h3, .fp-video-left p {
text-align: center;
}
.fp-video-right {
display: block;
width: 100%;
min-height: 300px;
}
.fvl-inner {
margin-right: 0px;
}
.ft-logo {
width: 100%;
float: none;
}
.ft-logo a {
text-align: center;
margin-right: 0px;
}
.ft-logo a img {
width: auto !important;
display: inline;
}
.ft-left {
width: 100%;
float: none;
}
.ft-center {
width: 100%;
float: none;
}
.ft-right {
width: 100%;
float: none;
margin-top: 20px;
}
.ft-right p {
text-align: center;
}
.footer-top {
padding-top: 30px;
padding-bottom: 30px;
}
.f-nav li {
text-align: center;
}
.fb-left {
width: 100%;
float: none;
text-align: center;
line-height: 1;
margin-top: 30px;
}
.fb-center {
width: 100%;
float: none;
}
.fb-center p {
text-align: center;
}
.fb-right {
width: 100%;
float: none;
text-align: center;
}
.fb-right ul {
float: none;
display: inline-block;
}
.fb-center ul li a {
line-height: 40px;
}
.fb-right ul li a i {
line-height: 46px;
}
.header-left a {
border-right: none !important;
}
}
@media only screen and (max-width: 480px) {
#fp-top h1 {
font-size: 5.1em;
}
}
@media only screen and (max-width: 630px) {
.footer-middle {
height: auto;
}
.fm-logos li {
float: none;
text-align: center;
display: inline-block;
}
.fm-logos {
float: none;
margin-left: 100px;
}
}
@media only screen and (max-width: 480px) {
.fm-logos {
float: none;
margin-left: 80px;
text-align: center;
}
.fm-logos li {
float: none;
text-align: center;
display: inline-block;
margin-right: 15px;
margin-left: 15px;
}
.fm-logos li img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 335px) {
.f-quality {
top: 50px;
}
}
@media only screen and (max-width: 630px) {
.footer-middle {
height: auto;
}
.fm-logos li {
float: none;
text-align: center;
display: inline-block;
}
.fm-logos {
float: none;
margin-left: 100px;
}
}
@media only screen and (max-width: 480px) {
.fm-logos {
float: none;
margin-left: 80px;
text-align: center;
}
.fm-logos li {
float: none;
text-align: center;
display: inline-block;
margin-right: 15px;
margin-left: 15px;
}
.fm-logos li img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 335px) {
.f-quality {
top: 50px;
}
} @media only screen and (max-width: 992px) {
.lj-input-wrap {
width: 50%;
margin-bottom: 20px;
}
#latest-jobs h2 {
margin-bottom: 40px;
}
.ljt-left h3 {
padding-right: 30px;
}
.ljt-center p {
padding-right: 10px;
}
} @media only screen and (max-width: 768px) {
#page-top h1 em:after, #fp-top h1 em:after {
display: none;
}
#page-top h1 {
font-size: 5em;
line-height: 60px;
}
#page-top h2 {
text-align: center;
}
.lj-bot {
padding-top: 30px;
margin-top: 0px;
}
} @media only screen and (max-width: 480px) {
.ljt-left, .ljt-center {
display: block;
width: 80%;
}
.lj-top {
height: auto;
padding: 20px 0px 20px 0px;
}
.ljt-left {
padding-top: 10px;
}
.ljt-right {
vertical-align: top;
padding-top: 5px;
}
.lj-input-wrap {
width: 100%;
}
.lj-desc {
padding: 0 20px;
}
.lj-form {
margin: 0 10px !important;
padding: 0px;
}
.lj-form-wrap h5 {
padding: 0 20px;
margin-bottom: 30px;
}
.lj-form input[type="submit"] {
width: 90px;
}
.ljt-center p {
margin-top: 10px;
}
}   @media only screen and (max-width: 768px) {
#fp-top h1 em:after {
display: none;
}
#fp-top h1 em span {
position: relative;
}
#fp-top h1 em span:after {
content: '';
position: absolute;
border-bottom: 10px solid #00a1b0;
width: 102%;
left: -1%;
right: 0;
top: 50%;
margin-top: -5px;
z-index: -1;
}
#fp-top {
//padding: 70px 0px 70px 0px;
}
}  @media only screen and (max-width: 768px) {
.quality-left {
float: none;
display: block;
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.quality-right {
margin-left: 0px;
display: block;
}
}
@media only screen and (max-width: 768px) {
#vision img {
width: 100%;
height: auto;
margin-right: 0px;
}
}
@media only screen and (max-width: 480px) {
.vid-play2 {
width: 50px;
height: 50px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
margin-top: -25px;
left: 50%;
margin-left: -25px;
z-index: 100;
text-align: center;
cursor: pointer;
}
.vid-play2 span {
position: relative;
width: 50px;
height: 50px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.vid-play2 span:after {
content: '';
display: block;
position: absolute;
margin-left: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #00a1b0;
z-index: 1000;
}
#company-top h1 em::after {
display: none;
}
#company-top {
padding: 70px 0px;
font-size: 70%;
}
}
@media only screen and (max-width: 480px) {
#what-top h1 em::after {
display: none;
}
#what-top {
padding: 70px 0px;
font-size: 70%;
}
#what-top h1 {
font-size: 6em;
}
#testimonials {
background: #efeff0;
padding-bottom: 0px;
}
.testimonials-inner {
padding: 50px 0px 20px 0px;
}
}
@media only screen and (max-width: 992px) {
.landing-contacts {
position: relative;
right: auto !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#landing-top h1 {
text-align: center;
max-width: 100%;
}
#landing-top h1 em {
display: inline-block;
}
#landing-top p {
text-align: center;
margin: 40px auto;
}
.landing-contacts {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
#landing-top {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 768px) {
.header-landing-left {
width: 25%;
}
.header-landing-left a {
display: block;
}
.header-landing-left a img {
display: block;
width: 100%;
height: auto;
}
.header-landing-left {
padding-left: 10px;
}
.header-landing-right {
padding-right: 10px;
}
.header-landing-right {
width: 130px;
}
.header-landing-center a {
margin-right: 10px;
}
#landing-top {
padding-top: 70px;
}
#landing-top h1 {
font-size: 5em;
line-height: 1.2;
}
#landing-top h1 em {
background: transparent;
padding: 0px;
}
#landing-top h1 span {
padding: 0px;
}
.landing-text-block {
width: 100%;
}
.footer-top-landing {
display: block;
height: auto;
padding: 20px 0px;
}
.ft-logo-landing {
width: 100%;
display: block;
text-align: center;
margin-bottom: 20px;
}
.ft-landing-center {
width: 100%;
display: block;
text-align: center;
}
.ft-right-landing {
width: 100%;
display: block;
min-width: auto;
text-align: center;
}
.ft-right-landing ul {
display: inline-block;
float: none;
text-align: center;
}
.fm-logos {
text-align: center;
padding-bottom: 10px;
}
.visit-full {
float: none;
line-height: 30px;
}
#landing-top h1 span {
margin-left: 0px;
}
}
@media only screen and (max-width: 480px) {
.header-landing {
height: auto;
display: block;
}
.header-landing-left {
width: 100%;
margin-bottom: 20px;
display: block;
text-align: center;
padding-left: 0px;
height: auto;
padding-top: 10px;
}
.header-landing-left img {
width: 175px !important;
display: inline-block !important;
}
.header-landing-center {
width: 100%;
display: block;
text-align: center;
}
.header-landing-center a {
float: none;
margin-bottom: 10px;
}
.header-landing-right {
width: 100%;
display: block;
text-align: center;
}
.header-landing-right ul {
float: none;
display: inline-block;
}
.header-landing-center a {
margin-right: 0px;
}
.landing-contacts {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 768px) {
.see-also-block {
width: 100%;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 480px) {
.news-block {
width: 100%;
}
.pagination-wrap ul li a {
width: 30px;
height: 30px;
}
.pagination-wrap ul li a span {
line-height: 30px;
}
.pagination-wrap ul li:first-child a {
width: 30px;
height: 30px;
}
.pagination-wrap ul li:last-child a {
width: 30px;
height: 30px;
}
#news-article h1 {
font: 700 3em/40px "Poppins", sans-serif;
}
#news-article {
padding-bottom: 0px;
}
#see-also {
padding-top: 40px;
}
}
@media only screen and (max-width: 992px) {
.input-block2 {
width: 100%;
}
.form-check {
padding-bottom: 20px;
}
.help-questionnaire-row {
display: block;
}
}
@media only screen and (max-width: 768px) {
.help-questionnaire-left {
width: 100%;
display: block;
margin-bottom: 40px;
}
.help-questionnaire-right {
width: 100%;
display: block;
}
.hql-inner {
padding-right: 0px;
}
.hqr-inner {
padding-left: 0px;
}
.hqr-border {
border: none;
}
.hqr-inner h3 {
margin-left: 0px;
}
.machines-block {
padding-left: 10px;
padding-right: 10px;
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0px;
}
.hqr-machines-row {
margin-left: -10px;
}
#help-questionnaire-top h1 em::after, #help-moulding-q-top h1 em::after {
display: none;
}
#help-questionnaire-top h2 em, #help-moulding-q-top h2 em {
background: none;
}
#help-questionnaire-top h1, #help-moulding-q-top h1 {
font: 700 5.1em/60px "Poppins", sans-serif;
}
#help-questionnaire-top h2 em, #help-moulding-q-top h2 em {
margin-bottom: 0px;
padding: 0px;
}
#help-questionnaire-top, #help-moulding-q-top {
padding: 40px 0px;
}
.ect-left h3 {
font-size: 1.9em;
}
.ect-left a {
margin-left: 20px;
margin-right: 20px;
font-size: 1.2em;
}
.ect-center h3 {
font-size: 1.9em;
}
.ect-center a {
margin-left: 20px;
margin-right: 20px;
font-size: 1.2em;
}
.ect-right h3 {
font-size: 1.9em;
}
.ect-right a {
margin-left: 20px;
margin-right: 20px;
font-size: 1.2em;
}
}
@media only screen and (max-width: 480px) {
#help-questionnaire-wrap h2 {
font-size: 3em;
}
.hqr-machines-row {
margin-left: 0px;
}
.machines-block {
width: 100%;
}
.help-questionnaire-right {
min-width: auto;
}
.ect-row {
display: block;
}
.ect-left {
width: 100%;
display: block;
height: auto;
padding: 30px 0px;
}
.ect-left a {
font-size: 1.4em !important;
max-width: 100% !important;
}
.ect-center {
width: 100%;
display: block;
height: auto;
padding: 30px 0px;
}
.ect-center a {
font-size: 1.4em !important;
max-width: 100% !important;
}
.ect-right {
width: 100%;
display: block;
height: auto;
padding: 30px 0px;
}
.ect-right a {
font-size: 1.4em !important;
max-width: 100% !important;
}
} .table-wrap {
overflow-x: auto;
}
table {
margin: 0 0 60px 0px;
width: 100%;
border-top: 2px solid #efeff0;
border-bottom: 2px solid #efeff0;
min-width: 768px;
}
table tr {
border-bottom: 1px solid #efeff0;
}
table tr:nth-child(odd) {
background: #f8f8f8;
}
table tr:first-child {
background: #efeff0;
}
table tr th {
width: 16.6%;
vertical-align: top;
height: 60px;
border-right: 1px solid #efeff0;
font: 700 1.6em/1 "Poppins", sans-serif;
color: #65646a;
text-align: center;
padding-top: 10px;
}
table tr th:last-child {
border-right: 2px solid #efeff0;
}
table tr th:first-child {
border-left: 2px solid #efeff0;
}
table tr td {
width: 16.6%;
vertical-align: top;
height: 60px;
border-right: 1px solid #efeff0;
vertical-align: middle;
font: 400 1.4em/1 "Poppins", sans-serif;
color: #65646a;
text-align: center;
}
table tr td:last-child {
border-right: 2px solid #efeff0;
}
table tr td:first-child {
border-left: 2px solid #efeff0;
}  @media only screen and (max-width: 800px) {
#help-questionnaire-top h1 em:after{
display: none;
}
}
@media only screen and (max-width: 768px) {
#careers-top h1 em:after{
display:none;
}
.cpf-input{
width:100%;
float:none;
}
}
@media only screen and (min-width: 993px) {
.f-l-tel {
pointer-events: none;
}
}
strong { font-weight:bold !important; }.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.h-fb{
color:#3B5998;
}
.h-fb:hover {
color: #2b406e;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.h-menu .sub-menu { display:none;}
.hadind { display:none !important;}
.h6zz { padding-top:7px !important;}
.wpcf7-response-output { margin:15px 0  0 0 !important; padding:10px 20px !important;  font: 400 1.2em/1 "Poppins", sans-serif ;}
.wpcf7-not-valid-tip { display: block !important; font: 400 1em/20px "Poppins", sans-serif; color: #d9573d !important; margin-bottom:-12px !important;}
.wpcf7-not-valid { border:1px solid #d9573d !important;}
.lj-form-wrap .wpcf7-response-output { margin:15px 30px -12px  30px !important; }
.file-1 { position:absolute !important;}
.landing-contacts .wpcf7-response-output { text-align:center !important; }
.lj-form-wrap .wpcf7-not-valid-tip  { display:none !important; }
#news-article img {
width:auto;
}