/*** General CSS ***/
/*** Title ***/
.number h1 {
  	border-top: 10px solid #aaa;
    padding-top: 10px;
  	display: inline-block;
}
.title h2 {
  	color: #000000;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2em;
}
.number p {
  	color: #fff;
}
#sp-header-topbar a {
    color: #a1b08d;
}
/*** Buttom ***/
.btn {
  	color: #fff;
  	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 0;
    background-color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 45px 18px 45px;
  	transition: all .25s ease-in-out;
}
.btn:hover {
  	color: #fff;
}
.btn.bg:hover {
  	background: #000000!important;
}

/*** Header Area ***/
/* Top Header */
#sp-header-topbar {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    background: none;
}
#sp-header-topbar .container-inner {
  	border-bottom: 0;
}

/* Header Logo */
#sp-header {
    background: none;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
    box-shadow: none!important;
}
#sp-header.is-sticky {
    background: #222;
    top: 0;
}
#sp-header .search form input {
    background-color: #140c1a!important;
    font-family: Rajdhani,sans-serif;
    color: #6b54b6;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 500;
    padding-left: 37px;
    padding-right: 74px;
    -webkit-clip-path: polygon(6% 0,100% 0,100% 100%,0 100%,0 32%);
    clip-path: polygon(6% 0,100% 0,100% 100%,0 100%,0 32%);
    height: 63px;
    padding: 19.5px 0;
    padding-left: 33px;
    padding-right: 84px;
    background-color: #22152c;
    border: 1px solid transparent;
    -webkit-transition: border-color .2s ease-out;
    -o-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
}
#sp-header .search form  input::placeholder {
    font-family: 'Orbitron';
    color: #6b54b6;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .01em;
    font-weight: 500;
}
#sp-header .search form .input-group-btn {
  	background: #140c1a;
}
.input-group-btn button:before {
	content: "\f002";
	font-size: 22px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
	font-family: 'FONT AWESOME 5 FREE';
	font-weight: 600;
	color: #fff;
}
.input-group-btn button {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
	font-size: 0;
	margin-top: 10px;
	background: none;
	border: 0;
}
.input-group-btn button:hover {
	background: none;
}
body:not(.home) #sp-header,
body:not(.home) #sp-header-topbar {
  	background: #252C30;
  	position: static;
}

/* Header Menu */
.menu-with-offcanvas ul {
  	padding-left: 0;
}
.menu-with-offcanvas ul li {
  	list-style: none;
  	display: inline-block;
}
.menu-with-offcanvas ul li a {
  	padding: 10px 20px;
}
.menu-with-offcanvas ul li em {
  	font-size: 0;
}
.menu-with-offcanvas ul li em:before {
  	font-size: 16px;
  	color: #fff;
}

.sp-megamenu-parent>li>a, 
.sp-megamenu-parent>li>span {
  	color: #fff;
  	text-transform: uppercase;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: 0;
    right: 0;
  	margin: 0 auto;
}

/* Canvas Menu */


/*** Block Styles ***/
/* Slider */
.slider-content h4 {
    color: #FFFFFF;
    font-size: 56px;
    font-weight: normal;
    line-height: 1.2em;
}

/* About1 */
.about .title {
  	 padding: 20% 20% 20% 10%;
}
.about .title p {
  	margin: 30px 0;
}

/* Feature */
.feature .title h2 {
  	margin: 40px 0;
}
.feature-right-column .clearfix:nth-child(2),
.feature-right-column .clearfix:nth-child(3) {
  	display: inline-block;
}
.feature-right-column .clearfix:nth-child(2) {
  	margin-right: 30px; 
}

/* About2 */
.about2-item h4 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.about2-item p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7em;
    letter-spacing: 1px;
}

/* About 4 */
.about4 {
  	position: relative;
}
.about4:before {
  	content: "";
  	left: 0;
  	right: 0;
  	width: 30%;
  	height: 100%;
  	display: inline-block;
  	background: #1B0F23;
  	position: absolute;
  	top: 0;
}

/* Feature */
.feature-title h3 {
  	display: inline-block;
  	border-top: 4px solid #fff;
  	background-color: #1B0F23;
}
.sppb-addon-single-image-container,
.sppb-addon-single-image-container img {
  	width: 100%;
}
.feature-item h3 {
  	display: inline-block;
  	border-top: 4px solid #fff;
  	background-color: #1B0F23;
  	margin: 35px 20px;
}
.feature2-left-column > div {
    background-image: url(../images/waves-pattern.png);
    background-position: center center;
    background-repeat: repeat-y;
}
.feature2-item {
  	padding: 20% 20% 20% 20%;
}

