@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


:root{
  --bg-theme1: #d5002c !important;
}

.u-header-topbar__nav-link i {
  font-size: 1.4rem;
  color: #fff;
}

.bg-theme1{
  background: var(--bg-theme1);
}

body{overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,p,span,ul,li,a,
body{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
strong> span{
  font-weight: bold;
}
.rounded-1{border-radius: 3px !important;}
.gallery-panel-wrapper img,
.rounded-2{border-radius: 7px !important;}
.rounded-3{border-radius: 10px !important;}
.rounded-4{border-radius: 15px !important;}
.u-header-topbar__nav-item + .u-header-topbar__nav-item-border::before, .u-header-topbar__nav-item + .u-header-topbar__nav-item-border-single > div::before{
  display: none;
}

.shadow1:hover {
  box-shadow: 4px 4px #6ac6f9;
}

.u-header__navbar-brand{}
.u-header__navbar-brand img{height: 60px;object-fit: contain;}

#basicsAccordion{}

.bg-img-hero{height: calc(100vh - 140px);display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;;}

.form-control{border-radius: 7px;}

.section-title{
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  display: flex;justify-content: center;
  margin-bottom: 40px !important;
}
.section-title::after {
  right: 0;
  margin: auto;
  display: none;
}

.section-padding{padding-top: 60px;padding-bottom: 60px;}


.six-item-slider {
  padding: 0px !important;
  background-color: transparent;
  border-radius: 10px;
}
.six-item-slider >.row>div{
  padding-left: 10px;padding-right: 10px;
}
.six-item-slider a{margin-bottom: 0px;display: block;border-radius: 10px;overflow: hidden;box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);background: #f9f9f9;padding: 10px;}
.six-item-slider img{
  border-radius: 5px;
  height: 150px !important;
  object-fit: cover;
  width: 100%;
  margin-bottom: 10px;
}
.six-item-slider h5{
  font-size: 14px;
  font-weight: 600;
  min-height: 40px;
}
.six-item-slider a div+div{
  padding: 10px;
  /* background-color: #ffffff; */
}
.six-item-slider button{
  padding: 6px 16px;
  font-weight: 400;
  /* color: #fff; */
  border-radius: 5px;
  font-size: 12px;
}


/* 
.categories-section .owl-item{margin-bottom: 3px;}
.categories-section .category-item{}
.categories-section a{
  box-shadow: unset;
  background-color: #ffffff;
  display: block;
  box-shadow: 3px 3px 5px rgba(0,0,0,.1);
  border-radius: 10px;
  overflow: hidden;
}
.categories-section img{height: 200px;object-fit: cover;width: 100%;}
.categories-section p{margin-bottom: 0;padding: 10px;min-height: 60px;font-weight: 600;line-height: 1.3;font-size: 16px;color: #353535;}
 */

 .categories-section{}
 .category-item {position: relative;overflow: hidden;border-radius: 10px;text-align: center;}
 .category-item img{height: 150px;object-fit: cover;width: 100%;}
 .category-item h5{position: absolute;bottom: 0;width: 100%;background: #fff;font-size: 14px;padding: 5px 10px;margin: 0;}

.shadow-theme{
  box-shadow: 1px 1px 0px ;
}

.faq-section{}
.faq-section .alert{padding: 0 20px;}
.faq-section .alert .alert-header{background: transparent;}
.faq-section .alert p{padding: 0px;}












.btn[class*=alert] {
  box-shadow: 2px 2px 0px 0px;
  transition: .5s;
  cursor: pointer;
}
.btn[class*=alert]:hover {
  box-shadow: 3px 3px 0px 0px;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert *{
  color: inherit;
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff
}

.alert-primary hr {
  border-top-color: #9fcdff
}

.alert-primary .alert-link {
  color: #002752
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db
}

.alert-secondary hr {
  border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
  color: #202326
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}

.alert-success hr {
  border-top-color: #b1dfbb
}

.alert-success .alert-link {
  color: #0b2e13
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}

.alert-info hr {
  border-top-color: #abdde5
}

.alert-info .alert-link {
  color: #062c33
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}

.alert-warning hr {
  border-top-color: #ffe8a1
}

.alert-warning .alert-link {
  color: #533f03
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.alert-danger hr {
  border-top-color: #f1b0b7
}

.alert-danger .alert-link {
  color: #491217
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.alert-light hr {
  border-top-color: #ececf6
}

.alert-light .alert-link {
  color: #686868
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}

.alert-dark hr {
  border-top-color: #b9bbbe
}

.alert-dark .alert-link {
  color: #040505
}





.testimonial {
  min-height: 220px;
  display: flex;flex-direction: column;
  justify-content: space-between;
}
.testimonial h3{
}

.testimonial .testimonial-content {
  padding: 35px 25px 35px 50px;
  margin-bottom: 35px;
  background: #fff;
  position: relative;
}

.testimonial .testimonial-content:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  border-top: 15px solid #718076;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.testimonial .testimonial-content:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  border-top: 15px solid #718076;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.testimonial-content .testimonial-icon {
  width: 50px;
  height: 45px;
  background: #0CCA4A;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 42px;
  position: absolute;
  top: 37px;
  left: -19px;
}

.testimonial-content .testimonial-icon:before {
  content: "";
  border-bottom: 16px solid #05A739;
  border-left: 18px solid transparent;
  position: absolute;
  top: -16px;
  left: 1px;
}

.testimonial .description {
  font-size: 15px;
  font-style: italic;
  color: #8a8a8a;
  line-height: 23px;
  margin: 0;
}

.testimonial .title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #525252;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}

.testimonial .post {
  display: block;
  font-size: 14px;
  color: #0CCA4A;
}

.owl-theme .owl-controls {
  margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
  background: #ccc;
  opacity: 1;
  transition: all 0.4s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #0CCA4A;
}


.copyright{background: #0d0d0d;color: #fff;text-align: center;}



@media(min-width:1200px){
  .u-header__navbar-brand, .u-header__navbar-brand > img {
    width: auto;
}
}



.dropdown-submenu {
  position: relative;
}

.dropdown-menu {
  min-width: 200px;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

a#searchClassicInvoker{color: #fff;}


@media(max-width:1200px){
  .u-header__navbar-brand, .u-header__navbar-brand > img {
    left: 0;
}
.u-header__navbar-brand, .u-header__navbar-brand > img
{
  width: auto;
}
.u-header-collapse__nav a:hover{
  color: #ffffff;
}


}
@media(max-width:576px){
  .bg-img-hero 
  {
    height: unset;
    padding: 50px 0;
    /*background-size: auto 100%;*/
  }
  p.text-white.font-size-20{
    font-size: 16px;line-height: 1.3;
  }
  .section-title {
    font-size: 26px;
}
h3.mb-4.font-weight-bold{
  font-size: 22px;
}
h1.text-lh-38.font-size-40.mb-0.flex-shrink-0.flex-md-shrink-1.mb-5{
  font-size: 30px;
}
a.btn.font-size-25.font-weight-bold.text-lh-1{
  font-size: 16px;
  padding: 15px 30px !important;
}
h2.font-weight-bold{
  font-size: 24px;
}
p.h5.mb-4{font-size: 16px;}
h3.font-weight-bold{font-size: 24px;}
i.fa.fa-3x{font-size: 50px !important;}
}



.owl-next ,
.owl-prev {
  position: absolute;
  bottom: 0px;
  top: 0;
  margin: auto;
  z-index: 1050;
  background-color: #f0f0f0;
  color: #000000;
  width: 30px;height: 30px;border-radius: 5px;display: flex;align-items: center;justify-content: center;
}
.owl-next {
  right: -10px;
}
.owl-prev {
  left: -10px;
}




.columns-section{}
.columns-section img{height: 250px;object-fit: cover;border-radius: 10px;}

.pagination{}
.pagination li a{padding: 5px 10px;display: block;}

@media(min-width:1200.1px){
  .columns-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .filter-toggler{
    display: none;
  }
}
@media(max-width:1200px){
  .filter-sidebar{position: fixed;top: 0;left: 0;bottom: 0;height: 100%;width: 280px;background: #fff;z-index: 1050;overflow-y: auto;padding: 15px 15px 40px 15px; opacity: 0;visibility: hidden;transform: translateX(-30px) scaleX(0);transition: .5s;transform-origin: left;}
  
  .filter-toggler{}
  .filter-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 1049;opacity: 0;visibility: hidden;transform: translateX(-30px) scaleX(0);transition: .5s;transform-origin: left;}
  
  .filter-sidebar-active .filter-sidebar,
  .filter-sidebar-active .filter-overlay{
    opacity: 1;visibility: visible;transform: translateX(-0px) scaleX(1);
  }
}

.img-gallery-magnific{margin-bottom: 10px;}
.img-gallery-magnific a{display: block;position: relative;}
.img-gallery-magnific img{height: 250px;object-fit: cover;width: 100% !important;}
.img-gallery-magnific i{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.5);color: #fff;font-size: 30px;opacity: 0;transition: .5s;visibility: hidden;border-radius: 10px;}
.img-gallery-magnific .image-popup-vertical-fit:hover i{opacity: 1;visibility: visible;}
.brand-section-wrapper, .single-franchise .supplier-section-wrapper, .single-service_supplier .brand-section-wrapper, .single-service_supplier .supplier-section-wrapper {
  background-size: cover;
  background-position: top;
}
.collapse p {
  padding: 0;
}
.logo1{position: absolute;left: 30px;bottom: 30px;}
.logo1 img{max-width: 150px;}
@media(max-width:576px){
.main-product .nav-tabs1{margin: 0 -10px !important;}
.main-product li{flex: 0 0 50%;margin: 0 !important;padding: 0 10px;margin-bottom: 10px !important;}
.main-product li:nth-child(even){padding-left: 0px;}
.main-product li a{width: 100%;}
.brand-section-wrapper, .single-franchise .supplier-section-wrapper, .single-service_supplier .brand-section-wrapper, .single-service_supplier .supplier-section-wrapper {
  background-size: contain;
  background-position: top;
  height: unset;min-height: unset;
}

.logo1 {bottom: 10px;left: 10px;}
.logo1 img{max-width: 100px;}

}

.new-boxes .icon-wrapper{height: 80px;display: flex;align-items: center;justify-content: center;}

.alert-success{
  background: #f2f2f2;
  color: #000;
  border-color: #c0c0c0;
}
.alert-success .border-success{
  border-color: #c0c0c0 !important;
}


.mfp-bottom-bar
{display: none;}
.mfp-arrow {
  top: 80% !important;
}
.mfp-arrow-left {
  top: calc(80% + 15px) !important;
}

.img-gallery-magnific{margin-bottom: -10px;}
.magnific-img{margin-bottom: 20px;}



















h2.section-title.alert.alert-black {
  box-shadow: unset;
  border: 0;
  border-style: unset;
  border-color: unset;
  color: black;
  background: url();
  border-radius: 0;
}
h2.section-title.alert.alert-black:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  background: #000000;
  width: 100px;
  height: 2px;
  z-index: 1;
  border-radius: 0;
  display: block;
}
.category-item img,
.six-item-slider img {
    height: auto !important;
}

a.btn.btn-light.px-5.rounded-2{
	    font-size: 1.25038rem;    line-height: 1;    font-weight: 700 !important;    padding: 1rem 2.5rem !important;    background-color: #333e48 !important;color: #ffffff;
}
.faq-section .alert {
    /*height: 100%;margin: 0;*/
}
.card-btn-arrow {
    margin-bottom: 0;
}
.faq-section >div>.row,
.faq-section #basicsAccordion>.row{margin: 0;}
.faq-section #basicsAccordion>.row>div{
	margin-bottom: 15px;
}
button.px-0.btn.btn-link.btn-block
{
	/*padding-bottom: 0 !important;*/
}

.collapsed .card-btn-arrow {
  width: 30px;
  display: block;
  height: 20px;
}
.column.brand-info.float-left.block.common-info.alert.alert-success.rounded-2.m-0 {
  width: 100%;
}