@media(Max-width:991px){
  .center-text {
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
}
}

/*slideshow*/
@media(min-width: 992px){
.home-slideshow {
    margin-top: -110px !important;
}}
.sppb-slideshow-fullwidth-item-text {
    width: 50%;
    float: right;
    background: #000000b0;
    padding: 50px;
}
@media(max-width:991px){
.sppb-slideshow-fullwidth-item-text {
    width: 100%;
    float: right;
    background: #000000b0;
    padding: 50px;
}}
.sppb-slideshow-fullwidth-item-text h1.sppb-fullwidth-title.zoomIn.sppb-wow.zoomIn.sppb-animated {
    color: #fff;
    font-weight: 300;
}
p.details.zoomIn.sppb-wow.zoomIn.sppb-animated {
    color: #fff;
}

.sppb-slideshow-fullwidth-item-text h1 {
    margin-bottom: 40px !important;
    position: relative;
}
.sppb-slideshow-fullwidth-item-text h1:before {
    position: absolute;
    content: '';
    width: 200px;
    height: 1px;
    background: #fff;
    bottom: -20px;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a {
    border-radius: 100px;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a:hover {
    background: #fff;
    color: #3b4591;
}


/*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;
}}
.sppb-addon.sppb-addon-feature.home-icon-001:hover a {
    color: #fff;
}


/*.title-bottom-border*/
.title-bottom-border h3 {
    position: relative;
    margin-bottom: 60px !important;
}
.title-bottom-border h3:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background: #fff;
    bottom: -30px;
}

/*button*/
.sppb-btn.sppb-btn-default {
    background: #fff;
    border-radius: 1000px;
    color: #3a4696;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #fff;
}
.sppb-btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:focus {
    background: #3a4696;
    color: #fff;
    border: 1px solid #fff;
}

.sppb-btn.sppb-btn-primary {
    background: #3a4696;
    border-radius: 1000px;
    color: #fff !important;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #3a4696;
}
.sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:focus {
    background: #fff;
    color: #3a4696 !Important;
    border: 1px solid #3a4696;
}


/*easy-image-gallery*/
.com-speasyimagegallery #sp-main-body {
    background: #3a4696;
    padding: 80px 0px 50px 0px;
}
.speasyimagegallery-gallery-item-content {
    display: none;
}
.speasyimagegallery-image-content {
    display: none;
}


/*simple portfolio*/
body.com-spsimpleportfolio #sp-main-body {
    padding: 80px 0px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter {
    margin-bottom: 15px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background: #3a4696;
    color: #fff !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
    color: #fff !important;
    margin: 0px !important;
    font-size: 18px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
    margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1px !important;
}

body {
    letter-spacing: 0.5px;
}
:focus {
    outline: none !important;
}

@media(max-width:991px){
h1 {font-size: 36px !important;}
h2.sppb-addon-title { font-size: 36px !important; }
h3 {font-size: 24px !important;}
h4 { font-size: 18px !important; }
h5 { font-size: 18px !important; }
h6 { font-size: 18px !important; }
body { font-size: 14px !important; }
}
.fa {
    font-family: 'FontAwesome' !important;
}
i.fa.fa-facebook.facebook-fixed {
    font-family: "Font Awesome 5 Brands" !important;
}

/*menu*/

header#sp-header {
    transition: 0.5s;
}
header#sp-header .logo img {
    transition: 0.5s;
    max-height: 80px;
    width: auto !important;
}
@media(min-width:992px){
header#sp-header .logo img {
    max-height: 80px;
    margin-top: 5px;
margin: auto;}
header#sp-header.menu-fixed .logo img {
    max-height: unset;
    margin-top: unset;
}
}
header#sp-header.menu-fixed .logo {
    transition: 0.5s;
}
header#sp-header.menu-fixed {
    height: 60px !important;
    background: #fff;
    margin: 0px;
}
header#sp-header.menu-fixed .logo {
    height: 60px;
}
header#sp-header.menu-fixed .logo img {
    height: 50px;
}

