﻿:root {
    --primary: #199EDF;
    --sc-primary: #F53809;
    --danger: #fe5a0e;
    --warning: #ffae00;
    --bright: #FDE428;
    --headerBG: #4E97FD;
    --themeText: #199EDF;
    --brightBlue: #022142;
}

body {
}

p{
    font-size: 18px;
    text-align: justify;
    color: #000;
}

.m-b40
{
    margin-bottom: 40px;
}

.m-b20 {
    margin-bottom: 20px;
}

.m-t40 {
    margin-top: 40px;
}

.sticky-top {
    position: sticky;
    top: 100px;
}

.b-02-tag {
    background: repeating-radial-gradient(black, transparent 100px);
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.b-02-tag img
{
    margin-left: -3px;
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.truncateLines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

h1, h2, h3, h4, h5 {
    color: var(--themeText);
}

.sticky
{
    height: 90px;
}

header .menu-01 {
    /*background-color: var(--headerBG);*/
    background-color: var(--brightBlue);
    height: 90px;
}
header .menu-01:before {
    background-image: url(../img/menubck.png);
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100px;
    opacity: 0.5;
    height: 90px;
}

.logoImg
{
    padding-left: 0;
    padding-right:5px;
    border-radius: 50px;
    background: #fff;
    width: 250px;
}

@media only screen and (max-width: 768px) {
    .logoImg {
        width: 200px;
    }
}
@media only screen and (max-width: 550px) {
    .logoImg {
        width: 180px;
    }
}

.main-menu ul li a {
    text-transform: uppercase;
    color: #fff;
}

.main-menu ul li.active > a {
    color: yellow;
}
.mobile-menu .mean-nav ul li.active > a {
    color: var(--bright);
}

.breadcrumb-area
{
    position: relative;
}
.breadcrumb-area:before
{
    position: absolute;
    content:'';
    top:0;
    left: 0;
    height:100%;
    width:100%;
    background:#fff;
    opacity: 0.3;
}

.breadcrumb-area.About
{
    background-image: url('../img/bg/8.jpg');
}
.breadcrumb-area.Events {
    background-image: url('../img/bg/prd.jpg');
}
.breadcrumb-area.Contact {
    background-image: url('../img/bg/steth.jpg');
}
.breadcrumb-area.Products {
    background-image: url('../img/bg/04.jpg');
}

.mean-container .mean-nav ul li a {
    font-size: 15px;
    font-weight: 600;
}

.mean-container a.meanmenu-reveal span {
    background: #fff;
}
.mean-container a.meanmenu-reveal
 {
    border-color: #fff;
    color: #fff;
}
.mean-container .mean-nav
{
    background: var(--primary);
}

#scrollUp
{
    background: var(--primary);
}
#scrollUp:hover {
    background: var(--sc-primary);
}

footer {
    position: relative;
    /*background: var(--headerBG);*/
    background-color: var(--brightBlue);
}
footer:before {
    content: '';
    position: absolute;
    top:0;
    height: 100%;
    width: 100%;
    background: var(--headerBG);    
    background-image: url(../img/menubck.png);
    opacity: 0.25;
}

footer p, footer a
{
    color: #fff !important;
}

.footer-title
{
    color: #fff;
    position: relative;
}
.footer-title:before {
    color: var(--primary);
    position: absolute;
    content: '';
    height: 30px;
    width: 50px;
    border-bottom: solid 3px #fff;
}

.footer-link ul li
{
    float:left;
    width: 50%;
}

.footer-bottom {
    background: #020D26;
}
.footer-bottom p{
    margin-bottom: 0;
    font-size: 14px;
}
.rmmfooter
{
    color: #fff;
}
.rmmfooter a {
    color: gold;
}


#contact_form_3 #success, #success, #contact_form_3 #error, #error, .LoaderImage, #LoaderImage {
    display: none;
}
.enquiry {
    transform: rotate(-90deg) translate(-20%,0%);
    transform-origin: right;
    z-index: 999;
    position: fixed;
    top: 100px;
    right: 10px;
    font-size: 12px;
}

    .enquiry .apoint-btn-box {
        transform: none !important;
        padding: 8px 10px 0;
        cursor: pointer;
        /*background: var(--brightBlue);*/
        display: block;
        color: #fff;
        font-weight: 800;
        border-radius: 10px 10px 0 0;
        letter-spacing: 3px;
        /*border: solid 1px #fff;*/
        margin-bottom:8px;
    }

        .enquiry .apoint-btn-box:before,
        .enquiry .apoint-btn-box:after {
            background: var(--sc-primary);
        }

