@import url('../fonts/fonts.css');
::-webkit-scrollbar{width:6px;height:6px;background:#000000;}
::-webkit-scrollbar-track{border-radius:0px}
::-webkit-scrollbar-thumb{border-radius:0px;background-color:#999}
::-webkit-scrollbar-thumb:hover{background-color:#373C8E}
body {
  font-family: 'OpenSans', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; 
  text-shadow: none;
  position: relative;
  min-height: 100vh;
  background-color: #F9F9FF;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 60px;
}
.icon{
  stroke: unset;
  stroke-width: 0px;
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.12em;
  transform-origin: center;
}
.icon-1x{transform:scale(1.1)}.icon-2x{transform:scale(1.2)}.icon-3x{transform:scale(1.3)}.icon-4x{transform:scale(1.4)}
.icon-5x{transform:scale(1.5)}.icon-6x{transform:scale(1.6)}.icon-7x{transform:scale(1.7)}.icon-8x{transform:scale(1.8)}
.container{
  width: 100%;
  max-width: 1300px;
}
.navbar-sticky{
  position: sticky;
  border: 0;
  border-radius: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0 1px 4px #ccc;
  margin: 0;
  background: #fff!important;
}
.top-bar{
  background-color: #0a77c4;
}
.top-bar ul{
  margin: 0;
  padding: 8px 0;
  font-size: 14px;
}
.language-select{
  color: #fff;
}
.language-select button{
  background-color: transparent;
  border: 0;
}
.list-inline-login li{
  border-right: 2px solid rgba(255,255,255,.25);
  padding-left: 8px;
  padding-right: 11px;
}
.list-inline-login li:last-child{
  border: 0;
  padding-right: 0;
}
.list-inline-login a{color: #ffffff; text-decoration: none;}
.list-inline-login a:hover{color: #50ff08; text-decoration: none;}

.navbar-brand {
  height: auto;
  padding: 7.5px 15px;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 20px 18px;
}
.navbar-default .navbar-nav>li>a {
  font-family: "OpenSans-Bold";
  text-align: center;
  color: #434343;
  font-size: 14px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #509f55!important;
  background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
  color: #0a77c4!important;
  background-color: transparent;
}


.navbar-default .nav-link svg.icon{
  font-size: 18px;
}
.navbar-default .nav-link span{
  display: block;
}
@media(min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.slide-box{
  position: absolute;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.slide-box img{
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slide-box h2{
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 46px;
}
.slide-box p{
  font-family: 'OpenSans-Semibold',Arial,sans-serif;
  max-width: 520px;
  font-size: 18px;
  margin: 15px 0 25px 0;
}





.priority-section .col:nth-child(1){background-color: #0977c4;}
.priority-section .col:nth-child(2){background-color: #1a86d1;}
.priority-section .col:nth-child(3){background-color: #3398de;}
.priority-section .col:nth-child(4){background-color: #4baaee;}
.priority-section .col:nth-child(5){background-color: #5bb8fb;}
.priority-box{
  min-height: 360px;
  padding-top: 60px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
}
.priority-icon{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  color: #000;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 38px;
}
.priority-box h2{
  font-family: 'OpenSans-Bold', Arial, sans-serif;
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}
.priority-box p{
  color: #ffffff;
}


.main-heading{
  font-family: 'OpenSans-Bold', Arial, sans-serif;
  font-size: 40px;
  color: #434343;
}
.main-heading2{
  font-family: 'OpenSans-Bold', Arial, sans-serif;
  font-size: 23px;
  color: #434343;
  margin: 0;
}


.news-box{
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px;
  padding-left: 200px;
  border: 1px solid #0087be;
  margin-bottom: 20px;
  min-height: 155px;
  color: #434343;
  text-decoration: none;
  transition: 250ms;
}
.news-box:hover{
  color: #434343;
  text-decoration: none;
  background-color: #f3f3f3;
}
.news-box:last-child{
  margin-bottom: 0;
}
.news-imgbox{
  width: 180px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.news-imgbox img{
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.news-box h4{
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 15px;
}
.news-box h4:before{
  content: '';
  position: absolute;
  width: 36px;
  height: 2px;
  background-color: #0087be;
  bottom: 3px;
  left: 0;
}
.news-box p{
  font-size: 14.35px;'
  margin: 0;
  opacity: 0.92;
}


/*Start | Footer*/
footer{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.footer-para{
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
}
footer address a{
  display: inline-block;
  position: relative;
  padding-left: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #fff;
  text-decoration: none;
}
footer address a:hover{
  color: #28a745;
  text-decoration: none;
}
footer address svg.icon{
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 30px;
}
footer h3{
  font-family: "OpenSans-Bold";
  font-size: 22px;
  color: #fff;
  margin-top: 26px;
  margin-bottom: 20px;
}
.footer-link{
  list-style-type: none;
  padding: 0;
  padding-bottom: 20px;
}
.footer-link li{
  padding: 5px 0;  
}
.footer-link a{
  color: #ffffff;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-decoration: none;
}
.footer-link a:hover{
  color: #28a745
}
.footer-link a:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0087be;
  left: 0;
  top: 6.2px;
}
.footer-link a:hover:before{
  border-left: 6px solid #28a745;
}
.footer-form input, .footer-form textarea{
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  background: transparent;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 14px 0px;
  outline: none;
  color: #ffffff;
  resize: none;
}
.footer-form input::placeholder, .footer-form textarea::placeholder{
  color: #eeeeee;
}
.footer-form input:focus, .footer-form textarea:focus{
  color: #ffffff;
  border-bottom: 1px solid rgba(255,255,255,0.75);
}
.copyright{
  margin-top: 20px;
  color: #fff;
  font-size: 15px;
  background-color: #0a77c4;
}
.copyright a{
  font-size: 15px;
  color: #eee;
  margin-left: 18px;
}
@media(max-width: 767px){
  body{padding-bottom:0}
  footer{position: relative;}
  .copyright, .copyright .text-right{text-align: center;}
  .copyright a{margin-left:8px;margin-right:8px;}
  .copyright .col-sm-6{width:100%;}
}
/*End*/


/*Pre-Classes*/
.font-weight-semibold{font-family: 'OpenSans-Semibold',Arial,sans-serif;}
.font-weight-bold{font-family: 'OpenSans-Bold',Arial,sans-serif;}
.text-theme{color:#0087be}
.dropdown-toggle{position: relative;
  padding-right: 10px;
}
.dropdown-toggle .caret{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1px;
}
.dropdown-menu>li>a {
  padding: 7px 16px;
  font-family: "OpenSans-Semibold";
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0a77c4;
}
.dropdown-flip{
  animation-fill-mode: forwards;
  transform: scale(1, 0);
  transition: all 0.2s ease-out;
  display: block;
  transform-origin: top;
}
.open>.dropdown-flip, .dropdown:hover .dropdown-flip{
  transform: scale(1, 1);
}

.cart-container{
  display: flex!important;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 28px!important;
  padding-bottom: 28px!important;
}
.cart-container svg.icon{
  font-size: 22px!important;
  color: #0a77c4;
}
.cart-counter{
  font-family: "OpenSans"!important;
  display: inline-flex;
  font-size: 12px;
  background-color: #0a77c4;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 0px 6px;
  font-weight: normal;
  border-radius: 3px;
  margin-left: 12px;
  position: relative;
}
.cart-counter:before{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  margin-top: -6px;
  left: -5px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #0a77c4;
}

.dropdown-cart{
  width: 300px;
  max-width: 320px;
  padding: 10px;
}
.dropdown-cart>li>a{
  font-family: "OpenSans-Semibold";
  font-size: 17px;
  color: #fff!important;
  letter-spacing: 0.5px;
}
.dropdown-cart>li>a:hover{
  border-color: #0a77c4;
}

.cart-productscroll{
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
}
.cart-productlist{
  display: block;
  align-items: center;
  position: relative;
  min-height: 42px;
  padding: 1px 0 5px 60px;
  margin-bottom: 8px;
  user-select: none;
}
.cart-productimg{
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 0 0 1px #eee;
  border-radius: 3px;
}
.cart-productimg img{
  width: 100%;
  height: 100%;
}
.cart-productlist h6{
  font-family: 'OpenSans-Semibold',Arial,sans-serif;
  display: block;
  font-size: 15px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.cart-productlist p{
  font-size: 13px;
  margin: 2px 0 0 0;
  color: #0a77c4;
}
.cart-pricecount{
  display: flex;
  justify-content: space-between;
  padding: 2px 0;
  font-size: 17px;
}

.navbar-default .dropdown.dropdown-custom .dropdown-menu {
  min-width: auto;
  left: 0;
  right: auto;
}
.navbar-default .dropdown.dropdown-custom .multi-level li a:hover {
  color: #fff;
  text-decoration: none;
  background: #0a77c4;
}

/**/
.l{box-shadow: 0 0 0 1px red;}

input.input-bs3:not([type=checkbox]):not([type=select-multiple]), 
.input-bs3{
  height: 34px!important;
  padding: 6px 12px!important;
  font-size: 14px!important;
  line-height: 1.42857143!important;
  color: #555!important;
  background-color: #fff!important;
  background-image: none!important;
  border: 1px solid #ccc!important;
}
.btn-bs3{
  padding: 6px 12px!important;
  margin-bottom: 0!important;
  font-size: 14px!important;
  font-weight: 400!important;
  line-height: 1.42857143!important;
  text-align: center!important;
  white-space: nowrap!important;
  vertical-align: middle!important;
}
.py-30px{padding-top:30px;padding-bottom:30px;}
.py-40px{padding-top:40px;padding-bottom:40px;}.py-50px{padding-top:50px;padding-bottom:50px;}
.pl-0{padding-left:0!important}
.px-6px{padding-left:6px;padding-right:6px;}.px-8px{padding-left:8px;padding-right:8px;}
.mt-0px{margin-top:0px}.mt-5px{margin-top:5px}.mt-6px{margin-top:6px}.mt-7px{margin-top:7px}
.mt-8px{margin-top:8px}.mt-9px{margin-top:9px}
.mt-10px{margin-top:10px}.mt-15px{margin-top:15px}
.mt-20px{margin-top:20px}.mt-30px{margin-top:30px}.mt-40px{margin-top:40px}
.mb-20px{margin-bottom:20px}.mb-25px{margin-bottom:25px}
.mb-30px{margin-bottom:30px}.mb-40px{margin-bottom:40px}
.mx-0px{margin-left: 0!important; margin-right: 0!important}
.my-10px{margin-top:10px;margin-bottom:10px;}.my-15px{margin-top:15px;margin-bottom:15px;}
.my-20px{margin-top:20px;margin-bottom:20px;}.my-25px{margin-top:25px;margin-bottom:25px;}
.my-30px{margin-top:30px;margin-bottom:30px;}.my-35px{margin-top:35px;margin-bottom:35px;}
.my-40px{margin-top:40px;margin-bottom:40px;}
.mb-0px{margin-bottom:0}
.pr-5px{padding-right:5px!important}.pr-8px{padding-right:8px!important}
.pr-10px{padding-right:10px!important}
.text-white{color:#ffffff!important}
.font-13px{font-size:13px!important;}.font-14px{font-size:14px!important;}.font-15px{font-size:15px!important;}
.w-100{width:100%!important;}
.d-flex{
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
}
.mr-auto{margin-right:auto!important}
.ml-auto{margin-left:auto!important}
.align-items-center{align-items: center!important;}
.justify-content-center{
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.justify-content-between{
  -ms-flex-pack: space-between!important;
  justify-content: space-between!important;
}
.justify-content-around{
  -ms-flex-pack: space-around!important;
  justify-content: space-around!important;
}
.flex-wrap{
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 100%;
}
.btn-success {
  color: #fff;
  background-color: #509f55;
  border-color: #509f55;
}
.iframe-scrollhide{
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  margin-bottom: 50px;
}
.iframe-scrollhide iframe{
  display: block;
  width: 100%;
  margin-right: -20px;
  height: 570px;
  margin-top: -120px;
  overflow: hidden;
}
.ul-ol-adjust ul,
.ul-ol-adjust ol{
  padding-left: 20px!important
}


/*Start | Products Box*/
.product-mainbox{
  position: relative;
  border: 1px solid #ddd;
  padding: 30px 10px 10px 10px;
  text-align: center;
  overflow: hidden;
  min-height: 340px;
  transition: 350ms;
}
.product-mainbox:hover{
  border: 1px solid #509f55;
  box-shadow: 0 6px 12px #ccc;
}
.product-toplinks{
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  top: -60px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  transition: 350ms;
}
.product-mainbox:hover .product-toplinks{
  top: 0;
}
.product-toplinks a{
  width: 70px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #0087be;
}
.product-toplinks a:hover{
  color: #509f55
}
.product-mainimg{
  position: relative;
  height: 180px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 0px;
  z-index: 0;
}
.product-mainimg img{
  position: absolute;
  width: auto;
  max-width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
  transition: 350ms;
}
.product-mainbox:hover .product-mainimg img{
  transform: scale(0.8);
  transform-origin: center;
}
.product-suppnameprice{
  display: block;
  position: relative;
  min-height: 105px;
  padding: 5px 0;
  background: rgba(255,255,255,0.85);
  transition: 350ms;
  z-index: 2;
}
.product-suppnameprice .quick-view-wrapper{
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%; 
  transform: scale(0);
  transition: 350ms;
}
.product-mainbox:hover .product-suppnameprice .quick-view-wrapper{
  transform: scale(1);
}
.product-suppnameprice .quick-view-wrapper .btn-quick-view{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  color: #fff;
  background-color: #509f55;
  border-color: #509f55;
}
.product-mainbox:hover .product-suppnameprice{
  margin-top: -50px;
}
.product-suppnameprice a{text-decoration: none;}
.product-suppname{
  font-weight: normal;
  font-size: 12px;
  color: #555;
}
.product-naming{
  font-family: 'OpenSans-Semibold',Arial,sans-serif;
  font-size: 16px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
  color: #111;
}
.product-formname{
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 12px;
  color: #509f55;
}
.product-mainprice{
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 20px;
  color: #0087be;
}
.product-addtocart{
  position: absolute;
  bottom: -80px;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 3;
  height: 70px;
  transition: 350ms;
}
.product-addtocart .btn{
  padding: 6px 10px;
}
.product-addtocart .form-control,
.product-addtocart input:not([type=checkbox]):not([type=select-multiple]) {
  height: auto!important;
}
.product-mainbox:hover .product-addtocart{
  bottom: 0;
}
/*End | Products Box*/



.contact-form{
  background: #f4f4f4;
  padding: 15px;
}

/*product list page css*/
.prodlist-view{
  list-style: none;
  display: block;
  padding: 0;
}
.prodlist-box{
  display: flex;
  align-items:  center;
  background: #f5f5f5;
  transition: 350ms;
  margin-bottom: 20px;
  outline: 1px solid #f1f1f1;
}
.prodlist-box:hover{
  box-shadow: 0 6px 12px #ccc;
  outline: 1px solid #509f55;
}
.prodlist-imgbox{
  margin-bottom: auto;
  min-width: 140px;
  max-width: 140px;
  height: 140px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  position: relative;
}
.prodlist-imgbox>img{
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.prodlist-textbox{
  width: 100%;
  max-width: 420px;
  padding: 10px 15px;
}
.prodlist-textbox>a{
  display: inline-block;
}
.prodlist-pricebox{
  padding: 10px 15px;
}
.prod-suppliertext {
  font-weight: normal;
  font-size: 13px;
}
.prod-maintext{
  font-family: 'OpenSans-Semibold',Arial,sans-serif;
  font-size: 18px;
  width: 100%;
  padding: 3px 0;
}
.prod-formtext {
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 12px;
  color: #509f55;
  padding: 3px 0;
}
.prod-pricetext {
  font-family: 'OpenSans-Bold',Arial,sans-serif;
  font-size: 22px;
  color: #0087be;
}
.prodlist-actionbox{
  margin-left: auto;
  padding: 10px 15px;
  min-width: 290px;
  max-width: 300px;
  text-align: center;
}
.prod-toplinks a{
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0px 10px 20px 10px;
}
.input-plusminus{
  width: 120px; 
  display: inline-block; 
  vertical-align: top;
}
@media(max-width: 700px){
  .prodlist-box{
    flex-flow: row wrap;
    margin-bottom: 25px;
  }
  .prodlist-imgbox{
    margin: 15px auto 0 auto;
    min-width: 120px;
    max-width: 120px;
    height: 120px;
  }
  .prodlist-textbox{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  .prodlist-actionbox{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-bottom: 20px;
  }
  .prodlist-pricebox {
    padding: 5px 15px;
    text-align: center;
    width: 100%;  
  }
}
/*end product list css*/