/**
 * @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: #fff;
}
.sp-preloader > div {
  background: var(--maincolor);
}
.sp-preloader > div:after {
  background: #fff;
}
#sp-top-bar {
  background: var(--maincolor);
  color: #fff;
}
#sp-topmxte .sp-contact-info li {
  margin: 0px 30px 0px 0px;
  font-size: 100%;
}
#sp-topmxte #sp-top1, #sp-topmxte #sp-top2 {
  background: var(--fourthcolor);
  color: #fff;
  height: 46px;
  padding: 8px 20px;
  min-width: 400px;
 } 
ul.social-icons > li:not(:last-child) {
  margin-right: 10px;
}
 #sp-top {
  background: var(--secondcolor);
  border-bottom: 1px solid var(--maincolor);
  color: #fff;
  padding: 10px 0px;
 position:relative;
 align-items:center  
}

 #sp-footer2 a {
 position:relative;
 display:flex;
 align-items:center
   
}
#sp-footer2 a{  
 justify-content:center;
 color: #fff;
 height:30px;
 width:30px;
 border:1px solid var(--fourthcolor);
 border-radius:50%;
 overflow:hidden;
 transition:all .4s linear;
 z-index:1
}
#sp-footer2 a:after {
 position:absolute;
 content:"";
 top:0;
 left:0;
 right:0;
 border-radius:50%;
 height:100%;
 background-color:var(--maincolor);
 transition-delay:.1s;
 transition-timing-function:ease-in-out;
 transition-duration:.4s;
 transition-property:all;
 opacity:1;
 transform-origin:top;
 transform-style:preserve-3d;
 transform:scaleY(0);
 z-index:-1
}
#sp-footer2 a:hover:after {
 opacity:1;
 transform:scaleY(1)
}
#sp-footer2 a:hover {
 color: #fff;
 border:1px solid var(--maincolor)
}
#sp-header {
  background: #fff;
}
a {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: var(--maincolor);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: var(--maincolor);
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: var(--maincolor);
  color: #fff;
  border: 1px solid var(--maincolor);
}
.tags > li a:hover {
  background: transparent;
  color: var(--maincolor);
}
.article-social-share .social-share-icon ul li a {
  color: #585858;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: transparent;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #3a3736;
}
.sp-megamenu-parent > li > a {
  color: #42558c;
}
.sp-megamenu-parent > li:hover > a {
  color: var(--maincolor);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--maincolor);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #555;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--maincolor);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--maincolor);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #777a7c;
}
#offcanvas-toggler > .fa {
  color: #fff;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: var(--maincolor);
}
.offcanvas-menu {
 color: #555;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
 color: #555;
}
.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: rgba(255, 255, 255, 0.8);
}
.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: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: #fff;
}
.btn-primary {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.btn-primary:hover {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
ul.social-icons > li a:hover {
  color: var(--maincolor);
}
.sp-page-title {
  background: var(--maincolor);
}
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a:hover {
  color: var(--maincolor);
}
.sp-module .latestnews > div > a {
  color: #3a3736;
}
.sp-module .latestnews > div > a:hover {
  color: var(--maincolor);
}
.sp-module .tagscloud .tag-name:hover {
  background: var(--maincolor);
}
.search .btn-toolbar button {
  background: var(--maincolor);
}
#sp-footer, #sp-bottom {
  background: var(--secondcolor);
  color: #fff;
}
.sp-comingsoon body {
  background-color: var(--maincolor);
}
.pagination > li > a, .pagination > li > span {
  color: #3a3736;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #3a3736;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.error-code, .coming-soon-number {
  color: var(--maincolor);
}

.text-primary {
  color: var(--maincolor) !important;
}
.mx-slider-one .mx-slider-item:before{
	z-index: 1;
	content: "";
    position: absolute;
    top: 0;
    left: 0px !important;
    height: 100%;
    width: 100% !important;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(3, 31, 37, 0.75) 85%) !important;
}
#sp-header.mxte.header-sticky {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.65);
}

:root {
  --maincolor: #00aeef;
  --secondcolor: #061d24;
  --slide-primary: #77b5cb !important;
  --thirdcolor: #e4eded;
  --fourthcolor: #8fbac9;
  --fifthcolor: #f2fffe;
  --sixthcolor: #f2fffd;
}