/* Testimonial */
.testimonial-content {
  	max-width: 350px;
  	margin: 0 auto;
    background-color: #20132A;
  	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 40px 50px 40px;
  	border-radius: 0px 100px 10px 10px;
}

/* Counter */
.counter1-right-column {
  	background: #fff;
    padding: 20% 20% 20% 20%;
}
.counter1-right-column .title ul {
	padding-left: 0;
	margin-top: 30px
}
.counter1-right-column .title ul li {
	list-style: none;
	padding: 8px 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.counter1-right-column .title ul li:before {
    content: "\f068";
    font-family: 'FONT AWESOME 5 FREE';
    font-weight: 700;
    margin-right: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.counter1-right-column .title ul li:hover:before {
	margin-right: 25px;
}
.counter1-left-column .clearfix:nth-child(n+2) {
  	width: 33.3%;
  	float: left;
  	padding: 50px 20px;
}
.counter-item h2 {
    color: #000000;
    font-size: 60px;
    font-weight: bold;
    line-height: 90px;
}
.counter-item h5 {
    color: #A1B08D;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Blog */
.blog-content-column {
  	background-color: #F8FAF5;
  	padding: 20% 20% 20% 20%;
}
.title h2 {
  	margin-bottom: 30px;
}

/* Contact */
.contact-colum {
  	text-align: center;
}

/* Event */
.event-title h4 {
    color: #000000;
    font-size: 34px;
    font-weight: normal;
    text-transform: none;
    line-height: 1.2em;
}
.event-item ul {
  	padding-left: 0;
}
.event-item ul li {
  	list-style: none;
  	padding: 10px 0;
}
.event-item ul li:before {
  	content: "";
    top: -5px;
    left: 0;
    width: 30px;
    height: 1px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.event-line {
    border-bottom: 1px solid #E5E5E5;
}

/* Bottom Area */
#sp-bottom-center img {
  	margin: 0 auto;
}
#sp-bottom .sp-module .sp-module-title {
    margin: 0 0 30px;
    font-size: 25px!important;
    font-weight: 600;
    line-height: 1em;
}

/* Footer Copyright */


/*** Responsive Layout ***/
@media (min-width: 1400px) {
    .sppb-row-container {
        max-width: 1320px;
    }
}

@media (max-width: 1200px) {
    #sp-header {
          top: 0;
    }
  	#sp-header {
        height: 135px;
    }
}
/* Tablet Landscape Layout */
@media (min-width: 980px) {
  .contact-colum .clearfix:nth-child(n+2) {
    	display: inline-block;
        margin: 0 30px;
  }
  
}
@media (min-width: 980px) {
	#sp-logo {
		text-align: center;
		width: 100%;
    } 
 	.menu-with-offcanvas {
    	margin-left: 130px; 
 	}
  	.menu-with-offcanvas ul {
    	margin-top: 14px;
  	}
}


/* Tablet Portrait Layout */
@media (max-width: 979px) {

  	#sp-logo {
    	margin: 0 auto;
  	}
  	#sp-header.is-sticky {
    	height: 90px!important;
  	}
  	#sp-header .row > div .justify-content-end {
    	display: inherit!important;
  	}
  	.sp-megamenu-wrapper {
    	float: left;
    	width: 30%;
  	}
    #offcanvas-toggler {
        height: 30px!important;
        line-height: 30px!important;
    }
    #sp-header.is-sticky .burger-icon>span {
        background-color: #fff;
    }
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
  .counter1-left-column .clearfix:nth-child(n+2) {
      width: 100%;
  }
  
}

/* Mobile Small Resolution */
@media (max-width: 480px) {

  
}
#sp-header .container-inner > .row > div {
  	max-width: 100%;
  	width: 100%;
}
#sp-header > .container {
 	 max-width: 100%;
}

/*** Color Variables ***/
/* Get Variables */
:root {
    --background-color: currentColor;
    --background: currentColor;
    --text-color: currentColor;
}

/* General */
.btn.bg,
.btn:hover,
.feature2-left-column,
.event-item ul li:before,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:after {
    background-color: var(--background-color);
}

.title h5,
.counter1-item h5,
.counter1-right-column .title ul li:before,
.features-item h5,
#sp-bottom .sp-module .sp-module-title,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
    color: var(--text-color);
}
.number h1 {
  	border-color: var(--text-color);
}
/* Header */

/* Footer */

/* Blocks */
1