#rotate {
    vertical-align: top;
    margin-top: 23px;
    width: 80px;
    height: 30px;
}

.enquiry a {
    cursor: pointer;
    min-height: 30px;
    position: relative;
    border: 1px solid #cb4154;
    border-radius: 8px;
    padding: 4px 8px;
    margin-left: 20px;
    font-variant: small-caps;
    color: #fff !important;
    text-shadow: 0 0 0;
    outline: 0;
    letter-spacing: 2px;
    text-shadow: 0 1px 4px #111;
    box-shadow: 0 1px 4px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 1px rgba(255,255,255,.1);
    background: #021f36;
}

    .enquiry a:hover {
        box-shadow: 0px 0px 4px #fff;
        color: #fff !important;
    }


.ShowcaseModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    height: 100%;
    overflow: auto;
    display: none;
}

.EnquiryBtn {
    background: #ffa800;
    color: #021f36;
    padding: 5px 10px 5px 10px;
    border: solid 1px #fff;
    font-weight: 700;
}

#EnquiryForm input[type="text"], #EnquiryForm input[type="email"], #EnquiryForm input[type="tel"], #EnquiryForm select, #EnquiryForm textarea {
    background-color: #fff;
    border: 1px solid #333;
    width: 100%;
}

#EnquiryForm #LoaderImage {
    float: right;
    padding-left: 10px;
    padding-top: 0 !important;
    height: 28px;
    position: absolute;
    top: 12px;
}

#EnquiryForm h2 {
    font-size: 35px;
}

.Formoutliner {
    background: #fff;
    border: solid 5px #fff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
    border-radius: 5px;
    border: 4px solid var(--primary);
    position: relative;
}

    .Formoutliner::before {
        position: absolute;
        content: "";
        opacity: 0.9;
        background-image: url("../img/gridback.jpg");
        background-repeat: repeat-x;
        height: 100%;
        width: 100%;
    }

@media only screen and (max-width: 992px) {
    #EnquiryContactSection {
        display: none;
    }
}

#EnquiryForm {
    padding: 14px 20px;
}

.Formoutliner .main-heading {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 0 0px;
    padding: 0 0 40px;
    position: relative;
    z-index: 1;
    color: #fff !important;
}

.Formoutliner .main-heading::before {
    position: absolute;
    content: "";
    z-index: 0;
    bottom: 25px;
    right: auto;
    left: 4px;
    transform: none;
    width: 70px;
    height: 4px;
    background: #1bbde8 !important;
}

.Formoutliner input {
    margin-bottom: 15px;
    height: 35px;
    font-size: 14px;
}

.Formoutliner textarea {
    margin-bottom: 15px;
    min-height: 80px;
    font-size: 14px;
    padding: 5px 15px;
}

.Formoutliner select {
    margin-bottom: 15px;
    height: 35px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    background: transparent;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
}

.Formoutliner .text-center {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h2.title-head
{
    position: relative;
}
h2.title-head:before {
    position: absolute;
    content: '';
    top:0;
    left: 0;
    height: 50px;
    width: 50px;
    border-bottom: solid 4px var(--primary);
}

.cont-info {
    padding: 10px 30px 60px;
    background: var(--primary);
    border-radius: 50px 0 0 0;
    min-height: 264px;
}

    .cont-info h4 {
        font-size: 22px;
        margin-top: 14px;
        margin-bottom: 14px;
        color: #fff;
    }

.enquiry-info li a:hover, .enquiry-info li a, .enquiry-info li i {
    color: #f5f5f5;
}

.subscribe-form #LoaderImage {
    position: absolute;
    width: 20px;
    float: right;
    right: 6px;
    top: 10px;
}

