#sp-header {
    position: fixed !important;
    width: 100% !important;
    height: auto !important;
    top: 0;
    left: 0;
    padding: 5px 0;
    box-shadow: none;
    background-color: #ffffff !important;
    background-image: linear-gradient(131deg, #ffffff 0%, #ffffff 100%) !important;
    border-bottom: 3px solid red;
}
#sp-header:not(.header-sticky) {
    padding: 3px 0;
    background: #ffffff !important;
    border-bottom: 3px solid red !important;
}
#sp-header.header-sticky {
  position: fixed;
  z-index: 9999;
  background-image: none !important;
}
#sp-header .sp-megamenu-parent > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #000000 !important;
    text-transform: capitalize;
    line-height: 1.4;
    padding: 15px 2px 0 2px;
    margin: 0;
}
.icon-top-wrapper {
    height: auto;
    line-height: 60px;
    margin: 10px 0 0 20px;
    width: 15px;
    position: relative;
    z-index: 999999;
}
.icon-top-wrapper i {
    color: #000000 !important;
    cursor: pointer;
    transition: 300ms;
    font-size: 14px;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border-width: 0 0 3px 0;
    border-style: solid;
    border-image: linear-gradient(135deg, #ff0000, #ff0000) 1 !important;
}
.com-search.view-search #sp-header:not(.header-sticky) {
    padding: 3px 0;
    background: #ffffff !important;
    background-image: none !important;
    border-bottom: 3px solid red;
    position: static !important;
}
.sp-page-title {
    padding: 210px 0 115px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
  color: #ff0000 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
  color: #ff0000 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a::before {
    width: 30px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ff0000 !important;
    width: 0px;
    height: 2px;
    transition: 0.5s;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #ffffff !important;
}
.sppb-icons-group-list li {
    float: left;
}
#sp-page-builder .service-widget:after, #sp-page-builder .service-widget2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  border-radius: 6px;
  background-image: linear-gradient(133deg, #ff0000 0%, #E5222A 100%) !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sppb-btn-default {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-align: center;
  padding: 20px 30px !important;
  border: 0;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(131deg, #ff0000 0%, #E52A2B 100%) !important;
}
.sppb-btn-default:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 50%;
  top: 55%;
  left: 15%;
  z-index: -1;
  background-image: linear-gradient(131deg, #ff0000 0%, #E52A2B 100%) !important;
  filter: blur(12px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sppb-btn-default:hover, .sppb-btn-default:focus {
  color: #fff;
  background-image: linear-gradient(-131deg, #ff0000 0%, #E52A2B 100%) !important;
}
.sppb-btn-default:hover:after, .sppb-btn-default:focus:after {
  background-image: linear-gradient(-131deg, #ff0000 0%, #E52A2B 100%) !important;
  opacity: 1;
}
.sppb-divider {
    border-image: linear-gradient(135deg, #ff0000, #E52A2B) 1 !important;
}
#mod-sp-simpleportfolio .sp-simpleportfolio-overlay:after, #sp-simpleportfolio .sp-simpleportfolio-overlay:after {
  background-image: linear-gradient(133deg, #ff0000 0%, #E52A2B 100%) !important;
}
.com-spsimpleportfolio .pagination .page-item .page-link {
  color: #fff !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
  text-decoration: none;
  color: #fff !important;
}
.sppb-btn-success {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff !important;
  text-align: center;
  padding: 20px 30px;
  border-radius: 0;
  border: 1px solid #E52A2B !important;
  background-image: linear-gradient(131deg, #ff0000 0%, #E52A2B 100%) !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sppb-btn-success:hover {
    border-color: #E52A2B;
    background-image: linear-gradient(-131deg, #fb1308 0%, #ff0000 100%) !important;
}
.btn-primary {
    background-image: linear-gradient(131deg, #ff0000 0%, #b9191e 100%) !important;
}
.btn-primary, .sppb-btn-primary {
    border-color: #b9191e !important;
    background-color: #E52429 !important;
}
.btn-primary:hover, .btn-primary:focus {
    border-color: #E52429 !important;
    background-color: #E52429 !important;
    background-image: linear-gradient(131deg, #E52429 0%, #ff0000 100%) !important;
}
.sppb-btn-primary:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 0px;
  right: 0;
  top: 50%;
  background: #000 !important;
  transform: translateY(-50%);
}
.pagination-wrapper .pagination, div.pagination {
    background-image: linear-gradient(133deg, #ff0000 0%, #E52A2B 100%) !important;
}
.pagination-wrapper .pagination, .com-spsimpleportfolio .pagination {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  justify-content: center;
  padding: 20px 25px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  align-items: center;
  background-image: linear-gradient(133deg, #f00 0%, #E52A2B 100%) !important;
  margin-bottom: 0px !important;
}
.sppb-slider-wrapper .sppb-slideshow-fullwidth-item .img-wrap img {
    margin-top: 70px;
}
.sppb-testimonial-pro .sppb-carousel-inner > .sppb-item {
    text-align: left;
    padding-left: 180px;
}
.sppb-testimonial-pro .sppb-testimonial-message {
    font-size: 24px;
    color: #fff;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 200;
}
.sppb-testimonial-pro .sppb-carousel-inner > .sppb-item > img {
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 100%;
}
#sp-page-builder .contact-widget .sppb-icon .sppb-icon-container {
    color: #E52429 !important;
}
.fa-dribbble::before {
    content: "\f0e3" !important;
    font-family: FontAwesome;
}
.sppb-btn-primary {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    background-color: #000000 !important;
    padding: 20px;
    margin: 0;
    position: relative;
}
.sppb-ajax-contact-content .sppb-form-group .sppb-form-control:hover {
    border-color: #E52429 !important;
}
a {
    color: #ff0000 !important;
}
#sp-bottom .linbg {
    background-image: url(/images/link-icon.png);
    background-repeat:no-repeat;
    background-position:center bottom;
}
.com-spsimpleportfolio.view-item #sp-main-body .container .sp-simpleportfolio-title {
    text-align: center;
    background: #f9f9f9 !important;
    padding: 40px 0;
    margin-bottom: 40px;
}
.pager > li a {
    border: 1px solid #dbdbdb !important;
    color: #252525;
}
.pager > li a:hover {
    border: 1px solid #ff0000 !important;
    color: #ff0000;
}

@media only screen and (max-width: 480px) {
  .sp-simpleportfolio .sp-simpleportfolio-img {
  display: block;
  max-width: 100%;
  height: 220px;
}
  }