.modal{ background: rgba(0,0,0); margin-top:28px;}
.modal-body{ padding: 2px !important;}
.popupclosebtn{ position:absolute; right:-10px; top:-10px; background:#ff1212; width:30px; height:30px; border-radius:15px; }
.popupclosebtn .close{ color:#fff !important; opacity:1 !important; display:block; width:100%;}


.owl-dots{ display:none;}
.news{ width:100%; height:32px; margin:0 auto; padding:0 5px; background:#1C9471; overflow:hidden;}
.news p{ font-family: 'Oswald', sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; letter-spacing:.025em; line-height:30px;}

.mid-header{ width:100%; height:auto; margin:0 auto; padding:0 5px; background:#fff; overflow:hidden;}
.mid-header .search-product{ width:100%; height:auto; margin-top:30px; background:none; overflow:hidden;}

.mid-header .mh-logo img{ width:100%;}

.mid-header .social-link{ width:100%; height:auto; background:none; overflow:hidden;}
.mid-header .social-link a{ line-height:45px; float:right; margin-right:15px;}
.mid-header .social-link a img{ width:80px;}
.mid-header .social-link h6{ font-family: "Oswald", sans-serif; font-weight:400; font-size:14px; text-align:center; color:#222529; line-height:45px;}

.mid-header .login-btn{ width:100%; height:auto; background:none; overflow:hidden;}
.mid-header .login-btn a{ font-family: "Oswald", sans-serif; font-weight:400; font-size:14px; text-align:center; text-transform:uppercase; color:#222529; line-height:45px; float:right; margin-right:15px;}
.mid-header .login-btn a:hover{ text-decoration:none; color: #46b82f;}

.blank-div{ width:100%; height:165px; background:#fff; overflow:hidden;}

.banner{ width:100%; margin:0 auto; background:#fff; overflow:hidden;}
.banner img{ width:100% !important;}

.innerpage-banner{ width:100%; margin: 0 auto; background:#fff; overflow:hidden;}

.body-content{ width:100%; margin:0 auto; padding:50px 0; background:#fff; overflow:hidden; }
.body-content h1{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-transform:uppercase; /*color:#1B1919;*/ line-height:32px;  margin:0 0 5px 0; 
background: -webkit-linear-gradient(#916B0A, #BF921E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.body-content h3{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:600; text-transform:uppercase; color:#087DBA; line-height:32px;  margin:10px 0 10px 0; border-left:solid 5px #E8BE02; padding-left:10px; }
.body-content h5{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:bold; text-transform:capitalize; color:#d42a5f; line-height:32px; margin:5px 0 10px 0;}
.body-content p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#70777b; line-height:28px;}
.body-content h6{ font-family: 'Roboto', sans-serif; /*font-family: 'Roboto', sans-serif;*/ font-size:18px; font-weight:normal; text-align:left; color:#6665FF; line-height:32px; margin:0 0 20px 0;}
.body-content ul{ padding-left:20px; margin-bottom:15px;}
.body-content ul li{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#12232f; line-height:32px; padding:0; margin:0; list-style:none;}
.body-content ul li::before { content:'\f1b2'; font-family:'FontAwesome'; float:left; margin-left:-1.4em; color:#ca940b;}

.body-content .m-box{ width:100%; margin:40px auto; padding:15px; background:none; border:dashed 1px #979797; box-shadow: 0 0 13px #8b8b8b; border-radius:5px; position:relative; overflow:hidden; }
.body-content .m-box img{ width:100%; border-radius:5px;}
.body-content .m-box h4{ font-family: 'Inter', sans-serif; font-size:22px; font-weight:600; text-align:center; text-transform:uppercase; color:#1860ac; line-height:24px; margin:10px 0 5px 0;}
.body-content .m-box h5{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:300; text-align:center; text-transform: uppercase; color:#373737; line-height:18px; margin:0 0 5px 0}
.body-content .m-box p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#70777b; line-height:28px; margin:10px 0 0 0;}
.body-content .m-box .c-icon{ width:50px; height:50px; padding:5px; background:#fff; border-radius:0 0 5px 0; position:absolute; top:5px; left:5px;}
.body-content .m-box .img-box{ width:100%; max-height:245px; margin:0 auto; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}


.menu-link{ width:100%; height:50px; margin:0 auto; border-top:solid 1px #fff; background:#46B82D; overflow:hidden;}
.menu-link h3{ font-family: "Oswald", sans-serif; font-weight:400; font-size:22px; text-align:center; text-transform:uppercase; color:#fff; line-height:50px; letter-spacing: .005em;  margin:0;}
.menu-link i{ font-size:30px; line-height:50px;}

.menu-link-2{ width:100%; padding:5px 0; overflow:hidden;}
.menu-link-2 h3{ font-family: "Oswald", sans-serif; font-weight:400; font-size:13px; text-align:left; text-transform:uppercase; color:#484343; line-height:28px; letter-spacing: .005em;  margin:0;}
.menu-link-2 i{ font-size:18px; line-height:28px;}

.product-banner{ width:100%; margin:5px 0 20px 0; background:#fff; overflow:hidden;}
.product-banner img{ width:100% !important;}
#faq .card-body{ padding:5px;}
#faq .card-body ul{ list-style:none; padding:0 0 0 10px;}
#faq .card-body ul li a{ font-family: 'Oswald', sans-serif; font-weight:400; font-size:14px;  line-height: 1.4; color:#777; text-transform: uppercase;}
#faq .card-body ul li a:hover{color: #32a737; text-decoration:none;}


#faq .card {
  margin-bottom: -1px;
  border: solid 1px #e7e7e7;
}

#faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 0px  ;
  overflow:hidden;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  background: #fff;
  font-family: Poppins, sans-serif; font-weight:400; font-size:15px;  line-height: 1.4; color: #000;
  padding: 10px;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  /*background: #f1f1f1;*/
  color: #000;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
  color: #000;
}

#faq .card .collapsing {
  background: #fff;
  line-height: 30px;
  color:#fff;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #000;
}


.popular-product{width:100%; margin:0 auto; padding:60px 80px; background:#fff; overflow:hidden;}
.popular-product h5{ font-family: 'Oswald', sans-serif; font-weight:normal; font-size:14px; text-align:center; color:#777; margin-bottom:20px; }
.popular-product .pp-box{ width:100%; margin:5px auto; margin-bottom:20px; overflow:hidden}
.popular-product .pp-box h3{ font-family: "Oswald", sans-serif; font-weight:600; font-size:16px; text-align:center; text-transform:uppercase; color:#222529 !important; letter-spacing: .005em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:15px 0;}
.popular-product .pp-box h3 a{text-align:center; color:inherit;}
.popular-product .pp-box h3 a:hover{ text-decoration:none;}
.popular-product .img-box{ width:100%; margin:0 auto; padding:0; position:relative; overflow:hidden}

.popular-product .img-box a.banner-hover::before,
.popular-product .img-box a.banner-hover::after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    opacity: 0;
}
.popular-product .img-box a.banner-hover::before{
    -webkit-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.popular-product .img-box a.banner-hover::after{
    -webkit-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
/*.popular-product .img-box a.banner-hover::before{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.popular-product .img-box a.banner-hover::after{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}*/
.popular-product .img-box:hover a.banner-hover::before,
.popular-product .img-box:hover a.banner-hover::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.popular-product .img-box a.banner-hover::before,
.popular-product .img-box a.banner-hover::after,
.popular-product .img-box:hover a.banner-hover::before,
.popular-product .img-box:hover a.banner-hover::after{
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.popular-product .img-box a.banner-hover{
    display: block;
    position: relative;
    overflow: hidden;
}
.popular-product .img-box:hover a.banner-hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.popular-product .img-box a.banner-hover img,
.popular-product .img-box:hover a.banner-hover img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}









.product-details{width:100%; margin:0 auto; padding:60px 80px; background:#fff; overflow:hidden;}
.product-details h2{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#222529; line-height:28px; margin:0 0 20px 0}
.product-details h5{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:normal; text-align:left; color:#3c3a3a; line-height:28px; margin:20px 0;}
.product-details h5 span{ font-weight:bold;}

.product-details h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:600; text-align:left; text-transform:normal; color:#000; line-height:28px; margin:5px 0 0 0;}
.product-details h4 span{ font-weight: normal; text-transform:uppercase; float:right; }
.product-details p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#000; line-height:24px; margin:10px 0;}



.product-details .title{font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; background:#1860ac; padding:5px 8px; margin-top:10px; margin-bottom:10px;}




.product{width:100%; margin:0 auto; padding:60px 80px; background:#fff; overflow:hidden;}
.product h5{ font-family: 'Oswald', sans-serif; font-weight:normal; font-size:14px; text-align:center; color:#777; margin-bottom:20px; }

.product .p-box{ width:100%; margin:5px auto; overflow:hidden}
.product .p-box a{ text-decoration:none; color:inherit;}
.product .p-box .img-box{ width:100%; margin:0 auto; padding:0; position:relative; overflow:hidden}
.product .p-box .caption-box{ width:100%; margin:0 auto; padding:15px 5px; overflow:hidden}
.product .p-box .caption-box h3{ font-family: "Oswald", sans-serif; font-weight:normal; font-size:18px; text-align:center; color:#222529; letter-spacing: .005em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .p-box .caption-box h3:hover{color: #46b82f;}
.product .p-box .caption-box h4{ font-family: 'Oswald', sans-serif; font-size:16px; text-align:center; color:#000;}

.product .p-box .caption-box h6{ font-family: 'Oswald', sans-serif; font-weight:normal; font-size:10px; text-align:center; text-transform:uppercase; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .p-box .caption-box h6:hover{color: #46b82f;}

.product .p-box .img-box .btn-quickview {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0.6rem;
  color: #fff;
  background-color: #1860ac;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: .025em;
  font-family: Poppins, sans-serif;
  text-align:center;
  text-transform: uppercase;
  opacity: 0;
  transform: none;
  margin: 0;
  border: none;
  transition: .25s;
}
.product .p-box .img-box:hover .btn-quickview { opacity:0.85; z-index:999;}
.product .p-box .img-box .btn-quickview:hover { opacity:1; z-index:999;}

.product .p-box .img-box .overlay-image{ position:absolute; opacity:0;}
.product .p-box .img-box:hover .overlay-image{ opacity:1;} 


.heading-border {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 -8px
}

.heading-border:before, .heading-border:after {
    content: '';
    margin: 0 8px;
    flex: 1;
    -ms-flex: 1;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08)
}

.heading-border.section-title {font-family: "Oswald", sans-serif; font-size:18px; text-align:center; color:#000; letter-spacing: .005em; margin: 0 -2rem 1.8rem; }
.heading-border.section-title:before, .heading-border.section-title:after { margin: 0 2rem}

.offer{ width:100%; margin:0 auto; padding:12px 0; background:#fff; overflow:hidden;}
.offer-banner a.banner-hover::before,
.offer-banner a.banner-hover::after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    opacity: 0;
}
.offer-banner a.banner-hover::before{
    -webkit-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.offer-banner a.banner-hover::after{
    -webkit-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.offer-banner a.banner-hover::before{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.offer-banner a.banner-hover::after{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.offer-banner:hover a.banner-hover::before,
.offer-banner:hover a.banner-hover::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.offer-banner a.banner-hover::before,
.offer-banner a.banner-hover::after,
.offer-banner:hover a.banner-hover::before,
.offer-banner:hover a.banner-hover::after{
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.offer-banner a.banner-hover{
    display: block;
    position: relative;
    overflow: hidden;
}
.offer-banner:hover a.banner-hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.offer-banner a.banner-hover img,
.offer-banner:hover a.banner-hover img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.offer-banner .banner-content {
  position: absolute;
  bottom: 50%;
  left: 30px;
  transform: translateY(50%);
  width: 70%;
  z-index: 20;
}
.offer-banner .banner-content h2 {
  font-family: 'Oswald', sans-serif;	
  font-size: 22px;
  color: #fff;
  line-height: 27px;
  font-weight: bold;
}
.offer-banner .banner-content span {
  font-family: 'Oswald', sans-serif;	
  font-size: 13px;
  color: #ffffff;
  line-height: 19PX;}
  
  
 
/*--start-footer--*/
.footer-outer{ width:100%; margin:0 auto; padding:0; overflow:hidden; /*margin-top:-110px; z-index:-1;*/}
.footer-top{ width:100%; margin:0 auto; padding:13px 0 62px 0; background:#006B80;}
.footer-top .footer-title{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:600; text-transform:capitalize; letter-spacing: 1px; color:#fff; position:relative; margin-bottom:20px; margin-top:15px; }

.footer-top p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#57d0e8; line-height:26px;}
.footer-top img{ margin:0 0 15px 0;}
.footer-top .footer-list{ margin:0; padding:0; list-style:none;}
.footer-top .footer-list li{ font-size:14px; font-weight:normal; color:#858e99; line-height:28px;}
.footer-top .footer-list li i{ font-size:20px; color:#876afd; line-height:30px; margin-right:10px;}
.footer-top .footer-list2{ margin:0; padding:0; list-style:none;}
.footer-top .footer-list2 li a{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:100; color:#fff; letter-spacing: 1px; line-height:30px;}
.footer-top .footer-list2 li:hover a{ text-decoration:none; color:#ffffff;}


.footer-btm{ width:100%; margin:0 auto; padding:0; background:#005B6C;}
.footer-btm p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:center; letter-spacing: 0.5px; color:#fff; line-height:40px; margin:0;}
.footer-btm p span{ color:#e7a225}


.social-link{ width:100%; padding:0 0px; text-align:center; margin-bottom:0 !important; list-style: none; }
.social-link li{ /*display:inline-block;*/ float:left;}
.social-link li a{ width:38px; height:38px; border:solid 1px #00b3d6; background:#00b3d6; display:block; border-radius:50%;}
.social-link li a i{ font-size:16px; color:#fff; line-height:38px;}
.social-link li:not(:last-child){ margin-right:5px;}
/*--end-footer--*/ 

@media (max-width: 768px){

}
@media (max-width: 575px){
.news{ height:50px;}	
.news .marquee{ height:50px !important;}
#topbar p { margin: 10px 0;}

#header.header-scrolled{ background:none !important; box-shadow: none !important;}

.blank-div{ height:310px;}
	
.mid-header .mh-logo img{ width:150px; margin: 0 auto; display:block;}	
.mid-header .search-product{ margin-top:5px;}	
.mid-header .social-link h6{ line-height:20px;}
.mid-header .login-btn{text-align: center;}
.mid-header .login-btn a{ background:#1860ac; font-size:12px; text-align:center; color:#fff; margin:5px 1px !important; padding:5px 5px; line-height:30px; float:none;}
.mid-header .login-btn a:hover{ color:#fff;}
	
.offer-banner{ margin:5px auto;}
.heading-border.section-title{ margin: 0 -2rem 1.2rem;}
.product{ padding:30px 5px;}
.product .p-box .caption-box h3{ font-size:15px;}
.product h5{margin-bottom:10px;}
.product .p-box .img-box .btn-quickview { font-size:13px; padding:0.5rem;}

.popular-product{ padding:30px 5px;}
.popular-product h5{ font-size:13px;}
.popular-product .pp-box{ padding:0 25px;}


.product-details{ padding:30px 15px;}
.product-details h2{  font-size:24px; line-height:28px; margin:15px 0 20px 0}

.menu-link h3 { font-size: 14px;}
}