/**
 * @author JoomDev https://www.joomdev.com/
 * @copyright Copyright (C) 2008 - 2018 Joomdev.com. All rights reserved.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPLv2 or later
*/

body{
	color:@text_color;
	font-size:17px;
	line-height:1.7em;
	font-family:'Lato', sans-serif;
}

a{
	&:focus, &:hover{
		color:@major_color;
	}
}

h1, h2, h3, h4, h5, h6{
	line-height:normal;
}

select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input{
	border-radius:0;
	&:focus{
		box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	}
}

ul{
	padding-left:20px;
}

.major_bg_color{
	display:block;
	background:@major_color;
}

.sp-module .sp-module-title{
	font-size:22px;
	line-height:normal;
	text-transform:none;
}

#sp-top-bar{
	padding:15px 0;
	background:#1a1c27;
}

/*----- Page Title -----*/
#sp-page-title{
	.breadcrumb{
		margin:8px 0 0;
		>span, >li, >li + li:before, >li >a{
			color:@button_color;
		}
		> .active{
			color:@button_color;
		}
	}
	.sp-page-title{
		padding:50px 0;
		background:@major_color;
		border-bottom:1px solid #ddd;
		h2{
			font-size:40px;
		}
		h2, h3{
			color:@button_color;
		}
	}
}

#sp-main-body{
	padding:50px 0;
}

#sp-top1 .sp-contact-info{
	float:left;
}

#sp-top2 ul.social-icons{
	float:right;
	a{
		color:#fff;
		width:30px;
		height:30px;
		display:block;
		font-size:15px;
		line-height:28px;
		text-align:center;
		border-radius:3px;
		background:#464a4d;
		&:hover, &:focus, &:active{
			background:@major_color;
		}
	}
	> li{
		margin:5px;
	}
}

.sp-contact-info li{
	font-size:15px;
	a{ color:inherit; }
	.fa{
		margin:0;
		margin-right:5px;
		color:@major_color;
	}
}

.rtl .sp-contact-info li .fa{
	margin-left:5px;
}

#sp-header{
	height:auto;
	position:inherit;
	background:#222533;
}

.scrollup{
	right:50px;
	color:@button_color;
	bottom:30px;
	background:@major_color;
	border-color:@major_color;
	&:hover , &:focus, &:active{
		background:lighten(@major_color, 10%);
	}
	&:before{
		color:@button_color;
	}
}

/*----- Footer Section -----*/
#sp-footer{
	color:#fff;
	text-align:left;
	background:#222533;
	padding:50px 0 20px;
	.nav.menu{
		li{
			border:none;
			a{
				padding:5px 0;
				line-height:normal;
				display:inline-block;
				&:before{
					display:none;
				}
				&:hover , &:focus{
					color:@major_color;
					background:none;
				}
			}
		}
	}
	[id*="sp-footer"]{
		padding-bottom:30px;
	}
}

/*----- Copyright Section -----*/
#sp-copyright{
	color:#999;
	padding:20px 0;
	#sp-copyright{
		padding:0;
	}
	.nav.menu{
		text-align:right;
		li{
			border:none;
			margin-right:15px;
			text-align:left;
			display:inline-block;
			a{
				color:#999;
				padding:5px 0;
				line-height:normal;
				&:before{
					display:none;
				}
				&:hover , &:focus{
					color:@major_color;
					background:none;
				}
			}
			&:last-child{
				margin-right:0;
			}
		}
	}
}

.list{
	padding:0;
	li{
		list-style:none;
		.fa{
			padding-right:10px;
			color:@major_color;
		}
	}
}

.col_border{
	border:1px solid #ddd;
}

.list-style{
	margin:0;
	padding:0;
	list-style:none;
	.fa{
		padding-right:10px;
	}
}

.scrollup{
	right:20px;
	bottom:20px;
}

.white-popup-block{
	overflow:auto;
}

/*-----
	#1 Accordion
	#2 Button Group
	#3 Tabs
	#4 Testimonial 
	#5 Feature Box
-----*/

