@font-face { font-family: 'Helvetica'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica.svg#Helvetica) format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Light.svg#Helvetica-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Helvetica-Bold.svg#Helvetica-Bold) format("svg"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica LT Std'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold) format("svg"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica LT Std'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Light.svg#HelveticaLTStd-Light) format("svg"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica LT Std'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-LightObl.svg#HelveticaLTStd-LightObl) format("svg"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Helvetica LT Std'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/HelveticaLTStd-Roman.svg#HelveticaLTStd-Roman) format("svg"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Medium.svg#Roboto-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/Roboto-Regular.svg#Roboto-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Arial'; src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.eot); src: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.eot?#iefix) format("embedded-opentype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.woff2) format("woff2"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.woff) format("woff"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.ttf) format("truetype"), url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/fonts/ArialMT.svg#ArialMT) format("svg"); font-weight: normal; font-style: normal; font-display: swap; }       * { outline: none; }
body, html { font-size: 16px; margin: 0; padding: 0; color: #16171b; font-weight: normal; font-family: "Helvetica LT Std"; background-color: #ffffff; overflow-x: hidden; }
@media only screen and (min-width: 1200px) { .customContainer { max-width: 1030px; } }
button, input { outline: none; }
img, .img-fluid { display: block; }
.main { margin: 0 auto; }
.btnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
.customBTN { color: #ffffff; background-color: #8f001c; font-family: "Helvetica"; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; padding: 8px 10px; min-height: 28px; min-width: 90px; font-size: 12px; line-height: 12px; }
.customBTN.borderBTN { background-color: transparent; border: 1px solid #8f001c; color: #8f001c; }
.customBTN.borderBTN:hover { background-color: #8f001c; border-color: #8f001c; text-decoration: none; color: #ffffff; }
.customBTN:hover { background-color: #2E2A2A; text-decoration: none; color: #ffffff; }
.sectionTitle { color: #000000; text-align: center; font-family: "Helvetica"; font-weight: 700; font-size: 24px; line-height: 28px; }
@media only screen and (max-width: 1199px) { .sectionTitle { font-size: 22px; line-height: 26px; } }
.sectionText { text-align: center; font-family: "Helvetica"; font-weight: 400; margin: 10px 0 0; font-size: 14px; line-height: 16px; }
.headerHeroWrapper { position: relative; height: 657px; }
@media only screen and (max-width: 1441px) { .headerHeroWrapper { height: 580px; } }
@media only screen and (max-width: 1199px) { .headerHeroWrapper { height: 520px; } }
@media only screen and (max-width: 991px) { .headerHeroWrapper { height: 495px; } }
@media only screen and (max-width: 767px) { .headerHeroWrapper { height: 430px; } }
@media only screen and (max-width: 575px) { .headerHeroWrapper { height: 385px; } }
.headerHeroWrapper::after { position: absolute; content: ''; bottom: 0; z-index: 15; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); height: 77%; }
.headerHeroWrapper .heroWrapper { position: absolute; z-index: 20; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; color: #ffffff; width: 100%; bottom: 30px; }
@media only screen and (max-width: 991px) { .headerHeroWrapper .heroWrapper { bottom: 30px; } }
@media only screen and (max-width: 575px) { .headerHeroWrapper .heroWrapper { padding: 0 15px; } }
.headerHeroWrapper .heroWrapper .heroSubTitle { position: relative; text-transform: uppercase; display: inline-block; font-size: 16px; height: 16px;}
@media only screen and (max-width: 1199px) { .headerHeroWrapper .heroWrapper .heroSubTitle { font-size: 14px; height: 14px;} }
@media only screen and (max-width: 767px) { .headerHeroWrapper .heroWrapper .heroSubTitle { font-size: 12px; height: 12px;} }
.headerHeroWrapper .heroWrapper .heroSubTitle::before, .headerHeroWrapper .heroWrapper .heroSubTitle::after { position: absolute; content: ''; background-color: #ffffff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 50px; }
.headerHeroWrapper .heroWrapper .heroSubTitle::before { left: -55px; }
.headerHeroWrapper .heroWrapper .heroSubTitle::after { right: -55px; }
.headerHeroWrapper .heroWrapper .heroTitle { font-weight: 700; margin: 10px 0 20px; font-size: 40px; line-height: 44px;overflow: hidden; height: 88px; }
@media only screen and (max-width: 1441px) { .headerHeroWrapper .heroWrapper .heroTitle { font-size: 38px; line-height: 42px; height: 80px} }
@media only screen and (max-width: 1199px) { .headerHeroWrapper .heroWrapper .heroTitle { font-size: 36px; line-height: 40px; height: 76px;} }
@media only screen and (max-width: 991px) { .headerHeroWrapper .heroWrapper .heroTitle { font-size: 34px; line-height: 38px;height: 72px; } }
@media only screen and (max-width: 767px) { .headerHeroWrapper .heroWrapper .heroTitle { font-size: 28px; line-height: normal; height: 62px;} }
@media only screen and (max-width: 575px) { .headerHeroWrapper .heroWrapper .heroTitle { margin: 5px 0 10px; } }
.headerHeroWrapper .heroWrapper .heroText { overflow: hidden;height: 86px; font-family: "Helvetica"; font-weight: 400; margin: 0 auto; font-size: 24px; line-height: 27px; max-width: 590px; }
@media only screen and (max-width: 1441px) { .headerHeroWrapper .heroWrapper .heroText { font-size: 22px; line-height: 25px; max-width: 540px; height: 78px} }
@media only screen and (max-width: 1199px) { .headerHeroWrapper .heroWrapper .heroText { font-size: 18px; line-height: 21px; max-width: 440px; height: 68px;} }
@media only screen and (max-width: 767px) { .headerHeroWrapper .heroWrapper .heroText { font-size: 16px; line-height: 19px; height: 58px; } }
@media only screen and (max-width: 575px) { .headerHeroWrapper .heroWrapper .heroText { max-width: 85%; } }
.headerHeroWrapper .bgImage { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; }
.headerHeroWrapper .bgImage img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; }
.headerHeroWrapper.hero2 { height: 472px; }
@media only screen and (max-width: 1441px) { .headerHeroWrapper.hero2 { height: 420px; } }
@media only screen and (max-width: 1199px) { .headerHeroWrapper.hero2 { height: 390px; } }
@media only screen and (max-width: 991px) { .headerHeroWrapper.hero2 { height: 350px; } } .headerHeroWrapper.hero2::after { height: 68%; }
.headerHeroWrapper.hero2 .heroWrapper { bottom: 30px; }
@media only screen and (max-width: 1199px) { .headerHeroWrapper.hero2 .heroWrapper { bottom: 20px; } }
@media only screen and (max-width: 991px) { .headerHeroWrapper.hero2 .heroWrapper { bottom: 15px; } }
.headerHeroWrapper.hero2 .heroWrapper .heroTitle { margin: 10px 0; font-weight: 500; font-size: 40px; line-height: 44px; height: auto;}
@media only screen and (max-width: 1441px) { .headerHeroWrapper.hero2 .heroWrapper .heroTitle { font-size: 38px; line-height: 42px;height: auto; } }
@media only screen and (max-width: 1199px) { .headerHeroWrapper.hero2 .heroWrapper .heroTitle { font-size: 36px; line-height: 40px; height: auto;} }
@media only screen and (max-width: 991px) { .headerHeroWrapper.hero2 .heroWrapper .heroTitle { font-size: 34px; line-height: 38px;height: auto; } }
@media only screen and (max-width: 767px) { .headerHeroWrapper.hero2 .heroWrapper .heroTitle {    font-size: 28px;
line-height: normal;
margin: 4px 0;} }
.headerHeroWrapper.hero2 .heroWrapper .heroText { display: none;font-weight: 500; font-size: 28px; line-height: 30px; overflow: hidden;height: 98px;}
@media only screen and (max-width: 1441px) { .headerHeroWrapper.hero2 .heroWrapper .heroText { font-size: 26px; line-height: 28px; } }
@media only screen and (max-width: 1199px) { .headerHeroWrapper.hero2 .heroWrapper .heroText { font-size: 24px; line-height: 26px; } }
@media only screen and (max-width: 991px) { .headerHeroWrapper.hero2 .heroWrapper .heroText { font-size: 22px; line-height: 24px; } }
@media only screen and (max-width: 767px) { .headerHeroWrapper.hero2 .heroWrapper .heroText { font-size: 18px; line-height: normal; } }
.header { position: relative; z-index: 95; }
.header .navWrapper .logoNavWrapper { background-color: #8f001c; opacity: 0.95;}
@media only screen and (max-width: 991px) { .header .navWrapper .logoNavWrapper { background-color: #8f001c; } }
.header .navWrapper .mainMenu { background-color: rgba(0, 0, 0, 0.95); }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu { background-color: #3a3a3c !important; } }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu::before { position: absolute; content: ''; background-color: #000000; width: 100%; left: 0; top: 0; height: 122px; width: 100%; } }
.pageeTitle { position: relative; background-color: #000000; color: #ffffff; text-align: center; z-index: 90; margin: 0; font-weight: 700; font-size: 16px; padding: 10px 0; }
@media only screen and (max-width: 767px) { .pageeTitle { font-size: 16px; } }
@media only screen and (max-width: 767px) { .pageeTitle::before { position: absolute; content: ''; background-color: #000000; top: 0; z-index: -1; height: 100%; width: 200%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
.inputWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 0 15px; }
.inputWrapper label { color: #9D9D9C; width: 100%; padding-right: 5px; margin-top: 10px; font-size: 16px; max-width: 130px; }
@media only screen and (max-width: 1199px) { .inputWrapper label { font-size: 14px; max-width: 115px; } } .inputWrapper .inputClass {
background-color: #EDEDED;
border-radius: 3px;
width: 100%;
padding: 8px 10px 7px !important;
font-size: 16px;
line-height: 20px;
border: 0;
}
@media only screen and (max-width: 1199px) { .inputWrapper .inputClass { padding: 9px 10px; font-size: 14px; line-height: 18px; } }
.inputWrapper .wpcf7-form-control-wrap { width: 100%; }
.inputWrapper textarea { resize: none; max-height: 80px; }
.inputWrapper select { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/dropdownIcon.jpg); background-position: right center; background-repeat: no-repeat; background-position-x: 96%; background-size: 16px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; outline: none; width: 100%; color: #9D9D9C; border: 1px solid #DADADA; border-radius: 3px; width: 100%; padding: 9px 25px 9px 10px !important; }
@media only screen and (max-width: 1199px) { .inputWrapper select { padding: 11px 25px 11px 10px !important; } }
@media only screen and (max-width: 767px) { .inputWrapper select { background-position-x: 97.5%; } } .header .navWrapper .logoNavWrapper { background-color: #8f001c; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 27px 0; }
@media only screen and (max-width: 1199px) { .header .navWrapper .logoNavWrapper { padding: 24px 0; } }
@media only screen and (max-width: 991px) { .header .navWrapper .logoNavWrapper { position: relative; z-index: 99; } }
@media only screen and (max-width: 575px) { .header .navWrapper .logoNavWrapper { padding: 16px 0; } }
.header .navWrapper .logoNavWrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (max-width: 991px) { .header .navWrapper .logoNavWrapper .container { padding: 0; } }
@media only screen and (max-width: 576px) { .header .navWrapper .logoNavWrapper .container { padding: 0 15px; } }
.header .navWrapper .logoNavWrapper .container .navbar-brand { margin: 0; padding: 0; max-width: 280px; }
@media only screen and (max-width: 1199px) { .header .navWrapper .logoNavWrapper .container .navbar-brand { max-width: 260px; } }
@media only screen and (max-width: 767px) { .header .navWrapper .logoNavWrapper .container .navbar-brand { max-width: 230px; } }
@media only screen and (max-width: 575px) { .header .navWrapper .logoNavWrapper .container .navbar-brand { max-width: 190px; margin-left: -18px;} }
@media only screen and (max-width: 991px) { .header .navWrapper .logoNavWrapper .container .hederLink { display: none; } }
.header .navWrapper .logoNavWrapper .container .hederLink ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .navWrapper .logoNavWrapper .container .hederLink ul li { margin-left: 55px; }
@media only screen and (max-width: 1199px) { .header .navWrapper .logoNavWrapper .container .hederLink ul li { margin-left: 45px; } }
.header .navWrapper .logoNavWrapper .container .hederLink ul li a { color: #ffffff; font-weight: normal; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom: 2px solid transparent; font-size: 18px; }
@media only screen and (max-width: 1199px) { .header .navWrapper .logoNavWrapper .container .hederLink ul li a { font-size: 16px; } }
.header .navWrapper .logoNavWrapper .container .hederLink ul li a.active { border-bottom: 2px solid #000000; }
.header .navWrapper .logoNavWrapper .container .hederLink ul li a:hover { border-bottom: 2px solid #ffffff; }
.header .navWrapper .logoNavWrapper .navbar-toggler { background-color: transparent; position: relative; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; outline: none; padding: 0; }
@media only screen and (max-width: 575px) { .header .navWrapper .logoNavWrapper .navbar-toggler { margin-right: 0;margin-left:18px; } }
@media only screen and (max-width: 991px) { 
.header .navWrapper .logoNavWrapper .navbar-toggler::before {
content: '';
position: absolute; 
height: 111px;
width: 111px;
background-color: #000000;
top: -42.5px;
left: -42.5px;
} 
}
@media only screen and (max-width: 767px) { .header .navWrapper .logoNavWrapper .navbar-toggler::before {height: 108px; width: 108px; } }
@media only screen and (max-width: 575px) { .header .navWrapper .logoNavWrapper .navbar-toggler::before { height: 96px; width: 96px; left: -32.5px;} }
.header .navWrapper .logoNavWrapper .navbar-toggler span { display: block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 3px; width: 28px; margin: 5px 0; background-color: #ffffff; }
.header .navWrapper .logoNavWrapper .navbar-toggler span:first-child { -webkit-transform: rotate(45deg) translate(5px, 6px); transform: rotate(45deg) translate(5px, 6px); }
.header .navWrapper .logoNavWrapper .navbar-toggler span:nth-child(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }
.header .navWrapper .logoNavWrapper .navbar-toggler span:last-child { -webkit-transform: rotate(-45deg) translate(5px, -6px); transform: rotate(-45deg) translate(5px, -6px); }
@media only screen and (max-width: 575px) { .header .navWrapper .logoNavWrapper .navbar-toggler.collapsed { margin-right: 10px; } }
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed span:first-child { -webkit-transform: rotate(0) translate(0); transform: rotate(0) translate(0); }
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed span:nth-child(2) { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed span:last-child { -webkit-transform: rotate(0) translate(0); transform: rotate(0) translate(0); }
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed::before { border-bottom: 1px solid transparent; background-color: #8f001c; }
.header .navWrapper .mainMenu { width: 100%; background-color: #000000; }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu { background-color: transparent; display: block; z-index: 5; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 108px; padding: 0 15px; } }
@media only screen and (max-width: 767px) { 
.header .navWrapper .mainMenu { top: 102px; } 
.header .navWrapper .mainMenu .container .navbar-nav{margin-left: 0 !important;margin-right: 0 !important;}
}
@media only screen and (max-width: 575px) { .header .navWrapper .mainMenu { top: 75px; } }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu.showMenu { -webkit-transform: translateY(0%); transform: translateY(0%); } }
.header .navWrapper .mainMenu .container { padding: 0 15px; }
@media only screen and (max-width: 1199px) { .header .navWrapper .mainMenu .container { padding: 0 15px; } }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu .container { padding: 0 5px; } }
.header .navWrapper .mainMenu .container .navbar-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;margin-left: -30px;margin-right: -30px;}
.header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link { color: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Helvetica"; font-weight: 400; padding: 13px 30px 13px; line-height: 16px; font-size: 16px; }
@media only screen and (max-width: 1601px) { .header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link { line-height: 15px; font-size: 15px; } }
@media only screen and (max-width: 1199px) { .header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link { line-height: 14px; font-size: 14px; } }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link { position: relative; display: block; text-align: left; line-height: 14px; font-size: 14px; padding: 13px 0; border-bottom: 1px solid #58585A; } }
.header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link:hover { background-color: #44494a }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link:hover { background-color: rgba(0, 0, 0, 0.95); } }
@media only screen and (max-width: 991px) { .header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link::before { position: absolute; content: ''; background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/menuArrow.png); background-repeat: no-repeat; background-position: center; background-size: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; height: 12px; width: 12px; } }
.header .navWrapper .mainMenu .container .navbar-nav .nav-item:last-child .nav-link { border-bottom: 0; }  .footer { background-color: #8f001c; }
.footer .rowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 35px 0 50px; }
@media only screen and (max-width: 1199px) { .footer .rowWrapper { padding: 30px 0 40px; } }
@media only screen and (max-width: 991px) { .footer .rowWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
.footer .rowWrapper .logoWrapper { margin-right: 40px; }
@media only screen and (max-width: 991px) { .footer .rowWrapper .logoWrapper { margin-right: 0; } }
@media only screen and (max-width: 767px) { .footer .rowWrapper .logoWrapper { margin: 0 0 25px; } }
.footer .rowWrapper .logoWrapper .logo { max-width: 245px; }
@media only screen and (max-width: 1199px) { .footer .rowWrapper .logoWrapper .logo { max-width: 235px; } }
@media only screen and (max-width: 575px) { .footer .rowWrapper .logoWrapper .logo { max-width: 210px; } }
.footer .rowWrapper .logoWrapper .logo a { display: block; }
.footer .rowWrapper .copyrightText { color: #ffffff; margin: 30px 0 0; max-width: 200px; font-size: 8px; line-height: 12px; }
@media only screen and (max-width: 991px) { .footer .rowWrapper .copyrightText { text-align: center; margin: 20px auto; } }
@media only screen and (max-width: 767px) { .footer .rowWrapper .copyrightText { margin: 20px auto 0; } }
.footer .rowWrapper .footerLinkWrapper { width: 100%; padding-right: 10px; max-width: 165px; min-width: 165px; }
@media only screen and (max-width: 1199px) { .footer .rowWrapper .footerLinkWrapper { max-width: 145px; min-width: 145px; } }
@media only screen and (max-width: 767px) { .footer .rowWrapper .footerLinkWrapper { min-width: auto; max-width: 100%; } }
.footer .rowWrapper .footerLinkWrapper .title { color: #ffffff; font-weight: 700; line-height: 18px; font-size: 12px; margin: 0 0 20px; }
@media only screen and (max-width: 991px) { .footer .rowWrapper .footerLinkWrapper .title { margin: 0 0 10px; } }
.footer .rowWrapper .footerLinkWrapper ul li { color: #ffffff; line-height: 18px; font-size: 12px; }
.footer .rowWrapper .footerLinkWrapper ul li a { color: #ffffff; }
.footer .rowWrapper .footerLinkWrapper p{color: #ffffff; line-height: 18px; font-size: 12px;}
.footer .rowWrapper .footerAccorionWrapper { width: 100%; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card { background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #ffffff; padding: 0 10px; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card:first-child { border-top: 1px solid #ffffff; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-header { border: none; border-radius: 0; background-color: transparent; padding: 15px 0; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-header .accordionBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; border: none; padding: 0; outline: none; color: #ffffff; margin: 0; width: 100%; font-size: 15px; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-header .accordionBtn i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/down-arrow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all 0.5 ease; transition: all 0.5 ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px; height: 18px; width: 16px; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-header .accordionBtn.collapsed { color: #ffffff; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-header .accordionBtn.collapsed i { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-body { padding: 0 0 15px; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-body li { color: #ffffff; font-size: 15px; line-height: 22px; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-body li a { margin: 0 0 3px; color: #ffffff; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card .card-body p{color: #ffffff; font-size: 15px; line-height: 22px; margin: 0 0 3px;}
.footer .rowWrapper .footerAccorionWrapper .accordion .card:last-child .card-body li a { position: relative; display: block; width: 100%; color: #ffffff; }
.footer .rowWrapper .footerAccorionWrapper .accordion .card:last-child .card-body li a::before { position: absolute; content: ''; background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/footer-link-icon.png); background-repeat: no-repeat; background-position: center; background-size: 100%; right: 0; top: 0; height: 15px; width: 15px; }
.footer .rowWrapper .socialWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; }
@media only screen and (max-width: 991px) { .footer .rowWrapper .socialWrapper { margin: 30px 0 0; } }
.footer .rowWrapper .socialWrapper .title { color: #ffffff; font-weight: 700; line-height: 18px; font-size: 12px; margin: 0 0 20px; }
@media only screen and (max-width: 991px) { .footer .rowWrapper .socialWrapper .title { margin: 0 0 10px; } }
.footer .rowWrapper .socialWrapper .socialIcons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.footer .rowWrapper .socialWrapper .socialIcons a { color: #ffffff; display: block; max-width: 30px; margin-left: 8px; }
@media only screen and (max-width: 1199px) { .footer .rowWrapper .socialWrapper .socialIcons a { max-width: 26px; } }
@media only screen and (max-width: 767px) { .footer .rowWrapper .socialWrapper .socialIcons a { margin: 0 5px; max-width: 30px; } }
.footer .ehSmitGroup { background-color: #333233; padding: 30px 0; }
@media only screen and (max-width: 767px) { .footer .ehSmitGroup { display: none; } }
.footer .ehSmitGroup .title { font-weight: 700; text-align: center; color: #ffffff; line-height: 16px; font-size: 14px; margin: 0 0 20px; }
.footer .ehSmitGroup .rowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }
@media only screen and (max-width: 991px) { .footer .ehSmitGroup .rowWrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
.footer .ehSmitGroup .rowWrapper .logoWrapper { border-right: 1px solid #434343; margin: 0; padding: 0 27px; max-width: 215px; }
@media only screen and (max-width: 1199px) { .footer .ehSmitGroup .rowWrapper .logoWrapper { max-width: 190px; padding: 0 22px; } }
.footer .ehSmitGroup .rowWrapper .logoWrapper:last-child { border: none; } .benefitSection { padding: 30px 0; }
@media only screen and (max-width: 1199px) { .benefitSection { padding: 25px 0 0; } }
@media only screen and (max-width: 767px) { .benefitSection { padding: 20px 0 30px; } }
.benefitSection .sectionTitle { font-weight: 400; }
@media only screen and (max-width: 767px) { .benefitSection .sectionText br { display: none; } }
.benefitSection .videoWrapper { margin: 20px auto 0; max-width: 1000px; }
@media only screen and (max-width: 1199px) { .benefitSection .videoWrapper { max-width: 850px; } } .whyUsSection { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/whyUs-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 0 45px; }
@media only screen and (min-width: 992px) {
.whyUsSection .customContainer{max-width: 1920px !important;width: 100%;margin: auto;}
}
@media only screen and (max-width: 767px) { .whyUsSection { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/whyUs-bg-mobile.jpg); padding: 30px 0 25px; } }
.whyUsSection .rowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 25px 0 0; padding: 0 25px; }
@media only screen and (max-width: 991px) { .whyUsSection .rowWrapper { padding: 0; } }
@media only screen and (max-width: 767px) { .whyUsSection .rowWrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 25px auto 0; max-width: 340px; } }
.whyUsSection .rowWrapper .col-wrapper { text-align: center; padding: 0 5px; max-width: 145px; }
@media only screen and (max-width: 991px) { .whyUsSection .rowWrapper .col-wrapper { max-width: 130px; } }
@media only screen and (max-width: 767px) { .whyUsSection .rowWrapper .col-wrapper { max-width: 165px; margin: 0 auto 25px; } }
@media only screen and (max-width: 374px) { .whyUsSection .rowWrapper .col-wrapper { max-width: 145px; } }
.whyUsSection .rowWrapper .col-wrapper .iconWrapper { margin: 0 auto; max-width: 85px; }
@media only screen and (max-width: 1199px) { .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 70px; } }
@media only screen and (max-width: 991px) { .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 60px; } }
@media only screen and (max-width: 374px) { .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 50px; } }
.whyUsSection .rowWrapper .col-wrapper .title { font-weight: 700; font-size: 20px; margin: 10px 0; }
@media only screen and (max-width: 1199px) { .whyUsSection .rowWrapper .col-wrapper .title { font-size: 18px; } }
.whyUsSection .rowWrapper .col-wrapper p { line-height: 14px; font-size: 12px; } .whyUs2Section { background-color: #F1F1F1; padding: 40px 0 10px; }
.whyUs2Section .product-hero-text { margin: 25px auto 30px !important; max-width: 640px !important; }
@media only screen and (max-width: 1199px) { .whyUs2Section .product-hero-text { margin: 20px auto 25px !important; max-width: 570px !important; } }
@media only screen and (max-width: 767px) { .whyUs2Section .product-hero-text { margin: 15px auto 20px !important; } }
.whyUs2Section .rowWrapper { margin: 0 -20px; }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper { margin: 0 -15px; } }
.whyUs2Section .rowWrapper .col-wrapper { padding: 0 20px; margin: 0 0 30px; }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper .col-wrapper { padding: 0 15px; margin: 0 0; } }
.whyUs2Section .rowWrapper .col-wrapper .contentWrapper { background-color: #ffffff; text-align: center; padding: 30px 20px; }
@media only screen and (max-width: 991px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper { background-color: transparent; } }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper { padding: 20px 0px; } }
.whyUs2Section .rowWrapper .col-wrapper .contentWrapper .imgWrapper { margin: 0 auto; max-width: 105px; }
@media only screen and (max-width: 1199px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .imgWrapper { max-width: 95px; } }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .imgWrapper { max-width: 85px; } }
@media only screen and (max-width: 575px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .imgWrapper { max-width: 80px; } }
.whyUs2Section .rowWrapper .col-wrapper .contentWrapper .title { margin: 25px 0 15px; font-weight: 700; font-size: 24px; line-height: 27px; }
@media only screen and (max-width: 1199px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .title { font-size: 22px; line-height: 25px; } }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .title { margin: 15px 0 10px; font-size: 18px; line-height: 21px; } }
.whyUs2Section .rowWrapper .col-wrapper .contentWrapper .text { margin: 0 auto; font-size: 14px; line-height: 16px; max-width: 230px; }
@media only screen and (max-width: 767px) { .whyUs2Section .rowWrapper .col-wrapper .contentWrapper .text { font-size: 13px; line-height: 15px; } }
.clientLogoSection { background-color: #F1F1F1; padding: 30px 0; margin: 0; }
@media only screen and (min-width: 992px){
.clientLogoSection .customContainer{
max-width: 100%;
}
}
.clientLogoSection .title { text-align: center; color: #000000; line-height: 24px; font-size: 24px; margin: 0 0 35px; }
@media only screen and (max-width: 1199px) { .clientLogoSection .title { line-height: 22px; font-size: 22px; } }
@media only screen and (max-width: 767px) { .clientLogoSection .title { margin: 0 0 25px; } }
.clientLogoSection .sliderWrapper .logoSlider { margin: 0; }
.clientLogoSection .sliderWrapper .logoSlider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.clientLogoSection .sliderWrapper .logoSlider .item { padding: 0 10px; text-align: center;}
@media only screen and (max-width: 767px) { .clientLogoSection .sliderWrapper .logoSlider .item { padding: 0 4px; } }
.clientLogoSection .sliderWrapper .logoSlider .item img { margin: 0 auto; }
.clientLogoSection .sliderWrapper .logoSlider .item a { margin: 0 auto; display: inline-block;}
.clientLogoSection .sliderWrapper .logoSlider .slick-dots { position: relative; bottom: 0; margin: 20px 0 0; }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .clientLogoSection .sliderWrapper .logoSlider .slick-dots li { margin: 0 3px; } }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li button { padding: 0; border-radius: 50%; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .clientLogoSection .sliderWrapper .logoSlider .slick-dots li button { height: 8px; width: 8px; } }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li button::before { display: none; }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li button:hover { background-color: #44484A; }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.clientLogoSection .sliderWrapper .logoSlider .slick-dots li.slick-active button:hover { background-color: #44484A; } .porothermProjectsSection { padding: 20px 0; overflow: hidden; }
@media only screen and (min-width: 992px) {
.porothermProjectsSection .customContainer{max-width: 1920px !important;width: 90%;margin: auto;}
}
.porothermProjectsSection .sectionTitle { margin: 0 0 20px; }
.porothermProjectsSection .sliderWrapper { margin: 0 -18px; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper { margin: 0 -12px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper { margin: 0 -7px; } }
.porothermProjectsSection .sliderWrapper .projectSlider { margin: 0; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list { overflow: visible; }
@media only screen and (max-width: 991px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list { overflow: hidden; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent { position: relative; margin: 0 18px; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent { margin: 0 12px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent { margin: 0 7px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; min-height: 394px; max-height: 394px; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper img { min-height: 370px; max-height: 370px; } }
@media only screen and (max-width: 767px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper img { min-height: 308px; max-height: 308px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper img { min-height: 58.261vw; max-height: 58.261vw; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content { position: absolute; bottom: 0; width: 100%; padding: 15px 25px; }
@media only screen and (max-width: 767px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content { padding: 15px 20px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content { padding: 10px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content a { color: #ffffff; text-decoration: none; display: block; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .title { color: #ffffff; margin: 0 0 10px; font-size: 24px; line-height: 24px; }
@media only screen and (max-width: 767px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .title { font-size: 22px; line-height: 22px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .title { font-size: 18px; line-height: 18px; } }
@media only screen and (max-width: 479px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .title { font-size: 16px; line-height: 16px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 300; line-height: 21px; font-size: 21px; }
@media only screen and (max-width: 767px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map { font-size: 18px; line-height: 18px; } }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map { font-size: 16px; line-height: 16px; } }
@media only screen and (max-width: 479px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map { font-size: 15px; line-height: 15px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map img { max-width: 13px; margin: 2px 5px 0 0; }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map img { max-width: 10px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots { position: relative; bottom: 0; margin: 10px 0 0; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li { margin: 0 3px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li button { padding: 0; border-radius: 50%; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li button { height: 8px; width: 8px; } }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li button::before { display: none; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li button:hover { background-color: #44484A; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.porothermProjectsSection .sliderWrapper .projectSlider .slick-dots li.slick-active button:hover { background-color: #44484A; }
.porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-prev, .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-next { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/slider-arrow.jpg); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 50; height: 40px; width: 40px; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-prev, .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-next { height: 34px; width: 34px; } }
.porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-prev::before, .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-next::before { display: none; }
.porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-prev { -webkit-transform: rotate(180deg) translateY(20px); transform: rotate(180deg) translateY(20px); left: 0; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-prev { -webkit-transform: rotate(180deg) translateY(17px); transform: rotate(180deg) translateY(17px); left: -5px; } }
.porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-next { right: 0; }
@media only screen and (max-width: 1199px) { .porothermProjectsSection .sliderWrapper .projectSlider2 .slick-arrow.slick-next { right: -5px; } }
.porothermProjectsSection .btnWrapper .customBTN { margin: 20px auto 0; } .tabSection .tabWrapper .nav-tabs { border-bottom: 0; }
.tabSection .tabWrapper .nav-tabs .nav-item { color: #000000; background-color: #EDEDED; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; border: 0; border-right: 3px solid #ffffff; width: 25%; padding: 10px; height: 70px; font-size: 24px; line-height: 24px; }
@media only screen and (max-width: 1441px) { .tabSection .tabWrapper .nav-tabs .nav-item { font-size: 22px; line-height: 22px; } }
@media only screen and (max-width: 1199px) { .tabSection .tabWrapper .nav-tabs .nav-item { height: 60px; font-size: 18px; line-height: 18px; } }
@media only screen and (max-width: 767px) { .tabSection .tabWrapper .nav-tabs .nav-item { font-size: 16px; line-height: 16px; } }
.tabSection .tabWrapper .nav-tabs .nav-item:last-child { border: none; }
.tabSection .tabWrapper .nav-tabs .nav-item.active { background-color: #8f001c; color: #ffffff; }
.tabSection .tabWrapper .tab-content { background-color: #8f001c; color: #ffffff; padding: 20px 0 0; }
@media only screen and (max-width: 991px) { .tabSection .tabWrapper .leftContent .imgWrapper img { max-width: 80%; margin: 15px auto 0; } }
@media only screen and (max-width: 575px) { .tabSection .tabWrapper .leftContent .imgWrapper img { margin: 0 auto; } }
.tabSection .tabWrapper .rightContent { padding: 30px 15px 10px 45px; }
@media only screen and (max-width: 991px) { .tabSection .tabWrapper .rightContent { padding: 10px 35px; } }
@media only screen and (max-width: 575px) { .tabSection .tabWrapper .rightContent { padding: 10px 10px 0; } }
.tabSection .tabWrapper ul li { position: relative; padding-left: 15px; letter-spacing: 1px; }
.tabSection .tabWrapper ul li::before { position: absolute; content: ''; background-color: #ffffff; border-radius: 50%; height: 6px; width: 6px; left: 0; top: 10px; }
.tabSection .tabWrapper .tabText { font-family: "Helvetica"; font-weight: 400; margin: 0 0 10px; max-width: 490px; font-size: 24px; line-height: 27px; }
@media only screen and (max-width: 1441px) { .tabSection .tabWrapper .tabText { max-width: 450px; font-size: 22px; line-height: 25px; } }
@media only screen and (max-width: 1199px) { .tabSection .tabWrapper .tabText { max-width: 370px; font-size: 18px; line-height: 21px; } }
@media only screen and (max-width: 991px) { .tabSection .tabWrapper .tabText { max-width: 100%; } }
@media only screen and (max-width: 767px) { .tabSection .tabWrapper .tabText { font-size: 16px; line-height: 19px; } }
.tabSection .tabWrapper .btnWrapper { margin: 30px 0 0; }
@media only screen and (max-width: 1199px) { .tabSection .tabWrapper .btnWrapper { margin: 25px 0 0; } }
@media only screen and (max-width: 767px) { .tabSection .tabWrapper .btnWrapper { margin: 25px 0 5px; } }
.tabSection .tabWrapper .btnWrapper .customBTN { border-color: #ffffff; color: #ffffff; }
.tabSection .tabWrapper .btnWrapper .customBTN:hover { color: #8f001c; background-color: #ffffff; }
.tabSection .tabWrapper.tabsAccordionWrapper { margin: 20px 0 0; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper { border: none; border-radius: 0; margin: 0 0 3px; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-header { background-color: #8f001c; color: #ffffff; border-radius: 0; border: none; padding: 0; margin: 0; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-header .accordionBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; outline: none; border-radius: 0; border: none; color: #ffffff; margin: 0; width: 100%; padding: 15px; line-height: 18px; font-size: 18px; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-header .accordionBtn i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/down-arrow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all 0.5 ease; transition: all 0.5 ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px; height: 14px; width: 14px; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-header .accordionBtn.collapsed { background-color: #E3E3E3; color: #000000; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-header .accordionBtn.collapsed i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/right-arrow.png); -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 14px; width: 8px; }
.tabSection .tabWrapper.tabsAccordionWrapper .tabCardWrapper .card-body { background-color: #8f001c; color: #ffffff; margin: 3px 0 0; padding: 10px 5px 0; }
.contactUsSection { padding: 40px 0; }
@media only screen and (max-width: 767px) { .contactUsSection { padding: 25px 0; } }
.contactUsSection .title { text-align: center; color: #000000; font-weight: 400; line-height: 24px; font-size: 24px; margin: 0 0 20px; }
@media only screen and (max-width: 1199px) { .contactUsSection .title { line-height: 22px; font-size: 22px; } }
@media only screen and (max-width: 767px) { .contactUsSection .title { margin: 0 0 15px; } }
.contactUsSection .mobileContent { background-color: #E3E3E3; padding: 15px; }
.contactUsSection .mobileContent .btnWrapper .customBTN { background-color: transparent; border: 1px solid #000000; color: #000000; }
.contactUsSection .mobileContent .btnWrapper .customBTN:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff; background-color: #000000; }
.contactUsSection .rowWrapper .btnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 130px; }
@media only screen and (max-width: 1199px) { .contactUsSection .rowWrapper .btnWrapper { margin-left: 115px; } }
.contactUsSection .rowWrapper .btnWrapper .formInfo { color: #9D9D9C; margin-left: 5px; line-height: 10px; font-size: 10px; }
.contactUsSection .rowWrapper .leftContent { border-right: 2px solid #8f001c; padding-right: 30px; }
@media only screen and (min-width: 992px) { .contactUsSection .rowWrapper .leftContent { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; } }
@media only screen and (max-width: 991px) { .contactUsSection .rowWrapper .leftContent { border-right: 0; padding-right: 15px; } }
.contactUsSection .rightContent { padding-left: 30px; }
@media only screen and (min-width: 992px) { .contactUsSection .rightContent { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%; } }
@media only screen and (max-width: 991px) { .contactUsSection .rightContent { padding-left: 15px; margin: 30px 0 0; } }
@media only screen and (max-width: 767px) { .contactUsSection .rightContent { padding-left: 0; margin: 0px 0 25px; } }
.contactUsSection .rightContent img { display: block; margin: 0 auto; }
@media only screen and (max-width: 767px) { .contactUsSection .rightContent img { width: 100%; } }
.contactUsSection .rightContent .text { text-align: center; margin: 15px auto; font-size: 16px; line-height: 18px; }
@media only screen and (max-width: 1199px) { .contactUsSection .rightContent .text { font-size: 14px; line-height: 16px; } }
@media only screen and (max-width: 767px) { .contactUsSection .rightContent .text br { display: none; } }
.contactUsSection .rightContent .btnWrapper { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.contactUsSection .contactAccoWrapper .card { border: 1px solid #000000; }
.contactUsSection .contactAccoWrapper .card .card-header {border-radius: 0; margin: 0; border: 0; background-color: #000000; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px; }
.contactUsSection .contactAccoWrapper .card .card-header .accordionBtn { outline: none; border: none; background-color: #000000; color: #ffffff; margin: 0; font-size: 18px; line-height: 18px; }
.contactUsSection .contactAccoWrapper .card .card-header .accordionBtn img { margin-right: 15px; max-width: 25px; }
.freeDeliverySection {background-color: #8f001c; position: relative;     margin: 40px 0; } .freeDeliverySection .rowWrapper {  position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 45px; }
@media only screen and (max-width: 991px) { 
.freeDeliverySection{
margin:0 ;
}
.freeDeliverySection .rowWrapper { padding: 25px 30px; } 
}
@media only screen and (max-width: 767px) { .freeDeliverySection .rowWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px 30px 0; } }
.freeDeliverySection .rowWrapper .contentWrapper { max-width: 555px; }
@media only screen and (max-width: 1199px) { .freeDeliverySection .rowWrapper .contentWrapper { max-width: 505px; } }
@media only screen and (max-width: 991px) { .freeDeliverySection .rowWrapper .contentWrapper { max-width: 340px; } }
@media only screen and (max-width: 767px) { .freeDeliverySection .rowWrapper .contentWrapper { margin: 0 auto; } }
.freeDeliverySection .rowWrapper .contentWrapper .sectionTitle { color: #ffffff; text-align: left; font-family: "Helvetica"; font-weight: 700; font-size: 26px; line-height: 30px; }
@media only screen and (max-width: 1199px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionTitle { font-size: 24px; line-height: 26px; } }
@media only screen and (max-width: 991px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionTitle { font-size: 22px; line-height: 24px; } }
@media only screen and (max-width: 767px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionTitle { text-align: center; } }
.freeDeliverySection .rowWrapper .contentWrapper .sectionText { text-align: left; color: #ffffff; font-family: "Helvetica"; font-weight: 400; line-height: 16px; font-size: 16px; }
@media only screen and (max-width: 1601px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionText { line-height: 15px; font-size: 15px; } }
@media only screen and (max-width: 1199px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionText { line-height: 14px; font-size: 14px; } }
@media only screen and (max-width: 767px) { .freeDeliverySection .rowWrapper .contentWrapper .sectionText { text-align: center; } }
.freeDeliverySection .rowWrapper .imgWrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; max-width: 310px; }
@media only screen and (max-width: 1199px) { .freeDeliverySection .rowWrapper .imgWrapper { max-width: 280px; } }
@media only screen and (max-width: 991px) { .freeDeliverySection .rowWrapper .imgWrapper { max-width: 280px; } }
@media only screen and (max-width: 767px) { .freeDeliverySection .rowWrapper .imgWrapper { position: relative; right: inherit; -webkit-transform: none; transform: none; top: inherit; margin: 15px auto -15px; } }
.testimonialSection { padding: 23px 0 40px; }
@media only screen and (max-width: 1199px) { .testimonialSection { padding: 25px 0 40px; } }
@media only screen and (max-width: 767px) { .testimonialSection { padding: 5px 0 30px; } }
.testimonialSection .testimonialSlider { margin: 0 auto; text-align: center; max-width: 640px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider { max-width: 590px; } }
@media only screen and (max-width: 991px) { .testimonialSection .testimonialSlider { max-width: 530px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider { max-width: 85%; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider { max-width: 80%; } }
.testimonialSection .testimonialSlider .slick-list { overflow: visible; }
.testimonialSection .testimonialSlider .slick-list .item { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; }
.testimonialSection .testimonialSlider .slick-list .item.slick-current { opacity: 1; }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment { position: relative; color: #000000; font-weight: 300; font-style: italic; font-size: 26px; line-height: 30px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment { font-size: 24px; line-height: 26px; } }
@media only screen and (max-width: 991px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment { font-size: 22px; line-height: 24px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment { font-size: 18px; line-height: 20px; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment { font-size: 14px; line-height: 16px; } }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before, .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { position: absolute; content: ''; background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/quote-img.jpg); background-position: center; background-repeat: no-repeat; background-size: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 45px; height: 34px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before, .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { width: 38px; height: 28px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before, .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { width: 32px; height: 26px; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before, .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { width: 26px; height: 22px; } }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before { -webkit-transform: rotate(180deg) translateY(14px); transform: rotate(180deg) translateY(14px); left: -100px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before { left: -85px; } }
@media only screen and (max-width: 991px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before { left: -75px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before { left: -55px; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::before { left: -35px; } }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { right: -100px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { right: -85px; } }
@media only screen and (max-width: 991px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { right: -75px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { right: -55px; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .comment::after { right: -35px; } }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .name { position: relative; font-weight: 700; margin: 15px 0 0; padding: 15px 0 0; font-size: 18px; line-height: 18px; }
@media only screen and (max-width: 1199px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .name { font-size: 16px; line-height: 16px; } }
@media only screen and (max-width: 767px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .name { font-size: 14px; line-height: 14px; } }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-list .item .contentWrapper .name { font-size: 11px; line-height: 11px; } }
.testimonialSection .testimonialSlider .slick-list .item .contentWrapper .name::before { position: absolute; content: ''; background-color: #8f001c; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 1px; width: 60px; }
.testimonialSection .testimonialSlider .slick-dots { position: relative; bottom: 0; margin: 10px 0 0; }
.testimonialSection .testimonialSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-dots li { margin: 0 3px; } }
.testimonialSection .testimonialSlider .slick-dots li button { padding: 0; border-radius: 50%; border: 0; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .testimonialSection .testimonialSlider .slick-dots li button { height: 8px; width: 8px; } }
.testimonialSection .testimonialSlider .slick-dots li button::before { display: none; }
.testimonialSection .testimonialSlider .slick-dots li button:hover { background-color: #44484A; }
.testimonialSection .testimonialSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.testimonialSection .testimonialSlider .slick-dots li.slick-active button:hover { background-color: #44484A; } .page-home {      }
.page-home .bannerSection { background-color: #ffffff; }
.page-home .bannerSection .rowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media only screen and (max-width: 767px) { .page-home .bannerSection .rowWrapper { display: none; } }
.page-home .bannerSection .rowWrapper img { display: block; }
.page-home .bannerSection .rowWrapper .col-wrapper { width: 100%; max-width: 33.33%; position: relative; }
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper { position: absolute; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #ffffff; text-align: center; width: 100%; padding: 25px 20px 0; }
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper .linkItem{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper .banner-card-title { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75); font-weight: 700; line-height: 25px; font-size: 25px; }
@media only screen and (max-width: 1199px) { .page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper .banner-card-title { line-height: 22px; font-size: 22px; } }
@media only screen and (max-width: 991px) { .page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper .banner-card-title { line-height: 18px; font-size: 18px; } }
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper p { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75); margin: 15px auto 0; font-weight: 300; font-size: 14px; line-height: 16px; max-width: 195px; }
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper .bannerBtn { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -14px; }
.page-home .bannerSection .accordion { display: none; }
@media only screen and (max-width: 767px) { .page-home .bannerSection .accordion { padding: 0 15px; display: block; } }
.page-home .bannerSection .accordion .card { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; border: none; border-radius: 0; border-bottom: 1px solid #ffffff; padding: 35px 0; margin: 0 0 15px; }
.page-home .bannerSection .accordion .card:first-child { border-top: 1px solid #ffffff; }
.page-home .bannerSection .accordion .card:last-child { margin: 0; }
.page-home .bannerSection .accordion .card .card-header { border: none; border-radius: 0; background-color: transparent; padding: 0; }
.page-home .bannerSection .accordion .card .card-header .accordionBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; padding: 0; outline: none; color: #ffffff; margin: 0; width: 100%; line-height: 18px; font-size: 18px; }
.page-home .bannerSection .accordion .card .card-header .accordionBtn i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/right-arrow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all 0.5 ease; transition: all 0.5 ease; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 10px; height: 14px; width: 8px; }
.page-home .bannerSection .accordion .card .card-header .accordionBtn.collapsed { color: #ffffff; }
.page-home .bannerSection .accordion .card .card-header .accordionBtn.collapsed i { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.page-home .bannerSection .accordion .card .card-body { color: #ffffff; padding: 0 0 15px; }
.page-home .bannerSection .accordion .card .card-body p { text-align: center; font-weight: 500; margin: 10px auto; font-size: 14px; line-height: 16px; color: #ffffff; }
.page-home .bannerSection .accordion .card .card-body .bannerBtn { color: #ffffff; background-color: #8f001c; border: 0.5px solid #ffffff; margin: 5px auto 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media only screen and (max-width: 767px){
.page-home .bannerSection .accordion .card .card-body .bannerBtn {background-color: transparent;}
}
.page-home .bannerSection .accordion .card.accordio1 { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/banner-img-mobile-1.jpg); }
.page-home .bannerSection .accordion .card.accordio2 { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/banner-img-mobile-2.jpg); }
.page-home .bannerSection .accordion .card.accordio3 { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/banner-img-mobile-3.jpg); }
.page-home .clayBlockSection { background-color: #ffffff; text-align: center; padding: 50px 0 0; }
@media only screen and (max-width: 767px) { .page-home .clayBlockSection { padding: 0; } }
.page-home .clayBlockSection .title { color: #8f001c; font-weight: 700; font-size: 30px; margin: 0 0 30px; }
@media only screen and (max-width: 1199px) { .page-home .clayBlockSection .title { margin: 0 0 25px; font-size: 26px; } }
@media only screen and (max-width: 991px) { .page-home .clayBlockSection .title { font-size: 24px; display: none; } }
@media only screen and (max-width: 767px) { .page-home .clayBlockSection .title { position: relative; background-color: #000000; color: #ffffff; z-index: 1; margin: 0; padding: 10px 0; font-size: 22px; } }
@media only screen and (max-width: 575px) { .page-home .clayBlockSection .title { font-size: 18px; } }
@media only screen and (max-width: 767px) { .page-home .clayBlockSection .title::before { position: absolute; content: ''; background-color: #000000; top: 0; z-index: -1; height: 100%; width: 200%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
.page-home .clayBlockSection .text { color: #000000; position: relative; font-size: 20px; line-height: 26px; padding: 0 0 30px; margin: 0 auto; max-width: 660px; }
@media only screen and (max-width: 1199px) { .page-home .clayBlockSection .text { font-size: 18px; line-height: 24px; padding: 0 0 25px; max-width: 593px; } }
@media only screen and (max-width: 991px) { .page-home .clayBlockSection .text { font-size: 16px; line-height: 22px; } }
@media only screen and (max-width: 767px) { .page-home .clayBlockSection .text { padding: 0; margin: 25px 0; } }
.page-home .clayBlockSection .text::after { position: absolute; content: ''; background-color: #8f001c; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; height: 4px; width: 200px; }
@media only screen and (max-width: 767px) { .page-home .clayBlockSection .text::after { display: none; } }
.page-home .freeTrainingSection { background-color: #ffffff; padding: 30px 0; }
.page-home .freeTrainingSection .sectionText { text-align: left; margin: 25px 0 0; max-width: 960px; }
@media only screen and (max-width: 767px) { .page-home .freeTrainingSection .sectionText { text-align: left; font-size: 14px; } }
.page-home .freeTrainingSection .imgWrapper { position: relative; }
.page-home .freeTrainingSection .imgWrapper img { display: block; width: 100%; }
.page-home .freeTrainingSection .imgWrapper .contentWrapper { position: absolute; text-align: right; margin-left: auto; top: 50%; transform: translateY(-50%); right: 15px; max-width: 180px; color: #000000; }
@media only screen and (max-width: 767px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper { background-color: #E3E3E3; position: relative;transform: unset;margin-bottom: 10px; top: 0; left: 0; text-align: center; margin-right: auto; max-width: 100%; padding: 25px 15px; } }
.page-home .freeTrainingSection .imgWrapper .contentWrapper .title { color: #000000; font-size: 30px; }
@media only screen and (max-width: 1199px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 26px; } }
@media only screen and (max-width: 991px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 24px; } }
@media only screen and (max-width: 767px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 22px; } }
@media only screen and (max-width: 575px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 18px; } }
.page-home .freeTrainingSection .imgWrapper .contentWrapper .sectionText { text-align: right; margin: 10px 0; }
@media only screen and (max-width: 767px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .sectionText { text-align: center; margin: 15px 0; font-size: 14px; } }
.page-home .freeTrainingSection .imgWrapper .contentWrapper .customBTN { border: 1px solid #000000; color: #000000; background-color: transparent; margin-left: auto; }
@media only screen and (max-width: 767px) { .page-home .freeTrainingSection .imgWrapper .contentWrapper .customBTN { margin-right: auto; } }
.page-home .freeTrainingSection .imgWrapper .contentWrapper .customBTN:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff; background-color: #000000; } .page-archi-engg .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 125px; }
@media only screen and (max-width: 991px) { .page-archi-engg .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 115px; } }
@media only screen and (max-width: 575px) { .page-archi-engg .whyUsSection .rowWrapper .col-wrapper .iconWrapper { max-width: 100px; } }
.page-projects .projectsSection { padding: 40px 0 30px; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection { padding: 25px 0; } }
.page-projects .projectsSection .projectsText { text-align: center; color: #000000; font-weight: 500; text-align: center; margin: 0 auto; font-size: 18px; line-height: 20px; max-width: 670px; }
@media only screen and (max-width: 1199px) { .page-projects .projectsSection .projectsText { font-size: 16px; line-height: 18px; } }
@media only screen and (max-width: 767px) { .page-projects .projectsSection .projectsText { font-size: 14px; line-height: 16px; } }
.page-projects .projectsSection .filterWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0 20px; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .filterWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 25px 0 10px; } }
.page-projects .projectsSection .filterWrapper label { color: #000000; font-size: 16px; width: 130px; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .filterWrapper label { text-align: center; margin: 0 0 10px; } }
.page-projects .projectsSection .filterWrapper .drodownWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
@media only screen and (max-width: 767px) { .page-projects .projectsSection .filterWrapper .drodownWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.page-projects .projectsSection .filterWrapper .drodownWrapper .inputWrapper { width: 100%; margin: 0; padding: 0 5px; max-width: 210px; }
@media only screen and (max-width: 767px) { .page-projects .projectsSection .filterWrapper .drodownWrapper .inputWrapper { margin: 5px 0; max-width: 100%; } }
.page-projects .projectsSection .filterWrapper .drodownWrapper .inputWrapper select { width: 100%; }
.page-projects .projectsSection .filterWrapper .drodownWrapper .inputWrapper:last-child { padding-right: 0; }
@media only screen and (max-width: 767px) { .page-projects .projectsSection .filterWrapper .drodownWrapper .inputWrapper:last-child { padding: 0 5px; } }
.page-projects .projectsSection .resultWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 15px; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .resultWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }
.page-projects .projectsSection .resultWrapper .titleWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .resultWrapper .titleWrapper { width: 100%; } }
.page-projects .projectsSection .resultWrapper .titleWrapper p { color: #878787; font-size: 16px; width: 155px; }
.page-projects .projectsSection .resultWrapper .tagWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 10px; }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .resultWrapper .tagWrapper { margin: 0; } }
.page-projects .projectsSection .resultWrapper .tagWrapper .tag { background-color: #EDEDED; padding: 10px 15px; margin: 5px 10px 5px 0; color: #878787; font-size: 16px; }
.page-projects .projectsSection .resultWrapper .tagWrapper .tag:hover { cursor: default; }
.page-projects .projectsSection .resultWrapper .tagWrapper .tag a { font-size: 14px; color: #000000; }
.page-projects .projectsSection .resultWrapper .tagWrapper .tag a:hover { text-decoration: none; }
.page-projects .projectsSection .resultWrapper .resetTag { padding: 10px 0; margin-left: 0; width: 100%; max-width: 60px; }
.page-projects .projectsSection .resultWrapper .resetTag:hover { cursor: default; }
.page-projects .projectsSection .resultWrapper .resetTag a { font-size: 14px; color: #000000; }
.page-projects .projectsSection .resultWrapper .resetTag a:hover { text-decoration: none; }
.page-projects .projectsSection .resultWrapper .resetTag a span { font-size: 16px; color: #878787; }
.page-projects .projectsSection .rowWrapper .contentWrapper { display: block; position: relative; height: 100%; width: 100%; min-height: 400px; max-height: 400px; margin: 0 0 35px; }
@media only screen and (max-width: 1199px) { .page-projects .projectsSection .rowWrapper .contentWrapper { min-height: 370px; max-height: 370px; } }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .rowWrapper .contentWrapper { min-height: 270px; max-height: 270px; margin: 0 0 25px; } }
@media only screen and (max-width: 575px) { .page-projects .projectsSection .rowWrapper .contentWrapper { min-height: 215px; max-height: 215px; } }
@media only screen and (max-width: 479px) { .page-projects .projectsSection .rowWrapper .contentWrapper { min-height: 190px; max-height: 190px; } }
.page-projects .projectsSection .rowWrapper .contentWrapper::after { position: absolute; content: ''; bottom: 0; z-index: 15; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.8)); height: 165px; }
@media only screen and (max-width: 1199px) { .page-projects .projectsSection .rowWrapper .contentWrapper::after { height: 140px; } }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .rowWrapper .contentWrapper::after { height: 135px; } }
@media only screen and (max-width: 575px) { .page-projects .projectsSection .rowWrapper .contentWrapper::after { height: 115px; } }
@media only screen and (max-width: 479px) { .page-projects .projectsSection .rowWrapper .contentWrapper::after { height: 95px; } }
.page-projects .projectsSection .rowWrapper .contentWrapper img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.page-projects .projectsSection .rowWrapper .contentWrapper .title { position: absolute; left: 0; display: block; bottom: 0; width: 100%; font-family: "Helvetica"; font-weight: 300; color: #ffffff; z-index: 20; padding: 20px; font-size: 21px; line-height: 21px; }
@media only screen and (max-width: 1199px) { .page-projects .projectsSection .rowWrapper .contentWrapper .title { font-size: 19px; line-height: 19px; } }
@media only screen and (max-width: 991px) { .page-projects .projectsSection .rowWrapper .contentWrapper .title { text-align: center; } }
.page-projects .projectsSection .btnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.page-projects .customBTN.borderBTN { padding: 11px 27px; }
.page-projects-single .projectInfoSection { padding: 20px 0 30px; }
@media only screen and (max-width: 991px) { .page-projects-single .projectInfoSection { padding: 10px 0 25px; } }
@media only screen and (min-width: 992px) { .page-projects-single .projectInfoSection .leftContent { -ms-flex: 0 0 73%; -webkit-box-flex: 0; flex: 0 0 73%; max-width: 73%; } }
@media only screen and (min-width: 992px) { .page-projects-single .projectInfoSection .rightContent { -ms-flex: 0 0 27%; -webkit-box-flex: 0; flex: 0 0 27%; max-width: 27%; } }
.page-projects-single .projectInfoSection .sliderWrapper { height: 100%; }
.page-projects-single .projectInfoSection .mainSlider { height: 100%; margin: 0; }
.page-projects-single .projectInfoSection .mainSlider .slick-arrow{
opacity: 0;
transition: 0.2s all;
}
.page-projects-single .projectInfoSection .mainSlider:hover .slick-arrow{
opacity: 1;
}
@media only screen and (max-width: 991px) {
.page-projects-single .projectInfoSection .mainSlider .slick-arrow{
opacity: 1;
}
}
.page-projects-single .projectInfoSection .mainSlider .slick-list { height: 100% !important; }
.page-projects-single .projectInfoSection .mainSlider .slick-list .slick-track { height: 100% !important; }
.page-projects-single .projectInfoSection .mainSlider .slick-list .slick-track img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@media only screen and (max-width: 991px) { .page-projects-single .projectInfoSection .mainSlider .slick-list .slick-track img { height: auto; } }
.page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-prev, .page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-next { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/slider-arrow.jpg); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 50; height: 40px; width: 40px; }
@media only screen and (max-width: 1199px) { .page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-prev, .page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-next { height: 34px; width: 34px; } }
.page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-prev::before, .page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-next::before { display: none; }
.page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-prev { -webkit-transform: rotate(180deg) translateY(20px); transform: rotate(180deg) translateY(20px); left: 0; }
.page-projects-single .projectInfoSection .mainSlider .slick-arrow.slick-next { right: 0; }
.page-projects-single .projectInfoSection .mainSlider .slick-dots { position: relative; bottom: 0; margin: 10px 0 0; }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .page-projects-single .projectInfoSection .mainSlider .slick-dots li { margin: 0 3px; } }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li button { padding: 0; border-radius: 50%; border: 0; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .page-projects-single .projectInfoSection .mainSlider .slick-dots li button { height: 8px; width: 8px; } }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li button::before { display: none; }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li button:hover { background-color: #44484A; }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.page-projects-single .projectInfoSection .mainSlider .slick-dots li.slick-active button:hover { background-color: #44484A; }
.page-projects-single .projectInfoSection .navSlider { margin: 15px auto 0; max-width: 92%; }
.page-projects-single .projectInfoSection .navSlider .item { border: 2px solid transparent; margin: 0 5px; }
.page-projects-single .projectInfoSection .navSlider .item img { width: 100%; }
.page-projects-single .projectInfoSection .navSlider .item.slick-current { border: 2px solid #8f001c; }
.page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-prev, .page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-next { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/right-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 50; height: 14px; width: 8px; }
.page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-prev::before, .page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-next::before { display: none; }
.page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-prev { -webkit-transform: rotate(180deg) translateY(8px); transform: rotate(180deg) translateY(8px); left: -20px; }
.page-projects-single .projectInfoSection .navSlider .slick-arrow.slick-next { right: -20px; }
.page-projects-single .projectInfoSection .productInfoWrapper { background-color: #8f001c; color: #ffffff; font-family: "Helvetica"; height: 100%; font-size: 16px; padding: 30px 30px 25px; }
@media only screen and (max-width: 991px) { .page-projects-single .projectInfoSection .productInfoWrapper { background-color: transparent; padding: 0; } }
.page-projects-single .projectInfoSection .productInfoWrapper .productInfo { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.page-projects-single .projectInfoSection .productInfoWrapper .title { font-weight: 700; margin: 0 0 10px; }
.page-projects-single .projectInfoSection .productInfoWrapper .text { font-weight: 400; margin: 0 0 25px; }
.page-projects-single .projectInfoSection .accordion { background-color: transparent; }
.page-projects-single .projectInfoSection .accordion .card { background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #ffffff; padding: 0; }
.page-projects-single .projectInfoSection .accordion .card:first-child { border-top: 1px solid #ffffff; }
.page-projects-single .projectInfoSection .accordion .card .card-header { border: none; border-radius: 0; background-color: #8f001c; padding: 15px 20px; }
.page-projects-single .projectInfoSection .accordion .card .card-header .accordionBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; border: none; padding: 0; outline: none; color: #ffffff; margin: 0; width: 100%; font-size: 18px; }
.page-projects-single .projectInfoSection .accordion .card .card-header .accordionBtn i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/down-arrow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all 0.5 ease; transition: all 0.5 ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px; height: 18px; width: 16px; }
.page-projects-single .projectInfoSection .accordion .card .card-header .accordionBtn.collapsed { color: #ffffff; }
.page-projects-single .projectInfoSection .accordion .card .card-header .accordionBtn.collapsed i { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.page-projects-single .projectInfoSection .accordion .card .card-body { background-color: #8f001c; color: #ffffff; padding: 15px 20px; margin: 5px 0 0; }
.page-projects-single .projectInfoSection .accordion .card .card-body li a { font-size: 15px; line-height: 22px; }
.page-projects-single .projectInfoSection .shareWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (max-width: 991px) { .page-projects-single .projectInfoSection .shareWrapper { margin: 15px 0; } }
.page-projects-single .projectInfoSection .shareWrapper .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #000000; padding: 2px 5px 2px 0; margin-right: 5px; font-size: 14px; }
.page-projects-single .projectInfoSection .shareWrapper img { margin-right: 10px; }
.page-projects-single .projectDetailsSeciton { background-color: #F1F1F1; padding: 35px 0 5px; }
@media only screen and (max-width: 991px) { .page-projects-single .projectDetailsSeciton { padding: 30px 0 5px; } }
@media only screen and (min-width: 992px) { .page-projects-single .projectDetailsSeciton .leftContent { -ms-flex: 0 0 70%; -webkit-box-flex: 0; flex: 0 0 70%; max-width: 70%; } }
.page-projects-single .projectDetailsSeciton strong { font-weight: bolder; }
.page-projects-single .projectDetailsSeciton em { font-style: italic; }
.page-projects-single .projectDetailsSeciton ul, .page-projects-single .projectDetailsSeciton ol { list-style: inherit; padding: revert; margin: revert; }
.page-projects-single .projectDetailsSeciton ol { list-style: auto; }
.page-projects-single .projectDetailsSeciton blockquote, .page-projects-single .projectDetailsSeciton q { quotes: auto; margin: revert; padding: revert; }
.page-projects-single .projectDetailsSeciton p, .page-projects-single .projectDetailsSeciton .sectionTitle, .page-projects-single .projectDetailsSeciton .sectionText { text-align: left; }
.page-projects-single .projectDetailsSeciton .sectionTitle { font-weight: 400; margin: 0 0 20px; }
@media only screen and (max-width: 991px) { .page-projects-single .projectDetailsSeciton .sectionTitle { text-align: center; margin: 0 0 15px; } }
.page-projects-single .projectDetailsSeciton p, .page-projects-single .projectDetailsSeciton .sectionText { margin: 0 0 25px; line-height: 18px; }
@media only screen and (max-width: 991px) { .page-projects-single .projectDetailsSeciton p, .page-projects-single .projectDetailsSeciton .sectionText { margin: 0 0 20px; } }
.page-projects-single .porothermProjectsSection .sectionTitle { font-weight: 400; text-align: left; }
@media only screen and (max-width: 991px) { .page-projects-single .porothermProjectsSection .sectionTitle { text-align: center; } }
.page-products .product-hero-text { text-align: center; margin: 50px auto 0; font-size: 18px; line-height: 20px; max-width: 670px; }
@media only screen and (max-width: 1199px) { .page-products .product-hero-text { max-width: 550px; margin: 40px auto 0; font-size: 16px; line-height: 18px; } }
@media only screen and (max-width: 991px) { .page-products .product-hero-text { margin: 35px auto 0; } }
@media only screen and (max-width: 767px) { .page-products .product-hero-text { padding: 0 15px; max-width: 550px; font-size: 14px; line-height: 16px; } }
@media only screen and (max-width: 575px) { .page-products .product-hero-text { margin: 25px auto 0; } }
.page-products .productSection { padding: 50px 0 40px; }
@media only screen and (max-width: 1199px) { .page-products .productSection { padding: 40px 0 35px; } }
@media only screen and (max-width: 991px) { .page-products .productSection { padding: 35px 0 30px; } }
.page-products .productSection .rowWrapper { margin: 15px 0 0; }
.page-products .productSection .rowWrapper .contentWrapper { text-align: center; padding: 0 5px; }
@media only screen and (max-width: 991px) { .page-products .productSection .rowWrapper .contentWrapper { margin: 0 auto; } }
.page-products .productSection .rowWrapper .contentWrapper .imgWrapper { margin: 0 auto; max-width: 210px; }
@media only screen and (max-width: 1199px) { .page-products .productSection .rowWrapper .contentWrapper .imgWrapper { max-width: 190px; } }
@media only screen and (max-width: 991px) { .page-products .productSection .rowWrapper .contentWrapper .imgWrapper { max-width: 175px; } }
.page-products .productSection .rowWrapper .contentWrapper .count { color: #CD1719; font-family: "Helvetica"; font-weight: 700; text-decoration: none; display: block; line-height: 30px; font-size: 30px; margin: 5px auto 10px; }
@media only screen and (max-width: 1199px) { .page-products .productSection .rowWrapper .contentWrapper .count { line-height: 26px; font-size: 26px; } }
@media only screen and (max-width: 991px) { .page-products .productSection .rowWrapper .contentWrapper .count { line-height: 24px; font-size: 24px; } }
@media only screen and (max-width: 767px) { .page-products .productSection .rowWrapper .contentWrapper .count { line-height: 22px; font-size: 22px; } }
.page-products .productSection .rowWrapper .contentWrapper .text { margin: 0 auto; max-width: 180px; font-size: 12px; line-height: 14px; }
.page-products .productSection .slick-dots { position: relative; bottom: 0; margin: 20px 0 0; display: none; }
@media only screen and (max-width: 991px) { .page-products .productSection .slick-dots { display: block; } }
.page-products .productSection .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .page-products .productSection .slick-dots li { margin: 0 3px; } }
.page-products .productSection .slick-dots li button { padding: 0; border-radius: 50%; border: 0; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .page-products .productSection .slick-dots li button { height: 8px; width: 8px; } }
.page-products .productSection .slick-dots li button::before { display: none; }
.page-products .productSection .slick-dots li button:hover { background-color: #44484A; }
.page-products .productSection .slick-dots li.slick-active button { background-color: #8f001c; }
.page-products .productSection .slick-dots li.slick-active button:hover { background-color: #44484A; }
.page-products .productInfoSection { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/product-info-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; color: #ffffff; padding: 40px 0; }
@media only screen and (max-width: 991px) { .page-products .productInfoSection { padding: 35px 0; } }
@media only screen and (max-width: 575px) { .page-products .productInfoSection { text-align: center; padding: 30px 0; } }
.page-products .productInfoSection .infoTitle { font-family: "Helvetica"; font-weight: 700; font-size: 62px; line-height: 56px; }
@media only screen and (max-width: 1199px) { .page-products .productInfoSection .infoTitle { font-size: 56px; line-height: 50px; } }
@media only screen and (max-width: 991px) { .page-products .productInfoSection .infoTitle { font-size: 52px; line-height: 46px; } }
@media only screen and (max-width: 767px) { .page-products .productInfoSection .infoTitle { font-size: 46px; line-height: 40px; } }
.page-products .productInfoSection .infoText { margin: 30px 0 0; max-width: 300px; font-size: 18px; line-height: 20px; }
@media only screen and (max-width: 1199px) { .page-products .productInfoSection .infoText { max-width: 260px; font-size: 16px; line-height: 18px; } }
@media only screen and (max-width: 767px) { .page-products .productInfoSection .infoText { max-width: 230px; font-size: 14px; line-height: 16px; } }
@media only screen and (max-width: 575px) { .page-products .productInfoSection .infoText { margin: 25px auto 0; } }
.page-products .productAccessoriesSection { background-color: #EBEBEB; padding: 40px 0 15px; }
@media only screen and (min-width: 992px){
.page-products .productAccessoriesSection .customContainer{
max-width: 1920px;
width: 95%;
}
}
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection { padding: 25px 0; } }
.page-products .productAccessoriesSection .sectionText { color: #000000; font-weight: 500; margin: 25px auto 0; max-width: 650px; font-size: 18px; line-height: 20px; }
@media only screen and (max-width: 1199px) { .page-products .productAccessoriesSection .sectionText { max-width: 550px; font-size: 16px; line-height: 18px; } }
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection .sectionText { margin: 15px auto 0; font-size: 14px; line-height: 16px; } }
.page-products .productAccessoriesSection .rowWrapper { margin: 40px -20px 0; }
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection .rowWrapper { margin: 30px -10px 0; } }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper { padding: 0 20px; margin: 0 0 40px; }
@media only screen and (max-width: 991px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper { margin: 0 0 35px; } }
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit !important; padding: 0 10px; margin: 0 0 5px; } }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; text-align: center; height: 100%; padding: 0 0 25px; }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .imgWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .imgWrapper a { display: block; }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .imgWrapper a img { margin: 0 auto; }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .imgWrapper.topImg { margin-top: -25px; }
@media only screen and (max-width: 991px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .imgWrapper.topImg { margin-top: -20px; } }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .title { color: #000000; display: block; font-family: "Helvetica"; font-weight: 700; font-size: 20px; line-height: 26px; margin: 25px 0 15px; }
@media only screen and (max-width: 1199px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .title { font-size: 18px; line-height: 24px; } }
@media only screen and (max-width: 991px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .title { font-size: 16px; line-height: 22px; } }
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .title { padding: 0 10px; } }
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .text { font-family: "Helvetica"; font-weight: 400; color: #000000; margin: 0 auto; font-size: 12px; line-height: 14px; max-width: 240px; }
@media only screen and (max-width: 767px) { .page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper .text { padding: 0 10px; } }
.page-products .productAccessoriesSection .sliderWrapper .productSlider { margin: 0; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 20px; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots { position: relative; bottom: 0; margin: 10px 0 0; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li { margin: 0 3px; } }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li button { padding: 0; border-radius: 50%; border: 0; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li button { height: 8px; width: 8px; } }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li button::before { display: none; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li button:hover { background-color: #44484A; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.page-products .productAccessoriesSection .sliderWrapper .productSlider .slick-dots li.slick-active button:hover { background-color: #44484A; }
.page-benefit .benefitSection { position: relative; padding: 0; }
.page-benefit .benefitSection::before { position: absolute; content: ''; background-color: #F1F1F1; height: 30px; width: 100%; bottom: 0; left: 0; }
.page-benefit .benefitSection .videoWrapper { margin: 40px 0 0; }
@media only screen and (max-width: 991px) { .page-benefit .benefitSection .videoWrapper { margin: 30px 0 0; } }
.page-benefit .anotherBrickSection { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/another-brick-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0; }
@media only screen and (max-width: 1601px) { .page-benefit .anotherBrickSection { padding: 65px 0; } }
@media only screen and (max-width: 1441px) { .page-benefit .anotherBrickSection { padding: 50px 0; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/another-brick-bg-mobile.jpg); padding: 45px 0 0; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection { padding: 30px 0 0; } }
.page-benefit .anotherBrickSection .rowWrapper { position: relative; }
.page-benefit .anotherBrickSection .rowWrapper .contetntWrapper { margin-left: 55%; max-width: 415px; }
@media only screen and (max-width: 1441px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper { max-width: 375px; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper { margin: 0 auto; text-align: center; } }
.page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .title { color: #ffffff; font-size: 28px; line-height: 30px; }
@media only screen and (max-width: 1441px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .title { font-size: 26px; line-height: 28px; } }
@media only screen and (max-width: 1199px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .title { font-size: 24px; line-height: 26px; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .title { font-size: 22px; line-height: 24px; } }
@media only screen and (max-width: 767px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .title { font-size: 20px; line-height: 22px; } }
.page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .text { color: #ffffff; font-weight: 500; font-size: 20px; line-height: 26px; margin: 20px 0 0; }
@media only screen and (max-width: 1441px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .text { font-size: 18px; line-height: 24px; } }
@media only screen and (max-width: 1199px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .text { font-size: 16px; line-height: 22px; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection .rowWrapper .contetntWrapper .text { font-size: 15px; line-height: 20px; } }
.page-benefit .anotherBrickSection .rowWrapper .imgWrapper { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 485px; }
@media only screen and (max-width: 1601px) { .page-benefit .anotherBrickSection .rowWrapper .imgWrapper { max-width: 475px; } }
@media only screen and (max-width: 1441px) { .page-benefit .anotherBrickSection .rowWrapper .imgWrapper { max-width: 415px; } }
@media only screen and (max-width: 991px) { .page-benefit .anotherBrickSection .rowWrapper .imgWrapper { position: relative; left: inherit; top: inherit; -webkit-transform: translateY(30px); transform: translateY(30px); margin: -30px auto 0; } }
@media only screen and (max-width: 575px) { .page-benefit .anotherBrickSection .rowWrapper .imgWrapper { -webkit-transform: translateY(20px); transform: translateY(20px); margin: -20px auto 0; max-width: 280px; } }
.page-ourservices .serviceInfoSection { position: relative; z-index: 50; }
.page-ourservices .serviceInfoSection .rowWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -40px 0 30px; }
@media only screen and (max-width: 1199px) { .page-ourservices .serviceInfoSection .rowWrapper { margin: -30px 0 30px; } }
@media only screen and (max-width: 991px) { .page-ourservices .serviceInfoSection .rowWrapper { margin: -15px 0 25px; } }
@media only screen and (max-width: 767px) { .page-ourservices .serviceInfoSection .rowWrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 -20px; padding: 10px 0 0; } }
@media only screen and (max-width: 575px) { .page-ourservices .serviceInfoSection .rowWrapper { margin: 0 0 -10px; } }
.page-ourservices .serviceInfoSection .rowWrapper .contentWrapper { max-width: 560px; margin: 0 0 50px; }
@media only screen and (max-width: 1199px) { .page-ourservices .serviceInfoSection .rowWrapper .contentWrapper { max-width: 460px; margin: 0 0 30px; } }
@media only screen and (max-width: 991px) { .page-ourservices .serviceInfoSection .rowWrapper .contentWrapper { max-width: 410px; margin: 0 0 25px; } }
.page-ourservices .serviceInfoSection .rowWrapper .contentWrapper .text { margin: 20px 0 0; font-size: 18px; line-height: 24px; }
@media only screen and (max-width: 1199px) { .page-ourservices .serviceInfoSection .rowWrapper .contentWrapper .text { font-size: 16px; line-height: 22px; margin: 15px 0 0; } }
@media only screen and (max-width: 991px) { .page-ourservices .serviceInfoSection .rowWrapper .contentWrapper .text { font-size: 15px; line-height: 20px; } }
@media only screen and (max-width: 767px) { .page-ourservices .serviceInfoSection .rowWrapper .contentWrapper .text { text-align: center; } }
.page-ourservices .serviceInfoSection .rowWrapper .contentWrapper .text:first-child { font-weight: 700; }
.page-ourservices .serviceInfoSection .rowWrapper .imgWrapper { max-width: 330px; }
@media only screen and (max-width: 1199px) { .page-ourservices .serviceInfoSection .rowWrapper .imgWrapper { max-width: 310px; } }
@media only screen and (max-width: 991px) { .page-ourservices .serviceInfoSection .rowWrapper .imgWrapper { max-width: 265px; } }
@media only screen and (max-width: 575px) { .page-ourservices .serviceInfoSection .rowWrapper .imgWrapper { max-width: 240px; } }
.page-ourservices .serviceInfoSection .rowWrapper .imgWrapper img { border-radius: 50%; }
.page-ourservices .servicesSection .serviceSlider { margin: 0 -20px 35px; }
@media only screen and (max-width: 767px) { .page-ourservices .servicesSection .serviceSlider { margin: 0 auto 25px; } }
.page-ourservices .servicesSection .serviceSlider .item { margin: 0 20px; }
@media only screen and (max-width: 575px) { .page-ourservices .servicesSection .serviceSlider .item { margin: 0 2px; } }
.page-ourservices .servicesSection .serviceSlider .item .contentWrapper { background-color: #8f001c; color: #ffffff; text-align: center; padding: 35px 30px 30px; }
@media only screen and (max-width: 991px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper { padding: 35px 20px 30px; } }
.page-ourservices .servicesSection .serviceSlider .item .contentWrapper .iconWrapper { margin: 0 auto; max-width: 150px; }
@media only screen and (max-width: 1199px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .iconWrapper { max-width: 135px; } }
@media only screen and (max-width: 991px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .iconWrapper { max-width: 125px; } }
@media only screen and (max-width: 767px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .iconWrapper { max-width: 115px; } }
.page-ourservices .servicesSection .serviceSlider .item .contentWrapper .title { font-family: "Helvetica"; font-weight: 400; font-size: 26px; line-height: 28px; margin: 20px 0 13px; }
@media only screen and (max-width: 1199px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .title { font-size: 24px; line-height: 26px; } }
@media only screen and (max-width: 991px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .title { font-size: 22px; line-height: 24px; } }
@media only screen and (max-width: 767px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .title { font-size: 20px; line-height: 22px; } }
.page-ourservices .servicesSection .serviceSlider .item .contentWrapper .text { margin: 0 auto; font-family: "Helvetica"; font-weight: 400; font-size: 16px; line-height: 22px; max-width: 230px; }
@media only screen and (max-width: 991px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .text { font-size: 15px; line-height: 20px; max-width: 230px; } }
@media only screen and (max-width: 767px) { .page-ourservices .servicesSection .serviceSlider .item .contentWrapper .text { font-size: 14px; line-height: 18px; } }
.page-ourservices .servicesSection .serviceSlider .slick-dots { position: relative; bottom: 0; margin: 10px 0 0; display: none; }
@media only screen and (max-width: 991px) { .page-ourservices .servicesSection .serviceSlider .slick-dots { display: block; } }
.page-ourservices .servicesSection .serviceSlider .slick-dots li { height: auto; width: auto; padding: 0; margin: 0 5px; }
@media only screen and (max-width: 575px) { .page-ourservices .servicesSection .serviceSlider .slick-dots li { margin: 0 3px; } }
.page-ourservices .servicesSection .serviceSlider .slick-dots li button { padding: 0; border-radius: 50%; border: 0; background-color: #C6C6C6; height: 10px; width: 10px; }
@media only screen and (max-width: 575px) { .page-ourservices .servicesSection .serviceSlider .slick-dots li button { height: 8px; width: 8px; } }
.page-ourservices .servicesSection .serviceSlider .slick-dots li button::before { display: none; }
.page-ourservices .servicesSection .serviceSlider .slick-dots li button:hover { background-color: #44484A; }
.page-ourservices .servicesSection .serviceSlider .slick-dots li.slick-active button { background-color: #8f001c; }
.page-ourservices .servicesSection .serviceSlider .slick-dots li.slick-active button:hover { background-color: #44484A; }
.page-ourservices .tabWrapper .accordion { display: none; }
@media only screen and (max-width: 767px) { .page-ourservices .tabWrapper .accordion { padding: 0; display: block; margin-bottom: 25px;} }
.page-ourservices .tabWrapper .accordion .card { background-color: #8f001c; background-repeat: no-repeat; background-position: center; background-size: cover; border: none; border-radius: 0; border-bottom: 1px solid #ffffff; padding: 35px 0; margin: 0 0 20px; }
.page-ourservices .tabWrapper .accordion .card:first-child { border-top: 1px solid #ffffff; }
.page-ourservices .tabWrapper .accordion .card:last-child { margin: 0; }
.page-ourservices .tabWrapper .accordion .card .card-header { border: none; border-radius: 0; background-color: transparent; padding: 0; }
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; padding: 0; outline: none; color: #ffffff; margin: 0; width: 100%; line-height: 24px; font-size: 22px; }
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn .iconWrapper{margin-right: 10px;}
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn .iconWrapper img{width: 100%; max-height: 40px;}
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn i { background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/right-arrow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: all 0.5 ease; transition: all 0.5 ease; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 10px; height: 14px; width: 8px; }
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn.collapsed { color: #ffffff; }
.page-ourservices .tabWrapper .accordion .card .card-header .accordionBtn.collapsed i { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.page-ourservices .tabWrapper .accordion .card .card-body { color: #ffffff; padding: 0 10px; }
.page-ourservices .tabWrapper .accordion .card .card-body p { text-align: center; font-weight: 500; margin: 15px auto 0; font-size: 14px; line-height: 16px; color: #ffffff; }
.page-ourservices .tabWrapper .accordion .card .card-body .bannerBtn { color: #ffffff; background-color: #8f001c; border: 0.5px solid #ffffff; margin: 5px auto 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.page-ourservices .freeDeliverySection::before { display: none; }
.page-ourservices .freeDeliverySection{background-color: transparent; }
.page-ourservices .freeDeliverySection .rowWrapper { background-color: #000000; }
.page-ourservices .testimonialSection { padding: 40px 0; }
@media only screen and (max-width: 1199px) { .page-ourservices .testimonialSection { padding: 40px 0; } }
@media only screen and (max-width: 767px) { .page-ourservices .testimonialSection { padding: 30px 0; } }
.page-ourservices .inspirationalPSection { background-color: #F1F1F1; padding: 40px 0; }
.page-ourservices .inspirationalPSection .contentWrapper { max-width: 260px; }
.page-ourservices .inspirationalPSection .contentWrapper .title { font-weight: 700; font-family: "Helvetica"; line-height: 25px; font-size: 25px; }
@media only screen and (max-width: 1199px) { .page-ourservices .inspirationalPSection .contentWrapper .title { line-height: 22px; font-size: 22px; } }
@media only screen and (max-width: 991px) { .page-ourservices .inspirationalPSection .contentWrapper .title { line-height: 18px; font-size: 18px; } }
.page-ourservices .inspirationalPSection .contentWrapper .text { margin: 20px 0 23px; }
.page-ourservices .inspirationalPSection .contentWrapper .btnWrapper .customBTN { background-color: transparent; border: 1px solid #2E2A2A; color: #2E2A2A; }
.page-ourservices .inspirationalPSection .contentWrapper .btnWrapper .customBTN:hover { background-color: #2E2A2A; border-color: #2E2A2A; text-decoration: none; color: #ffffff; }
.page-downloads .downloadSection { padding: 45px 0; }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection { padding: 30px 0; } }
@media only screen and (max-width: 767px) { .page-downloads .downloadSection { padding: 20px 0; } }
@media only screen and (max-width: 575px) { .page-downloads .downloadSection { padding: 10px 0 20px; } }
.page-downloads .downloadSection .filterWrapper { border-bottom: 3px solid #8f001c; }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .filterWrapper { border-bottom: none; } }
.page-downloads .downloadSection .filterWrapper .title { background-color: #8f001c; color: #ffffff; font-weight: 700; font-size: 16px; line-height: 16px; padding: 18px 20px; }
@media only screen and (max-width: 1199px) { .page-downloads .downloadSection .filterWrapper .title { padding: 14px 10px; } }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .filterWrapper .title { background-color: transparent; color: #000000; text-align: center; } }
.page-downloads .downloadSection .filterWrapper .checkboxContent { padding: 30px 20px; }
@media only screen and (max-width: 1199px) { .page-downloads .downloadSection .filterWrapper .checkboxContent { padding: 20px 10px; } }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .filterWrapper .checkboxContent { padding: 0; } }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 30px; margin: 0 0 25px; line-height: 14px; font-size: 14px; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper:last-child { margin: 0; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper:hover input ~ .checkmark { background-color: #ccc; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper input:checked ~ .checkmark { background-color: #8f001c; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper input:checked ~ .checkmark:after { display: block; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper .checkmark:after { left: 6px; top: 2px; width: 6px; height: 11px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper .checkmark { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: 1px solid #DADADA; height: 20px; width: 20px; border-radius: 3px; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .checkboxWrapper .checkmark:after { content: ""; position: absolute; display: none; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .dropdown-toggle {background-color: #EDEDED; outline: none; width: 100%; text-align: left; color: #9D9D9C; border: 1px solid #ededed; border-radius: 3px; width: 100%; padding: 9px 10px !important; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .dropdown-toggle::after { display: none; }
.page-downloads .downloadSection .filterWrapper .checkboxContent .dropdown-toggle::before { position: absolute; content: ''; background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/new-down-arrow.png); background-position: right center; background-repeat: no-repeat; background-position: center; background-size: 100%; height: 15px; width: 20px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.page-downloads .downloadSection .filterWrapper .checkboxContent .dropdown-menu { width: 100%; padding: 13px; }
.page-downloads .downloadSection .resultWrapper { margin: 20px 0 0; display: none;}
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .resultWrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0 15px; } }
.page-downloads .downloadSection .resultWrapper .resetTag { padding: 10px 0; margin-left: 0; width: 100%; max-width: 60px; }
.page-downloads .downloadSection .resultWrapper .resetTag:hover { cursor: default; }
.page-downloads .downloadSection .resultWrapper .resetTag a { font-size: 14px; color: #000000; }
.page-downloads .downloadSection .resultWrapper .resetTag a:hover { text-decoration: none; }
.page-downloads .downloadSection .resultWrapper .resetTag a span { font-size: 16px; color: #878787; }
.page-downloads .downloadSection .downloadRow .row { margin: 0 -10px; }
.page-downloads .downloadSection .downloadRow .row .col-wrapper { padding: 0 10px; margin: 0 0 25px; }
@media only screen and (max-width: 575px) { .page-downloads .downloadSection .downloadRow .row .col-wrapper { margin: 0 0 20px; } }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper { background-color: #EDEDED; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 30px 20px; }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper { max-width: 240px; margin: 0 auto; } }
@media only screen and (max-width: 575px) { .page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper { padding: 15px 10px; } }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper:hover { background-color: #CBCBCB; }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper .imgWrapper {  max-width: 195px; }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper .imgWrapper a { display: block; }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper .imgWrapper a img { width: 100%; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); }
.page-downloads .downloadSection .downloadRow .row .col-wrapper .contentWrapper .title { display: block; color: #000000; text-decoration: none; font-weight: 700; font-size: 14px; margin: 24px 0 0; }
.page-downloads .downloadSection .btnWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0 0; }
@media only screen and (max-width: 1199px) { .page-downloads .downloadSection .btnWrapper { margin: 15px 0 0; } }
@media only screen and (max-width: 991px) { .page-downloads .downloadSection .btnWrapper { margin: 5px 0 0; } }
.page-privacy .privacySection { background-color: #ffffff; padding: 40px 0; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection { padding: 20px 0 30px; } }
.page-privacy .privacySection .clayTitle { display: none !important;background-color: #000000; color: #ffffff; text-align: center; padding: 15px 0; font-size: 22px; line-height: 22px; margin: 0 -15px 25px; }
@media only screen and (max-width: 575px) { .page-privacy .privacySection .clayTitle { font-size: 18px; line-height: 18px; } }
.page-privacy .privacySection .pageTitle { color: #000000; text-align: center; margin: 0 0 45px; font-weight: 500; font-size: 40px; line-height: 44px; }
@media only screen and (max-width: 1441px) { .page-privacy .privacySection .pageTitle { font-size: 38px; line-height: 42px; } }
@media only screen and (max-width: 1199px) { .page-privacy .privacySection .pageTitle { margin: 0 0 35px; font-size: 36px; line-height: 40px; } }
@media only screen and (max-width: 991px) { .page-privacy .privacySection .pageTitle { font-size: 34px; line-height: 38px; } }
@media only screen and (max-width: 767px) { .page-privacy .privacySection .pageTitle { margin: 0 0 25px; font-size: 32px; line-height: 36px; } }
.page-privacy .privacySection .title { color: #000000; font-weight: 700; line-height: 19px; font-size: 16px; margin: 0 0 20px; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection .title { line-height: 17px; font-size: 14px; margin: 0 0 13px; } }
.page-privacy .privacySection .text { color: #000000; font-weight: 500; line-height: 19px; font-size: 16px; margin: 0 0 20px; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection .text { line-height: 17px; font-size: 14px; margin: 0 0 13px; } }
.page-privacy .privacySection a { color: #000000; }
.page-privacy .privacySection ul { margin: 0 0 20px; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection ul { margin: 0 0 13px; } }
.page-privacy .privacySection ul li { color: #000000; position: relative; font-weight: 500; font-size: 16px; line-height: 19px; padding-left: 10px; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection ul li { line-height: 17px; font-size: 14px; } }
.page-privacy .privacySection ul li::before { position: absolute; content: ''; background-color: #000000; border-radius: 50%; left: 0; top: 9px; height: 5px; width: 5px; }
@media only screen and (max-width: 767px) { .page-privacy .privacySection ul li::before { height: 4px; width: 4px; } }
.page-contact-us .contact-Us-Section { padding: 50px 0 30px; }
@media only screen and (max-width: 767px) { .page-contact-us .contact-Us-Section { padding: 35px 0 30px; } }
.page-contact-us .contact-Us-Section .sectionTitle, .page-contact-us .contact-Us-Section .sectionText { text-align: left; }
@media only screen and (max-width: 991px) { .page-contact-us .contact-Us-Section .sectionTitle, .page-contact-us .contact-Us-Section .sectionText { text-align: center; } }
.page-contact-us .contact-Us-Section .sectionText { margin: 20px 0 30px; }
@media only screen and (max-width: 575px) { .page-contact-us .contact-Us-Section .sectionText { margin: 10px 0 25px; } }
@media only screen and (max-width: 991px) { .page-contact-us .contact-Us-Section .formWrapper { margin: 0 0 30px; } }
.page-contact-us .contact-Us-Section .formWrapper .inputWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.page-contact-us .contact-Us-Section .formWrapper .inputWrapper label { color: #000000; margin: 0 0 5px; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn { margin: 0 0 15px; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000000; padding-left: 30px; margin: 0 0 25px; line-height: 10px; font-size: 10px; }
@media only screen and (max-width: 575px){
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper{line-height: 12px;font-size: 10px;max-width: 280px;}
.page-contact-us .contact-Us-Section .formWrapper .btnWrapper{
align-items: center;
justify-content: center;
}
.page-contact-us .contact-Us-Section .formWrapper .btnWrapper .ajax-loader{
display: none;
}
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper a { color: #000000; text-decoration: underline; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper:last-child { margin: 0; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper:hover input ~ .checkmark { background-color: #ccc; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input:checked ~ .checkmark { background-color: #8f001c; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input:checked ~ .checkmark:after { display: block; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .terms_conditions .wpcf7-list-item { margin: 0; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper:hover .terms_conditions ~ .checkmark { background-color: #ccc; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .terms_conditions.checkedd ~ .checkmark { background-color: #8f001c; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .terms_conditions.checkedd ~ .checkmark:after { display: block; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .checkmark:after { left: 6px; top: 2px; width: 6px; height: 11px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .checkmark { display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: 1px solid #DADADA; height: 20px; width: 20px; border-radius: 3px; }
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .checkmark:after { content: ""; position: absolute; display: none; }
.page-contact-us .contact-Us-Section .addressWrapper { border-left: 2px solid #8f001c; padding: 10px 15px; margin: 25px 0 0; }
.page-contact-us .contact-Us-Section .addressWrapper p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #000000; margin: 0 0 20px; }
.page-contact-us .contact-Us-Section .addressWrapper p:first-child { font-weight: 700; font-size: 18px; line-height: normal;}
.page-contact-us .contact-Us-Section .addressWrapper p:nth-child(2), .page-contact-us .contact-Us-Section .addressWrapper p:nth-child(3), .page-contact-us .contact-Us-Section .addressWrapper p:nth-child(4) { margin: 0 0 30px; }
.page-contact-us .contact-Us-Section .addressWrapper p:nth-child(5), .page-contact-us .contact-Us-Section .addressWrapper p:nth-child(6) { margin: 0 0 10px; }
.page-contact-us .contact-Us-Section .addressWrapper p:last-child { margin: 0 0 5px; }
.page-contact-us .contact-Us-Section .addressWrapper p a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000000; }
.page-contact-us .contact-Us-Section .addressWrapper p img { margin: -2px 10px 0 0; }
.page-contact-us .formWrapper .inputWrapper .inputClass { max-height: 150px; }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .content { -webkit-box-flex: 0.5; -ms-flex-positive: 0.5; flex-grow: 0.5; }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .sectionText { margin: 15px 0; }
@media only screen and (max-width: 991px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .btnWrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 20px; } }
@media only screen and (max-width: 991px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper { margin: 0 0 45px; } }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .row { margin: 0 -10px; }
@media only screen and (max-width: 575px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .row { margin: 0 -5px; } }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .row .col-4 { padding: 0 10px; }
@media only screen and (max-width: 575px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .row .col-4 { padding: 0 5px; } }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sectionText { margin: 10px 0; font-size: 18px; line-height: 18px; }
@media only screen and (max-width: 1199px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sectionText { font-size: 16px; line-height: 16px; } }
@media only screen and (max-width: 767px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sectionText { font-size: 14px; line-height: 14px; } }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent { position: relative; } .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .imgWrapper{
overflow: hidden;
}
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .imgWrapper img { 
transition: all 0.7s linear;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;}
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .imgWrapper:hover img{
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .content { 
position: absolute;
bottom: 0; width: 100%; z-index: 10; padding: 20px; }
@media only screen and (max-width: 575px) { .page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .content { padding: 10px; } }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .content .title { color: #ffffff; font-size: 14px; line-height: 14px; }
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .content .title:hover{text-decoration: none;}
.page-about-us .sectionTitle { text-align: left; color: #000000; font-family: "Helvetica"; line-height: 25px; font-size: 25px; margin: 0 0 20px; }
@media only screen and (max-width: 1199px) { .page-about-us .sectionTitle { margin: 0 0 15px; line-height: 22px; font-size: 22px; } }
@media only screen and (max-width: 991px) { .page-about-us .sectionTitle { text-align: center; line-height: 18px; font-size: 18px; } }
.page-about-us .text { text-align: left; color: #000000; font-size: 14px; line-height: 16px; margin: 0 0 20px; }
@media only screen and (max-width: 1199px) { .page-about-us .text { margin: 0 0 15px; font-size: 14px; line-height: 16px; } }
@media only screen and (max-width: 991px) { .page-about-us .text { text-align: center; } }
@media only screen and (max-width: 767px) { .page-about-us .text { font-size: 14px; line-height: 16px; } }
.page-about-us .text a { color: #8f001c; text-decoration: none; }
.page-about-us .sectionText { text-align: left; }
@media only screen and (max-width: 991px) { .page-about-us .sectionText { text-align: center; } }
.page-about-us .sectionText a { color: #8f001c; text-decoration: none; }
@media only screen and (max-width: 991px) { .page-about-us .imgWrapper { text-align: center; } }
.page-about-us .imgWrapper img { width: 100%; }
@media only screen and (max-width: 991px) { .page-about-us .imgWrapper img { display: block; margin: 10px auto 0; } }
.page-about-us .whoWeAreSection, .page-about-us .whatWeDoSection, .page-about-us .whatIsSection { padding: 50px 0 40px; }
@media only screen and (max-width: 767px) { .page-about-us .whoWeAreSection, .page-about-us .whatWeDoSection, .page-about-us .whatIsSection { padding: 35px 0; } }
.page-about-us .whatWeDoSection .col-lg-6, .page-about-us .whatIsSection .col-lg-6 { padding: 0; }
@media only screen and (max-width: 767px) { .page-about-us .whatWeDoSection .col-lg-6, .page-about-us .whatIsSection .col-lg-6 { padding: 0 15px; } }
.page-about-us .whatWeDoSection { padding: 50px 0 60px; }
@media only screen and (max-width: 991px) { .page-about-us .whatWeDoSection { padding: 20px 0 30px; } }
.page-about-us .whatWeDoSection .contentWrapper { padding-left: 40px; }
@media only screen and (max-width: 991px) { .page-about-us .whatWeDoSection .contentWrapper { padding-left: 0; margin-top: 20px; } }
.page-about-us .whatIsSection { padding: 0 0 55px; }
@media only screen and (max-width: 991px) { .page-about-us .whatIsSection { padding: 0 0 35px; } }
@media only screen and (max-width: 767px) { .page-about-us .whatIsSection { padding: 0 0 25px; } }
.page-about-us .whatIsSection .contentWrapper { padding-right: 40px; }
@media only screen and (max-width: 991px) { .page-about-us .whatIsSection .contentWrapper { padding-right: 0; margin-top: 20px; } }
.page-about-us .abutus-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
@media only screen and (max-width: 991px) { .page-about-us .abutus-logo { margin: 20px auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
.page-about-us .aboutTextSection .container { background-color: #F0F0F0; padding: 45px 0; max-width: 820px; }
@media only screen and (max-width: 1199px) { .page-about-us .aboutTextSection .container { padding: 40px 0; max-width: 700px; } }
@media only screen and (max-width: 991px) { .page-about-us .aboutTextSection .container { padding: 35px 0; max-width: 560px; } }
@media only screen and (max-width: 767px) { .page-about-us .aboutTextSection .container { max-width: 100%; padding: 30px 0; } }
.page-about-us .aboutTextSection .container p { color: #8f001c; margin: 0 auto; text-align: center; font-weight: 700; max-width: 560px; line-height: 24px; font-size: 21px; }
@media only screen and (max-width: 1199px) { .page-about-us .aboutTextSection .container p { max-width: 480px; font-size: 18px; line-height: 22px; } }
@media only screen and (max-width: 991px) { .page-about-us .aboutTextSection .container p { max-width: 390px; } }
@media only screen and (max-width: 767px) { .page-about-us .aboutTextSection .container p { padding: 0 30px; } }
.page-about-us .freeTrainingSection { background-color: #ffffff; background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/free-training-bg2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 35px 0 170px; }
@media only screen and (max-width: 1441px) { .page-about-us .freeTrainingSection { padding: 35px 0 110px; } }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection { background-image: none !important; padding: 5px 0 10px; } }
.page-about-us .freeTrainingSection .sectionText { text-align: left; margin: 25px 0 0; max-width: 960px; }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection .sectionText { text-align: center; font-size: 12px; } }
.page-about-us .freeTrainingSection .imgWrapper { position: relative; }
.page-about-us .freeTrainingSection .imgWrapper img { display: block; width: 100%; }
.page-about-us .freeTrainingSection .imgWrapper .contentWrapper { margin-left: auto; max-width: 290px; color: #000000; }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper { background-color: #E3E3E3; position: relative; top: 0; left: 0; text-align: center; margin-right: auto; max-width: 100%; padding: 25px 15px; } }
.page-about-us .freeTrainingSection .imgWrapper .contentWrapper .title { text-align: right; color: #000000; font-size: 30px; }
@media only screen and (max-width: 1199px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 26px; } }
@media only screen and (max-width: 991px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 24px; } }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .title { text-align: center; font-size: 22px; } }
@media only screen and (max-width: 575px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .title { font-size: 18px; } }
.page-about-us .freeTrainingSection .imgWrapper .contentWrapper .sectionText { text-align: right; margin: 10px 0; }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .sectionText { text-align: center; margin: 15px 0; font-size: 14px; } }
.page-about-us .freeTrainingSection .imgWrapper .contentWrapper .customBTN { border: 1px solid #000000; color: #000000; background-color: transparent; margin-left: auto; }
@media only screen and (max-width: 767px) { .page-about-us .freeTrainingSection .imgWrapper .contentWrapper .customBTN { margin-right: auto; } }
.page-about-us .freeTrainingSection .imgWrapper .contentWrapper .customBTN:hover { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff; background-color: #000000; }
.page-about-us .aboutUsMapSection { padding: 55px 0 50px; }
@media only screen and (max-width: 1199px) { .page-about-us .aboutUsMapSection { padding: 45px 0 40px; } }
@media only screen and (max-width: 767px) { .page-about-us .aboutUsMapSection { padding: 35px 0 30px; } }
.page-about-us .aboutUsMapSection .mapWrapper { height: 320px; }
@media only screen and (max-width: 575px) { .page-about-us .aboutUsMapSection .mapWrapper { height: 300px; margin: 0 -15px; } }
.page-about-us .aboutUsMapSection .text { margin: 25px 0 0; line-height: 16px; font-size: 12px; }
@media only screen and (max-width: 767px) { .page-about-us .aboutUsMapSection .text { margin: 15px 0 0; } }
.page-about-us.page-404 .Section-404 { padding: 50px 0 200px; }
@media only screen and (max-width: 1199px) { .page-about-us.page-404 .Section-404 { padding: 50px 0 180px; } }
@media only screen and (max-width: 991px) { .page-about-us.page-404 .Section-404 { padding: 40px 0 160px; } }
@media only screen and (max-width: 767px) { .page-about-us.page-404 .Section-404 { padding: 40px 0 120px; } }
@media only screen and (max-width: 575px) { .page-about-us.page-404 .Section-404 { padding: 35px 0 80px; } }
.page-about-us.page-404 .Section-404 .sectionTitle, .page-about-us.page-404 .Section-404 .text { text-align: center; }
.page-about-us.page-404 .Section-404 .btnWrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }  .page-home .bannerSection .rowWrapper .col-wrapper .img-wrap{
overflow: hidden;
}
.page-home .bannerSection .rowWrapper .col-wrapper .img-wrap img{
transition: all 0.7s linear;
}
.page-home .bannerSection .rowWrapper .col-wrapper:hover .img-wrap img{
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
} 
.header .navWrapper .logoNavWrapper .container .hederLink ul li:first-child{ margin-left: 0; }
.header .navWrapper .logoNavWrapper .container .contactDetails{
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media only screen and (max-width: 991px) {
.header .navWrapper .logoNavWrapper .container .contactDetails{
display: none;
}
}
.header .navWrapper .logoNavWrapper .container .contactDetailsMobile{
display: none;
}
.header .navWrapper .logoNavWrapper .container .contactDetailsMobile a{
display: block;
width: 28px;
}
.header .navWrapper .logoNavWrapper .container .contactDetailsMobile a img{
display: block;
width: 100%;
}
@media only screen and (max-width: 991px) {
.header .navWrapper .logoNavWrapper .container .contactDetailsMobile{
display: block;
}
}
.header .navWrapper .logoNavWrapper .container .contactDetails a{
color: #ffffff;
line-height: 18px;
font-size: 14px;
}
.header .navWrapper .logoNavWrapper .container .contactDetails .link-call{ border: 2px solid #EDEDED;
padding: 2px 8px;
text-decoration: none;
}
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper{
overflow: hidden;
}
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .imgWrapper img{
transition: all 0.7s linear;
}
.porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent:hover .imgWrapper img{
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);    
} .top-back-content{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media screen  and (max-width: 991px){
.top-back-content{
margin-bottom: 10px;
}
}
.top-back-content a{
font-weight: 400;
font-family: "Helvetica";
font-size: 16px;
color: #8f001c;
text-decoration: none;
display: flex;
align-items: center;
}
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .imgWrapper{
position: relative;
}
.page-contact-us.page-thank-you .contact-Us-Section .contentWrapper .meanwhileWrapper .sliderContent .imgWrapper::after{
position: absolute;
content: '';
bottom: 0;
z-index: 5;
width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
height: 50%;
} .page-contact-us .contact-Us-Section .addressWrapper p img {
width: 20px;
height: auto;
} .headerHeroWrapper .bgImage{
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top; background-size: cover !important;
}
@media only screen and (max-width: 1440px) {
.headerHeroWrapper .bgImage{ background-size: cover !important;
}
}
@media only screen and (max-width: 1090px) {
.headerHeroWrapper .bgImage{ background-size: cover !important;
}
}
@media only screen and (max-width: 991px) {
.headerHeroWrapper .bgImage{ background-size: cover !important;
}
}
@media only screen and (max-width: 767px) {
.headerHeroWrapper .bgImage{ }
}
@media only screen and (max-width: 575px) {
.headerHeroWrapper .bgImage{
background-size: cover !important;
}
}
@media only screen and (max-width: 1090px) {
.headerHeroWrapper.hero2 .bgImage{
background-size: 135% auto !important;
}
}
@media only screen and (max-width: 991px) {
.headerHeroWrapper.hero2 .bgImage{
background-size: 196% auto !important;
}
}
@media only screen and (max-width: 767px) {
.headerHeroWrapper.hero2 .bgImage{
background-size: cover !important;
}
}
@media only screen and (max-width: 575px) {
.headerHeroWrapper.hero2 .bgImage{
background-size: cover !important;
}
}
@media only screen and (max-width: 767px) {
.page-ourservices .serviceInfoSection .rowWrapper .imgWrapper{
display: none;
}
} .footer .rowWrapper .footerAccorionWrapper .accordion .card:last-child .card-body li a::before{
background-image: none !important;
}
.page-products .productSection .rowWrapper .item{
width: 100%;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.page-products .productSection .rowWrapper .item{
display: inline-block;
margin: 15px 0;
}    
}
@media only screen and (max-width: 480px) {
.page-products .productSection .rowWrapper .item{
width: 100%;
display: inline-block;
margin: 15px 0;
}    
}  .footer .ehSmitGroup .rowWrapper .logoWrapper:hover{
filter: drop-shadow(2px 4px 6px black);
}
.page-contact-us .contact-Us-Section .addressWrapper p:nth-child(7) {
margin: 0 0 10px;
}
.sectionTeext.on_mobile{
display: none;
}
@media only screen and (max-width: 767px) {
.sectionText.on_desktop{
display: none;
}
.sectionTeext.on_mobile{
display: block;
}
.whyUsSection .rowWrapper .col-wrapper.on_mobile_hide{
display: none;
}
}
.mtb-2{
margin: 30px 0;
}
.inputWrapper select{
background-image: url(//porothermuk.co.uk/wp-content/themes/winmporotherm/assets/images/new-down-arrow.png);
}
.header .navWrapper .logoNavWrapper .container .hederLink ul li.current_page_item a{
border-bottom: 2px solid #000000;
}
.inputWrapper .wpcf7-form-control-wrap.Message textarea{
background-color: #EDEDED;
border-radius: 3px;
width: 100%;
padding: 7px 10px;
font-size: 16px;
line-height: 20px;
border: 0;
}
.inputWrapper .wpcf7-form-control-wrap.Message textarea::-webkit-input-placeholder,.inputWrapper .inputClass::-webkit-input-placeholder { color: #9D9D9C;
}
.inputWrapper .wpcf7-form-control-wrap.Message textarea:-ms-input-placeholder, .inputWrapper .inputClass:-ms-input-placeholder { color: #9D9D9C;
}
.inputWrapper .wpcf7-form-control-wrap.Message textarea::placeholder,  .inputWrapper .inputClass::placeholder {
color: #9D9D9C;
}
.page-contact-us .contact-Us-Section .addressWrapper p:nth-child(2), .page-contact-us .contact-Us-Section .addressWrapper p:nth-child(3){
margin: 0 0 20px;
}
.contactUsSection .subTitle{
text-align: center;
width: 530px;
margin: 0 auto;
max-width: 100%;
margin-bottom: 30px;
}
.contactUsSection .rowWrapper .btnWrapper.cusm0 {
margin-left: 0px;
margin-top: 30px;
}
.spanWrapper{
width: 100%;
display: flex;
justify-content: flex-end;
}
.spanWrapper .formInfo{
color: #9D9D9C;
margin-left: 5px;
line-height: 10px;
font-size: 10px;
}
.inputWrapper .wpcf7-form-control-wrap.Message textarea{
min-height: 84px;
}
.contactUsSection .rowWrapper .btnWrapper.cusm0 .wpcf7-form-control.wpcf7-submit.customBTN{
order: 3;
}
.header .navWrapper .mainMenu .container .navbar-nav .nav-item.current-menu-item .nav-link{
background-color: #272a2c;
}
@media only screen and (max-width: 767px) { 
.header .navWrapper .mainMenu .container .navbar-nav .nav-item.current-menu-item .nav-link {background-color: transparent;}
}
.page-projects .projectsSection .rowWrapper .contentWrapper{
overflow: hidden;    
}
.page-projects .projectsSection .rowWrapper .contentWrapper img{
transition: all 0.7s linear;
}
.page-projects .projectsSection .rowWrapper .contentWrapper:hover img{
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.page-about-us .container .rowWrapper .imgWrapper img{
object-fit: cover;
height: 288px;
object-position: center;
}
@media screen and (min-width: 992px){
.tabSection .tab-content .tab-pane{
min-height: 367px;
}
.tabSection .tabWrapper .rightContent{
max-height: 367px;
overflow: auto;
}
}
@media screen and (min-width: 768px){
body.home section.bannerSection .rowWrapper .col-wrapper figure.img-wrap img {
height: 350px;
width: 100%;
object-fit: cover;
}
}
@media screen and (min-width: 992px){
body.home section.bannerSection .rowWrapper .col-wrapper figure.img-wrap img {
height: 370px;
width: 100%;
object-fit: cover;
}
}
@media screen and (min-width: 1200px){
body.home section.bannerSection .rowWrapper .col-wrapper figure.img-wrap img {
height: 420px;
width: 100%;
object-fit: cover;
}
}
@media screen and (min-width: 1500px){
body.home section.bannerSection .rowWrapper .col-wrapper figure.img-wrap img {
height: 498px;
width: 100%;
object-fit: cover;
}
} .header .navWrapper .logoNavWrapper .container .hederLink ul li {
margin-left: 20px;
}
.header .navWrapper .mainMenu .container .navbar-nav {
justify-content: center;
margin-left: 0;
margin-right: 0;
}
.header .navWrapper .mainMenu .container .navbar-nav .menu-item {
width: 100%;
max-width: 16.7%;
display: flex;
align-items: center;
justify-content: center;
}
.header .navWrapper .mainMenu .container .navbar-nav .menu-item a {
text-align: center;
display: block;
width: 100%;
}
.footer .rowWrapper .copyrightText a {
color: #fff;
}
.footer .rowWrapper .copyrightText a:hover {
text-decoration: underline;
}
.page-archi-engg .whyUsSection .rowWrapper .col-wrapper .iconWrapper img {
margin: 0 auto;
}
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper {
padding: 0 20px 25px;
}
.page-projects-single .projectInfoSection .productInfoWrapper .title {
margin: 0 0 5px;
}
.page-projects-single .projectInfoSection .shareWrapper {
display: none !important;
}
.mac-body .header .navWrapper .logoNavWrapper .container .contactDetails .link-call {
padding: 4px 8px 0px;
}
@media screen and (max-width: 991px) {
.header .navWrapper .mainMenu .container .navbar-nav .menu-item {
max-width: 100%;
}
.page-products .productAccessoriesSection .rowWrapper .col-wrapper .contentWrapper {
padding: 0 10px 25px;
}
.contact-Us-Section .imgWrapper img {
width: 100%;
}
.whyUsSection .rowWrapper {
max-width: 100%;
flex-wrap: wrap;
}   
.whyUsSection .rowWrapper .col-wrapper {
flex: 0 0 50%;
max-width: 50%;
padding: 0 20px;
margin: 0 0 60px;
}
.whyUsSection .rowWrapper .col-wrapper .iconWrapper {
max-width: 95px;
}
.whyUsSection .rowWrapper .col-wrapper .iconWrapper img {
width: 100%;
}
.whyUsSection .rowWrapper .col-wrapper .title {
font-size: 22px;
}
.whyUsSection .rowWrapper .col-wrapper p {
font-size: 14px;
max-width: 300px;
margin: 0 auto;
}
.header .navWrapper .mainMenu .container .navbar-nav .nav-item.current-menu-item .nav-link {
background-color: #000;
}
.header .navWrapper .mainMenu .container .navbar-nav {
margin-left: -19px !important;
margin-right: -19px !important;
}
.header .navWrapper .mainMenu .container .navbar-nav .nav-item .nav-link {
padding: 13px 15px;
}
}
@media screen and (max-width: 575px) {
.page-archi-engg .whyUsSection .rowWrapper .col-wrapper .iconWrapper {
max-width: 50px;
}
}  @media screen and (max-width: 991px) {
.header .navWrapper .logoNavWrapper {
opacity: 1;
background-color: #8f001cf2;
}
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed::before {
background-color: #8b031e;
}
.page-downloads .downloadSection .resultWrapper .ajax_result_counter, .page-downloads .downloadSection .resultWrapper .reset_download_filters
{
display: none;
}
.page-downloads .downloadSection .resultWrapper .resetTag{
margin-left: auto;
}
.pageeTitle {
font-size: 20px;
padding: 15px 0;
line-height: 1.3;
}
}
@media screen and (max-width: 767px) {
.freeDeliverySection .rowWrapper {
padding: 25px 0px 0;
}
}
@media screen and (max-width: 575px) {
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed::before {
height: 94px;
width: 66px; 
left: 0;
}
.header .navWrapper .logoNavWrapper .navbar-toggler::before {
height: 96px;
}
.header .navWrapper .logoNavWrapper .navbar-toggler {
margin-left: 0;
padding: 0 20px;
}
.header .navWrapper .logoNavWrapper .navbar-toggler.collapsed {
margin-right: 0;
}
.fluid-width-video-wrapper {
padding-top: 56% !important;
}
}
@media screen and (max-width: 340px) {
.header .navWrapper .logoNavWrapper .container .navbar-brand {
max-width: 150px;
}
.header .navWrapper .logoNavWrapper .navbar-toggler {
padding: 0 15px;
}
.header .navWrapper .logoNavWrapper .navbar-toggler::before {
height: 90px;
width: 54px;
}
}
.headerHeroWrapper.hero2 {
height: 600px;
}
.headerHeroWrapper .bgImage {
background-size: cover !important;
} 
@media screen and (max-width: 1920px) {
.headerHeroWrapper .bgImage {
background-size: 1920px 600px !important;
}
}
@media only screen and (max-width: 1090px) {
.headerHeroWrapper.hero2 .bgImage {
background-size: 1920px 600px !important;
}
}
@media screen and (max-width: 991px) {
.headerHeroWrapper.hero2 .bgImage {
background-size: 1920px 600px !important;
}
.headerHeroWrapper.hero2 {
height: 350px;
}
}  .contactUsSection .rowWrapper .leftContent, .contactUsSection .rightContent {
flex: 0 0 50%;
max-width: 50%;
}
.contactUsSection .rowWrapper .leftContent .formWrapper .inputWrapper p {
width: 100%;
}
.contactUsSection .rightContent .imgWrapper img {
width: 100%;
}
.contactUsSection .rowWrapper .btnWrapper .formInfo {
margin-bottom: 20px;
display: block;
}
.contactUsSection .rowWrapper .btnWrapper.cusm0 .wpcf7-form-control.wpcf7-submit.customBTN {
display: block;
}
.page-home .bannerSection .rowWrapper .col-wrapper .contentWrapper p {
max-width: 330px;
}
.page-projects-single .projectInfoSection .rightContent {
height: 100%;
}
.projectSlider.less-items .slick-dots {
display: none;
}
.benefitSection .videoWrapper .videoContainer .fluid-width-video-wrapper {
padding-top: 56.2% !important;
}
.mac-body .porothermProjectsSection .sliderWrapper .projectSlider .slick-list .sliderContent .content .map img {
margin: -1px 5px 0 0;
}
.testimonialSlider.less-items .slick-dots {
display: none;
}
.page-projects .projectsSection .filterWrapper {
margin: 10px 0 20px;
}
.headerHeroWrapper {
height: 600px;
}
.headerHeroWrapper .heroWrapper .heroText {
display: none;
}
.headerHeroWrapper .heroWrapper .heroTitle {
height: auto;
min-height: 30px;
}
.page-contact-us .formWrapper .inputWrapper .inputClass::-webkit-outer-spin-button,
.page-contact-us .formWrapper .inputWrapper .inputClass::-webkit-inner-spin-button,
.inputWrapper .inputClass::-webkit-outer-spin-button,
.inputWrapper .inputClass::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input {
position: relative;
opacity: 1;
cursor: pointer;
height: 10px;
width: 10px;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input::before {
content: " ";
position: absolute;
width: 20px;
height: 20px;
top: -5px;
left: 0;
border: 1px solid #DADADA;
background-color: #fff;
border-radius: 3px;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input::after {
position: absolute;
content: " ";
width: 12px;
height: 7px;
border: 2px solid #000;
top: 0px;
left: 4px;
rotate: 131deg;
border-bottom: none;
border-left: none;
opacity: 0;
visibility: hidden;
transition: 0.4s all ease-in-out;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper input:checked::after {
opacity: 1;
visibility: visible;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper:last-child {
padding: 0;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .checkmark {
display: none;
}
.page-contact-us .contact-Us-Section .formWrapper .privacyCheckBtn .checkboxWrapper .wpcf7-list-item {
margin: 0 20px 0 0;
}
.page-products .productAccessoriesSection .rowWrapper .col-wrapper.box-3-width {
flex: 0 0 33.33%;
max-width: 33.33%;
}
@media screen and (max-width: 991px) {
.headerHeroWrapper.hero2 .bgImage {
background-size: 991px 450px !important;
}
.headerHeroWrapper {
height: 350px;
} 
.page-products .productAccessoriesSection .rowWrapper .col-wrapper.box-3-width {
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (max-width: 767px) {
.contactUsSection .rowWrapper .leftContent, .contactUsSection .rightContent {
max-width: 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 575px) {
.headerHeroWrapper.hero2 .bgImage {
background-size: 600px 450px !important;
}
}  .contactUsSection .rowWrapper .btnWrapper.cusm0 {
margin-top: 22px;
}
@media screen and (max-width: 991px) {
.header .navWrapper .mainMenu .container .navbar-nav .nav-item.current-menu-item .nav-link {
background-color: transparent;
}
}
@media screen and (max-width: 767px) {
.freeDeliverySection .rowWrapper .contentWrapper {
max-width: 100%;
}
}  .page-home .freeTrainingSection .imgWrapper .contentWrapper {
top: 20px;
transform: unset;
}
@media screen and (max-width: 991px) {
.headerHeroWrapper {
height: 450px !important;
}
.headerHeroWrapper.hero2 .bgImage {
background-size: 1260px 450px !important;
}
.headerHeroWrapper .bgImage {
background-size: 1260px 450px !important;
}
}
@media screen and (max-width: 767px) {
.page-home .freeTrainingSection .imgWrapper .contentWrapper {
top: 0;
}
}  .videos-sec {
padding: 50px 0 45px;
}
.videos-sec .videos-sec__text {
width: 100%;
max-width: 510px;
margin: 0 auto 45px;
}
.videos-sec .videos-sec__text p {
font-family: "Helvetica LT Std";
color: #16171b;
text-align: center;
font-size: 18px;
line-height: 1.11;
font-weight: 400;
}
.videos-sec .videos-sec__wrap {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 -10px 20px;
}
.videos-sec .videos-sec__wrap .box {
width: 100%;
max-width: calc(50% - 20px);
margin: 0 10px 20px;
}
.videos-sec .videos-sec__wrap .box figure {
width: 100%;
height: 100%;
position: relative;
padding-top: 56%;
}
.videos-sec .videos-sec__wrap .box figure iframe {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.videos-sec .btnWrapper {
justify-content: center;
}
@media screen and (max-width: 767px) {
.videos-sec .videos-sec__text p {
font-size: 14px;
line-height: 1.14;
}
.videos-sec {
padding: 35px 0 20px;
}
.videos-sec .videos-sec__text {
margin: 0 auto 25px;
}
.videos-sec .videos-sec__wrap .box {
max-width: 100%;
}
.videos-sec .videos-sec__wrap {
margin: 0 -10px 5px;
}
}