/**
 * Split sprite icons � individual PNGs cropped from images/sprites.png
 * Loaded after style.css / style2.css / style3.css / responsive.css
 */

.sprite {
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0 !important;
  display: inline-block;
}

/* Button arrow */
.leftcont-ban a i.btnarow,
.btnredstyl a i.btnarow,
i.sprite.btnarow {
  background-image: url("../images/icons/btnarow.png") !important;
  background-position: 0 0 !important;
  width: 39px;
  height: 10px;
}

.leftcont-ban a:hover i.btnarow,
.btnredstyl a:hover i.btnarow,
.portfolio-mmbx .leftcont-ban a:hover i.btnarow {
  background-image: url("../images/icons/btnarow-dark.png") !important;
  background-position: 0 0 !important;
}

/* portfolio hover keeps light arrow in original CSS */
.portfolio-mmbx .leftcont-ban a:hover i {
  background-image: url("../images/icons/btnarow.png") !important;
  background-position: 0 0 !important;
}

.fixedform-1 .input-btn::after {
  background: url("../images/icons/btnarow-dark.png") center no-repeat !important;
  background-position: center !important;
  width: 39px;
  height: 10px;
}

/* Slick arrows */
.slick-prev,
.slick-next {
  background: url("../images/icons/slick-prev.png") no-repeat center !important;
  background-position: center !important;
  width: 55px;
  height: 14px;
}

.slick-next {
  background-image: url("../images/icons/slick-next.png") !important;
}

/* Phone icon in CTA */
.maincta .callsdivs .iconphone,
i.sprite.iconphone {
  background-image: url("../images/icons/iconphone.png") !important;
  background-position: 0 0 !important;
  width: 26px;
  height: 26px;
}

/* Testimonials */
.testimonials .testi .testi-img::before {
  background: url("../images/icons/quote-mark.png") no-repeat center !important;
  background-position: center !important;
  width: 18px;
  height: 15px;
}

.testimonials .testi .testi-desc .verify {
  background: url("../images/icons/verified.png") no-repeat center !important;
  background-position: center !important;
  width: 16px;
  height: 16px;
}

/* What we offer icons + frame */
.what-offer > div > ul > li div:before {
  background: url("../images/icons/offer-frame.png") no-repeat center !important;
  background-position: center !important;
  width: 298px;
  height: 257px;
}

.what-offer > div > ul > li div + i {
  background-image: url("../images/icons/offer-icon1.png") !important;
  background-position: 0 0 !important;
  width: 66px;
  height: 66px;
}

.what-offer > div > ul > li i.icon2,
.what-offer ul li i.icon2 {
  background-image: url("../images/icons/offer-icon2.png") !important;
  background-position: 0 0 !important;
  width: 70px;
  height: 64px;
}

.what-offer > div > ul > li i.icon3,
.what-offer ul li i.icon3 {
  background-image: url("../images/icons/offer-icon3.png") !important;
  background-position: 0 0 !important;
  width: 61px;
  height: 63px;
}

.what-offer > div > ul > li i.icon4,
.what-offer ul li i.icon4 {
  background-image: url("../images/icons/offer-icon4.png") !important;
  background-position: 0 0 !important;
  width: 64px;
  height: 64px;
}

.what-offer ul li i.icon5,
.what-offer > div > ul > li i.icon5 {
  background-image: url("../images/icons/offer-icon5.png") !important;
  background-position: 0 0 !important;
  width: 64px;
  height: 63px;
}

.what-offer ul li i.icon6,
.what-offer > div > ul > li i.icon6 {
  background-image: url("../images/icons/offer-icon6.png") !important;
  background-position: 0 0 !important;
  width: 66px;
  height: 66px;
}

.what-offer ul li i.icon7,
.what-offer > div > ul > li i.icon7 {
  background-image: url("../images/icons/offer-icon7.png") !important;
  background-position: 0 0 !important;
  width: 73px;
  height: 59px;
}

.what-offer ul li i.icon8,
.what-offer > div > ul > li i.icon8 {
  background-image: url("../images/icons/offer-icon8.png") !important;
  background-position: 0 0 !important;
  width: 77px;
  height: 60px;
}

/* Navbar mega-menu icons */
.dropdown .lstnavig > .liststylss > li > a i,
.dropdown .lstnavig .liststylss i.iconlogo-design,
i.sprite.iconlogo-design {
  background-image: url("../images/icons/iconlogo-design.png") !important;
  background-position: 0 0 !important;
  width: 26px;
  height: 26px;
}

.dropdown .lstnavig .liststylss i.iconlogo-pack,
i.sprite.iconlogo-pack {
  background-image: url("../images/icons/iconlogo-pack.png") !important;
  background-position: 0 0 !important;
  width: 24px;
  height: 24px;
}

.dropdown .lstnavig .liststylss i.iconlogo-port,
i.sprite.iconlogo-port {
  background-image: url("../images/icons/iconlogo-port.png") !important;
  background-position: 0 0 !important;
  width: 25px;
  height: 25px;
}

.dropdown .lstnavig .liststylss i.iconlogo-review,
i.sprite.iconlogo-review {
  background-image: url("../images/icons/iconlogo-review.png") !important;
  background-position: 0 0 !important;
  width: 25px;
  height: 25px;
}