/*----- Accordion -----*/
.sppb-addon-accordion{
	.sppb-panel{
		.sppb-panel-heading{
			.sppb-panel-title{
				.fa{
					padding-right:5px;
				}
			}
			.sppb-toggle-direction{
				color:inherit;
			}
		}
		&.sppb-panel-default{
			border-top:0;
			border-right:0;
			position:relative;
			border-bottom:1px solid #ddd;
			border-left:1px solid #ddd;
			.sppb-panel-heading{
				background:none;
				&.active{
					.sppb-panel-title{
						color:@major_color;
					}
					&:before, &+.sppb-panel-collapse:before{
						top:0;
						left:-1px;
						content:'';
						height:100%;
						display:block;
						position:absolute;
						border-left:1px solid @major_color;
					}
				}
				.sppb-panel-title{
					color:inherit;
					font-size:inherit;
					font-weight:normal;
				}
			}
			&:last-child{
				border-bottom:none;
			}
		}
		&.sppb-panel-faq{
			.sppb-panel-heading{
				&.active{
					.sppb-panel-title{
						color:@major_color;
					}
					.sppb-toggle-direction{
						color:@major_color;
					}
				}
			}
		}
		&.sppb-panel-default{
			.sppb-panel-heading{
				&.active{
					.sppb-toggle-direction{
					color:@major_color;
					}
				}
			}
		}
	}
}

/*----- Button Group -----*/
@button-padding:10px 25px;
@default_btn: #222533 ;

.view-profile{
	#helpsite-refresh, a[title="Cancel"]{
		color:#fff;
		background-color:@default_btn;
	}

	.profile{
		ul.btn-toolbar{
			.btn{
				color:#333;
				background-color:@major_color;
			}
		}
	}
}

.error-page-inner{
	.btn-primary{
		color:#fff;
		background:@major_color;
		&:hover , &:focus , &:active{
			color:#fff;
			background:lighten(@default_btn, 10%);
		}
	}
}

.btn, .sppb-btn,.view-profile .profile .btn-toolbar .btn, .view-profile button{
	font-size:16px;
	padding:@button-padding;
}

.btn.active, .btn:active{
    box-shadow:none !important;
}

.sppb-btn-default{
	color:#fff;
	background:@default_btn;
	&:hover , &:focus , &:active{
		color:#fff;
		background:lighten(@default_btn, 10%);
	}
	&.sppb-btn-3d{
		color:#fff;
		background:@default_btn;
		border-color:lighten(@default_btn, 10%);
		&:hover, &:focus, &:active{
			color:#fff;
			background-color:lighten(@default_btn, 10%);
			border-color:lighten(@default_btn, 10%);
		}
	}
}

.sppb-btn{
	&.sppb-btn-outline,
	&.sppb-btn-3d{
		padding:@button-padding;
	}
}

.sppb-btn-default{
	border-color: transparent;
}

.btn-primary, .sppb-btn-primary{
	color:@button_color;
	&:hover, &:focus, &:active, &:active:focus, &:active:hover{
		color:@button_color;
		background:lighten(@major_color, 10%);
		border-color:lighten(@major_color, 10%);
	}
}

.sppb-btn-primary{
	&.sppb-btn-outline{
		color:@major_color;
		background:none;
		border-color:@major_color;
		&:hover, &:focus, &:active{
			background:none;
			color:lighten(@major_color, 10%);
			border-color:lighten(@major_color, 10%);
		}
	}
	&.sppb-btn-3d{
		background:@major_color;
		border-color:lighten(@major_color, 10%);
		&:hover, &:focus, &:active{
			background-color:lighten(@major_color, 20%);
			border-color:lighten(@major_color, 20%);
		}
	}
}

