/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
}

/* Header Menu */
#sp-header {
    top: 0;
    height: inherit;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 9999;
    position: relative;
}
#sp-header.header-sticky {
    position: fixed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    top: 0;
}
body:not(.home) #sp-header {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  	font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: uppercase;
    position: relative;
}
.sp-megamenu-parent > li > span {
    color: #fff;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li {
    position: relative;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu > .align-items-center {
    background: #ffffff;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn {
    font-size: 15px;
    border: 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff !important;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 45px 20px 45px;
}
.btn:hover {
    color: #ffffff !important;
    background-color: #f48580;
    transform: scale(1.1);
    cursor: pointer;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

/* Divider */
.divider {
    margin: 0 auto;
}
.divider-right {
    float: right;
}

/* Services */
.services-item {
    position: relative;
}
.services-item:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0,15,43,0.36) 45%, #000f2b 100%);
    opacity: 0.89;
}

/* Team */
.team-row .clearfix, .team-item img {
    border-radius: 0px 60px 0px 0px;
}
.team-item .job {
    font-size: 18px;
    color: #F48580;
    padding: 15px 0 25px;
    display: inline-block;
}
.team-item .sppb-media-content {
    padding: 0 20px 20px;
}
.team-item h3 {
    border-bottom: 1px solid #D0E0E0;
}
.team-title {
    float: left;
    width: 50%;
    text-transform: uppercase;
}
.team-item .sppb-addon-text {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}
.team-time {
    float: right;
    width: 50%;
    text-align: right;
}

/* Our */
.our .sppb-col-md-5 {
    position: relative;
    z-index: 999;
}

/* Director */
.director {
    position: relative;
    z-index: 999 !important;
}
#sppb-addon-1608627733265 {
    border-top: 2px solid #C28F30;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}

/* Images */
.images-divider h3 {
    position: relative;
}
.images-divider h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    height: 2px;
    width: 60px;
    background-color: #F48580;
}

/* Feature */
.link-text {
    position: relative;
    background-color: rgba(0,0,0,0);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    color: #fff !important;
    border-bottom: 2px solid #fff;
    margin-top: 10px;
    display: inline-block;
}
.link-text:hover {
    border-bottom: 2px solid #161e39;
}
.link-text em {
   padding-left: 10px;
}
.link-text strong {
    display: none;
}

/* Testimonial */
.testimonial-item img {
    width: 170px;
    margin-top: -30px;
    -webkit-transition: .5s;
    transition: .5s;
}
.testimonial-item img:hover {
    transform: scale(1.1);
}
.testimonial-item h4.testimonial-job {
    color: #B7B7B7;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.3em;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Product */
span.hikashop_product_name {
    padding: 10px 0;
    display: inherit;
}
a.hikabtn.hikacart {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 15px;
    text-transform: uppercase;
    border: none;
}
a.hikabtn.hikacart:hover {
  	background: #222 !important;
}
.hikashop_subcontainer.thumbnail {
    border: 1px solid #eee;
    border-radius: 0 !important;
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    color: #fff !important;
    padding: 13px 20px;
}

/* Bottom */
#sp-bottom .sp-module .sp-module-title {
    font-size: 19px !important;
    text-transform: uppercase;
}
#sp-bottom p,
#sp-bottom a {
    line-height: 35px;
    font-size: 15px !important;
}

/* Footer Copyright */
#sp-footer {
  	border-top: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
    display: inline-block;
    width: 100%;
}
#sp-footer .container-inner {
    border-top: none;
}
#sp-footer1 {
  	padding-top: 5px;
}

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

/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	#sp-header {
    	top: 0px;
	}
  	.jm-category-module.default .jmm-rows.rows-3 > div > .jmm-item {
    	width: 98%;
    	margin: 20px 1%;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  	.category .sppb-column-addons .clearfix:nth-child(n+2) {
    	width: 100%;
    	margin-right: 0;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a, a.hikabtn.hikacart,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.our-left {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
.et-our-title-small {
  	color: var(--text-color) !important; 
}
.drive {
  	border-color: var(--text-color) !important;
}