header#sp-header.menu-fixed .sp-megamenu-parent >li >a,
header#sp-header.menu-fixed .sp-megamenu-parent >li >span {
    line-height: 60px;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000;
    font-weight: 400;
    padding: 0px 10px;
    font-size: 14px;
    transition: 0.5s;
    text-transform: capitalize;
    letter-spacing: 1px;
    }

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {color: #3a4696 !IMPORTANT;}
@media(max-width:1150px){
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #000;
    font-weight: 500;
    padding: 0px 6px;
    font-size: 12px;
    transition: 0.5s;
}
}
header#sp-header {
    background: #fff !important;
    margin-top: 20px;
}
@media(max-width:991px){
header#sp-header .logo img {
    transition: 0.5s;
    max-height: 60px;
    width: auto !important;
}}
@media(max-width:768px){
header#sp-header {
    padding: 0px 15px;
    height: 70px !IMPORTANT;
    margin-top: 0px;
}
  #sp-header .logo {
    height: 70px;
    margin-left: 0px !important;
}
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0px !important;
}

div#sp-logo {text-align: left !important;background: transparent;}

.logo {text-align: center !important;margin: auto !IMPORTANT;}

#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    width: 450px !important;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border-radius: 0 0 3px 3px;
    padding: 10px 0;
    border: 1px solid #d9d9d9 !important;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {left: -100px;}


/*page title*/

.sp-page-title i.fa.fa-home {
    color: #fff;
}
.sp-page-title .breadcrumb >span, .sp-page-title .breadcrumb >li, .sp-page-title .breadcrumb >li+li:before, .sp-page-title .breadcrumb >li>a {
    color: #fff;
}
.sp-page-title .breadcrumb >.active {
    color: #fff;
}


/*off canvas*/
.offcanvas-menu {
    background: #fff;
    border-left: 5px solid #3a4696;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 50px 15px !important;
}
#offcanvas-toggler >i {
    color: #000;
}
#offcanvas-toggler {
    line-height: 70px;
}
@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: #3a4696 !important;
    color: #fff !IMPORTANT;
}
#offcanvas-toggler >i:hover {
    color: #007eb9ad;
}
.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;
}

/*pagetitle*/
@media(min-width:992px){
#sp-title {
    margin-top: -110px !IMPORTANT;
}}
.sp-page-title {
  padding: 220px 0 115px 0;
  background-repeat: no-repeat;
  /* background-position: 50% 0%; */
  background-size: cover;
  background-attachment: scroll !IMPORTANT;
  text-align: center;
  margin-top: 0px;
}
.sp-page-title h2 {
    color: #fff;
    font-weight: 800;
    text-shadow: 0px 0px 10px #000;
}
@media(max-width:991px) {
.sp-page-title {
  padding: 70px 0 70px 0;
  margin-top: 0px;
  background-attachment: scroll !important;
}
.sp-page-title h2 {
    font-size: 18px !important;
}}

/*bottom*/
#sp-bottom ul >li a {
    color: #fff;
    padding-right: 30px;
    text-transform: uppercase;
}
#sp-bottom ul >li {
    display: inline-block;
}

#sp-bottom .sp-module ul {
    text-align: center;
    padding-left: 30px;
}
#sp-bottom ul >li a:hover, #sp-bottom ul >li a:focus {
    color: #ffffff60;
}
div#sp-bottom1 {
    margin: 0px !important;
}

section#sp-bottom {
    padding: 15px !important;
}

/*footer*/
#sp-footer a {
    color: #fff;
    font-weight: 400 !important;
}
#sp-footer a:hover {
    color: #ffffff60;
}
@media(max-width:991px){
footer#sp-footer {
    padding-bottom: 100px;
}}

/*scroll up*/
a.scrollup {
    right: 100px !important;
    bottom: 30px;
}

.featherlight-content {
    background: transparent !IMPORTANT;;
}

/*pop up simple portfolio*/
.featherlight {
    z-index: 99999999999999;
}
.featherlight .featherlight-content {
    padding: 0px;
}