/*----- Tabs -----*/
div.sppb-addon-tab{

	ul.sppb-nav-tabs{
		li{
			&.active{
				a{
					color:@major_color;
				}
			}
			a{
				&:hover , &:focus{
					color:@major_color;
				}
			}
		}
	}

	ul.sppb-nav-pills{
		li{
			&.active{
				a{
					background:none;
					color:@major_color;
					border:1px solid @major_color;
				}
			}
			a{
				border:1px solid transparent;
				&:hover , &:focus{
					background:none;
					color:@major_color;
					border:1px solid @major_color;
				}
			}
		}
	}

	ul.sppb-nav-lines{
		border:none;
		li{
			&.active{
				a{
					color:@major_color;
					border-bottom:1px solid @major_color;
				}
			}
			a{
				border-bottom:1px solid transparent;
				&:hover, &:focus{
					color:@major_color;
					border-bottom:1px solid @major_color;
				}
			}
		}
	}
}

/*----- Feature Box -----*/
div.sppb-addon-feature{
	.sppb-icon-container{
		color:@major_color;
	}
}

/*-----
#1 Acymailing
#2 SP Simple Portfolio
#3 Smart Slider3
-----*/

/*----- Acymailing -----*/
div.acymailing_module{
	.acysubbuttons{
		text-align:left;
	}
	.acymailing_introtext{
		padding-bottom:10px !important;
	}
}

/*----- SP Simple Portfolio -----*/
.sp-simpleportfolio{
	.sp-simpleportfolio-filter{
		ul{
			li{
				margin:5px;
			}
		}
	}
	.sp-simpleportfolio-items{
		.sp-simpleportfolio-item{
			.sp-simpleportfolio-img{
				-webkit-transform: scale3d(1.15, 1.15, 1);
				transform: scale3d(1.15, 1.15, 1);
			}
			&:hover{
				.sp-simpleportfolio-img{
					-webkit-transform:none;
					transform:none;
				}
			}
		}
	}
	&.layout-default{
		
	}
	&.layout-gallery-space{
		
	}
	&.layout-gallery-nospace{
		
	}
}

div.featherlight{
	z-index:99;
}

/*----- Joomla Login Form -----*/
#login_form{
	width:90%;
	padding:30px;
	margin:0 auto;
	max-width:400px;
	background:#fff;
	h1{
		font-weight:normal;
	}
	.user_icon{
		display:block;
		font-size:55px;
	}
	input{
		&[type="text"],
		&[type="password"]{
			border-left:none;
			border-top:none;
			border-right:none;
			border-bottom:1px solid #ddd;
					box-shadow:none;
			-webkit-box-shadow:none;
			&:focus{
				border-color:@major_color;
			}
		}
	}
	.checkbox{
		text-align:left;
	}
	.form-links{
		ul{
			text-align:left;
			li{
				margin-right:8px;
				display:inline-block;
				a{
					color:#333;
					&:hover , &:focus{
						color:@major_color;
					}
				}
			}
		}
	}
	.or-section {
		text-align:center;
		margin-bottom:15px;
		border-bottom:1px solid #ddd;
		span {
			background: #fff;
			font-size: 22px;
			padding: 0 10px;
			position: relative;
			top: 15px;
		}
	}
	.form-validate{
		margin-top:20px;
	}
}

.highlight{
	padding:0 5px;
	color:@button_color;
	background:@major_color;
}

/*----- Popup LoginForm -----*/
.jd-modal-login{
	position:relative;
	.jd-my-account{
		display:block;
        min-width:95px;
		overflow:hidden;
		&:hover , &:active{
			ul.menu{
				display:block;
			}
		}
	}
	ul.menu{
		top:90px;
		padding:0;
		left:auto;
		width:190px;
		right:-10px;
		z-index:9999;
		display:none;
		border:1px solid #ddd;
		background:#fff;
		position:absolute;
		li{
			padding:0 15px;
			border-bottom:1px solid #ddd;
			&:last-child{
				border-bottom:none;
			}
			a{
				&:before{
					display:none;
				}
			}
			.fa{
				padding-right:5px;
			}
		}
	}
    button.close{
        top:0;
        margin:0;
        opacity:1;
        color:#fff;
        width:30px;
        height:30px;
        background:#000;
        line-height:normal;
    }
}

