.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}@font-face {
font-family: "Roboto Bold";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Bold.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Light";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Light.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Medium";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Medium.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Regular";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Regular.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Roboto-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue Bold";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/BebasNeueBold.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/BebasNeueBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat Regular";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Montserrat-Regular.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Montserrat-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat Bold";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Montserrat-Bold.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Montserrat-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Poppins-Regular.woff2) format("woff2"), url(//milkor.ae/wp-content/themes/milkor/dist/fonts/Poppins-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.hidden {
display: none;
}
:root {
--main-color: #B82533;
--main-font-regular: "Roboto Regular";
--main-font-medium: "Roboto Medium";
--main-font-bold: "Roboto Bold";
--main-font-light: "Roboto Light";
--secondary-font-regular: "Montserrat Regular";
--secondary-font-bold: "Montserrat Bold";
--secondary-font-semi: "Inter Bold";
--third-font-regular: "Inter Medium";
--third-font-bold: "Bebas Neue Bold";
--section-pb: 100px;
--section-pt: 100px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
}
body {
font-family: var(--main-font-regular);
font-size: 16px;
line-height: 25px;
color: #040404;
background-color: #fff;
zoom:85%;
}
@media (max-width:1200px){
body{
zoom: 100%;
}
}
.modal {
position: fixed;
width: 100%;
height: 100%;
z-index: 101;
top: 0;
left: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.bold {
font-family: var(--main-font-bold);
}
.poppins {
font-family: "Poppins";
}
.-bold {
font-weight: bold;
}
.font-regular {
font-family: var(--main-font-regular);
}
.font-medium {
font-family: var(--main-font-medium);
}
.font-light {
font-family: var(--main-font-light);
}
.font-secondary-regular {
font-family: var(--secondary-font-regular);
}
.font-secondary-bold {
font-family: var(--secondary-font-bold);
}
.font-secondary-semi {
font-family: var(--secondary-font-semi);
}
.font-third-bold {
font-family: var(--third-font-bold);
}
.font-third-regular {
font-family: var(--third-font-regular);
}
a {
text-decoration: none;
}
.container {
margin-left: auto;
margin-right: auto;
width: 95%;
max-width: 1260px;
}
li {
list-style: none;
}
ul {
padding: 0;
}
ul,
figure {
margin: 0;
}
.list-style li {
list-style: inherit;
}
.d-flex {
display: flex;
display: -webkit-flex;
}
.row-reverse {
flex-direction: row-reverse;
}
.d-block {
display: block;
}
.flex-column {
flex-direction: column;
}
.flex-start {
justify-content: flex-start !important;
}
.flex-end {
justify-content: end;
}
.uppercase {
text-transform: uppercase;
}
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
text-transform: none;
}
img.lazy {
transition: 0.4s opacity ease;
transition-delay: 0.2s;
}
img.lazy[src] {
opacity: 1;
}
img.lazy:not([src]) {
opacity: 0 !important;
}
.center {
text-align: center;
}
.align {
text-align: right;
}
.pre-line {
white-space: pre-line;
}
.flex-1 {
flex: 1;
}
.align-center {
align-items: center;
}
.align-self {
align-self: baseline;
}
.align-end {
align-items: flex-end;
}
.flex-all {
display: flex;
align-items: center;
justify-content: center;
}
.unicode {
unicode-bidi: plaintext;
}
:focus {
outline: none;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: end;
}
.space-between {
justify-content: space-between;
}
.space-around {
justify-content: space-around;
}
.overflow-hidden {
overflow: hidden;
}
.trans {
transition: 0.4s;
}
.wrap {
flex-wrap: wrap;
}
.no-wrap {
white-space: nowrap;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-40 {
padding-left: 40px;
}
.mr-70 {
margin-right: 70px;
}
.mr-35 {
margin-right: 35px;
}
.mr-22 {
margin-right: 22px;
}
.mr-18 {
margin-right: 18px;
}
.mr-13 {
margin-right: 13px;
}
.shadow {
box-shadow: -9px 10px 79px rgba(25, 165, 148, 0.168627451);
}
.shadow-0 {
box-shadow: none !important;
}
.p-side-10 {
padding-left: 10px;
padding-right: 10px;
}
.p-side-15 {
padding-left: 15px;
padding-right: 15px;
}
.p-side-20 {
padding-left: 20px;
padding-right: 20px;
}
.p-side-25 {
padding-left: 25px;
padding-right: 25px;
}
.p-side-30 {
padding-left: 30px;
padding-right: 30px;
}
.pt-100 {
padding-top: 100px;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-100 {
padding-bottom: 100px;
}
.top-2 {
position: relative;
top: 2px;
}
.-top-2 {
position: relative;
top: -2px;
}
.main-color {
color: var(--main-color);
}
.secondary-color {
color: var(--secondary-color);
}
.bg-main {
background-color: var(--main-color);
}
.white {
color: #fff;
}
.bg-white {
background-color: #fff;
}
.white-i {
color: #fff !important;
}
.font-10 {
font-size: 10px;
}
.font-12 {
font-size: 12px;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 16px;
}
.font-15 {
font-size: 15px;
}
.font-16 {
font-size: 16px;
}
.font-17 {
font-size: 16px;
}
.font-18 {
font-size: 18px;
}
.font-19 {
font-size: 19px;
}
.font-20 {
font-size: 20px;
}
.font-21 {
font-size: 21px;
}
.font-22 {
font-size: 22px;
}
.font-23 {
font-size: 23px;
}
.font-24 {
font-size: 24px;
}
.font-26 {
font-size: 26px;
}
.font-28 {
font-size: 28px;
}
.font-30 {
font-size: 30px;
}
.font-32 {
font-size: 32px;
}
.font-34 {
font-size: 34px;
}
.font-35 {
font-size: 35px;
}
.font-40 {
font-size: 40px;
}
.font-45 {
font-size: 45px;
}
.font-46 {
font-size: 46px;
}
.font-50 {
font-size: 50px;
}
.font-55 {
font-size: 55px;
}
.radius-6 {
border-radius: 6px;
}
.radius-8 {
border-radius: 8px;
}
.radius-15 {
border-radius: 15px;
}
.radius-30 {
border-radius: 30px;
}
.rounded {
border-radius: 50%;
}
.btn {
background-color: var(--main-color);
border-radius: 10px;
transition: 0.4s;
border: 1px solid var(--main-color);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
}
.btn:hover {
background-color: transparent;
color: var(--main-color);
}
.bg-cover {
background-size: cover !important;
}
.bg-soft {
background-color: rgba(245, 245, 245, 0.54);
}
.object-fit {
object-fit: cover;
}
.ml-40 {
margin-left: 40px;
}
.ml-50 {
margin-left: 50px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-100 {
margin-bottom: 100px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-80 {
margin-top: 80px;
}
.h-50 {
height: 50%;
}
.h-100 {
height: 100%;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-32 {
width: 32%;
}
.w-35 {
width: 35%;
}
.w-40 {
width: 40%;
}
.w-45 {
width: 45%;
}
.w-48 {
width: 48%;
}
.w-50 {
width: 50%;
}
.w-55 {
width: 55%;
}
.w-58 {
width: 58%;
}
.w-60 {
width: 60%;
}
.w-65 {
width: 65%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-90 {
width: 90%;
}
.w-100 {
width: 100%;
}
.w-100-i {
width: 100% !important;
}
.relative {
position: relative;
}
.radius-11 {
border-radius: 11px;
}
.radius-25 {
border-radius: 25px;
}
.black-1 {
color: #2C2828;
}
.gray-1 {
color: #7E7E7E;
}
.m-side-auto {
margin-left: auto;
margin-right: auto;
}
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6 {
display: grid;
gap: 25px;
}
.grid-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
grid-template-columns: repeat(5, 1fr); }
.grid-6 {
grid-template-columns: repeat(6, 1fr);
}
.video-modal .modal-body {
background: transparent;
}
.gap-0 {
gap: 0;
}
.gap-3 {
gap: 3px;
}
.gap-5 {
gap: 5px;
}
.gap-10 {
gap: 10px;
}
.gap-15 {
gap: 15px;
}
.gap-20 {
gap: 20px;
}
.gap-25 {
gap: 25px;
}
.gap-30 {
gap: 30px;
}
.gap-35 {
gap: 35px;
}
.gap-40 {
gap: 40px;
}
.gap-50 {
gap: 50px;
}
.gap-60 {
gap: 60px;
}
.pointer {
cursor: pointer;
}
.mo {
display: none;
}
.line-38 {
line-height: 38px;
}
.line-28 {
line-height: 28px;
}
.line-22 {
line-height: 22px;
}
.section-padding {
padding-top: var(--section-pt);
padding-bottom: var(--section-pb);
}
.reveal {
visibility: hidden;
position: relative;
width: 100%;
height: 100%;
}
.modal.active {
visibility: visible;
}
.modal:before {
top: 0;
right: 0;
bottom: 0;
left: 0; content: "";
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.97);
}
.modal-body {
width: 700px;
position: relative;
z-index: 1;
background-color: #fff;
border-radius: 11px;
overflow-y: auto;
max-height: 90vh;
opacity: 0; visibility: hidden;
}
.modal.active .modal-body {
opacity: 1;
visibility: visible;
}
.form-modal .modal-body {
padding: 40px 40px 32px 40px;
}
.overflow-hidden {
overflow: hidden;
}
[data-toggle-tab]:not(.active) {
display: none;
}
[data-toggle-tab].active {
display: block !important;
}
.swiper-button-disabled {
opacity: 0.4;
}
@keyframes fade {
to {
opacity: 0.9;
}
}
@keyframes fade-out {
to {
opacity: 0;
}
}
.z-1,
.z-2 {
position: relative;
z-index: 1;
}
.z-2 {
z-index: 2;
}
.modal.active:before {
animation: fade 0.3s 1 ease-in-out forwards;
}
.article-details li {
list-style-type: disc;
}
.one-line,
.three-line,
.four-line,
.five-line,
.two-line {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.one-line {
-webkit-line-clamp: 1;
}
.two-line {
-webkit-line-clamp: 2;
}
.three-line {
-webkit-line-clamp: 3;
}
.four-line {
-webkit-line-clamp: 4;
}
.five-line {
-webkit-line-clamp: 5;
}
.acc-body {
display: none;
}
.custom-alert {
position: fixed;
z-index: 1000;
top: -25%;
left: 0;
right: 0;
margin: auto;
background-color: var(--secondary-color);
padding: 20px 10px;
min-width: 200px;
max-width: 300px;
text-align: center;
border-right: 4px solid var(--main-color);
color: #fff;
font-size: 15px;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.visibility-hidden {
visibility: hidden;
}
.custom-alert.active {
top: 5%;
visibility: visible;
opacity: 1;
}
.noselect {
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.form-group>label~br,
.wpcf7-response-output {
display: none;
}
.wpcf7-spinner {
position: absolute;
right: 0;
left: 0;
margin: auto;
top: 46px;
}
.header-menu a {
color: #fff;
font-size: 15px;
transition: 0.4s;
}
.header-menu a:hover,
.header-menu li.current-menu-item a {
color: #000;
}
.underline {
text-decoration: underline;
}
.video-modal iframe {
width: 100%;
}
.iti {
width: 100%;
}
@media (max-width: 1024px) {
.grid-3-t {
grid-template-columns: repeat(3, 1fr);
}
.grid-2-t {
grid-template-columns: repeat(2, 1fr);
}
.grid-1-t {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) {
.container,
.container-p {
max-width: 95%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
.container-left-p {
margin-left: auto;
padding-left: 20px;
padding-right: 10px;
max-width: 100%;
}
:root {
--section-pb: 50px;
--section-pt: 50px;
}
.grid-1-p,
.grid-2-p,
.grid-3-p {
display: grid;
}
.grid-1-p {
grid-template-columns: repeat(1, 1fr);
}
.grid-2-p {
grid-template-columns: repeat(2, 1fr);
}
.grid-3-p {
grid-template-columns: repeat(3, 1fr);
}
.mo {
display: block !important;
}
.do {
display: none !important;
}
.wrap-p {
flex-wrap: wrap;
}
.font-12-p {
font-size: 12px;
}
.font-14-p {
font-size: 14px;
}
.font-16-p {
font-size: 16px;
}
.font-17-p {
font-size: 17px;
}
.font-18-p {
font-size: 18px;
}
.font-20-p {
font-size: 20px;
}
.font-24-p {
font-size: 24px;
}
.font-30-p {
font-size: 30px;
}
.font-35-p {
font-size: 35px;
}
.mt-20-p {
margin-top: 20px;
}
.mr-0-p {
margin-right: 0;
}
.ml-0-p {
margin-left: 0;
}
.h-100-p {
height: 100% !important;
}
.w-100-p {
width: 100% !important;
}
.w-90-p {
width: 90% !important;
}
.w-50-p {
width: 50% !important;
}
.center-p {
text-align: center;
}
.justify-center-p {
justify-content: center;
}
.m-side-auto-p {
margin-left: auto;
margin-right: auto;
}
.p-0-p {
padding: 0 !important;
}
.pr-0-p {
padding-right: 0;
}
.pt-0-p {
padding-top: 0px;
}
.pt-10-p {
padding-top: 10px;
}
.pt-20-p {
padding-top: 20px;
}
.pt-30-p {
padding-top: 30px;
}
.pt-40-p {
padding-top: 40px;
}
.pt-50-p {
padding-top: 50px;
}
.pt-60-p {
padding-top: 60px;
}
.pt-80-p {
padding-top: 80px;
}
.pb-0-p {
padding-bottom: 0px;
}
.pb-20-p {
padding-bottom: 20px;
}
.pb-50-p {
padding-bottom: 50px;
}
.pl-0-p {
padding-left: 0 !important;
}
.ml-0-p {
margin-left: 0 !important;
}
.mb-0-p {
margin-bottom: 0;
}
.mb-10-p {
margin-bottom: 10px;
}
.mb-15-p {
margin-bottom: 15px;
}
.mb-20-p {
margin-bottom: 20px;
}
.mb-35-p {
margin-bottom: 35px;
}
.mb-50-p {
margin-bottom: 50px;
}
.line-22-p {
line-height: 22px;
}
.column-reverse-p {
flex-direction: column-reverse;
}
.modal {
padding: 0 12px;
}
.p-side-10-p {
padding-left: 10px;
padding-right: 10px;
}
.swipe-box-p {
width: 100%;
overflow: hidden;
overflow-x: scroll !important;
white-space: nowrap;
display: flex !important;
}
.full-p {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.gap-0-p {
gap: 0px;
}
.gap-15-p {
gap: 15px;
}
.gap-30-p {
gap: 30px;
}
.flex-column-p {
flex-direction: column;
}
div#MANUFACTURINGANDFABRICATION,
div#COMPUTERFLUIDDYNAMICSIMULATIONANDFINITEELEMENTANALYSIS,
.capa-black-section .box {
flex-direction: column-reverse;
}
.d-flex-p {
display: flex;
}
.space-between-p {
justify-content: space-between;
}
.open-mobile-icon {
background-color: transparent;
border: 0;
margin-left: 8px;
display: flex;
padding: 0;
font-size: 26px;
}
.mobile-menu-box {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 100vh;
background-color: #293542; z-index: -1;
transition: 0.4s;
padding-bottom: 60px;
opacity: 0;
transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
visibility: hidden;
}
.mobile-menu-box.active {
visibility: visible;
z-index: 10;
opacity: 1;
width: 80%;
}
.mobile-menu {
left: 0;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
padding: 20px;
max-height: 100vh;
overflow-y: auto;
}
.mobile-menu .header-menu {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
}
.mobile-menu li {
margin: 20px 0;
z-index: 2;
transition: 0.4s;
opacity: 0;
text-align: center;
}
.mobile-menu-box li:nth-child(odd) {
transform: translateX(30%);
}
.mobile-menu-box li:nth-child(even) {
transform: translateX(-30%);
}
.mobile-menu-box li:last-child {
transform: none;
}
.mobile-menu-box.active ul li {
opacity: 1;
transform: translateX(0);
}
.mobile-menu li a {
text-decoration: none;
color: white;
transition: 2s;
font-size: 24px;
text-transform: uppercase;
font-weight: 500;
mix-blend-mode: difference;
}
.header-menu li.current-menu-item a {
color: var(--main-color);
}
.close-menu-icon {
fill: var(--main-color);
width: 50px;
}
.form-modal .modal-body {
padding: 30px;
width: 100%;
height: 100%;
max-height: initial;
border-radius: 0;
}
}
header {
padding: 30px 0 0 0;
}
.header-menu {
gap: 25px;
}
.header-menu a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
padding: 0;
position: relative;
transition: 0.4s;
}
.header-menu a:hover,
.header-menu li.current_page_item a {
color: var(--main-color);
font-family: var(--main-font-bold); }
.header-menu li.current_page_item a:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
height: 2px;
width: 25px;
background-color: var(--main-color);
}
.home-page-wrapper {
background: url(//milkor.ae/wp-content/themes/milkor/dist/image/body-bg.jpg) no-repeat;
background-size: cover;
}
.normal-btn {
background-color: var(--main-color);
color: #fff;
border-radius: 5px;
height: 33px;
padding: 5px 15px;
text-align: center;
line-height: 23px;
font-size: 14px;
}
.search-head-icon:hover i {
color: var(--main-color);
}
.header-btn-contact:hover {
background-color: #000;
}
.landing-section {
padding: 150px 0 60px 0;
}
.landing-section .big-title {
font-size: 150px;
}
.radius-21 {
border-radius: 21px;
}
.radius-23 {
border-radius: 23px;
}
.text-stroke {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
}
.line-inside {
position: relative;
display: flex;
}
.line-inside p {
position: relative;
}
.line-inside p:before {
content: "";
position: absolute;
top: -43px;
bottom: 0;
left: 0;
margin: auto;
height: 130%;
width: 98%;
background-color: var(--main-color);
}
.line-inside p span {
position: relative;
color: #cfcfcf;
font-size: 100px;
}
.landing-secondary-title {
margin-top: 85px;
}
.rounded-btn {
background-color: var(--main-color);
color: #fff;
border-radius: 30px;
width: 170px;
height: 50px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
transition: 0.4s;
position: relative;
top: 0;
border: 1px solid var(--main-color);
}
.rounded-btn i {
background-color: #981925;
color: #fff;
font-size: 14px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
position: relative;
border-radius: 50%;
}
.header .header-trans {
transition: 0.4s;
position: fixed;
width: 100%; left: 0;
top: 0;
z-index: 100;
padding: 30px 0 0 0;
}
.sticky .header-trans {
background-color: #000;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1098039216);
padding: 15px 0;
}
.logo img {
transition: 0.4s;
}
.sticky .header-trans .logo img {
width: 200px;
}
.header {
height: 95px;
}
.rounded-btn:hover { transform: scale(1.01);
}
.rounded-btn:hover i {
transform: translateX(30%);
}
.rounded-btn.out-line {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.52);
}
.rounded-btn.out-line i {
background-color: #fff;
color: #040404;
}
.about-title {
color: rgba(44, 40, 40, 0.83);
font-size: 100px;
line-height: 100px;
}
.about-desc,
.secondary-title {
font-size: 78px;
letter-spacing: 3px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #c9ccd3;
text-transform: uppercase;
font-family: var(--third-font-bold);
color: transparent;
}
.about-desc span,
.secondary-title span {
color: #c9ccd3;
-webkit-text-stroke-width: 0;
}
.white-2 {
color: rgba(255, 255, 255, 0.84);
}
.read-more-span {
display: flex;
gap: 7px;
}
.read-more-span i {
background-color: var(--main-color);
color: #fff;
font-size: 14px;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.about-section {
background-image: url(//milkor.ae/wp-content/uploads/2023/08/about-patt-n.webp);
background-repeat: no-repeat;
background-position: right 20%;
background-size: 350px;
padding-bottom: 100px;
}
.about-section .box {
gap: 130px;
row-gap: 40px;
}
.about-section .box .item:nth-of-type(even) {
margin-top: 45px;
}
.about-section .box .item:nth-of-type(3) {
margin-top: 130px;
}
.about-section .box .item:nth-of-type(4) figure {
margin-top: 0 !important;
}
.about-section .box .item:nth-of-type(4) .left-item-body {
margin-top: -40px;
}
.about-left-patt {
position: absolute;
left: 0;
width: 600px;
top: 200px;
pointer-events: none;
}
.about-bottom-patt {
position: absolute;
bottom: 0;
width: 100%;
height: 600px;
left: 0;
pointer-events: none;
mix-blend-mode: color-dodge;
}
.about-section .left-item .item-title,
.about-section .left-item .left-item-body {
width: 75%;
margin: auto;
}
.about-section .left-item .item-title {
white-space: nowrap;
}
.about-section .box .item {
position: relative;
}
.capabilities-section {
background: url(//milkor.ae/wp-content/uploads/2023/08/capa-bg-n-scaled.webp) no-repeat;
background-size: cover;
padding: 130px 0 100px 0;
}
.secondary-title.--white span {
color: #fff;
}
.capabilities-section .left .rounded-btn {
background-color: #fff;
width: 240px;
font-size: 17px;
color: var(--main-color);
}
.capabilities-section .box .item {
border-radius: 21px;
padding: 20px;
transition: 0.4s;
}
.capabilities-section .box .item:hover {
transform: translate3d(0, -10px, 0);
box-shadow: 0 40px 70px -30px rgba(19, 33, 54, 0.16), 0 20px 70px -30px rgba(0, 0, 0, 0.3); }
.capabilities-section .box .item:hover .--title {
color: var(--main-color);
}
.capabilities-section .box .item figure {
border-radius: 21px;
}
.capabilities-section .box .item figure:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #040404;
opacity: 0.49;
}
.capabilities-section .box .item .details {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 25px;
}
.capabilities-section .box .item .--title {
line-height: 40px;
}
.white-3 {
color: #f4f3f4;
}
.news-section {
background: url(//milkor.ae/wp-content/uploads/2023/08/news-bg-2-n-scaled.webp) no-repeat;
padding: 130px 0 50px 0;
}
.img-copy {
position: absolute;
top: -5px;
right: -70px;
filter: blur(8px);
transition: 0.4s;
opacity: 0;
z-index: -1;
pointer-events: none;
}
.about-section .item figure {
margin-top: 45px;
}
.img-original {
transition: 0.4s;
}
.item:hover figure .img-original {
transform: scale(1.04);
}
.item:hover figure .img-copy {
right: 0;
opacity: 1;
filter: blur(1);
}
.news-section .item {
border-radius: 12px;
padding: 20px;
}
.foot-main-links ul {
display: flex;
gap: 30px;
align-items: center;
font-family: var(--main-font-light);
}
.foot-main-links ul a {
color: #fff;
}
.foot-head {
padding: 40px 0;
}
.foot-body {
padding: 30px 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-width: 1px 0 1px 0;
}
.footer {
position: relative;
}
.footer>.container {
position: relative;
}
.footer:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//milkor.ae/wp-content/uploads/2023/08/foot-bg-n.webp) no-repeat;
background-size: cover;
}
.foot-social a {
color: #fff;
font-size: 28px;
}
.form-subscribe .form-group {
display: flex;
gap: 5px;
}
.subscribe-input::placeholder {
color: #fff;
}
.subscribe-input {
border: 1px solid hwb(0deg 100% 0%/86%);
border-radius: 4px;
padding: 10px;
height: 38px;
color: #fff;
background: transparent;
min-width: 250px;
}
.form-subscribe .subscribe-submit {
border: 1px solid var(--main-color);
background: var(--main-color);
border-radius: 4px;
color: #fff;
height: 38px;
cursor: pointer;
min-width: 110px;
font-size: 14px;
transition: 0.4s;
}
.form-subscribe .subscribe-submit:hover {
background-color: #fff;
color: var(--main-color);
border-color: #fff;
}
.foot-last-row {
padding: 20px 0;
}
.foot-col a {
color: #fff;
}
.banner-wrapper {
background: url(//milkor.ae/wp-content/themes/milkor/dist/image/banner-bg.jpg) no-repeat;
background-size: cover; }
.banner-section {
padding: 130px 0 140px 0;
position: relative;
overflow: hidden;
}
.banner-section .container {
position: relative;
}
.text-filled {
display: flex;
font-family: var(--third-font-bold);
font-size: 80px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #c9ccd3;
text-transform: uppercase;
letter-spacing: 3px;
gap: 8px;
}
.text-filled .filled {
color: #c9ccd3;
-webkit-text-stroke-width: 0;
position: relative;
}
.text-filled .filled:before {
content: "";
position: absolute;
bottom: -7px;
width: 100%;
height: 120%;
background-color: var(--main-color);
}
.text-filled .filled:after {
content: attr(text);
position: relative;
}
.subtitle {
color: #06060b;
font-size: 19px;
font-family: var(--main-font-medium);
}
.underline-title {
text-decoration-thickness: 1px;
line-height: 50px;
}
.about-us-section .box-2 .arrow {
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.why-us-section {
background-image: url(//milkor.ae/wp-content/themes/milkor/dist/img/why-choose-bg.png);
background-size: cover;
background-color: #fff;
}
.why-us-section p.font-27 {
font-size: 27px;
font-weight: 500;
font-family: 'Poppins';
}
.subtitle.color {
color: var(--main-color);
}
.hover-img-mvv {
position: absolute;
top: 0;
height: 0;
opacity: 0;
}
.mvv-section {
background-color: #fff;
}
.mvv-section .item:hover .hover-img-mvv {
height: 100%;
opacity: 1;
}
.mvv-section .box .item figure:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transition: 0.4s;
}
.item-body {
position: absolute;
top: calc(100% - 90px);
padding: 0 25px 25px 25px;
height: 100%;
transition: 0.4s;
}
.mvv-section .item:hover .item-body {
top: 0;
}
.about-section .box .item:nth-of-type(4) { }
.item-body:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(44, 40, 40, 0.9);
mix-blend-mode: multiply; }
.mvv-section .item-head {
padding-top: 35px;
padding-bottom: 40px;
}
.mvv-section .item-head:after {
content: "";
display: block;
width: 0;
height: 1px;
background-color: #f2f2f2;
transform: translateY(40px);
transition: 0.4s; }
.mvv-section .item:hover .item-head:after {
transition-delay: 0.3s;
width: 100%;
}
.mvv-section .item .item-rest {
opacity: 0;
}
.mvv-section .item:hover .item-rest {
animation: focus 0.4s forwards;
animation-delay: 0.4s;
}
@keyframes focus {
0% {
transform: scale(1.4) translateX(-30%);
filter: blur(10px);
opacity: 0;
}
100% {
transform: scale(1) translateX(0%);
filter: blur(0px);
opacity: 1;
}
}
@keyframes block {
0% {
width: 0;
filter: blur(5px);
opacity: 0;
}
100% {
width: 100%;
filter: blur(0px);
opacity: 1;
}
}
.people-section .arrow {
background-color: #fff;
color: var(--main-color);
font-size: 19px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
border-radius: 50%;
}
.arrow.swiper-button-disabled {
pointer-events: none;
}
.people-section .arrows {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.people-section .arrow:hover {
background-color: var(--main-color);
color: #fff;
}
.people-slider figure {
width: 80px;
height: 80px;
padding: 5px;
}
.black-2 {
color: #343434;
}
.people-name {
text-transform: capitalize;
}
.people-span:before {
content: "-";
}
.people-slide .slide-box {
padding: 30px 0 50px 0;
}
.people-slider figure {
top: -35px;
}
.people-section {
background-image: url(//milkor.ae/wp-content/themes/milkor/dist/image/people-bg.png);
}
.people-section:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
background-color: #f4f3f4;
}
.people-slider {
padding: 50px 0;
}
.people-body {
margin-top: -25px;
padding-bottom: 30px;
}
.people-desc {
height: 75px;
}
.people-desc-box:before,
.people-desc-box:after {
content: "";
position: absolute;
top: -15px;
right: -29px;
width: 22px;
height: 22px;
background: url(//milkor.ae/wp-content/themes/milkor/dist/image/q-1.png) no-repeat;
background-size: contain !important;
}
.people-desc-box:after {
background: url(//milkor.ae/wp-content/themes/milkor/dist/image/q-2.png) no-repeat;
right: auto;
top: auto;
left: -29px;
bottom: -15px;
}
.products-section .item-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.products-section .item-box:before { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #040404;
opacity: 0.49;
}
.line-50 {
line-height: 50px;
}
.products-section .item-box .--body {
padding-top: 130px;
}
.weapon-name {
font-size: 60px;
display: flex;
gap: 8px;
}
.weapon-name .name {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ac0e24;
color: transparent;
}
.text-filled-2 span {
color: #cfcfcf;
position: relative;
font-family: var(--third-font-bold);
font-size: 35px;
}
.text-filled-2 span:before {
content: "";
position: absolute;
bottom: 12px;
width: 100%;
height: 53%;
background-color: #ac0e24;
}
.text-filled-2 span:after {
content: attr(text);
position: relative;
}
.main-color-2 {
color: #ac0e24;
}
.weapon-name-details .--details {
margin-top: -12px;
}
.color {
color: #040404;
}
.black-bg {
background-color: #000000;
}
.red-line-bottom>* {
border-bottom: 1px solid var(--main-color);
}
.italic {
font-style: italic;
}
.perform-table .line-desc {
padding: 3px 0 5px 0;
}
.perform-table .line-desc .--desc {
text-align: right;
}
.banner-transparent {
color: #1b191d;
opacity: 0.78;
font-family: var(--third-font-bold);
font-size: 550px;
line-height: 550px;
position: absolute;
top: 40px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.text-air-sys {
margin-top: 3%;
}
.airsystem__plane {
position: absolute;
right: 0;
top: 0;
}
.airsystem-section .img-text {
margin-top: -30px;
}
.line-desc-point {
font-size: 16px;
}
.line-desc-point:before {
content: "";
width: 3px;
height: 3px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
position: relative;
top: -3px;
margin-right: 2px;
}
.air-sys-patt {
position: absolute;
top: -350px;
right: 0;
width: 35%;
}
.table-big {
color: #040404;
font-size: 22px;
}
.table-big .--desc {
text-align: right;
}
.table-big .line-desc {
font-size:16px;
padding: 5px 0 7px 0;
}
.table-big-arsenal  .line-desc {
margin-bottom:15px;
}
.right-top {
margin-top: -38px;
}
.technical-section .box {
box-shadow: 6px 20px 50px rgba(152, 152, 152, 0.1294117647);
padding: 70px 50px 90px 60px;
}
.technical-section .box-img-container {
position: absolute;
top: 0;
right: 0;
}
.options-section .box>* { }
.options-section .box>*:last-child:nth-child(odd) {
margin: 50px auto 0px auto;
}
.milkor-4x4-tech {
margin-top: -130px;
}
.gallery-section img {
border-radius: 23px;
width: 100%;
aspect-ratio: 1 / 0.8;
object-fit: cover;
}
.milkor-apc-tech {
margin-top: -35px;
}
.milkor-apc .box .left {
padding-bottom: 50px;
}
.arsenal-box-img{
color:#000;
text-align:center;
margin-bottom: 60px;
}
.arsenal-box-img h3{
color:#000;
margin-top: 20px;
}
.milkor-apc-performance .floating-object-img {
margin-top: -170px;
}
.list-with-dots ul {
padding-left: 13px;
display: flex;
flex-wrap: wrap;
}
.list-with-dots ul li {
color: #555456;
list-style: circle;
padding-right: 40px;
min-width: 40%;
font-size: 17px;
}
.dots-title {
color: #555456;
}
.list-with-dots.white li {
color: #fff;
}
.list-with-dots ul li::marker {
color: var(--main-color);
}
.list-with-dots.full li {
width: 100%;
}
.careers-section .left-box {
padding: 25px 15px 15px 15px;
box-shadow: 6px 20px 50px rgba(0, 0, 0, 0.1019607843);
border-radius: 12px;
}
.search-input::placeholder {
color: #858585;
font-style: italic;
}
.search-input {
width: 100%;
height: 50px;
border: 1px solid #d9d9d6;
border-radius: 30px;
padding: 17px;
color: #000;
font-size: 14px;
}
.search-submit {
width: 38px;
height: 38px;
background-color: var(--main-color);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
border: 1px solid var(--main-color);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 10px;
}
.checkbox-title {
margin-bottom: 20px;
}
.checkbox-title:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 28px;
height: 1px;
background-color: var(--main-color);
}
.checkbox-box {
accent-color: #040404;
gap: 7px;
display: flex;
align-items: center;
padding: 7px 0;
}
.checkbox-box input {
width: 18px;
height: 18px;
cursor: pointer;
}
.checkbox-box label {
cursor: pointer;
width: 100%;
}
.checkbox-box:not(:last-of-type) {
border-bottom: 1px solid #ccc;
}
.career-box {
box-shadow: 0.14px 20px 40px rgba(0, 0, 0, 0.0588235294);
border-radius: 10px;
padding: 25px 15px 25px 30px;
transition: 0.4s;
}
.career-box:hover {
background-color: var(--main-color);
}
.career-box-title {
color: #212737;
}
.career-tag {
transition: 0.4s;
background-color: rgba(217, 217, 214, 0.2);
border-radius: 30px;
padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
font-size: 12px;
min-width: 80px;
color: #303030;
}
.career-tag i {
font-size: 15px;
}
.career-desc {
color: rgba(4, 4, 4, 0.72);
}
.color-trans {
transition: 0.4s;
}
.career-box:hover .color-trans {
color: #fff !important;
}
.career-box:hover .career-tag {
background-color: #931e29;
}
.careers-section .box .left { }
.job-details .box-item:not(:last-of-type) {
border-bottom: 1px solid rgba(204, 204, 204, 0.3490196078);
}
.apply-btn {
font-size: 17px;
box-shadow: 0px 3px 6px rgba(31, 46, 62, 0.1607843137);
border-radius: 10px;
min-width: 270px;
height: 55px;
border: 1px solid var(--main-color);
cursor: pointer;
}
.btn-hover::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 10rem;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.8s;
}
.btn-hover::after {
background-color: var(--main-color);
}
.btn-hover.--white::after {
background-color: #fff;
}
.btn-hover.out-line::after {
background-color: #000;
}
.btn-hover:hover::after {
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.news-section .item,
.all-news .item,
.news-section .item i,
.all-news .item i {
transition: 0.4s;
}
.news-section .item:hover,
.all-news .item:hover {
background-color: #ededed;
}
.news-section .item:hover i,
.all-news .item:hover i {
transform: translateX(10px);
}
.news-section .item figure,
.all-news .item figure {
overflow: hidden;
}
.foot-social a,
.foot-main-links a,
.foot-col a {
transition: 0.4s;
}
.foot-social a:hover {
color: var(--main-color);
}
.foot-main-links a:hover,
.foot-col a:hover {
color: var(--main-color);
}
.about-img-overlay {
position: relative;
}
.about-img-overlay:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; background-color: #000;
mix-blend-mode: multiply;
border-radius: 24px;
opacity: 0.54;
}
.contact-us-section .left,
.contact-us-section .right {
padding: 40px 35px 50px 35px;
border-radius: 12px;
}
.contact-us-section .form-control::placeholder {
color: #2c2828;
}
.contact-us-section .form-control {
font-family: "Poppins";
font-size: 13px;
color: #2c2828;
border-radius: 4px;
background-color: #fff;
border: 1px solid #fff;
padding: 10px;
width: 100%;
height: 40px;
}
.contact-us-section textarea.form-control {
height: auto;
}
.submit-btn-contact {
background-color: #fff;
color: var(--main-color);
border-radius: 4px;
height: 40px;
min-width: 140px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
cursor: pointer;
border: 0;
font-family: "Poppins";
font-weight: bold;
font-size: 16px;
}
.submit-btn-contact:hover {
background-color: #000;
}
.contact-us-section .right {
box-shadow: 6px 20px 50px rgba(0, 0, 0, 0.1019607843);
}
.contact-social {
position: absolute;
bottom: 30px;
left: 40px;
}
.contact-social a {
font-size: 22px;
color: var(--main-color);
}
.contact-social a:hover {
color: #000;
}
.map-iframe iframe {
height: 450px;
border: 0;
width: 100%;
border-radius: 12px;
}
.all-news .item {
background-color: rgba(226, 223, 223, 0.1843137255);
padding: 20px;
border-radius: 12px;
}
.article-img {
border-radius: 27px;
}
.milkor-usc-tech {
margin-top: -130px;
}
.usv-ship {
position: absolute;
top: -4vw;
width: 90%;
right: 0;
}
.milkor-usc-mech {
padding-top: 100px;
}
.milkor-usc-mech>.container {
position: relative;
top: -30px;
}
.usv-ship-5 {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.milkor-usv-tech-2 {
margin-top: -80px;
}
.people-fig:before {
content: "\f04b";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
color: var(--main-color);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: auto;
z-index: 2;
transition: 0.4s;
}
.people-fig:hover img { }
.people-fig:hover:before {
font-size: 40px;
color: #fff;
}
section.seo-content h2{
line-height: normal;
}
@media (max-width: 767px) {
.logo img,
.foot-logo img {
width: 180px;
}
.landing-section .big-title {
font-size: 60px;
}
.landing-section {
padding: 110px 0 60px 0;
}
.landing-secondary-title {
margin-top: 30px;
}
.line-inside p span {
font-size: 45px;
}
.line-inside p:before {
top: -14px;
height: 80%;
width: 98%;
}
.about-title {
font-size: 60px;
line-height: 60px;
}
.about-head-box {
align-items: baseline;
}
.about-desc,
.secondary-title {
font-size: 40px;
}
.about-section .box .item:nth-of-type(3),
.about-section .box .item:nth-of-type(even) {
margin-top: 0;
}
.about-section .left-item .item-title,
.about-section .left-item .left-item-body {
width: 100%;
}
.about-section .box {
row-gap: 80px;
}
.about-bottom-patt {
height: 200px;
}
.capabilities-section {
padding: 80px 0 80px 0;
}
.capabilities-section .container-left-p,
.news-section .container-left-p {
white-space: nowrap;
display: flex;
overflow-x: auto;
}
.capabilities-section .item-box,
.news-section .item-box {
display: inline-block;
min-width: 90%;
}
.news-section {
padding: 80px 0 50px 0;
}
.news-section .item-box p {
white-space: normal;
}
.news-section .item:hover {
transform: scale(1);
}
.foot-main-links {
display: none;
}
.foot-head .menu-btn {
right: 0;
top: -27px;
}
.footer .foot-col {
min-width: 45%;
max-width: 100%;
}
.foot-body {
row-gap: 30px;
}
.subscribe-input {
min-width: 75%;
}
.form-subscribe .subscribe-submit {
min-width: 25%;
}
.font-50 {
font-size: 40px;
}
.mvv-section .item:hover .item-head {
padding-top: 25px;
padding-bottom: 20px;
}
.mvv-section .item-rest {
margin-top: 20px;
}
.people-section .arrows {
position: relative;
justify-content: center;
margin-top: 15px;
}
.people-slider {
padding: 10px 0;
}
.mvv-section .item-head:after {
transform: translateY(20px);
}
.banner-section {
padding: 130px 0 100px 0;
}
.banner-section .text-filled {
font-size: 60px;
}
.products-section .item-box .--body {
padding-top: 25px;
}
.products-section .title {
margin-bottom: 10px;
padding: 0 10px;
}
.products-section .desc {
padding: 0 10px;
margin-bottom: 20px;
}
.weapons-section .weapon-name-details {
flex-direction: column;
gap: 35px;
}
.weapons-section .desc {
margin-bottom: 20px;
}
.weapons-section .box {
gap: 50px;
}
.banner-section .crumb {
text-align: center;
}
.perform-table .line-desc .--desc {
text-align: left;
}
.line-desc {
gap: 5px;
}
.airsystem-section .img-text {
position: absolute;
top: 50px;
right: 0;
}
.airsystem-section .box {
padding-top: 22px;
}
.air-sys-patt {
top: -125px;
width: 76%;
}
.gallery-section .swipe-left {
overflow-x: auto;
display: flex;
}
.gallery-section .swipe-left>* {
width: 90%;
}
.options-section .box {
gap: 40px;
}
.options-section .box>*:last-child:nth-child(odd),
.milkor-apc-tech {
margin: 0;
}
.weapon-name {
font-size: 48px;
}
.milkor-apc-performance .floating-object-img {
margin-top: -170px;
width: 80%;
margin-left: auto;
}
.list-with-dots ul li {
min-width: 100%;
padding: 0;
}
.contact-us-section .left,
.contact-us-section .right {
padding: 30px 25px 25px 25px;
}
.contact-social {
position: relative;
bottom: auto;
left: 0;
margin-top: 30px;
justify-content: center;
}
.map-iframe iframe {
height: 300px;
}
.usv-ship {
position: relative;
top: auto;
width: 100%;
}
.milkor-usc-mech {
margin-top: -60px;
}
.usv-ship-5 {
position: relative;
}
.header {
height: auto;
}
.header .header-trans {
position: relative;
padding: 0;
}
.header .menu-btn {
top: -10px;
}
}
aside .form-control {
font-family: "Poppins";
font-size: 13px;
color: #2c2828;
border-radius: 4px;
background-color: #fff;
border: 1px solid #fff;
padding: 10px;
width: 100%;
height: 40px;
}
aside.form-modal .modal-body .modal-form-title {
color: white !important;
}
aside.form-modal .modal-body {
background: var(--main-color);
}
.subscribe-input {
max-width: 250px;
}
.news-section figure img {
height: 250px;
}
.all-news figure img {
height: 250px;
}
.font-15.desc.mb-60.pb-20.mb-35-p img,
.right.w-55.w-100-p img { margin-bottom: 20px;
}
.font-15.desc.pb-20 a,
.right.w-55.w-100-p a {
color: var(--main-color);
}
.font-15.desc.pb-20 p,
.right.w-55.w-100-p p {
margin-bottom: 20px;
}
.font-15.desc.pb-20 :is(h2, h3, h4) {
margin-bottom: 10px;
}
.left.mb-20-p.w-40.w-100-p.align-self img {
border-radius: 14px;
}
.milkor-apc-tech {
margin-top: 0 !important;
}
.font-pop {
font-family: "Poppins", sans-serif;
}
.landing-third-title,
.about-section .about-right-desc,
.capabilities-section .left>p.white {
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.news-section .container>p,
.about-us-section .right .font-17,
.why-us-section .font-17,
.mvv-section .font-17,
.weapons-section .font-17~p,
.weapon-details-section .right .font-17,
.milkor-4x4 .left .font-17,
.milkor-apc .font-17,
.milkor-apc .font-17,
.milkor-ipc .font-17,
.milkor-usv .font-17,
.usv-custom .font-17,
.milkor-usv-2 .font-17,
.milkor-ems .font-17,
.airsystem-section .font-17,
.technical-section .font-17,
.capabilities-page-section .underline-title~*,
.capabilities-page-section .underline-title .underline-title~*,
.capa-fig-section .font-17,
.career-desc,
.job-details,
.information-box {
font-family: "Poppins", sans-serif;
}
.about-us-section .right .font-17,
.why-us-section .font-17,
.mvv-section .font-17,
.weapons-section .font-17~p,
.weapon-details-section .right .font-17,
.milkor-4x4 .font-17,
.milkor-apc .font-17,
.milkor-apc .font-17,
.milkor-ipc .font-17,
.milkor-usv .font-17,
.usv-custom .font-17,
.milkor-usv-2 .font-17,
.milkor-ems .font-17,
.airsystem-section .font-17,
.technical-section .font-17,
.capa-fig-section .font-17 {
font-size: 16px;
}
.list-with-dots ul li {
padding-right: 20px;
}
.weapons-section .box {
row-gap: 50px;
}
footer .foot-col ul {
max-width: 220px;
}
footer .foot-col ul li {
line-height: 1.4 !important;
margin-bottom: 7px;
}
footer .foot-col ul li {
overflow: hidden;
max-height: 36px;
overflow-y: hidden;
overflow-x: hidden;
text-overflow: ellipse;
} li.menu-item-has-children {
position: relative;
}
.header-menu>li {
padding: 20px 0;
}
ul.sub-menu {
position: absolute;
background: #000;
z-index: 99;
width: 250px;
padding: 19px 10px 10px;
border-radius: 6px;
top: 62px;
left: -10px;
display: none;
transition: 0.4s ease;
transform: translate(0px, -20px);
opacity: 0;
flex-wrap: wrap;
justify-content: flex-start !important;
visibility:hidden;
}
ul.sub-menu li {
padding: 0 !important;
}
header.sticky ul.sub-menu li a {
color: #fff !important;
}
li.menu-item-has-children:hover ul.sub-menu {
display: block;
transform: translate(0px, 0px);
opacity: 1;
visibility:visible;
}
ul.sub-menu li {
display: flex;
flex: 0 0 100%;
}
ul.sub-menu li a {
font-size: 16px;
padding: 6px 8px;
min-width: 100%;
border-radius: 4px;
}
ul.sub-menu li:hover a {
color: var(--main-color);
}
.air-sys-patt {
position: absolute;
top: -8vw;
right: 50px;
width: 33vw;
}
.tech-plane-float-img {
position: relative;
top: -20px;
right: -130px;
width: 100%;
}
.about-section .box .item:nth-of-type(4) figure {
margin-top: 45px !important;
}
.about-section .box .item:nth-of-type(4) .left-item-body {
margin-top: -10px !important;
}
.weapon-item img {
height: 280px;
width: 100%;
object-fit: cover;
object-position: left;
}
.sea-item img{
object-fit:contain !important;
}
.weapon-item .text-filled-2 span:before {
bottom: 7px;
height: 80%;
}
.weapon-name-details .text-filled-2 span:after {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #901e2f !important;
}
.weapon-name-details .text-filled-2 span {
color: #fff;
}
.bg-gray {
background: #f4f3f4;
}
@media (min-width: 1500px) {
.air-sys-patt {
top: -120px;
right: 0;
width: 500px;
}
}
.header-menu a:hover,
.header-menu li.current-menu-item a {
color: #ac0e24;
}
.page-template-page-products .header-menu a:hover,
.page-template-page-products .header-menu li.current-menu-item a {
color: white;
}
.page-template-page-products .header-menu li.current_page_item a:after {
display: none;
}
.header-menu a:hover,
.header-menu li.current-menu-item>a {
color: #FFFFFF !important;
}
.weapon-name-details .text-filled-2 span:after {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000000;
}
.capabilities-section .box .item {
padding: 10px;
}
.item:hover figure .img-copy {
opacity: 0.4;
}
.last-item figure img {
transform: scale(1.2);
}
.last-item:hover figure .img-original {
transform: scale(1.24);
}
@media screen and (max-width: 768px) {
li.menu-item-has-children:hover ul.sub-menu {
position: static;
width: auto;
margin: 0.5rem;
padding: 0.5rem;
display: block;
}
.airsystem__plane {
position: relative;
right: 0;
top: 0;
width: 95% !important;
left: 0;
margin: auto !important;
}
.air-sys-patt {
top: -21vw;
width: 60vw;
}
.technical-section .box-img-container {
width: 100%;
}
.technical-section .box {
padding: 50px 14px 40px 14px;
}
.tech-plane-float-img {
position: relative;
top: -30px;
right: 0;
}
.header li.menu-item-has-children ul.sub-menu {
display: none !important;
}
.header li.menu-item-has-children.show-menu ul.sub-menu {
display: block !important;
position: static;
width: auto;
margin: 0.5rem;
padding: 0.5rem;
display: block;
opacity: 1 !important;
transform: translate(0px, 0px) !important;
}
.custom-arrow-header {
position: absolute;
left: 20px;
top: 4px;
font-size: 27px;
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-wrapper [open-mobile-menu].active~.wrapper {
overflow-y: auto;
padding-bottom: 60px;
}
.banner-section .text-filled {
font-size: 50px;
}
}
.align-self-center {
align-self: center;
}
@media (min-width: 1500px) {
.air-sys-patt {
right: 50px;
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.slick-slider {
position: relative;
overflow: hidden;
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;
}
.grey-dots {
overflow: visible;
}
.grey-dots .slick-dots {
z-index: 1;
left: 0;
}
.grey-dots .slick-dots .slick-active button {
background: #f1f1f1;
}
.grey-dots .slick-dots li button {
background: rgba(255, 255, 255, 0.5);
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before {
content: "";
display: table;
}
.slick-track:after {
content: "";
display: table;
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;
}  @font-face {
font-family: "FontAwesome";
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 {
outline: none;
background: transparent;
color: transparent;
}
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before {
opacity: 1;
}
.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: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #000;
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: "\f104";
}
[dir=rtl] .slick-prev:before {
content: "\f104";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "\f105";
}
[dir=rtl] .slick-next:before {
content: "\f105";
} .slick-dots {
position: absolute;
bottom: -50px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
@media (min-width: 300px) {
.slick-dots {
bottom: -30px;
}
}
.\--big-dot .slick-dots {
bottom: -40px;
}
.\--xbig-dot .slick-dots {
bottom: -60px;
}
.\--small-dot .slick-dots {
bottom: 20px;
}
.\--xsmall-dot .slick-dots {
bottom: 40px;
}
.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: "FontAwesome";
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;
}
.slick-dots .slick-active button {
background: #ffffff;
}
.slick-dots li {
height: auto;
width: auto;
}
.slick-dots li button {
border-radius: 50%;
width: 10px;
height: 10px;
background: #c1c1c1;
border: 0px solid #858585;
margin: 0;
padding: 0;
}
.slick-dots li button:before {
display: none;
}
.dots-n-arrow {
overflow: visible;
}
.dots-n-arrow .slick-dots {
z-index: 1;
left: 0;
}
.dots-n-arrow .slick-dots .slick-active button {
background: #ffffff;
}
.dots-n-arrow .slick-dots li button {
background: #000;
}
.dots-n-arrow .slick-next {
right: -35px;
}
.dots-n-arrow .slick-prev {
left: -35px;
}
.dots-n-arrow .slick-prev:before,
.dots-n-arrow .slick-next:before {
font-size: 40px;
}
.dots-n-arrow .slick-next:before {
content: "\f105";
}
.dots-n-arrow .slick-prev:before {
content: "\f104";
} header {
padding: 45px 0 0;
}
header.ph {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
transition: 0.3s;
}
header.sticky {
padding: 15px 0;
background: #F8F8F8;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 9;
}
header.ph .row {
align-items: center;
}
header .logo img {
filter: brightness(100);
transition: .3s;
width: 100%;
}
header.inner-page-header .logo img {
filter: brightness(100);
}
header.sticky .logo img {
filter: inherit;
}
header nav.pn ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-end;
-moz-column-gap: 45px;
column-gap: 45px;
}
header nav.pn ul li {
transition: 0.4s;
position: relative;
padding: 15px 0px 15px;
}
header nav.pn ul li a {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
transition: 0.3s;
position: relative;
font-family: "Poppins";
}
header nav.pn ul li a:hover {
color: #BD202E;
}
header nav.pn ul li a:before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
left: 0;
transition: 0.3s;
background: #BD202E;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.4s ease-in-out;
}
header nav.pn ul li a:hover:before {
transform: scaleX(1);
transform-origin: left;
}
header.inner-page-header nav.pn ul li a {
color: #fff;
}
header.sticky nav.pn ul li a {
color: #000;
}
footer {
background: #202020;
padding: 100px 0 40px;
}
footer .footer-border-line {
border-bottom: 1px solid rgba(60, 60, 60, 0.7);
padding-bottom: 60px;
margin-bottom: 40px;
}
footer .footer-border-line .logo-box {
display: flex;
flex-wrap: wrap;
row-gap: 35px;
}
footer .footer-border-line .logo-box .footer-logo {
flex: 0 0 100%;
}
footer .footer-border-line .logo-box .footer-logo img {
height: 53px;
filter: brightness(100);
}
footer .footer-border-line .logo-box .footer-content {
flex: 0 0 100%;
}
footer .footer-border-line .logo-box .footer-content p {
margin: 0;
color: #ffffff;
font-size: 16px;
font-weight: 300;
line-height: 30px;
letter-spacing: 1.05px;
font-family: 'Poppins';
}
footer .footer-border-line .logo-box .social-icons {
flex: 0 0 100%;
}
footer .footer-border-line .logo-box .social-icons ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
-moz-column-gap: 25px;
column-gap: 25px;
}
footer .footer-border-line .logo-box .social-icons ul li a {
width: 47px;
height: 47px;
border-radius: 50%;
background: #BD202E;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 20px;
transition: 0.3s;
}
footer .footer-border-line .logo-box .social-icons ul li a:hover {
background-color: #ffffff;
color: #000000;
}
footer .footer-border-line .footer-nav {
padding-left: 150px;
}
footer .footer-border-line .footer-nav .nav-list h6 {
margin: 0 0 40px;
color: #ffffff;
font-size: 26px;
font-weight: 700;
line-height: 26px;
letter-spacing: 1.3px;
position: relative;
padding-left: 20px;
font-family: "Bebas Neue", sans-serif;
}
footer .footer-border-line .footer-nav .nav-list h6:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background: #BD202E;
}
footer .footer-border-line .footer-nav .nav-list ul {
padding: 0;
margin: 0;
list-style: none;
}
footer .footer-border-line .footer-nav .nav-list ul li a {
text-decoration: none;
color: #ffffff;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 32px;
letter-spacing: 0.9px;
transition: 0.3s;
font-family: 'Poppins';
}
footer .footer-border-line .footer-nav .nav-list ul li a:hover {
color: #BD202E;
}
footer .copyright .copyright-text p {
margin: 0;
color: #ffffff;
font-size: 16px;
font-weight: 300;
line-height: 26px;
letter-spacing: 1px;
text-align: center;
font-family: 'Poppins';
}
.custom-container {
max-width: 1480px;
width: 95%;
margin: 0 auto;
}
.job-details .box-item ul li{
margin-bottom: 10px;
}
a.custom-btn,
button.custom-btn {
background: #BD202E;
color: #ffffff;
padding: 15px 27px;
font-size: 16px;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: 0.3s;
text-decoration: none;
font-family: "Poppins";
display: inline-block;
}
a.custom-btn:hover,
button.custom-btn:hover {
background: #000000;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.primary-heading {
margin: 0;
-webkit-text-stroke-color: #000;
font-family: "Bebas Neue";
font-size: 95px;
font-style: normal;
font-weight: 400;
line-height: 80px;
letter-spacing: 4.75px;
text-transform: uppercase;
-webkit-text-stroke-width: 1.3px;
color: transparent;
}
.primary-heading span {
color: #BD202E;
-webkit-text-stroke-width: inherit;
-webkit-text-stroke-color: #BD202E;
}
.secondary-heading {
margin: 0;
color: #ffffff;
font-family: "Bebas Neue";
font-size: 95px;
font-style: normal;
font-weight: 400;
line-height: 80px;
letter-spacing: 4.75px;
text-transform: uppercase;
position: relative;
display: inline-block;
padding: 0 10px;
}
.secondary-heading:before {
content: "";
background: #BD202E;
position: absolute;
top: 45%;
left: 0;
width: 100%;
height: 48px;
z-index: -1;
transform: translate(0px, -50%);
}
.banner {
position: relative;
}
.banner img { object-fit: cover;
}
.banner .banner-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0px, -50%);
}
.banner .banner-content .banner-content-box {
position: relative;
}
.banner .banner-content .banner-content-box h1{
-webkit-text-stroke-color: #fff;
}
.banner .banner-content .banner-content-box h2 {
margin: 0 0 18px;
}
.banner .banner-content .banner-content-box p {
margin: 0 0 40px;
color: #ffffff;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.85px;
font-family: "Poppins";
}
.banner .banner-content .banner-content-box a.custom-btn:hover {
color: #000000;
background: #ffffff;
}
.who-we-are {
padding: 115px 0 125px;
}
.who-we-are .who-we-are-content {
display: flex;
justify-content: space-between;
gap: 90px;
align-items: center;
}
.who-we-are .who-we-are-content .who-we-are-text {
width: 700px;
}
.who-we-are .who-we-are-content .who-we-are-text p {
color: #000000;
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 1px;
margin: 0;
font-family: "Poppins";
}
.products {
overflow: hidden;
}
.products .product-box {
position: relative;
display: block;
height: 100%;
margin: -5px;
overflow: hidden;
}
.products .product-box a {
position: relative;
overflow: hidden;
transition: transform 0.3s ease-in-out;
}
.products .product-box a img {
position: relative;
z-index: -1;
transition: transform 0.3s ease-in-out;
}
.products .product-box a .product-text {
position: absolute;
width: 100%;
top: 80px;
left: 0;
}
.products .product-box:hover a img {
transform: scale(1.2);
}
.products .col-md-6:nth-child(even) .product-box a .product-text h3 {
margin-left: 90px;
}
.capabilities {
padding: 125px 0 150px;
}
.capabilities .cap-heading {
margin-bottom: 70px;
}
.capabilities .cap-slider .slick-dots {
bottom: -80px;
}
.capabilities .cap-slider .slick-dots li button {
width: 50px;
height: 5px;
border-radius: 0;
background: #D9D9D9;
}
.capabilities .cap-slider .slick-dots li.slick-active button {
background: #BD202E;
}
.capabilities .cap-slider .cap-main-box {
text-align: center;
}
.capabilities .cap-slider .cap-main-box .icon-box {
height: 128px;
width: 128px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #BD202E;
margin: 0 auto;
transition: 0.3s;
border: 3px dashed;
border-color: transparent;
}
.capabilities .cap-slider .cap-main-box .icon-box:hover {
background: #000000;
border-color: #BD202E;
}
.capabilities .cap-slider .cap-main-box h4 {
margin: 25px 0 0;
color: #000000;
font-size: 24px;
font-weight: 800;
line-height: 30px;
letter-spacing: 1.2px;
font-family: 'Poppins';
text-transform: capitalize;
}
.news {
background: #F6F6F6;
padding: 110px 0;
overflow: hidden;
}
.news .news-heading {
margin-bottom: 50px;
}
.news .news-slider {
margin-right: -30px;
}
.news .news-slider .slick-track {
padding: 50px 0 0;
}
.news .news-slider .slide {
max-width: calc(100% - 30px);
}
.news .news-slider .slide a {
text-decoration: none;
position: relative;
transition: 0.3s;
top: 0;
}
.news .news-slider .slide a .news-box .news-img img {
border-radius: 10px 10px 0px 0px;
object-fit: cover;
}
.news .news-slider .slide a .news-box .news-content {
padding: 30px 30px;
background: #ffffff;
border-radius: 0px 0px 10px 10px;
transition: 0.3s;
height: 260px;
}
.news .news-slider .slide a .news-box .news-content h5 {
margin: 0 0 20px;
color: #060707;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: "Poppins";
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news .news-slider .slide a .news-box .news-content p {
color: #060707;
margin: 0;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: 1.1px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.news .news-slider .slide a:hover {
top: -50px;
}
.news .news-slider .slide a:hover .news-content {
background: #BD202E;
}
.news .news-slider .slide a:hover .news-content h5 {
color: #ffffff;
}
.news .news-slider .slide a:hover .news-content p {
color: #ffffff;
}
.mob-news-btn-block {
display: none;
}
.inner_banner {
position: relative;
}
.inner_banner .iner_banner_content {
position: absolute;
width: 100%;
bottom: 50px;
background: rgba(0, 0, 0, 0.5);
padding: 8px 0 0px;
}
.inner_banner .iner_banner_content .inner_banner_heading h1 {
font-size: 75px;
line-height: 80px;
-webkit-text-stroke-color: #fff;
}
.inner_banner .iner_banner_content .inner_banner_heading h1 span {
color: #fff;
-webkit-text-stroke-color: #fff;
}
.inner_banner .iner_banner_content .breadcrumbs ul {
display: flex;
justify-content: flex-end;
column-gap: 30px;
}
.inner_banner .iner_banner_content .breadcrumbs ul li a {
font-family: 'Poppins';
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.8px;
text-transform: uppercase;
position: relative;
}
.inner_banner .iner_banner_content .breadcrumbs ul li a:before {
content: "\f054";
position: absolute;
left: -20px;
top: 3px;
width: 100%;
height: 100%;
font-weight: 900;
font-family: "Font Awesome 6 Free";
font-size: 16px;
}
.inner_banner .iner_banner_content .breadcrumbs ul li:first-child a:before {
display: none;
}
.capa-black-section {
background-image: url(//milkor.ae/wp-content/themes/milkor/dist/img/caps-section.jpg);
background-size: cover;
background-position: center;
}
.red-box {
overflow: hidden;
}
.red-box .red-box-content-box {
position: relative;
height: 580px;
}
.red-box .red-box-content-box img {
height: 100%;
object-fit: cover;
}
.red-box .red-box-content-box .red-box-content {
position: absolute;
width: 460px;
top: 140px;
right: 160px; }
.red-box .col-lg-6:nth-child(2) .red-box-content-box .red-box-content {
right: inherit;
left: 160px;
}
.milkor-variants .mv-heading {
margin-bottom: 40px;
}
.milkor-variants .mv-heading h2 {
font-size: 50px;
line-height: 50px;
margin-bottom: 20px;
-webkit-text-stroke-color: #BD2330;
}
.milkor-variants .mv-heading h2 span{
-webkit-text-stroke-width: 0px;
}
.milkor-variants .mv-heading p {
color: #040404;
font-family: 'Poppins';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: -0.42px;
}
.milkor-variants .mv-slider .slick-list {
margin-right: -30px;
}
.milkor-variants .mv-slider .slick-dots {
bottom: -60px;
}
.milkor-variants .mv-slider .slick-slide {
margin-right: 30px;
}
.milkor-variants .mv-slider .slick-dots li button {
width: 50px;
height: 5px;
border-radius: 0;
background: #D9D9D9;
}
.milkor-variants .mv-slider .slick-dots li.slick-active button {
background: #BD202E;
}
.milkor-variants .mv-slider .mv-content-box {
background: #F9F9F9;
padding: 120px 50px 50px;
height: 480px;
}
.milkor-frontier-variants .mv-slider .mv-content-box {
height: 320px;
}
.milkor-variants .mv-slider .mv-box img {
width: 337px;
height: 209px;
object-fit: contain;
margin: 0 auto -100px;
}
.milkor-variants .mv-slider .mv-content-box .mv-top-content {
margin-bottom: 30px;
}
.milkor-variants .mv-slider .mv-content-box .mv-top-content h4 {
color: #B82533;
font-family: "Bebas Neue";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px;
letter-spacing: -1.2px;
text-transform: uppercase;
}
.milkor-variants .mv-slider .mv-content-box .mv-top-content p {
color: #040404;
font-family: 'Poppins';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.milkor-variants .mv-slider .mv-content-box .mv-bottom-content {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
.milkor-variants .mv-slider .mv-content-box .mv-bottom-text {
flex: 0 0 100%;
}
.milkor-variants .mv-slider .mv-content-box .mv-bottom-text p,
.milkor-variants .mv-slider .mv-content-box .mv-bottom-text p span {
color: #000;
font-family: 'Poppins';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: -0.45px;
}
.milkor-variants .mv-slider .mv-content-box .mv-bottom-text p span {
color: #BD202E;
font-weight: 500;
display: block;
}
.sea-cat-img img {
height: 170px;
object-fit: contain;
width: 100%;
object-position: left;
}
.milkor-sea-list p.font-17.pb-100.pb-0-p {
padding: 0 !important;
}
.milkor-sea-list ul {
display: flex;
flex-wrap: wrap;
row-gap: 15px;
}
.milkor-sea-list ul li {
position: relative;
flex: 0 0 100%;
}
.milkor-sea-list ul li:before {
content: '';
height: 8px;
width: 8px;
background: transparent;
left: -15px;
top: 6px;
position: absolute;
border-radius: 50%;
border: 1px solid #b82533;
} @media (min-width:1280px) {
.custom-container {
max-width: 1280px;
}
}
@media (min-width:1481px) {
.custom-container {
max-width: 1360px;
}
}
@media (min-width:1681px) {
.custom-container {
max-width: 1480px;
}
}
@media (max-width:1700px){
#popup form{
height: 80vh;
display: flex;
align-items: center;
}
#popup form .main-career-form{
height: 100%;
overflow: auto;
overflow-x: hidden;
}
}
@media (max-width:1600px) {
.who-we-are .who-we-are-content {
gap: 0;
}
.banner img {
height: 800px;
}
}
@media (max-width:1400px) {
.who-we-are .who-we-are-content {
gap: 0;
}
.who-we-are .who-we-are-content .who-we-are-text {
width: 550px;
}
.news .news-slider .slide a .news-box .news-content h5 br {
display: none;
}
.red-box .red-box-content-box {
height: 450px;
}
.red-box .red-box-content-box .red-box-content {
width: 82%;
margin: 0 50px;
right: 0;
top: 110px;
}
.red-box .col-lg-6:nth-child(2) .red-box-content-box .red-box-content {
left: 0;
}
.milkor-variants .mv-slider .mv-content-box {
height: 480px;
}
.milkor-frontier-variants .mv-slider .mv-content-box {
height: 320px;
}
}
@media (max-width:1200px) {
.weapons-section .w-40{
width: 47%;
}
.weapon-name{
font-size:45px;
}
header .logo img {
width: 100%;
}
header nav.pn ul {
column-gap: 16px;
}
header nav.pn ul li a {
font-size: 14px;
}
.banner img {
height: 780px;
}
.who-we-are .who-we-are-content {
flex-wrap: wrap;
row-gap: 40px;
}
.who-we-are-heading,
.who-we-are-text,
.who-we-are-btn {
flex: 0 0 100%;
}
.inner_banner img {
height: 600px;
object-fit: cover;
}
.inner_banner .iner_banner_content .inner_banner_heading h1 {
font-size: 45px;
line-height: 50px;
}
}
@media (max-width:1100px) {
.secondary-heading,
.primary-heading {
font-size: 80px;
}
footer .footer-border-line .logo-box .footer-logo img {
width: 100%;
height: auto;
}
footer .footer-border-line .footer-nav {
padding-left: 80px;
}
footer .footer-border-line .logo-box .footer-content p {
font-size: 18px;
}
}
@media (max-width:991px) {
.weapons-section .w-40{
width: 100%;
}
.secondary-heading,
.primary-heading {
font-size: 70px;
line-height: 70px;
}
.secondary-heading:before {
height: 33px;
}
.who-we-are,
.capabilities,
.news {
padding: 60px 0;
}
.who-we-are .who-we-are-content {
row-gap: 20px;
}
.who-we-are .who-we-are-content .who-we-are-text p {
font-size: 16px;
line-height: 25px;
}
.products .col-md-6:nth-child(even) .product-box a .product-text h3,
.products .product-box a .product-text h3 {
margin-left: 30px;
}
.news .news-heading {
margin-bottom: 0;
}
.news .primary-heading {
font-size: 49px;
line-height: 50px;
}
.news .news-slider .slide a .news-box .news-content {
height: 350px;
}
.red-box .red-box-content-box .red-box-content {
right: inherit;
left: inherit !important;
width: 82%;
}
.milkor-variants .mv-slider .mv-content-box {
height: 460px;
padding: 120px 30px 30px;
}
.milkor-frontier-variants .mv-slider .mv-content-box {
height: 320px;
}
footer .footer-border-line .logo-box {
margin-bottom: 50px;
}
footer .footer-border-line .logo-box .footer-logo img {
height: auto;
width: auto;
object-fit: contain;
}
footer .footer-border-line .footer-nav {
padding-left: 0px;
}
footer .footer-border-line .logo-box .footer-content p,
footer .footer-border-line .footer-nav .nav-list ul li a {
font-size: 13px;
line-height: 30px;
}
}
@media (max-width:767px) {
.capabilities .cap-slider .cap-main-box h4{
font-size: 16px;
line-height: 18px;
}
.weapon-item img {
height: auto;
width: 100%;
} header nav.pn,
.inner_banner .iner_banner_content .breadcrumbs ul li a,
.inner_banner .iner_banner_content .row .col-md-6:last-child {
display: none;
}
header .logo {
position: relative;
top: 5px;
}
.table-big .--desc, .table-big .--title {
font-size: 16px;
}
.secondary-heading,
.primary-heading,
.milkor-variants .mv-heading h2,.news .primary-heading {
font-size: 35px;
line-height: 35px;
}
.secondary-heading:before {
height: 20px;
}
.banner img {
height: 560px;
}
.banner .banner-content .banner-content-box p {
font-size: 15px;
line-height: 25px;
margin: 0 0 20px;
}
.banner .banner-content .banner-content-box p br {
display: none;
}
.inner_banner img {
height: 400px;
object-fit: cover;
}
.inner_banner .iner_banner_content .inner_banner_heading {
text-align: center;
}
.inner_banner .iner_banner_content .inner_banner_heading h1 {
font-size: 30px;
line-height: 35px;
}
.inner_banner .iner_banner_content .breadcrumbs ul {
justify-content: center;
margin-top: 15px;
}
.news .news-slider .slide a .news-box .news-content {
height: auto;
}
.news .news-heading {
text-align: center;
}
.mob-news-btn {
display: none;
}
.mob-news-btn-block {
display: block;
margin-top: 50px;
}
.news .news-slider .slide a .news-box .news-content h5 {
font-size: 20px;
line-height: 30px;
}
.news .news-slider .slide a .news-box .news-content p {
font-size: 18px;
line-height: 26px;
}
.red-box .red-box-content-box {
height: 380px;
}
.red-box .red-box-content-box .red-box-content {
left: -30px !important;
top: 40px;
}
footer .footer-border-line .logo-box {
margin-bottom: 30px;
}
footer .footer-border-line .footer-nav .nav-list {
margin: 20px 0;
}
footer .footer-border-line .footer-nav .nav-list h6 {
margin: 0 0 10px;
}
}
.grecaptcha-badge {
display: none !important;
} #popup form {
background: #494949;
padding: 40px;
border-radius: 8px;
width: 1024px;
margin: 0 auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
}
.main-career-form-heading {
text-align: center;
margin-bottom: 40px;
}
.main-career-form .main-career-form-heading h2 {
color: #FFF;
font-family: "Bebas Neue";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.8px;
text-transform: uppercase;
position: relative;
}
.main-career-form .main-career-form-heading h2:before,
.main-career-form .main-career-form-heading h2:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 35%;
height: 1px;
background: #686868;
transform: translate(0px, -50%);
}
.main-career-form .main-career-form-heading h2:after {
left: inherit;
right: 0;
}
#popup form .form-box {
margin-bottom: 30px;
;
}
#popup form br {
display: none;
}
#popup form label {
color: #FFF;
font-family: 'Poppins';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: -0.54px;
margin-bottom: 10px;
display: block;
}
#popup form input,
#popup form textarea,#popup form select {
width: 100%;
border-radius: 5px;
border: 1px solid #6F6F6F;
outline: none;
padding: 15px 24px;
color: #6F6F6F;
font-family: 'Poppins';
font-size: 18px;
font-weight: 400;
line-height: 19px;
letter-spacing: -0.54px;
background: transparent;
color: #fff;
}
#popup form select option{
color:#000;
}
#popup form textarea {
height: 120px;
}
.popup { display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
padding: 0px;
background-image: url(//milkor.ae/wp-content/themes/milkor/dist/img/popup-bg.jpg); z-index: 1000;
overflow: auto;
overflow: hidden;
} .popup-content {
position: relative;
text-align: center;
} .popup .close {
position: absolute;
top: -20px;
right: -20px;
cursor: pointer;
background: #B82533;
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
color: #fff;
} .popup.active {
display: block;
}
.cap-box ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-left: 20px;
}
.cap-box ul li {
position: relative;
flex: 0 0 100%;
}
.cap-box ul li:before {
content: '';
position: absolute;
left: -25px;
top: 2px;
height: 16px;
width: 16px;
background-image: url(https://milkor.ae/wp-content/uploads/2024/10/icon-cap-1.png);
background-repeat: no-repeat;
background-position: left;
background-size: contain;
}
.mp-provide{
font-family: "Bebas Neue Bold" !important;
}
@media (max-width:1200px) {
#popup form {
height: auto;
width: 768px;
}
#popup form .main-career-form {
height: 750px;
overflow: auto;
overflow-x: hidden;
}
.main-career-form .main-career-form-heading h2:before,
.main-career-form .main-career-form-heading h2:after {
width: 30%;
}
}
@media (max-width:880px) {
#popup form .col-md-6 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#popup form {
width: 700px;
}
#popup form .main-career-form {
height: 660px;
overflow: scroll;
overflow-x: hidden;
}
}
@media (max-width:767px) {
#popup form {
width: 90%;
padding: 20px;
}
#popup form .main-career-form {
height: 530px;
overflow: scroll;
overflow-x: hidden;
}
.main-career-form .main-career-form-heading h2 {
font-size: 30px;
}
.main-career-form-heading {
margin-bottom: 15px;
}
#popup form .form-box {
margin-bottom: 20px;
}
#popup form label {
font-size: 14px;
}
#popup form input,
#popup form textarea {
padding: 10px 14px;
font-size: 14px;
}
.popup .close {
height: 35px;
width: 35px;
top: -15px;
right: -15px;
}
}
@media (max-width:575px){
.products-section figure img{
height: 320px;
object-fit: cover;
}
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background: #dc3232; color: #fff !important;
}
.wpcf7 form.spam .wpcf7-response-output {
background: #f56e28; }
.milkor_video{
padding-bottom: 150px;
}
.milkor_video iframe{
height: 750px;
}
.events  .events-img{
overflow:hidden;
}
.events .events-box  .events-img {
width:100%;
border-radius: 10px;
aspect-ratio: 1 / 0.75;
}
.events .events-box  .events-img img{
transition: 0.3s ease-in-out;
height: 100%;
object-fit: cover;
}
.events .events-box:hover  .events-img img{
transform: scale(1.2);
}
.news-home .news-slider .slide a .news-box .news-content{
height:auto;
}
.catalogue .events-box,.events .events-box{
margin-left:20px;
}
.catalogue .catalogue-slider, .events .catalogue-slider{
margin-left: -20px;
}
@media (max-width:1200px){
.milkor_video iframe {
height: 420px;
}
}
@media (max-width:991px){
.milkor_video {
padding-bottom: 70px;
}
.events-box{
margin:10px 0;
}
}
@media (max-width:767px){
.milkor_video iframe {
height: 280px;
}
.events-box .underline-title{
font-size:25px;
}
.events .row.mt-50.mt-30-p {
margin-top:30px;
}
}.mobile-menu-wrapper .wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;    background: var(--main-color);
clip-path: circle(25px at calc(100% - 45px) 45px);
transition: all 0.3s ease-in-out;
z-index: 10;
visibility: hidden;
}
.mobile-menu-wrapper [open-mobile-menu].active ~ .wrapper{
clip-path: circle(75%);
visibility: visible;
}
.menu-btn{
position: absolute;
z-index: 20;
right: 20px; top: -25px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
color: #fff;
cursor: pointer;   background: var(--main-color); animation: border-transform 7s linear infinite;
transition: top 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),  
right 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),
transform 250ms 1100ms ease,
width 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1),
height 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
@keyframes border-transform{
0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.mobile-menu-wrapper [open-mobile-menu] ~ .menu-btn.close-menu {
display: none;
}
.mobile-menu-wrapper [open-mobile-menu].active.menu-btn{
color: #fff; }
.mobile-menu-wrapper [open-mobile-menu].active.menu-btn {
display: block;
background-color: #000;
}
.mobile-menu-wrapper [open-mobile-menu].active.menu-btn i:before{
content: "\f00d";
font-size: 28px;
line-height: 1.8;
}
.mobile-menu-wrapper .wrapper ul{
text-align: center;
padding-top: 100px;
}
.mobile-menu-wrapper .wrapper ul li{
margin: 15px 0;
}
.mobile-menu-wrapper .wrapper ul li a{
color: none;
text-decoration: none;
font-size: 30px;
font-weight: 500;
padding: 5px 30px;
color: #fff;
border-radius: 50px;
background: #000;
position: relative;
line-height: 50px;
transition: all 0.3s ease;
}
.mobile-menu-wrapper .wrapper ul li a:hover:after{
transform: scaleY(1);
}
.mobile-menu-wrapper .wrapper ul li a:hover{
color: #fff;
}
@keyframes rotate {
0%{
filter: hue-rotate(0deg);
}
100%{
filter: hue-rotate(360deg);
}
}