/*feature-box*/
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text br {
    display: unset !important;
}}
.owl-carousel .owl-controls .owl-dots .owl-dot.active span, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
    border-color: unset !important;
}
.major-bgcolor, .spectrum-title-border .sppb-addon-title:after, .btn.btn-link:hover:after, .sppb-btn.btn-link:hover:after, .btn.sppb-btn-link:hover:after, .sppb-btn.sppb-btn-link:hover:after, .btn.btn-link:focus:after, .sppb-btn.btn-link:focus:after, .btn.sppb-btn-link:focus:after, .sppb-btn.sppb-btn-link:focus:after, .sp-page-title h2:after, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover, .sppb-progress .sppb-progress-bar-primary, .sppb-addon-ajax-contact form .sppb-btn-wrap button, .tags a:hover, .tags a:focus, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, #sp-right .sp-module .tagspopular ul li a:hover, #sp-right .sp-module .tagspopular ul li a:focus, .customNavigation > a:hover, .customNavigation > a:focus, .owl-carousel .owl-controls .owl-dots .owl-dot.active span, .spectrum-contact-info .sppb-icon .sppb-icon-inner, .error-page .btn, .sp-simpleportfolio .sp-simpleportfolio-filter ul li a:after, .search .page-title:after, #sp-bottom .sppb-addon-gallery ul > li a:hover {
    background: unset !important;
    color: unset !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
    color: unset !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
    padding: unset !important;
    border: none !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i {
    color: unset !important;
}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-title {
    margin-bottom: unset !important;
}}
@media only screen and (max-width: 480px){
.sppb-addon.sppb-addon-feature .sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: inherit !important;
  }}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text {
    font-size: inherit !important
  }}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container >i {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}}

/*dashboard-icon-001*/
.dashboard-icon-001 img {
    width: 60px;
    height: 60px;
    transition: 0.3s;
}
.dashboard-icon-001:hover img {
    transform: translateY(-5px);
}
.dashboard-icon-001 h6.sppb-addon-title.sppb-feature-box-title {
    font-size: 14px;
    font-weight: 600;
}

/*page title*/
.sp-page-title {
    padding: 15px 0px 15px 0px;
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
    background: #f1f1f1;
}
.sp-page-title .breadcrumb {margin-top: 0px;font-size: 13px;}
.sp-page-title i.fa.fa-home {
    color: #000;
}
.sp-page-title .breadcrumb >span, .sp-page-title .breadcrumb >li, .sp-page-title .breadcrumb >li+li:before, .sp-page-title .breadcrumb >li>a {
    color: #00000087;
}
.sp-page-title .breadcrumb >.active {
    color: #000;
}
.sp-page-title .breadcrumb >li>a:hover {
    color: #000;
}
.sp-page-title h2 {
    font-size: 18px;
    font-weight: 700;
}

/*header*/
.logo img {
    width: 250px;
}
#sp-header {
    height: 80px;
    box-shadow: 2px 2px 10px #00000015;
    background: #fff !important;
}

#sp-header .logo {
    height: 80px;
}
.logo img {
    max-height: 60px !IMPORTANT;
    height: auto !important;
    width: auto !important;
    transition: 0.5s;
}

.menu-fixed .logo img {
    max-height: 40px !IMPORTANT;
    height: auto !important;
    width: auto !important;
    transition: 0.5s;
}

#sp-header.menu-fixed {
    height: 60px;
}
#sp-header.menu-fixed .logo {
    height: 60px;
}
#sp-header.menu-fixed .sp-megamenu-parent >li >a, 
#sp-header.menu-fixed .sp-megamenu-parent >li >span {
    line-height: 60px;
}

/*off canvas*/
.offcanvas-menu {
    background: #fff;
    border-left: 5px solid #232323;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 50px 15px !important;
}
#offcanvas-toggler >i {
    color: #000;
}
#offcanvas-toggler {
    line-height: 90px;
}
@media(max-width:991px){
.close-offcanvas {
    color: #000 !important;
    border: 1px solid #000;
  }
#sp-header.menu-fixed #offcanvas-toggler {
    line-height: 60px;
  }}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #000 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    background: #232323 !important;
    color: #fff !IMPORTANT;
}
#offcanvas-toggler >i:hover {
    color: #e30613ad;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
    color: #000;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
    color: #000;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: #fffaf5c4;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    background: #fff7f7;
}
/*footer*/
#sp-bottom .sp-module { margin-bottom: 0; }
#sp-bottom .sp-module ul > li > a {
    letter-spacing: 1px;
    line-height: 1;
    color: #ffffffb8;
    font-size: 14px;
    padding-left: 15px;
    position: relative;
    margin: 0px !important;
}
#sp-bottom .sp-module ul > li:before {
    position: absolute;
    content: '>';
    color: #fff;
    left: 0;
    top: 0;
    font-size: 14px;
    font-family: 'Open Sans';
}
#sp-bottom .sp-module ul > li {
    position: relative;
}
#sp-bottom .sp-module ul > li > a:hover, #sp-bottom .sp-module ul > li > a:focus {
    color: #fff;
}
#sp-bottom .sp-module ul > li.active > a {
    color: #fff;
    font-weight: 600;
}
#sp-bottom #sp-bottom2 ul.nav.menu li {
    margin-bottom: 0px;
}
#sp-bottom3 .sppb-addon-content {
    letter-spacing: 0.5px;
}
#sp-footer .container-inner {
    padding: 10px 0px;
    text-align: center;
}
#sp-footer .container-inner .sp-column a:hover {
    color: #fff; 
}

footer#sp-footer {
    padding: 10px 0px !important;
    border-top: 1px solid #666;
}
@media only screen and (max-width: 991px){
#sp-bottom3 {
    margin-bottom: 0px !important;
}}
@media only screen and (max-width: 991px){
#sp-bottom2, #sp-bottom1 {
    margin-bottom: 20px !important;
}}

#sp-bottom .sp-module .sp-module-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
}

/*alert*/
.alert {
    background: #fce4e4;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/*end*/