/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
body, .sp-preloader {
  background-color: #fafcff;
  color: #333;
}
.sp-preloader > div {
  background: #3d2867;
}
.sp-preloader > div:after {
  background: #fafcff;
}
#sp-top-bar {
  background: #333;
  color: #fff;
}
#sp-top-bar a {
  color: #fff;
}
#sp-header {
  background: #fff;
}
a {
  color: #3d2867;
}
a:hover, a:focus, a:active {
  color: #200750;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: fadeOut(#3d2867, 0.9);
  color: #3d2867;
}
.tags > li a:hover {
  background: #200750;
}
.article-social-share .social-share-icon ul li a {
  color: #333;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #3d2867;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #333;
}
.sp-reading-progress-bar {
  background-color: #3d2867;
}
.sp-megamenu-parent > li > a {
  color: #252525;
}
.sp-megamenu-parent > li > a::before, .sp-megamenu-parent > li > a::after {
  background: #200750;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #200750;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #200750;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
.sp-megamenu-parent .sp-mega-group > li > a::before, .sp-megamenu-parent .sp-mega-group > li > a::after {
  background: #200750;
}
#offcanvas-toggler > .fa {
  color: #252525;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #200750;
}
.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #200750;
}
.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: fade-out(#252525, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: fade-out(#252525, 0.2);
}
.btn-primary, .sppb-btn-primary {
  border-color: #3d2867;
  background-color: #3d2867;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #200750;
  background-color: #200750;
}
ul.social-icons > li a:hover {
  color: #3d2867;
}
.sp-page-title {
  background: #3d2867;
}
.layout-boxed .body-innerwrapper {
  background: #fafcff;
}
.sp-module ul > li > a {
  color: #333;
}
.sp-module ul > li > a:hover {
  color: #3d2867;
}
.sp-module .latestnews > div > a {
  color: #333;
}
.sp-module .latestnews > div > a:hover {
  color: #3d2867;
}
.sp-module .tagscloud .tag-name:hover {
  background: #3d2867;
}
.search .btn-toolbar button {
  background: #3d2867;
}
#sp-footer, #sp-bottom {
  background: #fff;
  color: #484848;
}
#sp-footer a, #sp-bottom a {
  color: #484848;
}
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
  color: #200750;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #484848;
}
.sp-comingsoon body {
  background-color: #3d2867;
}
.pagination > li > a, .pagination > li > span {
  color: #333;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #333;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #3d2867;
  background-color: #3d2867;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #3d2867;
  background-color: #3d2867;
}
.error-code, .coming-soon-number {
  color: #3d2867;
}
/* CUSTOM */
#sp-header-top .container-inner {
  border-bottom: 2px solid #52180c;
}
#sp-logo .logo-slogan {
  border-left: 2px solid #200750;
}
.sp-contact-time span {
  color: #200750 !important;
  font-size: 20px !important;
}
.standartButton, .standartButtonServices {
  background: linear-gradient(155.27deg, #8e53ff -1.1%, #200750 100.01%);
}
.mailFooter a {
  color: #3d2867 !important;
}
.mailFooter a:hover, #sp-bottom .sp-contact-info li a:hover, #sp-bottom .sp-module ul.footerMenu li a:hover {
  color: #200750 !important;
}
.sp-page-banner, .sp-page-services {
  background: linear-gradient(155.27deg, #200750 -1.1%, #3a1287 100.01%);
}
.blockMiniAdv__item--icon i {
  color: #280a61 !important;
}
.headerSec p:after {
  background: #200750;
}
.numbItemNumbsAboutUs .nItemNumbsAboutUs, .numbItemNumbsAboutUs .znItemNumbsAboutUs {
  color: #3d2867;
}
.blockMiniAdv__item--title {
  color: #3d2867;
}
.itemBlockProjectsPage .imgItemProjects .catItemProjects, .itemBlockBlogPage .imgItemBlog .catItemBlog {
  background-color: #200750;
}
.itemBlockProjectsPage .textReadMoreItemProjects, .itemBlockProjectsPage .textReadMoreItemProjects:hover, .itemBlockBlogPage .textReadMoreItemBlog, .itemBlockBlogPage .textReadMoreItemBlog:hover {
  color: #3d2867;
}
.blockProjectsPage .listCategoriesProjects li a .checkListCat.activeCheckList, .blockBlogPage .listCategoriesBlog li a .checkListCat.activeCheckList {
  background-color: #3d2867;
}
.overConBlockSibngProj {
  background: -webkit-gradient(linear, right top, left top, from(#3d2867), color-stop(45%, #3d2867), color-stop(45%, #000), color-stop(42%, #fafcff), to(#fafcff));
  background: linear-gradient(to left, #3d2867 0%, #3d2867 45%, #000 45%, #fafcff 42%, #fafcff 100%);
}
.gallerySwiper .swiper-button-prev, .gallerySwiper .swiper-rtl .swiper-button-next, .gallerySwiper .swiper-button-next, .gallerySwiper .swiper-rtl .swiper-button-prev {
  color: #200750;
}
.blockContactsMap {
  background: linear-gradient(161.23deg, #7f49e7 -1.1%, #2c0f63 100.01%);
}
.itemBlockInMap p a:hover, .itemBlockInMap .BlockLink:hover {
  color: #200750;
}
.headerFormContats:before {
  background: #200750;
}
.buttonMenu .itemButtonMenu {
  background-color: #fff;
}