/* How it works process */
.howworks-mm .designbrief .processicons {
  background: url("../images/icons/process-circle.png") no-repeat center !important;
  background-position: center !important;
  width: 169px;
  height: 198px;
}

.howworks-mm .designbrief .processicons i,
.howworks-mm .designbrief .processicons i.icon1 {
  background-image: url("../images/icons/process-icon1.png") !important;
  background-position: 0 0 !important;
  width: 41px;
  height: 52px;
}

.howworks-mm .designbrief .processicons i.icon2 {
  background-image: url("../images/icons/process-icon2.png") !important;
  width: 51px;
  height: 47px;
}

.howworks-mm .designbrief .processicons i.icon3 {
  background-image: url("../images/icons/process-icon3.png") !important;
  width: 52px;
  height: 52px;
}

.howworks-mm .designbrief .processicons i.icon4 {
  background-image: url("../images/icons/process-icon4.png") !important;
  width: 50px;
  height: 50px;
}

.howworks-mm .designbrief .processicons i.icon5 {
  background-image: url("../images/icons/process-icon5.png") !important;
  width: 47px;
  height: 51px;
}

.howworks-mm .designbrief .processicons i.icon6 {
  background-image: url("../images/icons/process-icon6.png") !important;
  width: 48px;
  height: 48px;
}

.howworks-mm .designbrief .processicons i.icon7 {
  background-image: url("../images/icons/process-icon7.png") !important;
  width: 51px;
  height: 51px;
}

.howworks-mm .designbrief .processicons i.icon8 {
  background-image: url("../images/icons/process-icon8.png") !important;
  width: 50px;
  height: 50px;
}

/* Pricing range icons */
.pricerange-main .pricingbox .iconsbx i.icon1 {
  background-image: url("../images/icons/price-icon1.png") !important;
  background-position: 0 0 !important;
  width: 53px;
  height: 53px;
}

.pricerange-main .pricingbox .iconsbx i.icon2 {
  background-image: url("../images/icons/price-icon2.png") !important;
  background-position: 0 0 !important;
  width: 55px;
  height: 52px;
}

.pricerange-main .pricingbox .iconsbx i.icon3 {
  background-image: url("../images/icons/price-icon3.png") !important;
  background-position: 0 0 !important;
  width: 54px;
  height: 54px;
}

.pricerange-main .pricingbox .iconsbx i.icon4 {
  background-image: url("../images/icons/price-icon4.png") !important;
  background-position: 0 0 !important;
  width: 57px;
  height: 57px;
}

.pricerange-main .pricingbox .iconsbx i.icon5 {
  background-image: url("../images/icons/price-icon5.png") !important;
  background-position: 0 0 !important;
  width: 55px;
  height: 48px;
}

.pricerange-main .pricingbox .iconsbx i.icon6 {
  background-image: url("../images/icons/price-icon6.png") !important;
  background-position: 0 0 !important;
  width: 58px;
  height: 52px;
}

/* Side form / fields (legacy; modern theme may restyle .bpc-sideform) */
.fixedform .barforms {
  background: url("../images/icons/sideform-tab.png") no-repeat center !important;
  background-position: center !important;
  width: 62px;
  height: 346px;
}

.fixedform.active .barforms {
  background-image: url("../images/icons/sideform-close.png") !important;
  background-position: center !important;
}

.fixedform-1.active .barforms {
  background-image: url("../images/icons/sideform-close-tab.png") !important;
  background-position: center !important;
}

.fixedform .mm-field:before,
.fixedform-1 .mm-field:before {
  background: url("../images/icons/field-user.png") no-repeat center !important;
  background-position: center !important;
  width: 52px;
  height: 44px;
}

.fixedform .mm-field.emailfield:before,
.fixedform-1 .mm-field.emailfield:before {
  background-image: url("../images/icons/field-email.png") !important;
  background-position: center !important;
}

.fixedform .mm-field.selectsertvice:before,
.fixedform-1 .mm-field.selectsertvice:before {
  background-image: url("../images/icons/field-select.png") !important;
  background-position: center !important;
}

.fixedform .mm-field.whbgnone:before,
.fixedform-1 .mm-field.whbgnone:before {
  background: url("../images/icons/field-submit-arrow.png") no-repeat center !important;
  background-position: center !important;
  width: 21px;
  height: 21px;
}

.fixedform-1 .jform .mm-field.namefield::before {
  background: url("../images/icons/jform-name.png") center no-repeat !important;
  background-position: center !important;
  width: 50px;
  height: 50px;
}

.fixedform-1 .jform .mm-field.emailfield::before {
  background: url("../images/icons/jform-email.png") center no-repeat !important;
  background-position: center !important;
  width: 50px;
  height: 50px;
}

.fixedform-1 .jform .mm-field.selectsertvice::before {
  background: url("../images/icons/jform-select.png") center no-repeat !important;
  background-position: center !important;
  width: 50px;
  height: 50px;
}

/* Package active check badge */
.det-packages .boxpackages.active:before {
  background: url("../images/icons/package-check.png") no-repeat center !important;
  background-position: center !important;
  width: 95px;
  height: 95px;
}