.popup_login{
	.modal-dialog{
		top:10%;
		width:90%;
		margin:0 auto 20px;
		max-width:400px;
	}
	.user_icon{
		margin-top:30px;
		.fa{
			font-size:55px;
		}
	}
	.modal-header{
		border:none;
		h2.title{
			margin:0;
		}
	}
	#login-form{
		input{
			border:0;
			box-shadow:none;
			border-bottom:1px solid #ddd;
			&:focus{
				border-color:@major_color;
			}
            &#modlgn-remember{
                margin-top:9px;
            }
		}
		ul.form-links{
			text-align:center;
			li{
				border:none;
				margin-right:5px;
				display:inline-block;
				a{
					&:before{
						display:none;
					}
				}
			}
		}
		.or-section {
			text-align: center;
			margin-bottom: 15px;
			border-bottom: 1px solid #ddd;
			span {
				background: #fff;
				font-size: 22px;
				padding: 0 10px;
				position: relative;
				top: 15px;
			}
		}
	}
	.form-group.pretext{
		margin-top:10px;
		margin-bottom:0;
		p{
			margin:0;
		}
	}
	.modal-header{
		padding:10px;
	}
	.modal-body{
		padding:10px;
	}
}

.profile-edit{
	.well{
		background:none;
		border:none;
		box-shadow:none;
		-webkit-box-shadow:none;
	}
}

/*----- MegaMenu Style -----*/
#sp-menu{
	.sp-module{
		float:right;
		.jd-modal-login{
			padding-left:10px;
			.jd-login{
				line-height:90px;
				a{
					color:@button_color;
					padding:8px 20px;
					border-radius:3px;
					background:@major_color;
					&:hover{
						background:lighten(@major_color, 10%);
					}
				}
			}
			#login-form{
				.login-greeting{
					color:#fff;
					line-height:90px;
					.fa-user-circle{
						font-size: 21px;
						padding-right: 3px;
						position: relative;
						top: 1px;
					}
				}
			}
		}
	}
}

.sp-megamenu-parent{
	position:static;
	>li{
		line-height:90px;
		>a, >span{
			color:#fff;
			padding:6px 15px;
			font-size:inherit;
			line-height:normal;
			text-transform:none;
		}
		&:hover{
			.border-btn{
				color:#fff;
			}
			.solid-btn{
				color:#333;
			}
		}
		&.active{
			.border-btn, .solid-btn{
				color:#fff;
			}
		}
		.border-btn{
			color:#fff;
			border-radius:3px;
			border:1px solid #fff;
			&:hover, &:focus, &:active{
				color:@major_color;
				border:1px solid @major_color;
			}
		}
		.solid-btn{
			color:@button_color;
			border-radius:3px;
			border:1px solid @major_color;
			background:@major_color;
			&:hover , &:focus , &:active{
				color:@button_color;
				background:darken(@major_color, 10%);
			}
		}
		&:last-child [class*="btn"]{
			margin-left:10px;
		}
	}
	.sp-menu-item{
		a{
			color:#fff;
		}
		&.current{
			a{
				color:@major_color;
			}
		}
	}
	.sp-dropdown{
		.sp-dropdown-inner{
			padding:0;
			border-top:3px solid @major_color;
			ul.sp-dropdown-items{
				> li.sp-menu-item{
					line-height:normal;
					border-bottom:1px dashed #d7d4d4;
					i.fa{ padding-right:5px; }
					> a{
						padding:10px 15px;
						-webkit-transition: all .2s ease-in-out;
						-o-transition: all .2s ease-in-out;
						transition: all .2s ease-in-out;
						&:hover{
							color:#fff;
							background:@major_color;
							padding-left:20px;
						}
					}
					&.active{
						> a{
							color:#fff;
							background:@major_color;
							padding-left:20px;
						}
					}
					&:last-child{
						border-bottom:none;
					}
				}
			}
		}
		&.sp-dropdown-mega{
			.sp-dropdown-inner{
				padding:0 15px 10px;
				.sp-group-title{
					color:#000;
					line-height:40px;
					margin-bottom:10px;
					text-transform:none;
					border-bottom:1px dashed #d7d4d4;
					&:hover , &:focus{
						color:#000;
						background:none;
					}
				}
				ul.sp-dropdown-items{
					> li.sp-menu-item{
						border:none;
					}
				}
			}
		}
	}
}

