@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Dosis&display=swap');
 
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
 
body{ font-family: 'Poppins', sans-serif; font-size:16px; color:#000;}
header{ background:#fff;}
img{ max-width:100%;}
.right-are{ float:right;}

.right-are li, .left-are li{ list-style-type:none; color:#ffffff; line-height:24px; float:left;padding: 0 12px;}
.right-are a, left-are a{ color:#ffffff;}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.bottom10 { margin-bottom:10px; }
.nav > li > a{ font-size: 20px;}
.padding-0, .left-sid{ padding:0;}
.rowsiid{ text-align:center;}
.won-slider{ width:100%; float:left;}
.readm{ text-align:center; margin:35px 0;}
.readmor{ background:#85be00; color:#fff; padding:13px 28px; text-align:center;transition: all 1.3s; display:inline-block;  }
.readmor:hover{ text-decoration:none; color:#fff;  background:#00a653 ; transform: scale(1.1)}
.readmor1{ background:#dc2258; color:#fff; padding:13px 28px; text-align:center;transition: all 1.3s; display:inline-block; border-radius: 5px;}
.readmor1:hover{ text-decoration:none; color:#fff;  background:#00a653 ; transform: scale(1.1)}


.center{ text-align:center;}
.feature-section{ background:#eeeeed; padding:4% 0;}
.head-ing{ text-align:center; display:block; margin:10px 0 0; font-size:20px;}
.disc{ width:100%; float:left; margin:0 0 11px 0;}
.cod{ float:left; width:100%;     margin-bottom: 11px; text-align:center}
.shop{ width:100%; float:left;}
.shop a{ background:#f74141; color:#fff; padding:8px 20px; display:block;  text-align:center; transition: all 1.3s;}
.shop a:hover{text-decoration:none; color:#fff; background:#ff4962 ;  transform: scale(1.2)}
footer{ background:#1c3160; padding: 0; margin-top:10px; float:left; width:100%; color:#fff;}
.foter-head{ color:#fff; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:23px; display:block;    font-weight: 100; }
.foote-ul{ padding:0; margin-top:18px;}
.foote-ul li{ line-height:25px;   padding-bottom:10px;margin-left: 18px;}
.foote-ul li a, .footp{ color:#cdcccc;    font-weight: 100;    font-size: 15px;}
.footer-bottom{ text-align:center; padding:1% 0 0; float:left; width:100%;}
.padad{ padding:20% 0;}
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.left-sidebar{ background:#f3f3f3; padding:0 25px 25px; margin-bottom:0;    box-shadow: 0 7px 14px #c5c5c5;    margin-bottom: 31px;}
#links{ padding:0; margin-left:0;}
#links li{ list-style-type:none; line-height:30px; background:url(../images/list.png) no-repeat left 10px; padding-left:15px; }
.m-0{ margin:0;}
.left-sidebar ul li::before { background: #333; bottom: 0; color: #fff;  content: "";    left: 0;  position: absolute; right: 0;
    top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out;   z-index: -1;}
.left-sidebar ul li:hover::before, .left-sidebar ul li:focus::before, .left-sidebar ul li:active::before { transform: scaleX(1);}
.left-sidebar h3{ background:#333; color:#fff; padding:8px 8px; }
.ac-rag{ color:#fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color:#000;    font-size: 15px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{ color:#333;}
.dropdown-menu{background-color: #fff;}
.left {background:url(../images/left-aero.png) no-repeat!important; top:50%; left:5%; }
 .right{background:url(../images/right-aero.png) no-repeat!important; top:50%; right:0%; width:7%;}
.sr-onlyed{ display:none;}
.cont-act input,.cont-act select, .cont-act textarea{ width:100%; padding:10px; border:1px solid #ccc;}
input.sub-mit{    width: 130px!important; background: #ec1e25; color: #fff; padding: 6px 0!important;font-size: 20px; text-transform: uppercase;}
#btn_delete{ margin-left:5px;}
.detailimage{ width:30%;}
#qnty{ margin:10px 0; display:block;}
.descri_txt{ padding-right:15px}
#ProductQty{ padding:10px;}
.subcategory_body ul{ margin-left:15px;}
#pcode{ margin:9px 0; display:inline-block;}
.Productbox { width: 50%;}
.bot-aero{ font-size:12px; margin-left:6px; transform: rotate(90deg); display:inline-block;}
.top-hed{ border-bottom:1px solid #ccc; padding:0 0 4px 0;background: #00b9da;}
.navbar-inverse .navbar-brand{ color:#333;}
.navbar-inverse .navbar-nav>li>a{ color:#000;font-size: 16px; font-weight:normal; }
 
.nav>li>a{    padding: 10px 14px;}
.hidden-extp{ display:none;}
.p-0{ padding:0;}
.navbar-inverse{ background:none; border:none;     float: right;    margin-top: 20px;}
.navbar-inverse .navbar-nav>li>a:hover{ color:#006900;}
.welcme{ background:#ffffff; color:#333; padding:2% 0;}
.welcme h1{ font-size:30px}
.pr-0{ padding-right:0;}

.seperater {    margin: 0 auto;}
.seperater:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 160px;
    height: 2px;
    background-color: #f87172;}
/* .seperater:after {
    position: absolute;
    content: '';
    left: 10px;
    top: 6px;
    width: 40px;
    height: 2px;
    background-color: #cd7400;
}*/
 .seperater {
    position: relative;    margin-bottom: 31px;
    margin-top: 15px !important;
    width: 182px;
}

.abut-bg{    background: #eaeaea; margin: 20px 0;  padding-bottom: 3%; float:left; width:100%;}
html {
  scroll-behavior: smooth;
}
.p-2{ padding:2% 0;}
.mt-10{ margin-top:5px;}
.visinm{ background:#00B259; position:fixed; height:100%;    width: 100%; } 
.text-light{ color:#fff!important;}
.tcb-product-photo img{ height:180px;}
.mb-5{ margin-bottom:40px;}
.mt-5{ margin-top:50px;}
.gall{ float:left; width:100%; /*background:url(../images/business-women-signature-document.jpg) no-repeat fixed; background-size:cover;*/ }
footer{ margin-top:20px;}
.left-hom{ padding:30px  ;padding-top:10%;}
.right-cold img{ margin-bottom:20px}
.right-cold:after{     background:#dc2258 /*url(../images/boder-mid.jpg) no-repeat*/; width: 31px; content: "";  height: 100%; left:-24px; position: absolute; top: 0;}
.right-cold{ background:#c1b8a5; padding:30px ;    height: 100%;position: fixed;    right: 0;padding-top:10%;}
.bgfiriz{ background:#132650; padding:30px 20px; }
.bgfiriz input{ width:100%; padding:8px; border:none; margin-bottom:6px;}
.bgfiriz h2{ border-bottom:2px solid #ff8d00; padding-bottom:4px; margin-bottom:10px; display:inline-block; text-transform:uppercase}
.titl{ text-transform:uppercase; color:#000; font-weight: bold;}
footer .ac-rag{ color:#fff!important;}
.right-sidtitl{ float: left; width: 100%;  border: none;  background: #ffc107;border-bottom: 1px solid #fffbfb; text-align: left; padding: 9px;
    text-transform: uppercase;}
.list-product{    padding-left: 29px; float:left; width:100%;}
.right-sidtitl:focus{ outline:none} 
.list-product li{    list-style-type: circle; color:#333;    padding: 3px 0;}
.list-product li a{ color:#333;}
.titl-inner{ margin-top:0; padding-top:0;color: #4c7eba;}
.hbgs{    background: url(../images/header-bg.jpg) fixed; }
.produc{ background:url(../images/about_bg.png) fixed; padding:4% 0; margin-top:50px;}
.font-sml{ font-size:14px;}
.mt-3{ margin-top:30px;}
.tirld{   background:#e5e6e9;padding: 8px;display: block; text-align:center; margin:0 0 20px 0}
.tirld:hover{ background:#ff8d00;  }
.produc .titl , .produc .tirld a, .tirld a:hover{ color:#fff;} 
.quot { background:#ffca00; color:#fff; padding:10px 30px; display:inline-block; margin:20px 0;}
.quot:hover{ color:#ccc; background:#222; text-decoration:none;}
a, a:hover{ color:#000; text-decoration:none}

#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}
.nav-justified > li > a
{    color: #212020;
    border-radius: 0px;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #dc2258; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #4caf50; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }
.cbgfluid{ padding:2% 0;    background:#1c3160; color:#fff; margin:40px 0 0;}
.bg-wel{     background: #f7f9fb; color:000; padding:2% 0; margin:0 0 40px 0;}


.single-our-service .img-box {border: 1px solid #b7b7b7;position: relative;}
.single-our-service .img-box:hover .overlay { opacity: 1;}
.single-our-service .img-box .overlay {position: absolute;top: 0;left: 0; bottom: 0;right: 0;  background: rgb(52 53 48 / 70%);
border-bottom: 3px solid #cd7400; opacity: 0; transition: all 0.5s ease;}
.single-our-service .img-box .overlay .box {display: table;  width: 100%;  height: 100%;}
.single-our-service .img-box .overlay .box .box-content {  display: table-cell;  vertical-align: bottom;  text-align: center; color:#fff;     padding: 1%;}
.single-our-service .img-box .overlay .box .box-content a {  color: #fff;  text-transform: uppercase; background: #1c3160;  font-weight: bold;font-size: 14px;line-height: 45px;display: inline-block;padding: 0 55px;position: relative;top: 3px;transition: all 0.5s ease;}
.vison{ background: #ececed url(../images/bg-visio.png) no-repeat fixed; padding:4% 0; }
.bg-Mission{   padding: 1% 2%;border-radius: 20px;}
.bg-vison{  padding: 1% 2%;border-radius: 20px;}
.footer-bottom p{ font-size:15px}
.navbar-inverse .navbar-nav>li>a:focus{ color:#333;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover{background-color: transparent; color: #4c4949}
.aproc{ padding:3% 0 5%;    background: #f7c400; color:#fff;}
.glb-btn{isplay: inline-block; padding: 10px 25px; background: #111111; color: #fff;text-transform: uppercase; border-radius: 0;text-decoration: none;}
.glb-btn:hover{ color:#fff; background:#444}
.form-group .form-control{ padding:20px;}
.fa-sort-down{    position: absolute; top: 7px; right: 0;}
.innhed { text-align:center; background:#6e7ea4;}
.innhed .tiddt { color:#fff;margin-top: 8px;} 
.produc-bg{     background: #fefbf6; padding:1% 0 3% } 
.img-box img{ height:auto;}
.explor{     background:#ff8d00;    padding:9px 55px; color:#fff;     border-radius: 4px;display: inline-block;    margin-top: 10px; border:1px solid #fff;}
.explor:hover{ color:#fff; background:#0f57aa}
.profs{ margin:0;}
.captch-inp{ float:left; margin-right:10px; width:50%!important;    margin-top: 9px;}
.top-hed {  background: #78CD56;}
.ul-top{ margin:0;font-size: 16px;    padding-top: 5px;}
.ul-top li {
    float: left;
    list-style-type: none;
    padding-right: 20px;
}
.ul-top li a { color:#fff;
font-weight: 600;
  font-size: 14px;
}
.wp-chat img {
    width: 5%;
    border-radius: 50%;
    position: fixed;
    bottom: 5px;
    left: 16px;
    z-index: 999;
    display: block;
}
.rightcall {
    width: 70px;
    height: 70px;
    position: fixed;
    top: 88px;
    right: 0;
    box-shadow: 0 0 23px #bbb8b8;
    border-radius: 50%;
    text-align: center;
    z-index: 10000;
    background: #fff;
}
.radius-50{ border-radius:50px}
.pt-0{ padding-top:0;}
.pt-30{ padding-top:30px;}
.bg-none{ background:none}
.banner-boto {  background: #ed7c1d; color: #fff;  padding:17px 0 17px;  margin-bottom: 30px; margin-top:5px;}
.cont-subm{ float:left; width:100%; margin-top:10px;}
.contact-us .foot-hid{display:none}
.prod-list li{     float: left;    width: 48%; list-style-type: none; padding: 20px; box-shadow: 0 0 10px #ccc;  margin: 9px; height: 80px;}
.rmore{ font-weight:bold; display:inline-block; margin:20px 0; }
.bg-fo{background: #78cd56;}
.bg-inq{ background:#f87172; color:#fff!important; border-radius:5px; color:#fff;}
.bg-inq:hover{ background:#f87172!important;}

@media all and (max-width: 768px) {
  .tcb-product-item {  margin-bottom: 30px;}
 .wp-chat img {  width: 15%;}
.prod-list li{ width:100%;}
.prod-list{ padding:0;}
.rightcall{top: 35%;}
}
.grnne{    background-color: #00BF63;    margin-right: 9px;}