@charset "UTF-8";
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list {
background: #fff url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/fonts/slick.eot);
src: url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/fonts/slick.woff) format("woff"), url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/fonts/slick.ttf) format("truetype"), url(https://www.mrmprocom.com/wp-content/themes/mrmprocom/assets/sass/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}.nobdr_top {
border-top: none !important;
}
.nomargin {
margin: 0px !important;
}
.nomargin-top {
margin-top: 0 !important;
}
.nomargin-left {
margin-left: 0px !important;
}
.nomargin-right {
margin-right: 0px !important;
}
.nopadding {
padding: 0px !important;
}
.alignbottom {
vertical-align: text-top;
}
img {
height: auto;
border: 0;
}
p {
margin: 0px;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
ul li {
list-style: none;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none !important;
}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article {
display: block;
}
.clear {
padding: 0;
margin: 0;
clear: both;
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
}
html, body {
width: 100%;
padding: 0;
margin: 0;
font-family: "Darker Grotesque", sans-serif;
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
header {
width: 100%;
top: 0;
padding: 19px 0px;
transition: all 0.5s ease;
background: #fff;
z-index: 9999;
}
header .container {
max-width: 1280px;
}
header .container .row {
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
}
header .container .row .logo {
width: auto;
}
header .container .row .logo img {
max-width: 100%;
}
header .container .row .menu-bar {
width: auto;
}
header .container .row .menu-bar ul {
display: flex;
justify-content: end;
padding-right: 20px;
}
header .container .row .menu-bar ul li {
margin: 0 10px;
}
header .container .row .menu-bar ul li a {
font-weight: 600;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #000000;
}
header .container .row .menu-bar ul li a:hover {
color: #264796;
}
header .container .row .menu-bar ul li .megamenu-out {
position: absolute;
width: 1228px;
border-radius: 20px;
background: #264796;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
top: 65px;
z-index: 9;
opacity: 0;
transition-duration: 200ms;
transition-timing-function: ease-in;
transition-property: opacity, margin-top, visibility;
visibility: hidden;
z-index: 999;
padding: 0;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left {
padding: 40px 0px 40px 78px;
float: left;
width: 825px;
overflow: auto;
max-height: 488px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul {
display: block;
justify-content: unset;
position: relative;
padding: 0;
max-height: 488px;
width: 338px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li {
display: block;
width: 100%;
margin: 0px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li a {
text-transform: unset;
color: #fff;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/mega-li-bg.png) no-repeat 0px 21px;
padding-left: 30px;
display: block;
border-bottom: 1px solid transparent;
line-height: 50px;
padding-right: 0px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li ul {
display: none;
position: absolute;
left: 100%;
top: 10px;
bottom: 0;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover a {
color: #fbb040;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/mega-li-hover-bg.png) no-repeat 0px 21px;
border-color: #fbb040;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover ul {
display: block;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover ul li {
padding-left: 40px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover ul li a {
font-size: 18px;
line-height: 30px;
border: none;
color: #cadaff;
background: none;
position: relative;
border-bottom: 1px solid transparent;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover ul li a::before {
width: 16px;
height: 2px;
content: "";
background: #fbb040;
left: 0;
position: absolute;
top: 14px;
display: inline-block;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li:hover ul li:hover a {
border-color: #fbb040;
color: #fbb040;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li a::after {
display: none;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-right {
width: 403px;
float: left;
background-color: #555555;
min-height: 488px;
display: flex;
border-radius: 0px 20px 20px 0px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-right figure {
width: 100%;
margin: 0px;
border-radius: 0px 20px 20px 0px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-right figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0px 20px 20px 0px;
}
header .container .row .menu-bar ul li:hover .megamenu-out {
opacity: 1;
visibility: visible;
}
header .container .row .menu-bar ul li.parent a {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/drop-down-ico.png) no-repeat center right;
padding-right: 15px;
}
header .container .row .menu-bar ul li.parent:hover a {
position: relative;
}
header .container .row .menu-bar ul li.parent:hover a::after {
width: 32px;
height: 27px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/mega-menu-arrow.png) no-repeat;
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
content: "";
top: 20px;
}
header .container .row .menu-bar ul li.simple-subnavigation {
position: relative;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu {
position: absolute;
opacity: 0;
width: 295px;
padding: 25px 35px;
top: 55px;
left: -122px;
margin-top: 10px;
box-shadow: 0px 1px 5px #c4c6ca;
border-radius: 10px;
background: #fff;
transition-duration: 200ms;
transition-timing-function: ease-in;
transition-property: opacity, margin-top, visibility;
visibility: hidden;
text-align: left;
display: block;
z-index: 99;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu li {
display: block;
width: 100%;
padding: 0px;
margin: 0;
padding: 3px 0 7px;
border-bottom: 1px solid #dde2ee;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu li a {
background: none;
color: #555555;
letter-spacing: 0;
display: block;
text-transform: unset;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu li a:hover {
color: #0056a9;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu li:last-child {
border: none;
}
header .container .row .menu-bar ul li.simple-subnavigation .submenu::before {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/submenu-arrow.png) no-repeat;
position: absolute;
content: "";
top: -16px;
left: 45%;
width: 36px;
height: 16px;
}
header .container .row .menu-bar ul li.simple-subnavigation:hover .submenu {
opacity: 1;
visibility: visible;
margin-top: 0px;
}
header .container .row .menu-bar ul li.simple-subnavigation:hover a::after {
display: none;
}
header .container .row .menu-bar .tmimenu_btn {
cursor: pointer;
display: block;
vertical-align: middle;
display: none;
}
header .container .row .contact-number {
padding: 0px;
width: auto;
}
header .container .row .contact-number a {
color: #fff;
background: #264796;
border-radius: 60px;
height: 48px;
padding: 0 15px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #ffffff;
min-width: 250px;
}
header header.fixed {
position: fixed;
}
header {
box-shadow: none;
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
header .container {
max-width: 90%;
margin-left: 5%;
}
header.fixed {
box-shadow: rgba(140, 152, 164, 0.25) 0px 3px 6px 0px;
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.humburger-ico {
display: none;
}
@media screen and (max-width: 1440px) {
header .container {
max-width: 100%;
margin-left: 0;
padding: 0px 30px;
}
header .container .row .logo {
padding-left: 0px;
}
}
@media screen and (max-width: 1365px) {
header .container .row .logo {
width: 250px;
}
header .container .row .contact-number a {
min-width: 200px;
}
}
@media screen and (max-width: 1200px) {
header .container .row .logo {
width: 225px;
}
header .container .row .menu-bar {
width: auto;
}
header .container .row .menu-bar ul {
display: flex;
justify-content: end;
padding-right: 20px;
}
header .container .row .menu-bar ul li {
margin: 0 5px;
}
header .container .row .menu-bar ul li a {
font-size: 16px;
}
header .container .row .menu-bar ul li .megamenu-out {
width: 1000px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left {
padding: 20px 0px 20px 20px;
width: 715px;
min-height: 370px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-left ul li a {
line-height: 40px;
background-position: 0px 15px;
}
header .container .row .menu-bar ul li .megamenu-out .megamenu-box-right {
width: 285px;
min-height: 370px;
}
header .container .row .contact-number a {
min-width: 163px;
height: 43px;
line-height: 18px;
font-size: 15px;
}
}
@media screen and (max-width: 1025px) {
.overlay-menu {
display: none;
}
header .container {
max-width: 100%;
margin-left: 0;
}
header .container .row .logo {
max-width: inherit;
position: relative;
z-index: 9;
}
header .container .row .menu-bar {
max-width: inherit;
width: 100%;
padding: 0;
position: absolute;
right: 0;
padding: 0px 30px;
}
header .container .row .menu-bar .tmimenu_btn {
display: block;
float: right;
}
header .container .row .menu-bar .tmimenu_btn .tmimenu_icon {
margin: 0px;
}
header .container .row .menu-bar .tmimenu_btn .tmimenu_icon .tmimenu_icon-bar {
border-radius: 5px;
background-color: #264796;
display: block;
height: 4px;
width: 32px;
margin-top: 4px;
}
header .container .row .menu-bar .overlay-menu {
display: none !important;
}
header .container .row .menu-bar .u-vmenu {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 35px;
background: #fff;
z-index: 999;
padding: 0px 30px;
}
header .container .row .menu-bar .u-vmenu ul {
padding-right: 0;
flex-wrap: wrap;
padding-top: 20px;
}
header .container .row .menu-bar .u-vmenu ul li {
width: 100%;
margin: 0;
border-bottom: 0.5px solid #405da2;
position: relative;
background: #264796;
}
header .container .row .menu-bar .u-vmenu ul li span {
cursor: pointer;
position: absolute;
z-index: 99;
right: 15px;
top: 13px;
display: flex;
width: 25px;
height: 25px;
}
header .container .row .menu-bar .u-vmenu ul li a {
font-size: 22px;
line-height: 50px;
display: block;
padding: 0 25px;
color: #fff;
text-transform: capitalize;
}
header .container .row .menu-bar .u-vmenu ul li ul {
display: none;
padding: 0px;
}
header .container .row .menu-bar .u-vmenu ul li ul li {
background: #314d93;
}
header .container .row .menu-bar .u-vmenu ul li ul li a {
padding-left: 50px;
font-size: 20px;
}
header .container .row .menu-bar .u-vmenu ul li ul li ul li a {
padding-left: 75px;
font-size: 18px;
}
header .container .row .contact-number {
display: none;
}
.humburger-ico {
display: flex;
width: 40px;
flex-wrap: wrap;
position: absolute;
top: 30px;
right: 15px;
z-index: 9999;
height: 30px;
cursor: pointer;
}
.humburger-ico .hum-ico {
display: block;
width: 35px;
background: #264796;
position: absolute;
height: 5px;
width: 100%;
border-radius: 9px;
transition: all 0.3s ease;
}
.humburger-ico .hum-ico:nth-child(2) {
top: 11px;
}
.humburger-ico .hum-ico:nth-child(3) {
top: 22px;
}
.humburger-ico.humburger-open span:nth-child(1) {
top: 11px;
transform: rotate(135deg);
}
.humburger-ico.humburger-open span:nth-child(2) {
opacity: 0;
left: -30px;
}
.humburger-ico.humburger-open span:nth-child(3) {
top: 11px;
transform: rotate(-135deg);
}
}
.banner-outer.inner-banner {
padding-top: 10px;
margin-top: 0;
padding-bottom: 25px;
}
.banner-outer {
width: 100%;
padding-bottom: 0px;
margin-top: 0px;
position: relative;
}
.banner-outer figure img {
width: 100%;
}
.banner-outer .banner-slider {
width: 100%;
margin-bottom: 0;
}
.banner-outer .banner-slider .banner-row {
width: 100%;
position: relative;
}
.banner-outer .banner-slider .banner-row img {
width: 100%;
}
.banner-outer .banner-slider .banner-row .banner-text-outer {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
width: 100%;
bottom: 0;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text {
width: auto;
position: absolute;
right: 50px;
bottom: 50px;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text h3 {
font-size: 55px;
color: #264796;
letter-spacing: -0.02em;
line-height: 100%;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text h3 span {
font-weight: 300;
display: block;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text a {
width: 199px;
height: 54px;
border: 1px solid #000000;
border-radius: 60px;
font-weight: 700;
font-size: 22px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #000000;
margin-top: 35px;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text a img {
width: auto;
left: 8px;
position: relative;
top: 1px;
transition: all 0.3s;
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text a:hover img {
left: 15px;
}
.banner-outer .slider-dots-box {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.banner-outer .slider-dots-box .slider-dots {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
}
.banner-outer .slider-dots-box .slider-dots li button {
width: 20px;
height: 20px;
border-radius: 50%;
display: block;
border: 0;
background-color: transparent;
margin: 0 10px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0;
transition: 0.3s all;
position: relative;
z-index: 0;
}
.banner-outer .slider-dots-box .slider-dots li button:after {
content: "";
display: block;
width: 13px;
height: 13px;
border-radius: 50%;
border: 0.5px solid #00ADE5;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button {
width: 40px;
height: 40px;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button:after {
content: none;
display: none;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
border: 2px solid #5F8EFF;
border-radius: 50%;
}
.banner-outer .slider-dots-box .circle-bg {
fill: rgba(255, 255, 255, 0);
stroke: rgba(0, 0, 0, 0.05);
stroke-width: 2;
stroke-linecap: butt;
}
.banner-outer .slider-dots-box .circle-go {
fill: rgba(255, 255, 255, 0);
stroke: #E31E24;
stroke-width: 2;
stroke-linecap: round;
animation: progress 22s;
stroke-dasharray: 360px;
stroke-dashoffset: 360;
}
.banner-outer .slider-dots-box .circle-tx {
fill: #E8E8E8;
stroke-width: 1;
font: bold 0px "Jost", sans-serif;
text-anchor: middle;
}
@keyframes progress {
from {
stroke-dashoffset: 360;
}
to {
stroke-dashoffset: 0;
}
}
.banner-outer .banner-slider .banner-row .banner-text-outer .banner-text a {
margin-top: 30px;
}
.banner-outer .banner-nav-slider {
margin-top: -143px;
}
.banner-outer.inner-banner {
height: auto;
}
.banner-outer.inner-banner figure {
margin-bottom: 0;
position: relative;
}
.banner-outer.inner-banner figure img {
width: 100%;
}
.banner-outer.inner-banner figure figcaption {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.banner-outer.inner-banner figure figcaption h5 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 30px; color: #FFFFFF;
padding-bottom: 30px;
}
.banner-outer.inner-banner figure figcaption h1 {
font-weight: 600;
font-size: 90px;
line-height: 100%; color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1200px) {
.banner-outer .banner-slider .banner-row .container {
max-width: 90%;
margin-left: 5%;
flex-wrap: wrap;
}
.banner-outer .banner-slider .banner-row .container img {
width: 50%;
}
.banner-outer .banner-slider .banner-row .container .banner-text {
width: 50%;
}
.banner-outer .banner-slider .banner-row .container .banner-text h3 {
font-size: 55px;
line-height: 65px;
}
}
@media screen and (max-width: 1024px) {
.banner-outer.inner-banner {
padding-bottom: 0;
}
.banner-outer.inner-banner figure figcaption h1 {
font-size: 60px;
}
}
@media screen and (max-width: 769px) {
.banner-outer {
height: auto;
}
.banner-outer .slider-dots-box {
position: relative;
bottom: 0;
}
.banner-outer.inner-banner {
padding-bottom: 0;
}
.banner-outer.inner-banner figure img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.banner-outer.inner-banner figure figcaption h1 {
font-size: 40px;
}
.progress-svg {
display: none;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button {
width: 20px;
height: 20px;
}
}
.category-product {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/category-banner.jpg) left top no-repeat;
background-size: cover;
clear: both;
padding: 50px 0;
background-attachment: fixed;
}
.category-product .row .col-lg-12 {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-bottom: 10px;
position: relative;
}
.category-product .row .col-lg-12 .head-title h2 {
color: #fff;
}
.category-product .row .col-lg-12 .head-title h3 {
color: #fff;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(1) {
margin-left: 40%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(4) {
margin-left: 20%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box {
width: 20%;
position: relative;
overflow: hidden;
padding: 0 4px;
margin-bottom: 10px;
}
.category-product .row .col-lg-12 .col-lg-2.p-box .overlay {
position: absolute;
display: block;
top: 100%;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.8);
align-items: center;
justify-content: center;
padding: 10px;
font-weight: 600;
font-size: 16px;
line-height: 22px; color: #FFFFFF;
left: 0;
transition: all 0.3s;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:hover .overlay {
top: 0;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%; flex-wrap: wrap;
margin-bottom: 0;
overflow: hidden;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure img {
width: 100%;
height: 135px;
-o-object-fit: cover;
object-fit: cover;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure figcaption {
background: #fff;
height: 35px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure figcaption h3 {
font-weight: 500;
font-size: 18px;
line-height: 35px; display: flex;
align-items: center;
text-align: center;
color: #000000;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure.view-all {
height: 100%;
background: #B7CBFF;
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure.view-all a {
width: 100%;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 40px; display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
justify-content: center;
transition: all 0.3s;
color: #264796;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure.view-all a img {
width: auto;
height: auto;
left: 8px;
top: 3px;
position: relative;
transition: all 0.3s;
}
.category-product .row .col-lg-12 .col-lg-2.p-box figure.view-all a:hover img {
left: 15px;
}
.client {
padding: 50px 0;
}
.client .text-box h4 {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 40px; color: #181817;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 25px;
position: relative;
}
.client .text-box h4:before {
width: 5px;
height: 100%;
background: #264796;
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
}
.client .text-box p {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px; color: #000;
padding-left: 25px;
}
.client .clients {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-left: 80px;
margin-top: 100px;
}
.client .clients li {
border: 1px solid rgba(46, 77, 89, 0.1);
position: relative;
z-index: 9;
transform: scale(1);
transition: transform 0.5s;
border-radius: 10px;
width: 32.5%;
margin-bottom: 10px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.client .clients li:hover {
background: #FFFFFF;
border: 1px solid rgba(46, 77, 89, 0.2);
box-shadow: 0px 14px 34px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
transform: scale(1.2);
z-index: 999;
}
.testimonial {
padding: 50px 0 50px 0;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/testimonial-bg.jpg) left top no-repeat;
background-size: cover;
background-attachment: fixed;
}
.testimonial .head-title h2 {
color: #fff;
}
.testimonial .head-title h3 {
color: #fff;
}
.testimonial .testimonial-slider {
margin-top: 30px;
}
.testimonial .testimonial-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -30px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/slick-prev.png) left top no-repeat;
background-size: 100% auto;
}
.testimonial .testimonial-slider button.slick-prev::before {
display: none;
}
.testimonial .testimonial-slider button.slick-prev:hover {
transform: translateX(-60px) scale(1.2);
}
.testimonial .testimonial-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -30px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/slick-next.png) left top no-repeat;
background-size: 100% auto;
}
.testimonial .testimonial-slider button.slick-next::before {
display: none;
}
.testimonial .testimonial-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.testimonial .testimonial-slider .slick-track {
margin: 0 -5px;
padding: 25px 0;
}
.testimonial .testimonial-slider .slider-box {
background: #FFFFFF;
border: 1px solid #DFDFDF;
border-radius: 10px;
padding: 20px;
margin: 0 20px;
transform: scale(1);
transition: transform 0.3s;
min-height: 505px;
}
.testimonial .testimonial-slider .slider-box .company-logo {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.testimonial .testimonial-slider .slider-box p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px; color: #000;
}
.testimonial .testimonial-slider .slider-box .designation-profile {
border-top: 1px solid #B7B7B7;
margin-top: 15px;
padding-top: 15px;
display: flex;
align-items: center;
}
.testimonial .testimonial-slider .slider-box .designation-profile figure {
margin-bottom: 0;
}
.testimonial .testimonial-slider .slider-box .designation-profile figure img {
width: 75px;
height: 75px;
border-radius: 100%;
}
.testimonial .testimonial-slider .slider-box .designation-profile .text-box {
margin-left: 15px;
}
.testimonial .testimonial-slider .slider-box .designation-profile .text-box h4 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #333333;
}
.testimonial .testimonial-slider .slider-box .designation-profile .text-box h5 {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
color: #666666;
}
.about-us {
padding: 50px 0;
}
.about-us .row + .row {
margin-top: 30px;
}
.about-us .row + .row figure img {
width: 100%;
}
.about-us .row + .row .text-box {
padding: 0px 30px 0 30px;
}
.about-us .row + .row .text-box h3 {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 38px; color: #000000;
mix-blend-mode: normal;
margin-bottom: 10px;
}
.about-us .row + .row .text-box p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px; color: #000;
margin-bottom: 15px;
}
.about-us .row + .row .text-box a {
font-weight: 500;
font-size: 22px;
line-height: 24px; color: #264796;
}
.about-us .row + .row .text-box a img {
left: 10px;
position: relative;
transition: all 0.3s;
}
.about-us .row + .row .text-box a:hover {
font-weight: 700;
}
.about-us .row + .row .text-box a:hover img {
left: 15px;
}
.about-us .row + .row .text-box .accordion {
border: none;
border-top: 1px solid #000;
padding-top: 10px;
margin-top: 15px;
}
.about-us .row + .row .text-box .accordion .accordion-item {
border: none;
}
.about-us .row + .row .text-box .accordion .accordion-item h2 button {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/minus.png) right center no-repeat;
background-size: 25px auto;
padding: 15px 0 !important;
box-shadow: none;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 30px; color: #000000;
mix-blend-mode: normal;
}
.about-us .row + .row .text-box .accordion .accordion-item h2 button:after {
display: none;
}
.about-us .row + .row .text-box .accordion .accordion-item h2 button.collapsed {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/plus.png) right center no-repeat;
background-size: 25px auto;
}
.about-us .row + .row .text-box .accordion .accordion-item .accordion-body {
padding: 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px; color: #000;
}
.video-box {
height: 350px;
}
.video-box figure {
margin-bottom: 0;
height: 100%;
}
.video-box figure iframe {
width: 100%;
height: 100%;
}
.ready-to-increase {
background: #264796;
padding: 50px 0;
}
.ready-to-increase h2 {
font-style: normal;
font-weight: 600;
font-size: 55px;
line-height: 61px; text-align: center;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-bottom: 30px;
}
@media screen and (max-width: 769px) {
.ready-to-increase h2 {
font-size: 40px;
}
}
.ready-to-increase p {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 30px; text-align: center;
color: rgba(255, 255, 255, 0.7);
}
.ready-to-increase .connect-us {
border: 2px solid #FFFFFF;
border-radius: 60px;
width: 257px;
margin: 0 auto;
display: block;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 60px;
display: flex;
align-items: center;
text-transform: uppercase;
color: #FFFFFF;
justify-content: center;
margin-top: 50px;
transition: all 0.3s;
}
.ready-to-increase .connect-us img {
left: 8px;
position: relative;
top: 3px;
}
.ready-to-increase .connect-us:hover {
background: #264796;
border-radius: 10px;
}
.ready-to-increase .connect-us:hover img {
left: 15px;
}
.news-events {
padding: 50px 0 50px 0;
}
.news-events .explore-all {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 5px 0 10px 0;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px; padding-right: 50px;
color: #264796;
}
.news-events .explore-all img {
margin-left: 8px;
}
.news-events .explore-all:hover {
font-weight: 700;
}
.news-events .news-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -80px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.news-events .news-slider button.slick-prev::before {
display: none;
}
.news-events .news-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.news-events .news-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -80px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.news-events .news-slider button.slick-next::before {
display: none;
}
.news-events .news-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.news-events .news-slider .slick-track {
margin: 0 -25px;
}
.news-events .news-slider .news-slide {
margin: 0 25px;
}
.news-events .news-slider .news-slide figure {
height: 273px;
}
.news-events .news-slider .news-slide figure img {
border-radius: 10px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
}
.news-events .news-slider .news-slide span {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px; color: #B1B1B1;
margin-bottom: 10px;
display: block;
}
.news-events .news-slider .news-slide h3 {
font-style: normal;
font-weight: 600;
font-size: 27px;
line-height: 30px; color: #181817;
margin-bottom: 10px;
}
.news-events .news-slider .news-slide p {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px; color: #000;
margin-bottom: 10px;
}
.news-events .news-slider .news-slide a {
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 25px; color: #264796;
display: flex;
align-items: center;
transition: all 0.3s;
}
.news-events .news-slider .news-slide a img {
left: 8px;
position: relative;
top: 3px;
transition: all 0.3s;
}
.news-events .news-slider .news-slide a:hover img {
left: 15px;
}
@media screen and (max-width: 1368px) {
.category-product .row .col-lg-12 .col-lg-2 figure img {
height: 135px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 992px) {
.client .clients {
padding-left: 0;
margin-top: 50px;
}
.category-product {
padding: 50px 0;
overflow-x: clip;
}
.category-product .row .col-lg-12 {
flex-wrap: wrap;
margin-bottom: 0;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(1) {
margin-left: 0%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(4) {
margin-left: 0%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box {
width: 33%;
margin: 0 auto 25px auto;
}
.category-product .row .col-lg-12 .col-lg-4 {
position: relative !important;
margin-bottom: 35px;
width: 100%;
}
}
@media screen and (max-width: 769px) {
.category-product {
padding: 50px 0;
overflow-x: clip;
}
.category-product .row .col-lg-12 {
flex-wrap: wrap;
margin-bottom: 0;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(1) {
margin-left: 0%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box:nth-child(4) {
margin-left: 0%;
}
.category-product .row .col-lg-12 .col-lg-2.p-box {
width: 50%;
margin: 0 auto 25px auto;
}
.category-product .row .col-lg-12 .col-lg-4 {
position: relative !important;
margin-bottom: 35px;
width: 100%;
}
.client {
padding: 50px 0;
overflow-x: clip;
}
.client .clients li {
width: 48%;
}
.testimonial {
padding: 50px 0 100px 0;
overflow-x: clip;
}
.testimonial .testimonial-slider .slick-track {
margin: 0;
}
.testimonial .testimonial-slider .slick-track .slider-box {
margin: 0;
}
.about-us {
padding: 50px 0;
}
.about-us .row + .row .text-box {
padding: 0;
}
.video-box {
height: 250px;
overflow-x: clip;
}
.ready-to-increase {
padding: 50px 0;
overflow-x: clip;
}
.ready-to-increase h2 {
font-size: 35px;
line-height: 45px;
}
.news-events {
padding: 50px 0 120px 0;
overflow-x: clip;
}
.news-events .news-slider .slick-track {
margin: 0;
}
.news-events .news-slider .news-slide {
margin: 25px 0 0 0;
}
.news-events .explore-all {
padding-right: 15px;
}
}
@media screen and (max-width: 480px) {
.category-product {
padding: 50px 0;
overflow-x: clip;
}
.category-product .row .col-lg-12 {
flex-wrap: wrap;
margin-bottom: 0;
}
.category-product .row .col-lg-12 .col-lg-2.p-box {
width: 90%;
margin: 0 auto 25px auto !important;
}
.client .text-box h4 br {
display: none;
}
.news-events .news-slider .news-slide figure {
height: auto;
}
}
.certificates-section {
padding-bottom: 60px;
}
.certificates-section h2 {
font-weight: 400;
font-size: 45px;
line-height: 54px;
color: #222222;
margin-bottom: 25px;
}
.certificates-section figure {
background: #ffffff;
margin-bottom: 30px;
border: 1px solid #d9d9d9;
box-shadow: 0px 14px 64px 20px rgba(0, 0, 0, 0.05);
position: relative;
display: flex;
flex-wrap: wrap;
}
.certificates-section figure img {
width: 100%;
box-shadow: 0px 14px 64px 20px rgba(0, 0, 0, 0.05);
}
.certificates-section figure h3 {
padding: 25px 0;
font-weight: 700;
font-size: 24px;
line-height: 151%; text-align: center;
color: #000000;
mix-blend-mode: normal;
width: 100%;
}
.certificates-section figure h3 span {
display: block;
}
.certificates-section figure a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(38, 71, 150, 0.8);
text-align: center;
font-weight: 700;
font-size: 34px;
line-height: 151%; text-align: center;
text-transform: uppercase;
color: #ffffff;
mix-blend-mode: normal;
padding: 50px 10px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.certificates-section figure a img {
width: auto;
display: block;
margin: 35px auto 0 auto;
box-shadow: inherit;
}
.certificates-section figure:hover a {
opacity: 1;
visibility: visible;
}
.certificates-section figure:hover h3 {
color: #fff;
position: relative;
z-index: 999;
}
.certificates-section .software-box {
display: flex;
margin-bottom: 60px;
padding-right: 0px;
position: relative;
}
.certificates-section .software-box figure {
box-shadow: inherit;
margin-bottom: 0;
max-width: 350px;
min-width: 350px;
}
@media screen and (max-width: 1025px) {
.certificates-section .software-box figure {
max-width: 200px;
min-width: 200px;
}
}
.certificates-section .software-box .cont {
position: relative;
display: flex;
width: calc(100% - 300px);
min-height: 199px;
align-items: center;
background: #ffffff;
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
justify-content: space-between;
padding-right: 80px;
}
.certificates-section .software-box .cont h3 {
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #000000;
margin-left: 50px;
}
.certificates-section .software-box .cont h3 span {
display: block;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.certificates-section .software-box .cont a {
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 33px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #264796;
display: flex;
min-width: 179px;
}
.certificates-section .software-box .cont a img {
margin-right: 15px;
transition: all 0.3s;
}
.certificates-section .software-box .cont a:hover img {
margin-right: 10px;
}
.certificates-section .pagination {
display: flex;
justify-content: flex-end;
margin-bottom: 80px;
margin-top: 20px;
}
.certificates-section .pagination ul {
display: flex;
}
.certificates-section .pagination ul li.prev {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.certificates-section .pagination ul li.prev a img {
transform: rotate(180deg);
}
.certificates-section .pagination ul li.next {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.certificates-section .pagination ul li {
width: 40px;
height: 40px;
margin-right: 5px;
background: #ffffff;
border: 1px solid #d2d2d2;
}
.certificates-section .pagination ul li a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 22px;
line-height: 100%; text-align: center;
color: #000000;
}
.certificates-section .pagination ul li a:hover {
color: #264796;
}
.certificates-section .pagination ul li.active {
border: 1px solid #264796;
}
.certificates-section .pagination ul li.active a {
color: #264796;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.certificates-section .software-box .cont {
padding-right: 20px;
}
.certificates-section .software-box .cont h3 {
margin-left: 25px;
}
}
@media screen and (max-width: 769px) {
.certificates-section h2 {
font-size: 35px;
line-height: 45px;
}
.certificates-section .software-box {
flex-wrap: wrap;
}
.certificates-section .software-box .cont {
width: 100%;
flex-wrap: wrap;
padding-right: 0;
justify-content: center;
min-height: inherit;
padding: 25px;
}
.certificates-section .software-box .cont h3 {
margin-left: 0;
padding-bottom: 15px;
}
.certificates-section .software-box figure {
width: 100%;
max-width: 100%;
}
.certificates-section {
padding-bottom: 0;
}
.certificates-section .pagination {
margin-bottom: 50px;
}
}
.tree li {
list-style: none;
position: relative;
}
.tree .check {
cursor: pointer;
position: absolute;
z-index: 99;
right: 0;
top: 8px;
display: flex;
width: 25px;
height: 25px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/tree-plus.png) no-repeat center center;
}
.tree li.active > .check {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/tree-minus.png) no-repeat center center;
}
.tree li,
.tree li > a,
.tree li > span {
padding: 0;
}
.tree li a {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 25px; display: flex;
align-items: center;
width: calc(100% - 30px);
color: #000;
margin-bottom: 0px;
position: relative;
transition: all 0.3s;
padding: 5px 0px;
}
.tree li > a:hover {
color: #264796;
}
.tree li a img {
margin-right: 5px;
}
.tree li ul.treemenu {
margin-top: 0px;
}
.category-listing .row {
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding-top: 25px;
}
.category-listing .row .col-lg-3 {
padding-right: 0;
}
.category-listing .row .col-lg-3 .listing-filter {
padding-right: 0px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.Category-cont {
padding-left: 15px;
}
.Category-cont .category-product-details {
display: flex;
align-items: center;
}
.Category-cont .category-product-details .prod-img {
width: 40%;
max-height: 300px;
display: flex;
}
.Category-cont .category-product-details .prod-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.Category-cont .category-product-details .prod-cont {
padding: 0 0 0 50px;
width: 60%;
}
.Category-cont .category-product-details .prod-cont h3 {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
color: #264796;
margin-bottom: 10px;
}
.Category-cont .category-product-details .prod-cont p {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
color: #000000;
margin-bottom: 10px;
}
.Category-cont .category-product-details .prod-cont a {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 25px;
color: #000000;
}
.Category-cont .category-product-details .prod-cont a img {
margin-left: 0px;
transition: all 0.3s;
}
.Category-cont .category-product-details .prod-cont a:hover img {
margin-left: 10px;
}
.Category-cont .category-product-details .prod-cont ul li {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 10px;
padding-left: 16px;
position: relative;
}
.Category-cont .category-product-details .prod-cont ul li::after {
position: absolute;
top: 11px;
left: 0;
width: 7px;
height: 7px;
background: #264796;
border-radius: 10px;
content: "";
}
#accordian-list {
width: 100%;
margin: 0;
color: white;
padding-right: 10px;
}
#accordian-list h3.mobile-head {
display: none;
}
#accordian-list h3 a {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 40px; color: #000000;
}
#accordian-list li h3 a img {
display: none;
}
#accordian-list li.active h3 a {
color: #E31E24;
}
#accordian-list li.active h3 a img {
display: inline-block;
margin-right: 5px;
}
#accordian-list h3:hover {
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
i {
margin-right: 10px;
}
#accordian-list li {
list-style-type: none;
margin-bottom: 0px;
}
#accordian-list ul ul li a,
#accordian-list h4 {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px; color: #494949;
}
#accordian-list ul li ul li.active a, #accordian-list ul li ul li:hover a, #accordian-list ul li ul li.active ul li a, #accordian-list ul li ul li:hover ul li a {
color: #264796;
}
#accordian-list ul li ul li.active ul li ul li a {
color: #E31E24;
}
#accordian-list ul ul {
display: none;
margin-left: 15px;
}
#accordian-list li.active > ul {
display: block;
}
#accordian-list ul ul ul {
margin-left: 15px;
}
#accordian-list ul li ul li.active ul li ul {
border-top: 1px solid #E31E24;
margin-top: 5px;
}
.model-form-outer .modal-dialog .modal-content {
background: #fff;
width: 550px;
padding: 25px;
border: 1px solid #264796;
border-radius: 0px;
margin-top: 100px;
}
.model-form-outer .modal-dialog .modal-content .modal-body {
padding: 0;
}
.model-form-outer .modal-dialog .modal-content .modal-body .close {
width: 40px;
height: 40px;
cursor: pointer;
background: #264796;
color: #fff;
position: absolute;
right: -44px;
top: -44px;
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
opacity: 1;
}
.model-form-outer .modal-dialog .modal-content .modal-body .get-a-quote-form .form-group .click-submit {
background: #264796;
color: #fff;
transition: all 0.3s;
}
.model-form-outer .modal-dialog .modal-content .modal-body .get-a-quote-form .form-group .click-submit:hover {
background: #fff;
color: #264796;
}
@media screen and (max-width: 767px) {
.model-form-outer .modal-dialog .modal-content {
max-width: 550px;
width: 98%;
margin: 100px auto 0;
}
}
.product-series {
margin-top: 20px;
}
.product-series h3 {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 25px; text-transform: uppercase;
color: #264796;
margin-bottom: 25px;
}
.product-series .product-series-slider {
padding-bottom: 60px;
}
.product-series .product-series-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: 0px;
left: unset;
right: 70px;
transition: all 0.3s;
transform: translateX(0px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.product-series .product-series-slider button.slick-prev::before {
display: none;
}
.product-series .product-series-slider button.slick-prev:hover {
transform: translateX(0px) rotate(180deg) scale(1.2);
}
.product-series .product-series-slider button.slick-next {
top: unset;
transform: inherit;
bottom: 0px;
right: 10px;
transition: all 0.3s;
transform: translateX(0px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.product-series .product-series-slider button.slick-next::before {
display: none;
}
.product-series .product-series-slider button.slick-next:hover {
transform: translateX(0px) scale(1.2);
}
.product-series .product-series-slider .slick-list {
margin: 0 -10px;
}
.product-series .product-series-slider .slick-list .series-box {
padding: 0 10px;
}
.product-series .product-series-slider .slick-list .series-box figure {
min-height: 140px;
max-height: 140px;
margin: 0;
border: 1px solid #E0E9FF;
display: flex;
justify-content: center;
}
.product-series .product-series-slider .slick-list .series-box figure img {
width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-series .product-series-slider .slick-list .series-box h4 {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 24px;
text-align: center;
word-break: break-word;
padding: 0px 5px;
color: #000000;
background: #E0E9FF;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
}
@media screen and (max-width: 1200px) {
.product-series .product-series-slider .slick-list .series-box h4 {
font-size: 20px;
}
}
.filter {
margin-top: 30px;
}
.filter h3 {
padding-bottom: 15px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
align-items: center;
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 40px; text-transform: uppercase;
color: #000000;
}
.filter h3 img {
position: relative;
top: 3px;
right: 50px;
}
.filter .all-filters p {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #000000;
display: flex;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.filter .all-filters p img {
margin-right: 10px;
}
.filter .all-filters .fillter-bx {
margin-bottom: 25px;
float: left;
width: 100%;
}
.filter .all-filters .fillter-bx .form-group {
display: block;
margin-bottom: 2px;
}
.filter .all-filters .fillter-bx .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.filter .all-filters .fillter-bx .form-group input:checked + label {
color: #264796;
}
.filter .all-filters .fillter-bx .form-group input:checked + label::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 9px;
width: 6px;
height: 14px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.filter .all-filters .fillter-bx .form-group input:checked + label:before {
background: #264796;
}
.filter .all-filters .fillter-bx .form-group label {
position: relative;
cursor: pointer;
font-family: "Darker Grotesque";
font-size: 20px;
line-height: 22px;
color: #494949;
font-weight: 500;
display: block;
}
.filter .all-filters .fillter-bx .form-group label::before {
content: "";
background-color: transparent;
border: 1px solid #ABABAB;
padding: 11px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
}
.filter .all-filters .clear-filters {
margin: 15px 50px 0 0;
display: flex;
justify-content: flex-end;
}
.filter .all-filters .clear-filters .btn {
background: #264796;
border-radius: 10px;
height: 40px;
padding: 0 15px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 18px;
line-height: 40px;
text-transform: inherit;
color: #FFFFFF;
}
.load-more-btn {
display: flex;
justify-content: center;
width: 100%;
clear: both;
margin-bottom: 46px;
}
.load-more-btn .btn {
background: #264796;
border-radius: 10px;
height: 48px;
padding: 0 15px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #FFFFFF;
border: 1px solid #264796;
}
.load-more-btn .btn:hover {
background: transparent;
color: #000;
}
.product-list {
margin-left: -15px;
margin-right: -15px;
padding: 25px 0;
margin-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
flex-wrap: wrap;
}
.product-list .product-box {
width: 33.33%;
margin-bottom: 40px;
padding: 0px 15px 35px;
position: relative;
transition: 0.2s ease;
}
.product-list .product-box h3 {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
text-transform: uppercase;
color: #264796;
margin: 5px 0;
}
.product-list .product-box h3 a {
position: static;
}
.product-list .product-box h3:hover a {
color: #264796;
}
.product-list .product-box p {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #000000;
margin-bottom: 10px;
}
.product-list .product-box a {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 25px;
color: #000000;
position: absolute;
left: 15px;
bottom: 0;
}
.product-list .product-box a img {
margin-left: 0px;
width: auto;
transition: all 0.3s;
}
.product-list .product-box a:hover img {
margin-left: 10px;
}
.product-list .product-box a:hover {
color: #e31e24;
}
.product-list .product-box .prod-img {
height: 180px;
max-height: 180px;
align-items: center;
display: flex;
box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.29);
margin-bottom: 15px;
}
.product-list .product-box .prod-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 100%;
}
.product-details-box {
padding: 20px 0 130px 0;
}
.product-details-box .row .col-lg-6:nth-child(2) {
position: relative;
}
.product-details-box .product-details-slider .slide-box img {
width: 100%;
}
.product-details-box .product-details-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -60px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.product-details-box .product-details-slider button.slick-prev::before {
display: none;
}
.product-details-box .product-details-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.product-details-box .product-details-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -60px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.product-details-box .product-details-slider button.slick-next::before {
display: none;
}
.product-details-box .product-details-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.product-details-box .product-detail-spec {
padding-left: 50px;
}
.product-details-box .product-detail-spec h2 {
font-weight: 700;
font-size: 30px;
line-height: 41px;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;
}
.product-details-box .product-detail-spec h2 span {
color: #264796;
}
@media screen and (max-width: 767px) {
.product-details-box .product-detail-spec h2 {
font-size: 24px;
line-height: 33px;
}
}
.product-details-box .product-detail-spec p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #000000;
margin-bottom: 5px;
}
.product-details-box .product-detail-spec .get-a-quote {
border: 1px solid #000000;
border-radius: 60px;
width: auto;
text-align: center;
height: 58px;
font-weight: 700;
font-size: 22px;
line-height: 53px;
text-transform: uppercase;
color: #264796;
display: inline-block;
padding: 0 25px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 30px;
transition: all 0.3s;
}
.product-details-box .product-detail-spec .get-a-quote img {
left: 10px;
transition: all 0.3s;
position: relative;
}
.product-details-box .product-detail-spec .get-a-quote:hover img {
left: 15px;
}
@media screen and (max-width: 767px) {
.product-details-box .product-detail-spec .get-a-quote {
font-size: 16px;
}
}
.product-details-box .product-detail-spec .pdf-btn {
border: 1px solid #E31E24;
border-radius: 60px;
font-weight: 700;
font-size: 22px;
line-height: 53px;
display: inline-block; color: #264796;
width: auto;
text-align: center;
height: 58px;
padding: 0 25px;
}
.product-details-box .product-detail-spec .pdf-btn img {
margin-right: 10px;
transition: all 0.3s;
}
.product-details-box .product-detail-spec .pdf-btn:hover img {
margin-right: 15px;
}
@media screen and (max-width: 767px) {
.product-details-box .product-detail-spec .pdf-btn {
font-size: 16px;
}
}
.specification-tables table {
border: 1px solid #C2C2C2;
}
.specification-tables table thead {
background: #CEDDFF;
}
.specification-tables table thead th {
font-weight: 700;
font-size: 30px;
line-height: 41px;
text-transform: uppercase;
color: #264796;
padding: 15px 25px;
}
.specification-tables table td {
font-weight: 500;
font-size: 22px;
line-height: 20px; letter-spacing: -0.01em;
color: #000;
padding: 15px 25px;
border: 1px solid #A3A3A3;
}
.specification-tables table td:first-child {
font-weight: 700;
}
.related-product {
padding: 0 0 65px 0;
}
.related-product .newsevent-slider .slick-list.draggable {
padding-top: 15px;
}
.related-product .newsevent-slider .news-box .prod-img {
height: 180px;
max-height: 180px;
align-items: center;
display: flex;
padding: 10px;
}
.related-product .newsevent-slider .news-box .prod-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 100%;
}
.related-product .newsevent-slider .news-box figcaption h3 a {
color: #222222;
}
.faq {
padding: 0px 0 80px 0;
}
.faq h2.head {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%;
color: #000000;
}
.faq .accordion {
border-top: 1px solid #000;
margin-top: 35px;
}
.faq .accordion .accordion-item {
border: none;
border-bottom: 1px solid #000;
}
.faq .accordion .accordion-item .accordion-body {
padding: 0px 0 25px 0;
font-weight: 500;
font-size: 18px;
line-height: 28px; color: #000;
}
.faq .accordion .accordion-item button.accordion-button {
background: #fff;
border: none;
box-shadow: none;
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 80%; color: #000000;
padding: 20px 0;
}
.faq .accordion .accordion-item .accordion-button::after {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/accord-down.png) right center no-repeat;
width: 25px;
height: 27px;
background-size: 100% auto;
}
.faq .accordion .accordion-item .accordion-button:not(.collapsed)::after {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/accord-up.png) right center no-repeat;
transform: inherit;
width: 25px;
height: 27px;
background-size: 100% auto;
}
.product-details .breadcrumb {
margin-top: 90px;
}
.Catalogue-slide {
padding-bottom: 60px;
}
.Catalogue-slider {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/product-catalouge-bg.jpg) left top no-repeat;
background-size: cover;
margin-top: 50px;
padding: 70px 50px;
}
.Catalogue-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -60px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.Catalogue-slider button.slick-prev::before {
display: none;
}
.Catalogue-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.Catalogue-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -60px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.Catalogue-slider button.slick-next::before {
display: none;
}
.Catalogue-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.Catalogue-slider .box-slide {
display: flex;
}
.Catalogue-slider .box-slide .cat-image {
margin-right: 60px;
}
.Catalogue-slider .box-slide .cat-desc h3 {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 55px; color: #FFFFFF;
}
.Catalogue-slider .box-slide .cat-desc p {
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px; color: #FFFFFF;
}
.Catalogue-slider .box-slide .cat-desc a {
background: #E31E24;
border-radius: 60px;
display: flex;
font-family: "Darker Grotesque";
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #FFFFFF;
margin-top: 25px;
padding: 2px 15px;
width: 300px;
align-items: center;
justify-content: center;
}
.Catalogue-slider .box-slide .cat-desc a img {
margin-right: 10px;
transition: all 0.3s;
}
.Catalogue-slider .box-slide .cat-desc a:hover img {
margin-right: 15px;
}
@media screen and (max-width: 992px) {
.product-details-box .col-lg-6 {
width: 50%;
max-width: 50%;
}
.product-details-box .slide-box img {
width: 100%;
}
.product-details-box .product-detail-spec h2 {
display: block;
}
.product-details-box .product-detail-spec p {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.newsevent-slider .news-box {
width: 33%;
max-width: 33%;
}
.Catalogue-slider {
padding: 30px;
}
.Catalogue-slider .box-slide .cat-image {
width: 50%;
margin-right: 20px;
}
.Catalogue-slider .box-slide .cat-image img {
width: 100%;
}
.Catalogue-slider .box-slide .cat-desc {
width: 50%;
}
.Catalogue-slider .box-slide .cat-desc h3 {
font-size: 30px;
line-height: 40px;
}
.Catalogue-slider .box-slide .cat-desc p {
font-size: 18px;
line-height: 28px;
}
}
@media screen and (max-width: 768px) {
.filter {
margin: 20px 0 50px 0;
}
#accordian-list {
width: 100%;
padding-right: 0;
}
#accordian-list h3.mobile-head {
padding-bottom: 25px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
align-items: center;
font-family: "Darker Grotesque";
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 40px;
text-transform: uppercase;
color: #fff;
background: #264796;
padding: 4px 20px 6px;
position: relative;
cursor: pointer;
}
#accordian-list h3.mobile-head:after, #accordian-list h3.mobile-head::before {
top: 18px;
right: 50px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#accordian-list h3.mobile-head:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #264796;
border-width: 11px;
margin-left: -15px;
}
#accordian-list h3.mobile-head::before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #fff;
border-width: 15px;
margin-left: -21px;
right: 46px;
}
#accordian-list ul.main-list {
display: none;
}
#accordian-list ul.main-list.active {
display: block;
}
.all-filters {
display: none;
}
.all-filters.active {
display: block;
}
.category-listing .row {
padding-top: 25px;
}
.Category-cont {
padding-left: 0;
border: none;
}
.Category-cont .category-product-details {
flex-wrap: wrap;
}
.Category-cont .category-product-details .prod-cont {
width: 100%;
padding-left: 0;
}
.Category-cont .category-product-details .prod-img {
width: 100%;
margin-bottom: 20px;
}
.product-list .product-box {
width: 100%;
}
.product-details-box {
padding-top: 0;
padding-bottom: 50px;
}
.product-details-box .col-lg-6 {
width: 100%;
max-width: 100%;
}
.product-details-box .slide-box img {
width: 100%;
}
.product-details-box .product-detail-spec {
margin-top: 85px;
padding-left: 0;
}
.product-details-box .product-detail-spec h2 {
display: block;
}
.product-details-box .product-detail-spec p {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.product-details-box .product-detail-spec .get-a-quote {
width: auto;
}
.product-details-box .product-detail-spec .pdf-btn {
width: auto;
}
.newsevent-slider .news-box {
width: 100%;
max-width: 100%;
margin-bottom: 25px;
}
.Catalogue-slider {
padding: 30px;
}
.Catalogue-slider .box-slide {
flex-wrap: wrap;
}
.Catalogue-slider .box-slide .cat-image {
width: 100%;
margin-right: 0px;
margin-bottom: 25px;
}
.Catalogue-slider .box-slide .cat-image img {
width: 100%;
}
.Catalogue-slider .box-slide .cat-desc {
width: 100%;
}
.Catalogue-slider .box-slide .cat-desc h3 {
font-size: 30px;
line-height: 40px;
}
.Catalogue-slider .box-slide .cat-desc p {
font-size: 18px;
line-height: 28px;
}
.Catalogue-slider .box-slide .cat-desc a {
width: 100%;
}
.breadcrumb ul {
flex-wrap: wrap;
}
.specification-tables table td {
padding: 10px 5px;
font-size: 16px;
line-height: 26px;
}
.faq h2.head {
font-size: 45px;
line-height: 55px;
}
}
.footer {
clear: both;
padding-top: 50px;
padding-bottom: 25px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/footer-bg.jpg) left top no-repeat;
background-size: cover;
}
.footer h3 {
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 45px;
text-transform: capitalize;
color: #FFFFFF;
padding-bottom: 20px;
}
.footer ul li a {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 34px; color: #FFFFFF;
}
.footer ul li a:hover {
color: #E31E24;
}
.footer p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 150%; color: #FFFFFF;
}
.footer p a {
color: #fff;
}
.footer p img {
margin-right: 10px;
}
.footer .col-lg-6 img {
width: 100%;
}
.footer .col-lg-6 iframe {
width: 100% !important;
height: 233px !important;
border-radius: 15px;
border: none;
}
.footer .copyright-sec {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
padding-top: 25px;
margin-top: 20px;
color: rgba(255, 255, 255, 0.4);
justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.footer .copyright-sec ul {
display: flex;
justify-content: center;
}
.footer .copyright-sec ul li {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
text-align: center;
color: rgba(255, 255, 255, 0.4);
margin-right: 15px;
}
.footer .copyright-sec ul li a {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
text-align: center;
color: rgba(255, 255, 255, 0.4);
}
.footer .copyright-sec ul li a:hover {
color: #E31E24;
}
.footer .copyright-sec .col-lg-2 {
display: flex;
justify-content: flex-end;
}
.footer .copyright-sec .col-lg-2 a {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
text-align: center;
color: rgba(255, 255, 255, 0.4);
}
.footer .copyright-sec .col-lg-2 a:hover {
color: #E31E24;
}
.footer-contact-buttons {
float: left;
width: auto;
width: 200px;
position: fixed;
bottom: 20px;
height: auto;
z-index: 9999999;
display: none;
right: 0px;
margin: auto;
animation: shake-animation 5.72s ease infinite;
transition: all 1s;
}
.footer-contact-buttons .footer-quote {
background: #E31E24;
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
border-radius: 60px;
padding: 17px 20px 17px 45px;
border-radius: 25px;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 30px;
display: flex;
align-items: flex-end;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
overflow: hidden;
line-height: 20px;
outline: none;
border: none;
transition: all ease 0.3s;
}
.footer-contact-buttons .footer-quote:before {
position: absolute;
display: block;
content: "";
width: 16px;
height: 16px;
top: 21px;
left: 18px;
z-index: 2;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 0 0 #264796;
-webkit-box-shadow: 0 0 0 0 #264796;
animation: pulse 2s infinite;
}
.footer-contact-buttons .footer-quote:after {
position: absolute;
display: block;
content: "";
width: 16px;
height: 16px;
top: 21px;
left: 18px;
z-index: 2;
background-color: transparent;
border-radius: 50%;
box-shadow: inset 0 0 0 5px #264796;
}
@media screen and (max-width: 992px) {
.footer .copyright-sec .col-lg-3 {
max-width: inherit;
width: auto;
}
.footer .copyright-sec .col-lg-7 {
max-width: inherit;
width: auto;
}
.footer .copyright-sec .col-lg-2 {
max-width: inherit;
width: auto;
}
}
.overview {
margin: 50px 0 50px 0;
}
.overview .overview-left {
padding: 0;
}
.overview .overview-left img {
width: 100%;
}
.overview .overview-right {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0;
position: relative;
background: #F5F5F5;
margin-top: 80px;
}
.overview .overview-right .text-box {
width: 90%;
}
.overview .overview-right .text-box h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #264796;
}
.overview .overview-right .text-box p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px; color: #000;
}
.overview .overview-right .text-box:before {
width: 80px;
height: 100%;
background: #F5F5F5;
position: absolute;
display: block;
content: "";
left: -80px;
top: 0;
z-index: -1;
}
.mission-vision {
padding: 50px 0;
}
.mission-vision .row {
justify-content: space-between;
}
.mission-vision .row .ms-box {
width: 363px !important;
background: #264796;
min-height: 450px;
padding: 180px 60px 0 60px;
position: relative;
}
.mission-vision .row .ms-box figure {
width: 150px;
height: 150px;
border: 1px solid #D9D9D9;
position: absolute;
top: -40px;
right: -40px;
box-shadow: 0px 14px 34px 10px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.mission-vision .row .ms-box h3 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #FFFFFF;
}
.mission-vision .row .ms-box p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 150%; letter-spacing: -0.02em;
color: #FFFFFF;
}
.our-history {
background: #264796;
padding: 130px 0 50px 0;
}
.our-history h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #FFFFFF;
position: relative;
top: -100px;
}
.our-history .history-detail-sec {
position: relative;
}
.our-history .history-detail-sec .history-detail-slider {
margin-top: -35px;
}
.our-history .history-detail-sec .history-detail-slider button.slick-prev:before {
display: none;
}
.our-history .history-detail-sec .history-detail-slider button.slick-next:before {
display: none;
}
.our-history .history-detail-sec .history-detail-slider .slick-arrow {
background: #FFFFFF;
border: 1px solid #B1B1B1;
z-index: 99;
width: 45px;
height: 45px;
border-radius: 100%;
}
.our-history .history-detail-sec .history-detail-slider .slick-prev {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/red-arrow.png) 60% center no-repeat;
left: 8.5%;
transform: rotate(180deg) translateY(50%);
}
.our-history .history-detail-sec .history-detail-slider .slick-prev:before {
display: none;
}
.our-history .history-detail-sec .history-detail-slider .slick-prev:hover {
background: #E74011 url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/white-arrow.png) 60% center no-repeat;
left: 8.5%;
border: 1px solid #E74011;
}
.our-history .history-detail-sec .history-detail-slider .slick-next {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/red-arrow.png) 60% center no-repeat;
right: 8.5%;
}
.our-history .history-detail-sec .history-detail-slider .slick-next:before {
display: none;
}
.our-history .history-detail-sec .history-detail-slider .slick-next:hover {
background: #E74011 url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/white-arrow.png) 60% center no-repeat;
right: 8.5%;
border: 1px solid #E74011;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide {
padding: 0 50px;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row {
flex-wrap: inherit;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .right_blog {
width: 50%;
padding: 0;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .right_blog img {
width: 100%;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .uppertextdiv {
width: 50%;
display: flex;
background: #EDEBEB;
padding: 0;
align-items: center;
justify-content: center;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .uppertextdiv .custom-scr {
width: 475px;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .uppertextdiv .custom-scr h2 {
font-style: normal;
font-weight: 600;
font-size: 65px;
line-height: 88px;
color: #264796;
position: relative;
top: 0;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .uppertextdiv .custom-scr p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 150%; letter-spacing: -0.02em;
color: #313131;
}
.our-history .history-detail-sec .history-number-slider {
margin-top: 30px;
}
.our-history .history-detail-sec .history-number-slider .slick-track {
display: flex;
justify-content: space-between;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/slider-dott.png) left center repeat-x;
}
.our-history .history-detail-sec .history-number-slider .slick-track .slide.slick-slide {
width: 55px !important;
height: 55px;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
background: #264796;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
}
.our-history .history-detail-sec .history-number-slider .slick-track .slide.slick-slide.slick-current {
border: 5px solid #FFFFFF;
}
.our-history .history-detail-sec .history-year-slider {
position: relative;
margin-top: -228px;
}
.our-history .history-detail-sec .history-year-slider .slide.slick-slide {
display: flex;
font-style: normal;
justify-content: flex-end;
font-weight: 600;
font-size: 190px;
line-height: 190px; letter-spacing: -0.04em;
color: rgba(255, 255, 255, 0.1);
position: absolute;
}
.our-presence {
background: #EEF4FF;
padding: 50px 0 20px 0;
}
.our-presence img {
width: 100%;
}
.our-presence .text-box {
padding-top: 80px;
}
.our-presence .text-box h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #264796;
padding-bottom: 50px;
}
.our-presence .text-box h3 {
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 150%; letter-spacing: -0.02em;
color: #313131;
}
.our-presence .text-box span {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 150%; letter-spacing: -0.02em;
color: #000;
}
.our-presence .text-box p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 150%; letter-spacing: -0.02em;
color: #000;
padding-top: 40px;
padding-right: 70px;
}
.awards-recogintion {
padding: 20px 0 50px 0;
}
.awards-recogintion h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #264796;
margin-bottom: 30px;
}
.awards-recogintion .awards-slider .slick-track {
margin: 0 -5px;
padding: 25px 0;
}
.awards-recogintion .awards-slider .slick-track .awards-slide {
margin: 0 20px;
background: #FFFFFF;
border: 1px solid #D9D9D9;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);
transform: scale(1);
transition: all 0.3s;
}
.awards-recogintion .awards-slider .slick-track .awards-slide figure {
margin-bottom: 0;
}
.awards-recogintion .awards-slider .slick-track .awards-slide figure img {
width: 100%;
}
.awards-recogintion .awards-slider .slick-track .awards-slide figure figcaption {
min-height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.awards-recogintion .awards-slider .slick-track .awards-slide figure figcaption h3 {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 151%; text-align: center;
color: #000000;
mix-blend-mode: normal;
}
.awards-recogintion .awards-slider .slick-track .awards-slide figure figcaption h3 span {
display: block;
font-weight: 300;
}
.awards-recogintion .awards-slider .slick-track .awards-slide:hover {
transform: scale(1.05);
}
.awards-recogintion .awards-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -80px;
left: 50%;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
transition: all 0.3s;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.awards-recogintion .awards-slider button.slick-prev::before {
display: none;
}
.awards-recogintion .awards-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.awards-recogintion .awards-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -80px;
right: 50%;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
transition: all 0.3s;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.awards-recogintion .awards-slider button.slick-next::before {
display: none;
}
.awards-recogintion .awards-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
@media screen and (max-width: 992px) {
.mission-vision .row .ms-box {
width: 30% !important;
padding: 200px 30px 0 30px;
min-height: 465px;
}
.mission-vision .row .ms-box figure {
width: 150px;
height: 150px;
top: -20px;
right: -20px;
}
.mission-vision .row .ms-box h3 {
font-size: 45px;
line-height: 55px;
}
}
@media screen and (max-width: 769px) {
.overview {
margin: 50px 0;
}
.overview .overview-left figure {
margin-bottom: 0;
}
.overview .overview-right {
padding: 25px;
margin-top: 0;
}
.overview .overview-right .text-box h2 {
font-size: 35px;
line-height: 50px;
padding-bottom: 20px;
}
.overview .overview-right .text-box:before {
display: none;
}
.mission-vision {
padding: 50px 0 0 0;
}
.mission-vision .row .ms-box {
width: 100% !important;
margin-bottom: 60px;
padding: 200px 30px 0 30px;
min-height: 465px;
}
.mission-vision .row .ms-box figure {
width: 150px;
height: 150px;
top: -20px;
right: -20px;
}
.mission-vision .row .ms-box h3 {
font-size: 45px;
line-height: 55px;
}
.our-history {
padding: 50px 0;
overflow-x: hidden;
}
.our-history h2 {
font-size: 35px;
line-height: 45px;
top: 0;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row {
flex-wrap: wrap;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .right_blog {
width: 100%;
}
.our-history .history-detail-sec .history-detail-slider .slide.slick-slide .row .uppertextdiv {
width: 100%;
padding: 25px;
}
.our-history .history-detail-sec .history-year-slider {
margin-top: 0;
}
.our-history .history-detail-sec .history-year-slider .slide.slick-slide {
font-size: 150px;
line-height: 150px;
}
.awards-recogintion {
padding: 50px 0 120px 0;
}
.awards-recogintion h2 {
font-size: 35px;
line-height: 50px;
}
.awards-recogintion .awards-slider .slick-track {
margin: 0;
}
.awards-recogintion .awards-slider .slick-track .awards-slide {
margin: 0;
}
.our-presence {
padding: 50px 0;
}
.our-presence .text-box {
padding-top: 0;
}
.our-presence .text-box h2 {
padding-bottom: 0;
font-size: 35px;
line-height: 45px;
}
.our-presence .text-box p {
padding-right: 0;
}
.our-presence figure {
margin-top: 25px;
}
.our-presence figure img {
width: 100%;
}
}
.news-section {
padding: 0px 0 50px 0;
}
.news-section h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%; color: #000;
margin-bottom: 25px;
}
.news-section .news-box {
margin-bottom: 10px;
display: flex;
}
.news-section .news-box figure {
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
}
.news-section .news-box figure .newSeventImg {
height: 191px;
max-height: 191px;
}
.news-section .news-box figure img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
}
.news-section .news-box figure figcaption {
padding: 30px;
}
.news-section .news-box figure figcaption h3 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 30px; color: #222222;
padding-bottom: 15px;
}
.news-section .news-box figure figcaption p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 20px; color: #000;
padding-bottom: 15px;
}
.news-section .news-box figure figcaption .cta-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-section .news-box figure figcaption .cta-box a {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #1765B3;
}
.news-section .news-box figure figcaption .cta-box a img {
margin-left: 10px;
width: auto;
transition: all 0.3s;
}
.news-section .news-box figure figcaption .cta-box a:hover img {
margin-left: 15px;
}
.news-section .news-box figure figcaption .cta-box span {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px; text-align: right;
color: #B1B1B1;
}
.news-section .pagination {
display: flex;
justify-content: flex-end;
margin-bottom: 80px;
margin-top: 20px;
}
.news-section .pagination ul {
display: flex;
}
.news-section .pagination ul li.prev {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.news-section .pagination ul li.prev a img {
transform: rotate(180deg);
}
.news-section .pagination ul li.next {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.news-section .pagination ul li {
width: 40px;
height: 40px;
margin-right: 5px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
}
.news-section .pagination ul li a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 22px;
line-height: 100%; text-align: center;
color: #000000;
}
.news-section .pagination ul li a:hover {
color: #264796;
}
.news-section .pagination ul li.active {
border: 1px solid #264796;
}
.news-section .pagination ul li.active a {
color: #264796;
font-weight: bold;
}
.news-section-details {
padding: 0 0 50px 0;
}
.news-section-details h1 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 100%; color: #000;
margin-bottom: 10px;
}
.news-section-details h5 {
font-weight: bold;
font-size: 18px;
line-height: 150%; color: #000000;
margin-bottom: 30px;
}
.news-section-details p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%; color: #000000;
margin-bottom: 25px;
}
.news-section-details a.back {
width: 142px;
height: 54px;
border: 2px solid #264796;
border-radius: 60px;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 54px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #000000;
}
.news-section-details a.back img {
transform: rotate(180deg);
margin-right: 10px;
transition: all 0.3s;
}
.news-section-details a.back:hover img {
margin-right: 15px;
}
.related-head {
border-top: 1px solid #D1D1D1;
padding-top: 30px;
margin-top: 50px;
}
.related-head h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%;
color: #000;
margin-bottom: 25px;
padding-left: 0;
}
@media screen and (max-width: 767px) {
.related-head h2 {
font-size: 35px;
}
}
.newsevent-slider {
margin-top: 0px;
padding-bottom: 50px;
}
.newsevent-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -20px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.newsevent-slider button.slick-prev::before {
display: none;
}
.newsevent-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.newsevent-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -20px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.newsevent-slider button.slick-next::before {
display: none;
}
.newsevent-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.newsevent-slider .news-box {
margin-bottom: 10px;
padding: 0 10px;
}
.newsevent-slider .news-box figure {
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
}
.newsevent-slider .news-box figure img {
width: 100%;
}
.newsevent-slider .news-box figure figcaption {
padding: 30px;
}
.newsevent-slider .news-box figure figcaption h3 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 25px;
color: #222222;
padding-bottom: 15px;
}
.newsevent-slider .news-box figure figcaption p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 20px; color: #000;
padding-bottom: 15px;
}
.newsevent-slider .news-box figure figcaption .cta-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.newsevent-slider .news-box figure figcaption .cta-box a {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #1765B3;
display: flex;
align-items: center;
}
.newsevent-slider .news-box figure figcaption .cta-box a img {
margin-left: 10px;
width: auto;
transition: all 0.3s;
}
.newsevent-slider .news-box figure figcaption .cta-box a:hover img {
margin-left: 15px;
}
.newsevent-slider .news-box figure figcaption .cta-box span {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px; text-align: right;
color: #B1B1B1;
}
@media screen and (max-width: 1024px) {
.news-box {
padding: 0 10px;
}
.news-section .news-box figure figcaption .cta-box {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.news-section-details a.back {
width: 125px;
height: 45px;
font-size: 20px;
line-height: 45px;
}
.news-section-details {
padding-bottom: 0;
}
.news-section-details h1 {
font-size: 40px;
}
.news-section {
padding: 0;
}
.news-section .pagination {
margin-bottom: 40px;
}
}
.overview {
margin: 50px 0 50px 0;
}
.overview .overview-left {
padding: 0;
position: relative;
z-index: 99;
}
.overview .overview-left img {
width: 100%;
}
.overview .overview-right {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0;
position: relative;
background: #f5f5f5;
margin-top: 80px;
}
.overview .overview-right .text-box {
width: 90%;
}
.overview .overview-right .text-box h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #264796;
}
.overview .overview-right .text-box p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #000;
}
.overview .overview-right .text-box:before {
width: 80px;
height: 100%;
background: #f5f5f5;
position: absolute;
display: block;
content: "";
left: -80px;
top: 0;
z-index: -1;
}
.current-opening {
padding: 30px 0 50px;
}
.current-opening h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 70px;
color: #000000;
padding-left: 0;
}
.current-opening .job-list {
background: #f3f3f3;
padding: 30px 20px;
margin-bottom: 35px;
}
.current-opening .job-list h3 {
color: #264796;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 50px;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.current-opening .job-list h3 span {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 20px;
text-align: right;
color: #000;
}
.current-opening .job-list h5 {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 120%;
display: flex;
align-items: center;
color: #e31e24;
margin-bottom: 15px;
}
.current-opening .job-list p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: #2d2f30;
margin-bottom: 15px;
}
.current-opening .job-list a.apply-btn {
width: 184px;
height: 50px;
background: #264796;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
border-radius: 60px;
color: #ffffff;
margin-top: 20px;
border: 1px solid #264796;
transition: all 0.3s;
}
.current-opening .job-list a.apply-btn:hover {
background: transparent;
color: #000;
}
.form-group {
margin-bottom: 20px;
float: left;
width: 100%;
}
.form-group input {
background: #eff0f2;
border: 1px solid #e7e8f2;
border-radius: 30px;
height: 56px;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
padding: 12px 30px;
outline: none !important;
box-shadow: none !important;
}
@media screen and (max-width: 767px) {
.form-group input {
font-size: 16px;
}
}
.form-group select {
background: #eff0f2 url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/select-bg-con.png) no-repeat 90% center;
border: 1px solid #e7e8f2;
border-radius: 30px;
height: 56px;
font-weight: 600;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 12px 50px 12px 24px;
}
@media screen and (max-width: 767px) {
.form-group select {
font-size: 16px;
}
}
.form-group textarea {
background: #eff0f2;
border: 1px solid #e7e8f2;
border-radius: 30px;
height: 126px;
font-weight: 400;
font-size: 18px;
line-height: 183%;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
padding: 12px 30px;
outline: none !important;
box-shadow: none !important;
width: 100%;
resize: none;
}
@media screen and (max-width: 767px) {
.form-group textarea {
font-size: 16px;
}
}
.form-group .click-submit {
background: #fff;
border-radius: 60px;
height: 54px;
width: auto;
font-weight: 700;
font-size: 22px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: #000;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #264796;
padding: 0 65px;
transition: all 0.3s;
}
.form-group .click-submit:hover {
background: #264796;
color: #fff;
}
@media screen and (max-width: 767px) {
.form-group {
font-size: 16px;
}
}
.form-group .half {
float: left;
width: 50%;
padding-right: 15px;
}
.form-group .half:last-child {
padding-right: 0;
padding-left: 15px;
}
@media screen and (max-width: 600px) {
.form-group .half {
width: 100%;
padding: 0 !important;
}
.form-group .half:first-child {
margin-bottom: 15px;
}
}
.form-group.input-flex {
display: flex;
position: relative;
}
.form-group.input-flex p {
display: flex;
width: 100%;
}
.form-group.input-flex p .wpcf7-form-control-wrap {
min-width: 100px;
}
.form-group.input-flex p .wpcf7-form-control-wrap:last-child {
width: 100%;
}
.form-group.input-flex select {
max-width: 100px;
border-radius: 30px 0px 0px 30px;
padding: 12px 26px 12px 24px;
border-right: 0px;
}
.form-group.input-flex input {
border-radius: 0px 30px 30px 0px;
width: 100%;
border-left: 0;
}
.form-group.input-flex::after {
background: #000;
width: 1px;
height: 30px;
content: "";
position: absolute;
left: 108px;
top: 13px;
}
.current-opening.related-jobs .row:nth-child(2) {
justify-content: space-between;
}
.current-opening.related-jobs .row:nth-child(2) .job-list {
width: 32%;
}
.current-opening.related-jobs .row:nth-child(2) .job-list h3 {
font-size: 35px;
}
.current-opening.related-jobs .row:nth-child(2) .job-list h5 {
font-size: 20px;
}
.current-opening.related-jobs .row:nth-child(2) .job-list .apply-btn {
background: #264796;
border-radius: 60px;
width: 184px;
font-weight: 700;
font-size: 22px;
line-height: 44px;
color: #fff;
display: flex;
justify-content: center;
height: 50px;
border: 1px solid #264796;
transition: all 0.3s;
}
.current-opening.related-jobs .row:nth-child(2) .job-list .apply-btn:hover {
background: transparent;
color: #000;
}
.form-group .file-upload {
display: block;
text-align: center;
font-size: 12px;
}
.form-group .file-upload .file-select {
background: #eff0f2;
border: 1px solid #e7e8f2;
border-radius: 30px;
height: 56px;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
padding: 12px 30px;
outline: none !important;
box-shadow: none !important;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.form-group .file-upload .file-select .file-select-button {
display: inline-block;
height: 52px;
line-height: 40px;
color: #fff;
background: #264796;
margin-right: -30px;
padding: 6px 30px;
border-radius: 0px 30px 30px 0px;
}
.form-group .file-upload .file-select .file-select-button p {
position: static;
}
.form-group .file-upload .file-select .file-select-name {
line-height: 40px;
display: inline-block;
color: #000;
}
.form-group .file-upload .file-select .file-select-name p {
position: static;
}
.form-group .file-upload .file-select input[type=file] {
z-index: 100;
cursor: pointer;
position: relative;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.form-group .file-upload .file-select p {
position: absolute;
left: 0;
width: 100%;
}
@media screen and (max-width: 767px) {
.form-group .file-upload .file-select {
font-size: 16px;
}
}
.form-group .file-upload .file-select .wpcf7-not-valid-tip {
position: absolute;
bottom: -35px;
left: 0;
}
.Job-description h2 {
font-weight: 600;
font-size: 50px;
line-height: 60px; color: #000000;
margin-bottom: 15px;
}
.Job-description .description-box {
background: #f3f3f3;
padding: 25px;
}
.Job-description .description-box h3 {
font-weight: 700;
font-size: 35px;
line-height: 120%; text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
color: #264796;
}
.Job-description .description-box h3 span {
font-weight: 600;
font-size: 18px;
line-height: 20px; text-align: right;
color: #000;
}
.Job-description .description-box h5 {
font-weight: 700;
font-size: 22px;
line-height: 120%;
margin-bottom: 10px; color: #000000;
}
.Job-description .description-box ul {
margin-bottom: 25px;
}
.Job-description .description-box ul li {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 190%; color: #000000;
padding-left: 35px;
position: relative;
}
.Job-description .description-box ul li img {
margin-right: 10px;
position: absolute;
left: 0;
top: 13px;
}
.Job-description .description-box p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;  color: #2d2f30;
margin-bottom: 20px;
}
.Job-description .btn-box {
margin: 25px 0;
display: flex;
justify-content: center;
}
.Job-description .btn-box a {
background: #264796;
border-radius: 60px;
width: 890px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 22px;
line-height: 60px; text-transform: uppercase;
color: #fff;
}
.pagination {
display: flex;
justify-content: flex-end;
margin-bottom: 80px;
margin-top: 20px;
}
.pagination ul {
display: flex;
}
.pagination ul li.prev {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.pagination ul li.prev a img {
transform: rotate(180deg);
}
.pagination ul li.next {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.pagination ul li {
width: 40px;
height: 40px;
margin-right: 5px;
background: #ffffff;
border: 1px solid #d2d2d2;
}
.pagination ul li a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 22px;
line-height: 100%; text-align: center;
color: #000000;
}
.pagination ul li a:hover {
color: #e31e24;
}
.apply-jobs {
margin-top: 50px;
}
.apply-jobs h2 {
font-weight: 700;
font-size: 40px;
line-height: 120%; color: #264796;
text-transform: uppercase;
margin-bottom: 25px;
}
.apply-jobs .wpcf7-response-output {
clear: left;
}
.breadcrumb.breadcrumb-second {
margin-top: 90px;
}
.search-filter {
display: flex;
border: 1px solid rgb(245, 245, 245);
margin-top: 25px;
margin-bottom: 25px;
justify-content: space-between;
padding: 10px;
}
.search-filter .form-group {
width: 35%;
margin-bottom: 0;
border-right: 1px solid #dddddd;
}
.search-filter .form-group:last-child {
width: 20%;
border-right: none;
}
.search-filter .form-group label {
display: block;
}
.search-filter .form-group .dropdown.bootstrap-select {
width: 100%;
}
.search-filter .form-group .dropdown.bootstrap-select .dropdown-toggle {
font-weight: 600;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
background: none;
border: none;
outline: none !important;
box-shadow: none;
padding: 0px;
}
.search-filter .form-group .dropdown.bootstrap-select .dropdown-toggle::after {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/select-bg-con.png) no-repeat 90% center;
border: none;
width: 12px;
height: 12px;
background-size: 12px;
margin-right: 15px;
}
.search-filter .form-group .dropdown.bootstrap-select .dropdown-menu ul li a {
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
}
.search-filter .form-group .dropdown.bootstrap-select .dropdown-menu ul li.active a {
background-color: #264796;
color: #fff;
}
.search-filter .form-group select {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/select-bg-con.png) no-repeat 90% center;
border: none;
padding: 0;
height: auto;
background-size: 12px auto;
}
.search-filter .form-group select:focus {
border: none;
outline: none;
}
.search-filter .form-group select option {
padding: 0 15px;
}
.search-filter .form-group button[type=submit] {
width: 225px;
height: 50px;
background: #264796;
border-radius: 5px;
border: none;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #ffffff;
}
.search-filter .form-group button[type=submit] img {
transition: all 0.3s;
}
.search-filter .form-group button[type=submit]:hover img {
margin-left: 5px;
}
@media screen and (max-width: 769px) {
.current-opening.related-jobs .row:nth-child(2) .job-list {
width: 100%;
}
.Job-description h2 {
font-size: 35px;
line-height: 45px;
}
.Job-description .description-box h3 {
flex-wrap: wrap;
}
.Job-description .description-box h3 span {
text-align: left;
width: 100%;
margin-bottom: 15px;
}
.Job-description .description-box ul li {
font-size: 18px;
}
.search-filter {
flex-wrap: wrap;
}
.search-filter .form-group {
width: 100%;
margin-bottom: 15px;
border-right: none;
}
.current-opening .job-list h3 {
flex-wrap: wrap;
font-size: 30px;
line-height: 40px;
}
.current-opening .job-list h3 span {
margin-top: 15px;
}
.current-opening {
padding: 0 0 50px 0;
}
.breadcrumb.breadcrumb-second {
margin-top: 25px;
}
}
.contact-us-outer {
padding: 10px 0px 70px;
}
.contact-us-outer .contact-us-right h1 {
margin-bottom: 37px;
font-weight: 600;
font-size: 50px;
color: #000;
}
.contact-us-outer .contact-us-right h1 span {
position: relative;
z-index: 1;
}
.contact-us-outer .contact-us-right .conact-area {
margin-left: -20px;
margin-right: -20px;
display: flex;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 {
padding: 0px 20px;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 h4 {
margin-bottom: 20px;
font-weight: 600;
font-size: 30px;
color: #000;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 ul li {
display: flex;
margin-bottom: 28px;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 ul li:first-child {
min-height: 100px;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 ul li span.image-ico {
min-width: 40px;
}
.contact-us-outer .contact-us-right .conact-area .col-lg-12 ul li span {
font-weight: 500;
line-height: 160%;
font-size: 21px;
}
.connect-with-us-outer {
padding: 0px 0px 50px 0;
}
.connect-with-us-outer .connect-with-main.row {
border-top: 1px solid #D1D1D1;
padding-top: 50px;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 {
padding: 0px 20px;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 .connect-area {
max-width: 440px;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 .connect-area h2 {
margin-bottom: 30px;
font-size: 50px;
font-weight: 600;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 .connect-area p {
font-size: 18px;
line-height: 33px;
margin-bottom: 15px;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 .connect-area p a {
color: #00ADE5;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 .connect-area h5 {
font-weight: 600;
}
.connect-with-us-outer .connect-with-main.row .connect-right .row .form-group.col-lg-6 {
padding: 0px 15px;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group {
margin-bottom: 12px;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group input {
background: #EFF0F2;
border: 1px solid #E7E8F2;
border-radius: 30px;
height: 56px;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
padding: 12px 30px;
outline: none !important;
box-shadow: none !important;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group select {
background: #EFF0F2 url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/select-bg-con.png) no-repeat 90% center;
border: 1px solid #E7E8F2;
border-radius: 30px;
height: 56px;
font-weight: 600;
font-size: 22px;
line-height: 33px;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 12px 50px 12px 24px;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group textarea {
background: #EFF0F2;
border: 1px solid #E7E8F2;
border-radius: 30px;
height: 126px;
font-weight: 400;
font-size: 18px;
line-height: 183%;
letter-spacing: -0.02em;
color: rgba(0, 0, 0, 0.5);
padding: 12px 30px;
outline: none !important;
box-shadow: none !important;
width: 100%;
resize: none;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group .click-submit {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/red-arrow.png) no-repeat 80% center;
border-radius: 60px;
height: 54px;
width: 219px;
font-weight: 700;
font-size: 22px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: #000;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #264796;
padding: 0;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group .click-submit:hover {
background: #fff url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/red-arrow.png) no-repeat 85% center;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex {
display: flex;
position: relative;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex p {
display: flex;
width: 100%;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex p .wpcf7-form-control-wrap {
min-width: 100px;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex p .wpcf7-form-control-wrap:last-child {
width: 100%;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex select {
max-width: 100px;
border-radius: 30px 0px 0px 30px;
padding: 12px 26px 12px 24px;
border-right: 0px;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex input {
border-radius: 0px 30px 30px 0px;
width: 100%;
border-left: 0;
}
.connect-with-us-outer .connect-with-main.row .connect-right .form-group.input-flex::after {
background: #000;
width: 1px;
height: 30px;
content: "";
position: absolute;
left: 108px;
top: 13px;
}
@media screen and (max-width: 1440px) {
.contact-map-outer {
height: 515px;
}
.contact-us-outer {
padding: 50px 0px;
}
}
@media screen and (max-width: 768px) {
.contact-us-outer {
padding: 50px 0px 0 0;
}
.contact-us-outer .contact-us-right {
margin-top: 20px;
}
.contact-us-outer .contact-us-right h1 span {
box-shadow: 0px -5px 0px #05ade6 inset;
}
.contact-us-outer .contact-us-right .conact-area {
flex-wrap: wrap;
}
.connect-with-us-outer {
padding: 0 0 50px 0;
}
.connect-with-us-outer .connect-with-main.row {
padding-top: 20px;
}
.connect-with-us-outer .connect-with-main.row .connect-right {
margin-top: 35px;
}
.connect-with-us-outer .connect-with-main.row .col-lg-6 {
padding: 0 !important;
}
}
.error-page {
float: left;
width: 100%;
padding: 110px 0px 100px;
text-align: center;
background: #264796;
}
.page_not_found {
max-width: 980px;
margin: 0 auto;
}
.error-page h1 {
font-size: 50px;
line-height: 60px;
color: #F6F7F7;
padding-bottom: 30px;
letter-spacing: 0.0636364px;
max-width: 675px;
margin: 0 auto;
font-weight: bold;
}
.error-page p {
font-size: 18px;
line-height: 32px;
font-weight: normal;
letter-spacing: 0.0309091px;
color: #F6F7F7;
font-weight: 500;
padding-bottom: 15px;
max-width: 675px;
margin: 0 auto !important;
padding-bottom: 35px;
}
.error-page a {
font-size: 15px;
line-height: 30px;
display: inline-block;
padding: 10px 30px;
text-transform: uppercase;
letter-spacing: -0.5px;
background-color: #fff;
color: #000;
border-radius: 50px;
transition: all ease 0.3s;
font-weight: bold;
}
.u-vmenu ul li span[data-option=on] {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/menu-Minus.png) no-repeat center center;
}
.u-vmenu ul li span[data-option=off] {
background: url(//www.mrmprocom.com/wp-content/themes/mrmprocom/assets/images/menu-Plus.png) no-repeat center center;
}
body {
font-family: "Darker Grotesque", sans-serif;
overflow-x: hidden;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}
.head-title h2 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 121%; text-transform: uppercase;
padding-bottom: 10px;
color: #264796;
display: flex;
align-items: flex-end;
}
.head-title h2 span {
width: 65px;
height: 2px;
background: #E31E24;
margin-left: 5px;
}
.head-title h3 {
font-style: normal;
font-weight: 600;
font-size: 55px;
line-height: 40px; color: #000000;
}
@media screen and (max-width: 769px) {
.head-title h3 {
font-size: 40px;
}
}
.breadcrumb {
display: flex;
clear: both;
margin: 25px 0;
}
.breadcrumb ul {
display: flex;
}
.breadcrumb ul li {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #8B8B8B;
margin-right: 15px;
}
.breadcrumb ul li a {
color: #222222;
}
.Privacy-content {
padding-bottom: 50px;
}
.Privacy-content h2 {
margin-bottom: 25px;
}
.Privacy-content p {
margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 90%;
margin-left: 5%;
}
}
@media screen and (max-width: 769px) {
.head-title h2 {
padding-bottom: 10px;
}
.head-title h3 {
font-size: 45px;
}
}.wpcf7 form .wpcf7-response-output{ clear: left; }