.c-btn
{
    box-shadow: unset;
    border: none;
    background: var(--primary);
}
.c-btn:hover {
    background: var(--sc-primary);

}

.c-btn.small
{
    padding: 10px 20px 10px 20px;
}

.btn-block {
    border-radius: 0px 10px 10px 0px;
    padding: 12px 1px 10px 6px;
    background: red;
    color: #fff;
    width: 75px;
    text-align: left;
}

.breadcrumb h1
{
    font-size: 45px;
}

.breadcrumb-menu li a {
    font-size: 14px;
    color: var(--primary);
}

.breadcrumb-menu li::before
{
    font-size: 14px;
}

.breadcrumb-wrapper {
    background: transparent !important;
    display: inline-block;
    padding: 70px 0px 60px;
    position: relative;
}

.breadcrumb-wrapper::before
{
    width: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area {
        padding-top: inherit;
        padding-bottom: inherit;
    }
}

@media only screen and (max-width: 768px) {
    .breadcrumb-area {
        padding-top: inherit;
        padding-bottom: inherit;
    }
}

.logoHighlight
{
    color: var(--primary) !important;
}

.blog-text {
    padding: 30px 5px 51px 10px;
    min-height: 200px;
}

.pageBG {
    background: linear-gradient(0deg,hsla(0,0%,95.7%,.92),hsla(0,0%,95.7%,.92)),url("data:image/svg+xml;charset=utf-8,%3Csvg width='480' height='480' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23A6A6A6' d='M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z'/%3E%3Cpath fill='%23ADADAD' d='M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z'/%3E%3Cpath fill='%23A6A6A6' d='M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z'/%3E%3Cpath fill='%23ADADAD' d='M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z'/%3E%3Cpath fill='%23A6A6A6' d='M12.5 159.9L0 155.4v-17l12.5 21.5z'/%3E%3Cpath fill='%23ADADAD' d='M12.5 159.9L0 187.9V169l12.5-9.1z'/%3E%3Cpath fill='%23A6A6A6' d='M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z'/%3E%3Cpath fill='%23A6A6A6' d='M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z'/%3E%3Cpath fill='%23A6A6A6' d='M86.5 264.6l33.3-8-4 134-29.3-126z'/%3E%3Cpath fill='%23B8BEBE' d='M293.8 357.9l122-38-59.3 102.7-62.7-64.7z'/%3E%3Cpath fill='%23F4F4F4' d='M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z'/%3E%3Cpath fill='%23DCDCE2' d='M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z'/%3E%3Cpath fill='%23BEC3C3' d='M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z'/%3E%3Cpath fill='%23DCDCE2' d='M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z'/%3E%3Cpath fill='%23BEC3C3' d='M369.2 480h-84.1l71.4-57.4 12.7 57.4z'/%3E%3Cpath fill='%23F4F4F4' d='M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z'/%3E%3Cpath fill='%23B8BEBE' d='M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z'/%3E%3Cpath fill='%23F4F4F4' d='M119.8 256.6l-4 134 50-24.7-46-109.3z'/%3E%3Cpath fill='%23CFCFCF' d='M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z'/%3E%3Cpath fill='%23B8BEBE' d='M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z'/%3E%3Cpath fill='%23BEC3C3' d='M89 480H65.2v-62.1L89 480z'/%3E%3Cpath fill='%23DCDCE2' d='M65.2 417.9L0 425.5v-58.2l65.2 50.6z'/%3E%3Cpath fill='%23CFCFCF' d='M65.2 417.9L18.5 480H9.4l55.8-62.1z'/%3E%3Cpath fill='%23B8BEBE' d='M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z'/%3E%3Cpath fill='%23F4F4F4' d='M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z'/%3E%3Cpath fill='%23CFCFCF' d='M12.5 159.9L0 169v-13.6l12.5 4.5z'/%3E%3Cpath fill='%23F4F4F4' d='M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z'/%3E%3Cpath fill='%23BEC3C3' d='M119.8 256.6l216.7 73.3-42.7 28-174-101.3z'/%3E%3Cpath fill='%23B8BEBE' d='M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z'/%3E%3Cpath fill='%23CFCFCF' d='M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z'/%3E%3Cpath fill='%23BEC3C3' d='M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z'/%3E%3Cpath fill='%23DCDCE2' d='M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z'/%3E%3Cpath fill='%23BEC3C3' d='M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z'/%3E%3Cpath fill='%23DCDCE2' d='M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z'/%3E%3Cpath fill='%23F4F4F4' d='M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z'/%3E%3Cpath fill='%23DCDCE2' d='M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z'/%3E%3Cpath fill='%23B8BEBE' d='M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z'/%3E%3Cpath fill='%23CFCFCF' d='M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z'/%3E%3Cpath fill='%23B8BEBE' d='M480 0v9.9l-88.2 105.3L426.7 0H480z'/%3E%3Cpath fill='%23DCDCE2' d='M426.7 0l-34.9 115.2L369.2 0h57.5z'/%3E%3Cpath fill='%23F4F4F4' d='M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z'/%3E%3Cpath fill='%23CFCFCF' d='M18.5 0L0 25.8V9.9L9.4 0h9.1z'/%3E%3Cpath fill='%23B8BEBE' d='M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z'/%3E%3Cpath fill='%23DCDCE2' d='M480 69.3v69.1l-32.2-65.2 32.2-3.9z'/%3E%3Cpath fill='%23CFCFCF' d='M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z'/%3E%3C/svg%3E");
}

