/*navigation css*/
#header {
background: #fff;
top: 27px;
padding: 20px;
box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 45%);
top: 0px;
z-index: 999;
width: 100%;
}

.contact-no {
float: right;
display: flex;
/* margin: auto; */
padding: 8px;
}
.contact-no>a {
margin-left: 22px;
}
.topnav {
background: #bf1f14;
}
.contact-no p {
margin: 0px;
}
.contact-no a {
padding: 4px;
color: #fff;
font-size: 14px;
text-decoration: none;
}

.send-icon>i {
 margin-top: -1px;
 background: #fff;
 width: 139px;
}

.send-icon {
  text-align: center;
  margin-top: -20px;
  width: 100%;
}


p.office-num>a:hover {
 color: red;
}
.nav-menu, .nav-menu * {
margin: 0px 5px;	
padding: 0;
list-style: none;
}
.nav-menu > ul > li {
position: relative;
white-space: nowrap;
float: left;
}
.nav-menu a {
display: block;
position: relative;
color: #36343a;
padding: 10px 15px;
transition: 0.3s;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
color: #bf1f14;
text-decoration: none;
}
.nav-menu .get-started a {
background: #009970;
color: #fff;
border-radius: 50px;
margin: 0 15px;
padding: 10px 25px;
}
.nav-menu .get-started a:hover {
background: #00805d;
color: #fff;
}
.nav-menu .drop-down ul {
display: block;
position: absolute;
left: 0;
top: calc(100% + 30px);
z-index: 99;
opacity: 0;
visibility: hidden;
padding: 10px 0;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
/*transition: ease all 0.3s;*/
}
.nav-menu .drop-down:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.nav-menu .drop-down li {
min-width: 204px;
position: relative;
}
.nav-menu .drop-down ul a {
padding: 10px 20px;
font-weight: 500;
text-transform: none;
color: black;
}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
color: #bf1f14;
}
.nav-menu .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 5px;
}
.nav-menu .drop-down .drop-down ul {
top: 0;
left: calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover > ul {
opacity: 1;
top: 0;
left: 100%;
}
.nav-menu .drop-down .drop-down > a {
padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
content: "\eaa0";
font-family: IcoFont;
position: absolute;
right: 15px;
}
@media (max-width: 1366px) {
.nav-menu .drop-down .drop-down ul {
left: -90%;
}
.nav-menu .drop-down .drop-down:hover > ul {
left: 100%;
}

}
/* Mobile Navigation */
.mobile-nav-toggle {
position: absolute;
right: 15px;
top: 62px;
z-index: 9998;
border: 0;
background: none;
font-size: 24px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;
}
.mobile-nav-toggle i {
color: #000;
}
.mobile-nav {
position: fixed;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
z-index: 9999;
overflow-y: auto;
background: #fff;
transition: ease-in-out 0.2s;
opacity: 0;
visibility: hidden;
border-radius: 10px;
padding: 10px 0;
}
.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav a {
display: block;
position: relative;
color: #36343a;
padding: 10px 20px;
font-weight: 500;
outline: none;
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
color: #009970;
text-decoration: none;
}
.mobile-nav .get-started {
text-align: center;
}
.mobile-nav .get-started a {
background: #009970;
color: #fff;
border-radius: 50px;
margin: 0 15px;
padding: 10px 25px;
display: inline-block;
}
.mobile-nav .get-started a:hover {
background: #00c28e;
color: #fff;
}
.mobile-nav .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 10px;
position: absolute;
right: 15px;
}
.mobile-nav .active.drop-down > a:after {
content: "\eaa1";
}
.mobile-nav .drop-down > a {
padding-right: 35px;
}
.mobile-nav .drop-down ul {
display: none;
overflow: hidden;
}
.mobile-nav .drop-down li {
padding-left: 20px;
}
.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(29, 28, 31, 0.6);
overflow: hidden;
display: none;
transition: ease-in-out 0.2s;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav {
opacity: 1;
visibility: visible;
}
.mobile-nav-active .mobile-nav-toggle i {
color: #fff;
}
.mobile-nav-toggle .icofont-close{
position: fixed;
top: 10px;
right: 9px;
}
.d-flex{display: flex;}
.align-items-center{align-items: center;}