/*----- Mobile Menu -----*/
div #offcanvas-toggler > i{
	top:3px;
	color:#fff;
	font-size:28px;
	position:relative;
}

.offcanvas{
	.body-wrapper{
		transform:none;
		-webkit-transform:none;
	}
}

.offcanvas-menu{
	.offcanvas-inner{
		.sp-module ul > li > a{
			text-transform:none;
			&:before{
				display:none;
			}
		}
	}	
}
	
/*----- Default Style -----*/
.default-offcanvas{
	.offcanvas-menu{
		color:#333;
		background:#fff;
		.close-offcanvas{
			color:#000;
			border-color:#000;
		}
		.offcanvas-inner{
			padding:20px 0 0;
			.sp-module{
				&:first-child{
					
				}
				ul.nav.menu{
					margin:0 -30px;
					> li{
						padding:0 10px;
						a{
							color:#333;
						}
						.offcanvas-menu-toggler{
							color:#333;
							font-size:20px;
							padding:7px 20px;
						}
						&.active , &:hover , &:focus{
							a{
								color:@major_color;
								background:none !important;
							}
							.offcanvas-menu-toggler{
								color:@major_color;
							}
							ul{
								> li{
									a{
										color:#333;
									}
									.offcanvas-menu-toggler{
										color:#333;
									}
									&.active , &:hover , &:focus{
										> a{
											background:none !important;
											color:@major_color;
										}
										.offcanvas-menu-toggler{
											color:@major_color;
										}
									}
								}
							}
						}
						ul{
							background:none;
						}
					}
				}
			}
		}
	}
}

/*----- FullScreen -----*/
.full-screen-off-canvas{
	ul.nav.menu{
		margin:0 -30px;
		> li{
			padding:0 10px;
			&.active , &:hover , &:focus{
				a{
					color:@major_color;
					background:none !important;
				}
				.offcanvas-menu-toggler{
					color:@major_color;
				}
				ul{
					> li{
						a{
							color:#fff;
						}
						&.active , &:hover , &:focus{
							> a{
								background:none !important;
								color:@major_color;
							}
							.offcanvas-menu-toggler{
								color:@major_color;
							}
						}
					}
				}
			}
		}
	}
}

/*----- FullScreen From Top -----*/
.full-screen-ftop{
	
}

/*----- Slide Right -----*/
.slide-top-menu{
	.offcanvas-menu{
		background:rgba(0, 0, 0, 0.8);
		.sp-module{
			ul{
				
			}
		}
	}
}

/*----- Dark Plus -----*/
.new-look{
	.offcanvas-menu{
		.sp-module{
			ul{
				> li{
					&.active, &:hover, &:focus{
						a{
							background:@major_color;
						}
						ul{
							li{
								a{  }
								&.active{
									a{
										color:@major_color;
									}
								}
							}
						}
					}
					ul{
						li{
							a{
								&:hover, &:focus{
									color:@major_color;
								}
							}
						}
					}
				}
			}
		}
	}
}

/*----- Comming Soon Page -----*/
.sp-comingsoon-countdown{
    margin: 50px 0;
}

.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds{
    margin: 15px;
}

/*----- Responsive -----*/
@media (max-width:1200px){
	.container{
		width:98%;
	}
	.sp-megamenu-parent{
		> li{
			a,span{
				padding-left:13px;
				padding-right:13px;
			}
		}
	}
}

@media (max-width:767px){
	#sp-menu .sp-module .jd-modal-login #login-form .login-greeting{
		width:50px;
		white-space:nowrap;
	}
	#sp-copyright{
		text-align:center;
		.nav.menu{
			text-align:center;
		}
	}
    #sp-header{
        max-width:100% !important;
    }
    .sp-comingsoon .sp-comingsoon-title{
        margin-top: 40px;
        font-size: 36px;
    }
    .sp-comingsoon #sp-comingsoon{
        padding: 30px 0;
    }
}

@media (max-width:320px){
	#sp-header{
		[class*="col-xs"]{
			padding-left:10px;
			padding-right:10px;
		}
	}
}