* {
margin-top: 0;
padding: 0;
}
:root {
--green: #358045;
--blue: #324b9a;
--dark-blue: #14287f;
--gray: #4c5165;
--light-grey: #f6f9fe;
--white: #fff;
} body {
margin: 0 !important;
font-family: "Poppins", Arial, sans-serif;
max-width: 100%;
overflow-x: hidden;
color: var(--gray);
box-sizing: border-box;
}
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
scroll-behavior: smooth;
} .topsite-content {
min-height: 300px;
} .website-grid {
max-width: 1400px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.website-full {
max-width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
} a {
text-decoration: none;
} .topsite-content p a {
color: var(--dark-blue);
font-weight: 600;
transition: 0.2s ease-out;
}
.topsite-content p a:hover {
text-decoration: none;
color: var(--gray);
} h1,
h2,
h3,
h4,
a {
color: var(--dark-blue);
}
p {
line-height: 180%;
}
h1 {
font-size: 28px;
line-height: 1.3em;
}
h2 {
font-size: 36px;
font-weight: 500;
}
.white-txt {
color: #fff;
} .full-img {
max-width: 100%;
} .margin-auto {
margin: auto;
}
.topsite-button {
display: block;
width: fit-content;
color: white;
padding: 10px 32px;
border-radius: 50px;
border: none;
background-color: var(--green);
box-sizing: border-box !important;
transition: 0.2s ease-in;
}
.topsite-button:hover {
cursor: pointer;
background-color: var(--blue);
}
:focus {
outline: none;
} address {
font-style: normal;
}      .site-footer {
background-color: #eaeaea;
padding-top: 30px;
}
.site-footer li {
list-style: none;
}
.site-footer h3,
p.footer-title {
color: white;
font-size: 26px;
font-weight: 800;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
p.footer-title {
padding-bottom: 15px;
}
.site-footer .menu-item {
margin-bottom: 10px;
}
.site-footer #menu-services {
padding-left: 0;
}
footer p,
footer a {
color: #fff;
line-height: 180%;
}
.site-footer a:hover {
color: #e63a47;
}
.site-footer a {
color: white;
font-weight: 600;
}
span.footer-copyright {
line-height: 1.6;
}
.sub-footer {
width: 100%;
text-align: center;
color: white;
padding: 20px 0;
margin-top: 60px;
font-size: 13px;
letter-spacing: 1px;
background: var(--blue);
} .responsive-navigation {
visibility: hidden;
height: 0px;
}  @media only screen and (min-width: 1000px) {  #navbar.sticky {
position: fixed !important;
top: 0;
width: 100%;
margin-top: 0;
background: #fff;
box-shadow: 0px 0px 10px rgb(0 0 0 / 0.35);
height: 70px;
} .sticky + .topsite-content {
padding-top: 60px;
} .sticky .topsite-logo-container img {
height: 50px;
} .sticky .topsite-header__menu.group {
top: 10px;
}
.topsite-header .website-grid {
height: 75px;
}
.sticky .website-grid {
height: 60px;
} .topsite-header {
position: absolute;
width: 100%;
height: 165px;
z-index: 50;
}
.topsite-header-container {
position: relative;
height: 100px;
}
.topsite-header .topsite-container {
position: relative;
height: 90px;
padding: 10px 0;
box-sizing: border-box;
margin-top: 40px;
} .topsite-container.website-grid {
padding: 40px 0;
} .topsite-header__menu-trigger {
visibility: hidden;
} .topsite-logo-container {
max-width: 250px;
height: 70px;
display: inline-block;
position: relative;
vertical-align: top;
} .topsite-logo-container img {
position: absolute;
width: auto;
height: 70px;
left: 0;
transition: 0.2s ease-out;
z-index: 30;
max-width: unset;
} .topsite-header__menu.group {
width: 78%;
display: inline-block;
position: relative;
vertical-align: top;
position: absolute;
right: 0;
top: 20px;
} #menu-main-menu {
margin-top: 4px;
margin-bottom: 0;
}
#menu-main-menu li a {
color: var(--gray);
font-size: 14px;
font-weight: 300;
text-decoration: none;
padding: 5px 10px;
transition: 0.2s ease-in;
border-radius: 20px;
white-space: nowrap;
}
#menu-main-menu li:last-child {
padding-right: 0;
}
#menu-main-menu li:hover > a,
#menu-main-menu .current-menu-item > a,
#menu-main-menu .sub-menu .current-menu-item > a {
background: var(--dark-blue);
color: var(--white);
}
#menu-main-menu .menu-item-has-children > a::after {
font: var(--fa-font-solid);
content: "\f078";
margin-left: 7px;
margin-bottom: 3px;
font-size: 10px;
}
#menu-main-menu li {
padding-bottom: 15px;
position: relative;
}
.sub-menu {
z-index: 2;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
#menu-main-menu .sub-menu li:hover a {
color: white;
}
#menu-main-menu .sub-menu li a {
padding: 10px;
font-size: 14px;
display: none;
color: var(--gray);
}
#menu-main-menu .sub-menu li {
padding-bottom: 0;
} .main-navigation {
text-align: right;
} #menu-header-login li {
padding: 0 20px;
}
#menu-header-login .current-menu-item a,
#menu-header-login a:hover {
color: white;
} .topsite-header__login {
text-align: right;
}
.menu-header-login-container {
background: var(--blue);
height: 40px;
}
#menu-header-login {
max-width: 1240px;
margin: 0 auto;
padding: 8px 25px;
box-sizing: border-box;
}
#menu-header-login li:last-child {
padding-right: 0;
}
.topsite-login-header {
height: 35px;
position: relative;
}
#menu-header-login li a {
color: #fff;
transition: 0.2s ease-out;
} .main-navigation .menu li {
display: inline-block;
position: relative;
} .sub-menu {
visibility: hidden;
position: absolute;
width: fit-content;
text-align: left;
background: white;
top: 30px;
box-sizing: border-box;
left: 8px;
height: 0;
transition: 0.15s ease-in;
border-top: solid 3px var(--dark-blue);
}
.menu-item:hover .sub-menu {
visibility: visible;
padding: 15px 15px;
height: auto;
}
#menu-main-menu .sub-menu li {
display: block;
margin-bottom: 2px;
}
#menu-main-menu .sub-menu li a {
font-size: 13px;
}
#menu-main-menu .menu-item:hover .sub-menu li a {
display: block;
}
} @media only screen and (min-width: 1900px) {} @media only screen and (max-width: 1600px) {} @media only screen and (max-width: 1500px) {} @media only screen and (max-width: 1400px) {} @media only screen and (max-width: 1240px) {
.logo_container img {
height: 70px;
width: auto;
}
} @media only screen and (max-width: 1200px) {} @media only screen and (min-width: 1140px) {} @media only screen and (min-width: 1140px) and (max-width: 1299px) {} @media only screen and (min-width: 1000px) and (max-width: 1139px) {} @media only screen and (min-width: 1140px) and (max-width: 1280px) {} @media only screen and (min-width: 1281px) {} @media only screen and (max-width: 1280px) {
.website-grid {
padding-left: 20px;
padding-right: 20px;
}
#menu-header-login {
padding: 8px 35px;
}
#menu-main-menu {
padding-right: 10px;
}
.col-13 {
width: 33%;
}
} @media only screen and (max-width: 1179px) {} @media only screen and (max-width: 1139px) {} @media only screen and (max-width: 999px) {
.responsive-nav-container.active .responsive-navigation {
visibility: visible;
height: inherit;
transition: 1s;
background: #fff;
padding: 0 40px 20px;
box-sizing: border-box;
width: 100vw;
top: 100px;
z-index: 99;
position: absolute;
right: 0;
border-top: solid 3px var(--blue);
}
.responsive-navigation ul {
margin: 0;
padding: 0;
}
.responsive-navigation li {
list-style: none;
font-size: 16px;
font-weight: 600;
font-family: "Poppins", Arial, sans-serif;
padding: 15px 0;
}
.responsive-navigation li a {
color: #1d3557;
padding: 2px;
border-bottom: solid 1px #F5F7F9;
display: block;
width: 100%;
}
.responsive-navigation .sub-menu {
padding-left: 2rem;
}
.responsive-navigation li a:hover {
color: #e63a47;
}
#menu-main-menu {
list-style: none;
padding-left: 0;
margin: 12px 0;
}
#menu-main-menu li a {
color: #1d3557;
font-family: "Poppins";
font-weight: 600;
font-size: 16px;
}
#menu-main-menu li {
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #dedede;
}
#menu-main-menu li:last-child {
margin-bottom: 0;
}
.topsite-login-header {
display: none;
}
.topsite-header__menu.group {
display: none;
}
.topsite-logo-container img {
width: 250px;
position: absolute;
width: auto;
height: 70px;
left: 20px;
top: 20px;
transition: 0.2s ease-out;
z-index: 30;
}
i.topsite-header__menu-trigger {
position: absolute;
top: 32px;
right: 60px;
font-size: 40px;
width: 40px;
height: 50px;
z-index: 999;
color: var(--blue);
}
.col-12,
.col-13,
.col-14,
.col-15 {
width: 100%;
}
} @media only screen and (max-width: 850px) {} @media only screen and (min-width: 750px) and (max-width: 1000px) {} @media only screen and (max-width: 750px) {} @media only screen and (max-width: 650px) {} @media only screen and (max-width: 500px) {
i.topsite-header__menu-trigger {
right: 20px;
}
.site-footer__col-three,
.site-footer__col-two,
.site-footer__col-one {
width: 96%;
padding-right: 3%;
}
p.footer-title {
margin-top: 50px;
}
} @media only screen and (max-width: 400px) {}
.section_title {
padding-top: 60px;
position: relative;
}
.section_title::after {
position: absolute;
top: 20px;
left: 20px;
width: 20px;
height: 20px;
background: var(--green);
content: "";
border-radius: 0% 50% 50% 50%;
transform: rotate(-45deg);
}
.section_title::before {
position: absolute;
top: 35px;
left: 0%;
width: 20px;
height: 20px;
background: var(--blue);
content: "";
border-radius: 50% 0% 50% 50%;
transform: rotate(40deg);
}
.section_title.center::before {
top: 44px;
left: calc(50% - 10px);
transform: rotate(40deg) translateX(-50%);
}
.section_title.center::after {
left: calc(50% + 15px);
top: 20px;
transform: rotate(-45deg) translateX(-50%);
}
.center {
text-align: center;
}
.background-wrapper {
background-size: cover;
background-image: url(//rjchemicalscanada.ca/wp-content/uploads/2022/09/bgbgbgbg.jpg);
}
.white-bg {
background-color: white;
}
.blue-bg {
background-color: var(--dark-blue);
color: white;
}
.tallign-left {
text-align: left;
}
.blue-opac-bg {
background-color: #0023947e;
padding: 20px 0 40px 0;
margin-top: 40px;
margin-bottom: 40px;
}
.light-blue-bg {
background-color: var(--blue);
color: white;
}
.green-bg {
background-color: var(--green);
color: white;
}
.green-txt {
color: var(--green);
}
.grey-bg {
background-color: var(--light-grey);
}
.blue-bg-half {
background-image: linear-gradient(
90deg,
var(--light-grey) 50%,
var(--dark-blue) 50%
) !important;
}
.square-card {
padding: 1rem;
text-align: center;
flex: 1 1 20%;
display: flex;
flex-direction: column;
}
.square-card > a {
margin-top: auto;
}
.white-button {
display: block;
background-color: white;
width: 100%;
text-align: center;
padding: 0.5rem;
box-sizing: border-box;
font-weight: 500;
}
.green-bg .white-button {
color: var(--green);
}
.blue-bg .white-button {
color: var(--dark-blue);
} .products_wrapper {
display: flex;
flex-wrap: wrap;
gap: 2%;
justify-content: center; }
.product_img {
background-color: white;
padding-bottom: 40px;
flex: 0 0 32%;
text-align: center;
overflow: hidden;
border-radius: 10px;
margin-bottom: 20px;
}
.product_img > div,
.image-wrapper {
max-width: 100%;
overflow: hidden;
}
.product_img > div > img {
border-radius: 10px;
}
.product_img > div > img,
.image-wrapper div {
max-width: 100%;
object-fit: cover;
}
.product_img > div > img,
.image-wrapper div,
.image-wrapper img {
object-fit: cover;
} .mt40 {
margin-top: 40px;
}
.pt40 {
padding-top: 40px;
}
.pb40 {
padding-bottom: 40px;
}
.py40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py80 {
padding-top: 80px;
padding-bottom: 80px;
}
.p40 {
padding: 40px;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.mb20 {
margin-bottom: 20px;
}
.mb40 {
margin-bottom: 40px;
}
.h100 {
height: 100%;
}
.mh420 {
max-height: 420px;
}
.w100 {
width: 100%;
}
.h80 {
height: 80%;
}
.mtxt {
font-size: 20px;
font-weight: 600;
}
.xstxt {
font-size: 14px;
}
.bluetxt {
color: var(--dark-blue);
}
.astretch {
align-self: stretch;
}
.aend {
align-self: flex-end;
}
.astart {
align-self: flex-start;
}
.list-nostyle {
color: var(--gray);
list-style: none !important;
font-size: 14px !important;
padding: 0;
}
.small-center-grid {
max-width: 700px;
margin: auto;
text-align: center;
padding: 20px;
}
.small-grid {
max-width: 700px;
margin: auto;
padding: 20px;
}
.large-center-grid {
max-width: 980px;
margin: auto;
text-align: center;
padding: 20px;
}
.large-grid {
max-width: 980px;
margin: auto;
padding: 20px;
}
.products_wrapper a.topsite-button {
margin-bottom: 20px;
}
span.rjchem {
font-weight: 800;
color: var(--dark-blue);
}
.double {
display: flex;
gap: 4%;
align-items: center;
}
.double > div {
flex: 0 0 48%;
}
.green {
color: var(--green);
}
.shadow-cards > div {
box-shadow: 7px 7px 10px 0px rgba(19, 40, 126, 0.2);
}
.shadow-cards > div p {
padding: 1rem;
}
.blue-opac-bg .section_title::before,
.blue-bg .section_title::before,
.light-blue-bg .section_title::before {
background-color: white;
}
.conimg {
max-width: 90%;
padding: 10% 5% 0;
}
.topsite-button:hover {
transform: scale(1.03);
}
.home-hero {
height: 582px;
display: flex;
align-items: center;
background-color: var(--dark-blue);
}
.home-hero * {
color: white;
}
.home-hero > div {
width: 100%;
}
.home-hero h1 {
font-size: 70px;
font-weight: 500;
}
.home-hero p {
font-size: 20px;
}
.home-hero1 {
background: linear-gradient(
90deg,
rgba(19, 40, 126, 0.7) 50%,
rgba(0, 0, 0, 0) 100%
),
url(//rjchemicalscanada.ca/wp-content/uploads/2022/09/Depositphotos_602651338_L.jpg);
background-size: cover;
background-position: 0% 0%;
color: white !important;
}
.home-hero2 {
background: linear-gradient(
90deg,
rgba(19, 40, 126, 0.7) 50%,
rgba(0, 0, 0, 0) 100%
),
url(//rjchemicalscanada.ca/wp-content/uploads/2022/09/Depositphotos_393300940_L.jpg);
background-size: cover;
background-position: 0% 63%;
color: white !important;
}
.home-hero3 {
background: linear-gradient(
90deg,
rgba(19, 40, 126, 0.7) 50%,
rgba(0, 0, 0, 0) 100%
),
url(//rjchemicalscanada.ca/wp-content/uploads/2022/09/Depositphotos_609453006_XL-scaled.jpg);
background-size: cover;
background-position: 0% 0%;
color: white !important;
}
.home-services {
background: url(//rjchemicalscanada.ca/wp-content/uploads/2022/09/services.jpg);
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
}
.team-card {
display: flex;
flex: 1 1 45%;
gap: 5%;
background-color: var(--green);
text-align: center;
margin-top: 20px;
}
.team-card h4,
.team-card a {
color: white;
}
.team-card p {
font-size: 14px;
}
.team-card > div {
flex: 0 0 44%;
}
.team-role {
color: #dedede;
}
.team-card > div:first-child > img {
width: 100%;
height: 100%;
}
.video-wrapper {
width: 100%;
position: relative;
padding: 0;
padding-top: 28%;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.white-card {
background-color: white;
border-radius: 10px;
padding: 1rem;
}
a.product_img {
display: block;
}
.associates .product_img {
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
padding: 1rem;
box-sizing: border-box;
}
.flex {
display: flex;
gap: 20px;
}
.flex-center {
display: flex;
justify-content: center;
gap: 20px;
}
.flex-col {
display: flex;
flex-direction: column;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.healthcare .flex-col i {
display: inline;
}
.healthcare .flex-wrap > div {
flex: 0 0 45%;
}
.healthcare .flex-center > div {
flex: 0 0 17%;
}
.anormal {
align-items: normal;
}
.swhite-card {
padding: 1rem;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
margin-bottom: 1rem;
box-sizing: border-box;
}
.healthcare .double > div {
flex: 1 1 48%;
}
.healthcare .video-wrapper {
padding-top: 50%;
max-width: 700px;
margin: 1rem auto;
}
.healthcare .double .video-wrapper {
padding-top: 28%;
}
#menu-main-menu,
#menu-loginmenu {
display: inline-flex;
align-items: flex-end;
list-style: none;
gap: 1px;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
#menu-main-menu > li:last-child {
margin-left: auto;
}
#menu-loginmenu a {
font-weight: 100;
}
#menu-main-menu a {
color: #4c5165;
font-weight: 100;
}
#menu-main-menu .head_quote_btn {
top: 0;
}
#menu-main-menu .head_quote_btn a {
font-size: 18px;
padding: 12px 22px;
color: white;
background-color: var(--green);
border-top-left-radius: 0;
border-bottom-left-radius: 20px;
}
#menu-main-menu .head_quote_btn a:hover {
color: white;
background-color: var(--dark-blue);
border-top-left-radius: 20px;
border-bottom-left-radius: 0;
}
.menu-main-menu-container {
margin-top: 10px;
}
.logo_container {
display: inline-block;
padding: 1rem 0;
}
.logo_container a {
height: 100%;
}
.et_menu_container {
display: flex;
justify-content: space-between;
align-items: center;
}
#top-header {
background-color: var(--blue);
}
#top-header #menu-loginmenu a {
margin-left: 1rem;
font-weight: 400;
}
#top-header > div {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 6px;
padding-bottom: 6px;
}
#info *,
#menu-loginmenu * {
color: white;
}
#menu-loginmenu {
margin-bottom: 0;
} #menu-main-menu {
list-style: none;
}
.page-title {
background: linear-gradient(
90deg,
rgba(19, 40, 126, 0.7) 50%,
rgba(0, 0, 0, 0) 100%
),
url(https://rjchemicalscanada.ca/wp-content/uploads/2026/05/RJ-New-Hero-1.png);
background-size: cover;
background-position: 0% 59%;
color: white !important;
}
.page-title h1 {
color: white;
font-size: 70px;
margin-bottom: 2px;
font-weight: 500;
}
.page-title > .website-grid {
height: 400px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
footer {
padding-top: 40px;
}
footer h3 {
font-size: 26px;
font-weight: 500;
margin-bottom: 1rem;
}
footer * {
color: white !important;
}
footer > .website-grid {
display: flex;
justify-content: space-between;
gap: 3%;
}
footer > div > div {
flex: 1 1 22%;
}
footer ul {
list-style: none;
padding: 0;
}
.swiper-pagination-bullet {
width: 20px !important;
border-radius: 5px !important;
}
.swiper-pagination-bullet-active {
background: white !important;
width: 16px !important;
}
.swiper-button-next,
.swiper-button-prev {
color: white !important;
transition: all 0.3s ease;
opacity: 0;
}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
opacity: 1;
}
.footer-social > a {
width: 30px;
height: 30px;
background-color: white;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border-bottom-right-radius: 0;
transition: all 0.3s ease;
}
.footer-social > a:hover {
border-top-right-radius: 0;
border-bottom-right-radius: 100%;
}
.footer-social > a i {
font-size: 20px;
color: var(--dark-blue) !important;
}
footer .fa-phone {
font-size: 30px;
margin-top: 8px;
}
footer .contact-us .flex {
gap: 10px;
margin-bottom: 20px;
}
footer .contact-us .flex h4 {
margin-bottom: 8px;
font-size: 20px;
font-weight: 500;
}
.swhite-card {
color: var(--dark-blue);
font-size: 18px;
}
.swhite-card i {
margin-right: 0.5rem;
font-size: 24px;
}
.page-title > .website-grid > div {
max-width: 86%;
}
.page-title > .website-grid > div p {
line-height: 180%;
font-size: 20px;
}
.blog-columns-wrapper {
display: flex;
justify-content: space-between;
}
.blog-column {
display: flex;
flex-direction: column;
gap: 20px;
flex: 0 0 30%;
max-width: 30%;
}
.blog-column > div {
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
overflow: hidden;
}
.newsres {
padding: 80px 0
}
.newsres .image-wrapper img {
max-width: 100%;
}
.newsres .video-wrapper {
padding-top: 50%;
}
.services .product_img h4 {
font-size: 20px;
margin-top: 1rem;
font-weight: 500;
}
.blog-card-txt {
padding: 1rem;
}
.product_img h4 {
font-size: 26px;
padding:10px;
font-weight:500;
}
.team-card a {
color: white !important;
text-decoration: underline;
}
.team-card {
word-break: break-all;
}
@media screen and (max-width: 1100px) {
.team-card > div:first-child > img {
height: auto;
}
}
.cannabis .swhite-card {
text-align: center;
background-color: rgba(255, 255, 255, 0);
}
.cannabis .swhite-card h4 {
display: inline;
}
.cannabis .flex-center > div {
flex: 1 1 45%;
}
.cannabis-list li {
margin-top: 1rem;
}
.cannabis {
padding: 40px 0;
}
.associates {
padding: 80px 0;
}
.associates h4 {
margin-bottom: 1rem;
}
.testimonials .flex {
flex-wrap: wrap;
gap: 5%;
justify-content: space-between;
}
.testimonials .references > a {
display: block;
flex: 1 1 30%;
max-width: 30%;
}
.testimonials .references > a img {
max-width: 100%;
}
.product-double {
display: flex;
padding: 40px 0;
}
.products .flex {
margin-bottom: 20px;
}
.products .flex-wrap > div {
flex: 0 0 30%;
}
.pd-hospital, .pd-hospitality, .pd-agriculture {
width: 33%;
margin-right: 40px;
flex: 0 0 20%;
}
.pd-hospital {
background-image: url(//rjchemicalscanada.ca/~rjchemic/wp-content/uploads/2022/09/original-1-1.jpg);
background-size: cover;
background-position: 56%;
}
.pd-hospitality {
background-image: url(//rjchemicalscanada.ca/~rjchemic/wp-content/uploads/2022/09/Hospitality-1.jpg);
background-size: cover;
background-position: 50%;
}
.pd-agriculture {
background-image: url(//rjchemicalscanada.ca/~rjchemic/wp-content/uploads/2022/09/Agriculture-1.jpg);
background-size: cover;
background-position: 85%;
}
.product-double .card {
flex: 0 0 30%;
}
.card {
border-radius: 10px;
flex: 1 1 30%;
padding: 1rem;
box-sizing: border-box;
}
.card.light-blue-bg * {
color: white;
}
.card div img {
width: 100%;
}
.competition {
gap: 0;
}
.competition > div {
padding: 3rem;
box-sizing: border-box;
flex: 1 1 50%;
}
.competition h3 {
color: white;
}
.products .blue-opac-bg {
margin-top: 0;
margin-bottom: 0;
}
.products .product_img .video-wrapper {
padding-top: 50%;
}
.products .products_wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.products .product_img {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.blog-post {
padding-top: 80px;
padding-bottom: 80px;
}
.blog-card-img {
width: 100%;
}
.blog-card {
display: block;
border-radius: 10px;
flex: 0 0 32%;
background-color: var(--light-grey);
overflow: hidden;
}
.blog-card-img-inner {
padding-top: 60%;
height: 100%;
box-sizing: border-box;
width: 100%;
background-size: cover;
}
.blog-section {
display: flex;
flex-wrap: wrap;
gap: 20px 2%;
padding: 80px 0;
}
.blog-section h2 {
font-size: 22px;
}
.refferals {
padding: 80px 0;
}
.refferals .double {
gap: 0;
align-items: flex-start;
}
.refferals .image-wrapper img {
width: 100%;
}
.ref-form h2 {
color: white;
font-size: 28px;
}
.refferals .ref-form {
padding: 40px;
color: white;
background-color: var(--blue);
width: fit-content;
border: solid 1px var(--blue);
}
.gform_button  {
padding: 10px 20px;
background: var(--green);
color: white;
border-radius: 10px;
font-size: 20px;
border: none;
cursor: pointer;
}
.refferals .gform_button:hover {
background: white;
color: var(--dark-blue);;
}
.refferals .double > div {
flex: auto;
}
.refferals input {
padding: 10px;
}
#tidio-chat .widgetLabel {
display: none;
}
.why{
padding-top: 80px;
padding-bottom: 80px;
}
.why .double{
gap: 0;
box-sizing:border-box;
align-items:stretch;
}
.why .double > div{
padding: 40px;
flex: 0 0 50%;
box-sizing:border-box;
}
#input_1_8{
height:140px;
}
.why h4{
margin-bottom:1rem;
}
.why .flex{
margin-bottom:2rem;
}
.why .flex i{
font-size:30px;
}
.why .double .blue-bg h2{
color:white !important;
}
.why .double .blue-bg *{
box-sizing: border-box;
}
.why .wpcf7-form-control-wrap *{
padding: 10px;
border-radius: 0;
border: none;
max-height: 124px;
width: 100%;
font-size: 16px;
font-family: 'Poppins';
}
@media screen and (min-width: 1000px) {
.topsite-header__menu-trigger, .responsive-nav-container {
display: none !important;
}
} @media only screen and (min-width: 1000px) and (max-width: 1139px) {
#menu-main-menu li a {
padding: 4px 8px;
}
}
@media screen and (max-width: 1000px) {
.why .image-wrapper {
display: none;
}
.double,
.products_wrapper,
footer > .website-grid {
flex-direction: column;
}
.home-services {
background: white;
}
#secondary-menu,
#top-menu-nav {
display: none;
}
.topsite-header__menu-trigger {
display: block;
position: absolute;
right: 10px;
}
.et_menu_container {
position: relative;
}
.login-header {
justify-content: center !important;
}
.conimg {
display: none;
}
.blue-bg-half {
background: var(--dark-blue);
background-image: none !important;
}
.p40 {
padding: 40px 0;
}
.square-card,
.white-button {
margin-bottom: 10px;
}
footer > div > div {
max-width: 400px;
margin: auto;
text-align: center;
}
footer .contact-us .flex {
width: fit-content;
text-align: left;
flex-direction: row;
}
footer h3 {
margin-top: 40px;
}
.reversvid {
flex-direction: column-reverse!important;
}
.testimonials .double {
align-items: flex-start;
}
.testimonials .video-wrapper {
padding-top: 50%;
}
.home-hero, .page-title {
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.home-hero h1, .page-title h1 {
font-size: 22px;
}
.home-hero .topsite-button {
margin-left: auto;
margin-right: auto;
}
.product_img {
padding-bottom: 1rem;
}
.product_img h4 {
font-size: 20px;
font-weight: 400;
padding: 1rem;
margin-bottom: 0;
}
.video-wrapper {
padding-top: 50%;
}
.flex-wrap {
flex-direction: column;
}
.product-double {
display: block;
padding-left: 20px;
padding-right: 20px;
}
.pd-hospitality, .pd-hospital , .pd-agriculture {
display: none;
}
.flex {
flex-direction: column;
}
.page-title > .website-grid {
height: auto;
display: block;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 30px;
}
.page-title > .website-grid > div {
max-width: 100%;
}
.blog-columns-wrapper, .blog-section{
flex-direction: column;
}
.blog-column{
max-width: 100%;
}
.newsres,  .blog-section{
padding: 40px 20px;
}
}
.home h4.green{
font-weight: 400;
font-size: 24px;
}
.privacy-pol{
padding-top: 40px;
padding-bottom: 40px;
}
.privacy-pol ul{
list-style: none;
}