/*a.text-logo>img {
width: 310px;
}*/
nav.nav-menu.d-none.d-lg-block {
margin-left: auto;
}
/*  navigtion css nd */
i.icofont-smart-phone.phnn {
color: #f0b441;
text-align: center;
font-size: 25px;
float: left;
margin-right: 10px;
border-radius: unset;
border: unset;
}
i.icofont-location-pin.gps {
color: #f0b441;
text-align: center;
font-size: 25px;
float: left;
margin-right: 10px;
border-radius: unset;
border: unset;
}
i.icofont-email.email {
color: #f0b441;
text-align: center;
font-size: 25px;
float: left;
margin-right: 10px;
border-radius: unset;
border: unset;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-pagination1.swiper-pagination-clickable.swiper-pagination-bullets {
text-align: center;
}
img.our-prod-img {
/*border: 1px solid #000;*/
width: 329px;
margin: 10px;
}
img.our-prod-img1 {
/*border: 1px solid #000;*/
width: 125px;
margin: 10px;
}
section.our-prod-sec {
text-align: center;
}
.whatsapp-se {
right: 20px;
bottom: 75px;
position: fixed;
z-index: 999;
}
section.our-prod-sec h3 {
margin: 0px 0px 20px 0px;
}
section.our-prod-sec {
padding: 40px 0px;
background: #f2eff5;
}
.our-brands-mg {
display: flex;
justify-content: center;
}
.ourbrands-title1 h3 {
color: #fff;
}
.our-brands-mg img {
margin: 5px;
}
.our-brands-mg img {
margin: 9px;
padding: 0px 0px 45px 0px;
}
.ourbrands-title h3 {
text-align: center;
}
.prod-img-sec img {
border: 1px solid #a898c159;
max-width: 91%;
}
.col-lg-12.col-md-6.home-about-sec img {
width: 47px;
margin: 10px;
}
.col-lg-12.col-md-6.home-about-sec {
display: block;
text-align: center;
padding: 25px;
}
.conatact-us1 {
/* box-shadow: 0px 0px 3px 1px #fff; */
height: 154px;
margin: 0px 0px 40px 0px;
/* padding: 15px; */
border: 1px solid #fff;
color: #fff;
}
.section-title {
text-align: center;
}
.section-title h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
font-family: "Poppins", sans-serif;
color: #fff;
}
.ourbrands1 {
padding: 30px 0px;
}
.ourbrands-title h3 {
font-size: 28px;
font-weight: 600;
/*margin-bottom: 20px;*/
/*padding-bottom: 20px;*/
position: relative;
font-family: "Poppins", sans-serif;
}
section.our-prod-sec h3 {
font-size: 28px;
font-weight: 600;
margin-bottom: 40px;
/*padding-bottom: 20px;*/
position: relative;
font-family: "Poppins", sans-serif;
}
.prod-img-sec h5 {
font-weight: 600;
font-size: 18px;
}
.prod-nner p {
font-weight: 500;
}
.col-md-3.quote-box {
padding-top: 35px;
text-align: center;
}
.copyright.text-center img {
width: 140px;
}
.welcome p {
/* justify-content: center; */
text-align: justify;
}
section.why-us {
background: #bf1f14;
}
section.our-prod-sec h3::after {
content: '';
position: absolute;
display: block;
width: 67px;
margin-bottom: -8px;
height: 3px;
background: #ed3237;
bottom: 0;
left: calc(54% - 82px);
}
.ourbrands-title h3::after {
content: '';
position: absolute;
display: block;
width: 67px;
margin-bottom: -8px;
height: 3px;
background: #ed3237;
bottom: 0;
left: calc(54% - 82px);
}
.brief-sec {
padding: 20px 0px;
text-align: center;
}
.brief-sec p {
font-size: 24px;
font-weight: 700;
color: #bf1f14;
background: #ffdfdf;
padding: 20px 2px;
border: 3px solid;
}
.prod-disp img {
width: 80%;
padding: 20px;
}
.prod-disp {
text-align: center;
width: 100%;
}
.prod-disp p {
font-size: 16px;
font-weight: 600;
    /* background: #020102; */
 color: #232323;
 padding: -11px 0px;
 height: 62px;
}
.enq-btn a {
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 10px 17px;
border-radius: 23px;
background: #bf1f14;
}
section.ups-main {
margin-bottom: 90px;
}
.enq-btn {
margin: 23px 0px;
}
.prod-disp {
text-align: center;
width: 100%;
padding: 10px;
height: auto;
margin-bottom: 30px;
box-shadow: 0px 1px 12px 1px #928a8a4a;
}
.quicklink h3, .brandlink h3, .address h3{border-bottom: none;}
.listtitle {
    margin: 20px 0px;
}

/*media quaries*/

@media(max-width: 991px){
.nav-menu.d-none{display: none;}
.mobile-nav-toggle i{display: block;}
}

@media (min-width: 992px){
.mobile-nav-toggle i{display: none;}
.d-lg-block {
display: block!important;
}
}

@media (max-width: 768px) {

.prod-disp {
    text-align: center;
    width: 100%;
    padding: 10px;
    height: auto;
    margin-bottom: 30px;
    box-shadow: 0px 1px 12px 1px #928a8a4a;
}


a.text-logo>img {
width: 200px;
float: right;
}
.contact-no{    padding: 8px 0px;}
.contact-no a {   font-size: 12px;}

}

@media (max-width: 370px) {
.contact-no a {
padding: 0px;
color: #fff;
font-size: 11px;
}
}