.portfolio-box
{
    padding: 10px;
}

.cBox {    
    padding-top: 20px;
    min-height: 180px;    
    box-shadow: 2px 10px 9px 6px #888;
    background: var(--headerBG);
    margin-bottom: 50px;
    transition:all ease;
}

.cBox:hover {    
    box-shadow: unset;
    transition-delay: .2s;
    border:solid 1px #888;
}

.contact-address-text span, .contact-address-icon i {
    color: #fff;
}

.cBox h5 {
    line-height: 23px;
    color: #000;
    background: #fff;
    padding-left: 20px;
    padding-top: 15px;
    font-weight: normal;
    height: 136px;
    margin: 0;
    border-radius: 15px 0 0 0;
    margin-top: 15px;
}

#contact_form_3 .LoaderImage {
    width: 35px;
    position: absolute;
    top: 13px;
    right: 10px;
}

.eventImg
{
    cursor: pointer;
}

.fe-pro-border {
    border: unset;
    padding: 55px 15px 70px;
}

.category-item ul li a
{
    color: #333;
}

.product-large-img img
{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    height: auto;
}

.shop-thumb-tab ul li
{
    margin-bottom: 10px;
    padding: 5px;
    width: 60px;
    margin-left: 10px;
}

.shop-thumb-tab ul img {
    width: 55px;
    height: 55px;
    display: flex;
    object-fit: cover;
    overflow: hidden;
}

.shop-thumb-tab ul a {
    border: 2px solid #e9e9e9;
    display: contents;
}

a.active img {
    border: solid 1px #888;
}

.prdImgSection {
    height: 210px;
    width: auto !important;
    float: right;
}

.b-tag
{
    height: 45px;
    width: 45px;
    line-height: 45px;
    background: var(--brightBlue);
}

.b-tag img {
    margin-top: 4px;
    margin-left: 3px;
}

.showCaseImg {
    height: 460px;
    width: auto !important;
    float: right;
    margin-right:20px;
}

.product-wrapper {
    background: #fff;
}

.product-wrapper img {
    height: 250px;
    width: auto !important;
}

#contact-page-map
{
    height: 400px;
}